Wie erstellt man eine elastische Web-Seite mit dem Dreamweaver von Macromedia

Posted on April 21, 2009 5:05

Im Gegensatz zu flüssigen Web Content passt sich automatisch an, dass ein Besucher den Browser Breite, die elastische Layout passt sich je nach Browser-Einstellung Text. Bezogen auf die Größe des Textes, die elastische Layout behält es die Form, auch wenn Sie die Größe Ihrer Browser-Fenster. Es ist eine gute Wahl für die Layout-Seite Inhalte, die Sie nicht möchten, dass automatisch nach dem Browser-Breite.

Ein Beispiel elastische Seite auf normalen Standard-Schriftgröße ist unter:

Ein fluessiger Design auf der anderen Seite wird eine gepresste Layout verkürzen, wenn Sie die Breite des Browsers:

Die elastische Layout auf der anderen Seite wird seine Layout, egal, was die Breite oder Höhe des Browsers ist.

Nun, da sehen Sie, was es wird aussehen, verhalten und ich werde Ihnen zeigen, wie man diese mit Adobe Dreamweaver.

Dreamweaver ist eine meiner Lieblings-Web-Editing-Tools, ist es klar definierte Vorlagen können Anwender schnell und einfach HTML-Frames und Layouts. Um eine elastische Seite in Dreamweaver erstellen Sie einfach eine neue Seite und klicken Sie dann auf Blank Template> HTML-Template:

Wählen Sie eines der Layouts mit einer elastischen Label. Eine Vorschau erscheint auf der rechten Ecke. Klicken Sie auf die Schaltfläche zum Erstellen der Seite:

Die erstellte Seite wird in der Dreamweaver-Editor:

Ich mag, wie er die Seite mit Beispiel-Text-Daten geladen werden. Dies erleichtert ein Designer die Visualisierung der Seite während der Entwicklung. Es zeigt, auf einmal, wie ein Header aussehen wird und wie die Elemente Absatz wird sich, wenn Sie die richtigen Content in.