Operation Manual

Nach oben
„Bootstrap umfasst ein fließendes Rastersystem mit einem für Mobilgeräte optimierten Responsive Design,
das entsprechend der Geräte- oder Viewport-Größe auf bis zu 12 Spalten skaliert werden kann. Außerdem
sind Klassen für benutzerfreundliche Layoutoptionen sowie leistungsstarke Mixins zum Generieren von
semantischen Layouts enthalten.“ – Bootstrap-Dokumentation
Für den Einstieg in Bootstrap-Dokumente mit Dreamweaver sollten Sie die Bootstrap-Startvorlagen
verwenden. Dreamweaver enthält eine Reihe von Vorlagen für verschiedene Arten von häufig erstellten
Websites, z. B. für E-Commerce oder Portfolios.
Wenn Sie ein Bootstrap-Dokument neu erstellen möchten, finden Sie hier eine Beschreibung.
Können vorhandene Dokumente mit fließendem Rasterlayout in
Dreamweaver zu Bootstrap-Dokumenten migriert werden?
Nein, es gibt kein direktes Verfahren zum Konvertieren von vorhandenen Dokumenten mit fließendem
Rasterlayout in Bootstrap-Dokumente. Bootstrap-Dokumente werden in Dreamweaver jedoch ähnlich wie
Dokumente mit fließendem Rasterlayout erstellt. Sie können z. B. zunächst ein Bootstrap-Dokument direkt
über das Dialogfeld „Neues Dokument“ erstellen. Während Dokumente mit fließendem Rasterlayout für drei
grundlegende Formfaktoren erstellt werden (Mobilgeräte, Tablets und Desktop), erstellen Sie für Bootstrap
zunächst ein Dokument für grundlegende Bildschirmgrößen – klein, mittel und groß. Die Optionen zur
Layoutbearbeitung, die beim Klicken auf Elemente in Bootstrap-Dokumenten angezeigt werden, sind
ebenfalls mit den Optionen für Dokumente mit fließendem Rasterlayout vergleichbar.
Bootstrap-Dokumente erstellen
Beginnen Sie mit dem Entwurf Ihrer Bootstrap-Website, indem Sie eine der folgenden Optionen im Dialogfeld
„Neues Dokument“ wählen:
Bootstrap-Startvorlagen (Startvorlagen > Bootstrap-Vorlagen) – Verwenden Sie diese
Option, wenn Sie sofort loslegen und mit einem bereits vorgefertigten Seitenlayout
beginnen möchten. Bearbeiten Sie einfach die Texte und ersetzen Sie die Elemente nach
Bedarf, um in wenigen Schritten eine fertige responsive Website zu erstellen. Weitere
Informationen finden Sie unter Bootstrap-Startvorlagen verwenden.
Ein HTML-Dokument basierend auf dem Bootstrap-Framework erstellen (Neues
Dokument > HTML > Bootstrap) – Verwenden Sie diese Option, wenn Sie Ihre Website
Stück für Stück mithilfe von CSS und Bootstrap-Komponenten in Dreamweaver erstellen
möchten. Weitere Informationen finden Sie unter HTML-Dokumente basierend auf dem
Bootstrap-Framework erstellen.
Bootstrap-Startvorlagen verwenden
Mit Bootstrap-Startvorlagen können Sie in wenigen einfachen Schritten Webseiten in vielen beliebten Layouts
erstellen. Alle abhängigen Dateien im Framework sind bereits vorhanden und müssen lediglich kopiert
werden.
1. Klicken Sie auf „Datei“ > „Neu“.
2. Klicken Sie im Dialogfeld „Neues Dokument“ auf „Startvorlagen“ und wählen Sie aus der
Liste der Bootstrap-Vorlagen die gewünschte Vorlage.
3. Klicken Sie auf „Erstellen“.
211