Operation Manual

Arbeiten mit Bootstrap-Dateien
Bootstrap ist das am häufigsten verwendete kostenlose HTML-, CSS-
und JavaScript-Framework zum Entwickeln von responsiven Websites
mit Priorisierung von Mobilgeräten. Das Framework enthält responsive
CSS- und HTML-Vorlagen für Schaltflächen, Tabellen, Navigation,
Bildkarussells und andere Elemente, die Sie auf der Webseite
verwenden können. Es sind auch einige optionale JavaScript-Plug-ins
verfügbar, die selbst Entwicklern mit lediglich grundlegenden
Codierungskenntnissen das Entwickeln großartiger responsiver
Websites ermöglichen.
Mit Dreamweaver können Sie Bootstrap-Dokumente erstellen und
außerdem vorhandene Webseiten bearbeiten, die mit Bootstrap
erstellt wurden. In Dreamweaver können Sie fertige Bootstrap-Dateien
und vorläufige Designs bearbeiten und dabei nicht nur
Codeänderungen vornehmen, sondern auch visuelle
Bearbeitungsfunktionen verwenden, z. B. die Bearbeitung in der Live-
Ansicht, den visuellen CSS-Designer, visuelle Medienabfragen und
„Extract“, um Änderungen am Design vorzunehmen.
Videotutorial: Mit Dreamweaver CC
Responsive-Websites entwickeln
(selbst ausprobieren, 3 Min.)
Erfahren Sie, wie Sie mit den
Funktionen für Responsive Webdesign
eine Website erstellen – entweder auf
Basis einer Bootstrap-Vorlage oder
komplett neu –, deren Inhalt sich an
verschiedene Bildschirmgrößen anpasst.
Hinweis:
Nach oben
Häufige Fragen
Bootstrap-Dokumente erstellen
Bootstrap-Dateien öffnen
Bootstrap-Elemente ausblenden, einblenden und ausgeblendete Bootstrap-Elemente
verwalten
Bootstrap-Komponenten hinzufügen
Zeilen hinzufügen
Spalten hinzufügen
Größe von Spalten ändern und Offset auf Spalten anwenden
Für Websites, die mit einem Bootstrap-Framework vor Version 3 erstellt wurden, sind visuelle
Bearbeitungswergkzeuge zum Ausblenden und Einblenden von Elementen und zum Bearbeiten von Zeilen
und Spalten (einfügen, Größe ändern, Offset) in Dreamweaver nicht verfügbar.
Häufige Fragen
Ich habe fließende Rasterlayouts in Dreamweaver verwendet. Wie steige ich
auf Bootstrap um?
Beim Erstellen von Dokumenten mit fließendem Rasterlayout wurde das Responsive Design Ihrer Webseiten
von Dreamweaver sichergestellt, indem die entsprechenden Klassen automatisch angewendet wurden. Sie
mussten sich nur auf Ihre Inhalte konzentrieren und entscheiden, wie sie in den verschiedenen Formfaktoren
dargestellt werden sollen.
In Bootstrap-Dokumenten müssen Sie sich ebenfalls nur auf Inhalt und Design konzentrieren und das
Responsive Design Ihrer Webseite wird von Dreamweaver sichergestellt. Dreamweaver ist eng mit dem
Bootstrap-Framework integriert.
210