Wie man von Fluidelementen zu einem Layout in Dreamweaver hinzufügen
Nachdem Sie ein Fluid Grid Layouts in Dreamweaver erstellen, ist der nächste Schritt-Tags oder andere Elemente hinzufügen, um die Abschnitte des Entwurfs bilden. Sie haben zwei Möglichkeiten, wenn Sie Seiten in Dreamweaver CC Design: Tags verwenden oder HTML5-Tags verwenden.
Beide arbeiten in ähnlicher Weise in diesen Fluid-Layouts, aber unter Verwendung von HTML5-Tags, wie die Tags und hat einen Vorteil, weil die Tags zusätzliche Bedeutung und Struktur Ihrer Webseite hinzufügen.
So fügen Sie Tags, HTML5-Tags und andere Elemente zu einem Fluid Grid-Layout wie folgt vor:
Wählen Sie Einfügen-Structure-Navigation.
Alternativ können Sie Navigation in der Struktur Bedienfeld Einfügen klicken.
Wählen Sie das Einfügen als flüssige Element Kontrollkästchen im Dialogfeld Einfügen.
Wenn Sie die Fluid Grid Layout-Funktionen zu verwenden, müssen Sie diese Option wählen, wenn Sie Tags hinzufügen.
Im Dialogfeld einfügen, wählen Sie, ob Sie die Klasse oder ID-Selektor verwenden möchten, einen neuen Stil für den Tag zu erstellen Sie Einfügen und dann einen Namen für den neuen Stil ein.
Auch wenn Sie HTML5-Tags einfügen, müssen Sie eine entsprechende Klasse oder ID-Stil erstellen, die verwendet werden können, um das Element in allen drei Layouts zu formatieren.
Klasse Stil Namen müssen mit einem Punkt (.) Beginnen und ID-Stil-Namen müssen mit dem Rautenzeichen (#) beginnen.
Klicken Sie auf OK.
Der Tag wird dem Layout hinzugefügt, ein neues Feld in der Layout-Bildung und die entsprechenden Stilname wird dreimal mit dem CSS-Layout hinzugefügt.
Wählen Sie die anfängliche Tag, das im Layout enthalten war und dann auf den kleinen Papierkorb-Symbol, das an der unteren rechten Ecke des Tag, es zu löschen erscheint.
Obwohl Sie die anfängliche Tag enthalten in Fluid Grid Layouts halten können, oder können Sie den Stil angewendet umbenennen.
Wählen Sie Einfügen-Structure-Artikel.
Der Insert Artikel Dialogfeld geöffnet (ähnlich dem Header einfügen Dialogfeld).
Wählen Sie das Einfügen als flüssige Element Kontrollkästchen im Dialogfeld Einfügen.
Im Dialogfeld einfügen, wählen Sie, ob Sie die Klasse oder ID-Selektor verwenden möchten, einen neuen Stil für den Tag zu erstellen Sie einfügen und einen Namen für den neuen Stil ein.
Klicken Sie auf OK.
Der Tag wird dem Layout hinzugefügt, ein neues Feld in der Layout-Bildung und die entsprechenden Stilname wird dreimal mit dem CSS-Layout hinzugefügt.
Fügen Sie so viele Elemente, wie Sie für Ihr Layout möchten Schritte 6-9 durch Wiederholung.
eine Navigation, einen Kopf, zwei Artikel, und eine Fußzeile: Sie können durch Klicken auf die entsprechenden Symbole in der Struktur einfügen Panel HTML5-Elemente zu Ihrem Fluid Grid Layouts hinzufügen.
Beachten Sie, dass in dem Code, Dreamweaver das Präfix ergänzt Flüssigkeit- auf den Namen jeder Art, die Sie für Ihr Fluid Grid Layouts erstellen.
