Operation Manual

Nach oben
Nach oben
Festlegen der CSS-Datei, die als CSS-Datei mit fließendem Raster zu öffnen ist
Standardmäßig wird das fließende Raster für Mobiltelefone angezeigt. Zudem wird das
Bedienfeld „Einfügen“ für fließende Raster eingeblendet. Erstellen Sie Ihr Layout mithilfe
der Optionen im Bedienfeld „Einfügen“.
Um in die Ansicht zum Entwickeln eines Layouts für andere Geräte zu wechseln, klicken
Sie auf das entsprechende Symbol unter der Entwurfsansicht.
6. Speichern Sie die Datei. Wenn Sie die HTML-Datei speichern, werden Sie aufgefordert,
abhängige Dateien wie boilerplate.css und respond.min.js in einem Ordner auf Ihrem
Computer zu speichern. Geben Sie den Pfad an und klicken Sie auf „Kopieren“.
boilerplate.css basiert auf den HTML5-Grundbausteinen. Das ist ein Satz an CSS-Stilen,
die sicherstellen, dass Ihre Webseite auf mehreren Geräten in gleicher Weise
wiedergegeben wird. respond.min.js ist eine JavaScript-Bibliothek, die Unterstützung für
Medienabfragen in älteren Versionen des Browsers bietet.
Bearbeiten von Dokumenten mit fließendem Rasterlayout
Sie können Dokumente mit fließendem Rasterlayout direkt in der Live-Ansicht bearbeiten und dort folgende
Aktionen durchführen:
HTML-Klassen und IDs mit Elementen verknüpfen (siehe Elementanzeige)
Bildattribute und Text bearbeiten (siehe Schnellansicht-Eigenschafteninspektor und Text
direkt in der Live-Ansicht bearbeiten)
Neue Elemente einfügen (siehe Einfügen von fließenden Rasterelementen)
Mit der Elementschnellansicht können Sie auch die HTML DOM-Struktur eines Fluid Grid-Dokuments
anzeigen.
Einfügen von fließenden Rasterelementen
Im Bedienfeld „Einfügen“ („Fenster“ > „Einfügen“) werden die Elemente aufgelistet, die in einem fließenden
Rasterlayout verwendet werden können. Beim Einfügen der Elemente können Sie festlegen, ob Sie als
fließende Elemente eingefügt werden sollen.
1. Klicken Sie im Bedienfeld „Einfügen“ auf das Element, das Sie einfügen wollen.
2. Klicken Sie in dem jetzt angezeigten Dialogfeld auf „Vor“, „Nach“ oder „Einbetten“, um
das Element in Bezug auf das im Dokument hervorgehobene Referenzelement zu
positionieren.
Elemente in ein fließendes Rasterlayout einfügen
223