Adobe Dreamweaver klingt vielleicht wie aus einer aktuellen Streaming-Serie entsprungen, ist aber ein unterschätztes Tool zur effizienten Bearbeitung von Websites.
Dabei bietet es nicht nur Funktionen für diejenigen, die gerne die orientierte Oberfläche nutzen, ohne groß programmieren zu müssen. Auch für Entwickler, die genaue Bearbeitung im Code möchten, bietet die Code-Ansicht mittlerweile immer mehr praktische Features.
Schnellbearbeitung
Der Schnellbearbeitungsmodus stellt kontextspezifischen Code und kontextspezifische Werkzeuge inline bereit.
Direkt in der HTML-Ansicht können CSS-Regeln bearbeitet werden, obwohl sie in einer verknüpften Datei hinterlegt wurden. Dazu einfach den Cursor in einer HTML-Datei innerhalb einer Klasse oder in einem id-Attribut (Name oder Wert) oder im Tag-Namen platzieren und Strg+E drücken.
Im Bedienfenster auf der rechten Seite behalten wir dabei auch stets den Überblick über die Selektoren.
In der CSS-Ansicht können Attribute, wie Farbwerte übersichtlich bearbeitet werden.
Farbvorschau
In jedem Dokumenttyp kann auf diese Weise auch die Farbvorschau angezeigt werden, indem wir mit der Maus auf eine Farbcodierung zeigen.
Bildvorschau im CSS-Code
Sehr praktisch: Inzwischen werden auch die Bildinformationen direkt im Code angezeigt. Dazu einfach auf eine Bild-URL zeigen, um eine Vorschau einzublenden.
Text mit „Tag um Objekt legen“ im Code einschließen
Auch für Text gibt es inzwischen praktische Funktionen: Mit der Funktion Tag um Objekt legen können auf die Schnelle Textstellen mit entsprechenden Tags eingeschlossen werden.
Fazit
Auch oder gerade wenn es um exaktes Coding geht, kann uns Dreamweaver durch das grafisch unterstützte User Interface unterstützen, da wir dadurch sehr schnell und übersichtlich arbeiten und navigieren können.
In unseren Dreamweaver Seminaren kann der Schwerpunkt auf die Entwickler- oder Grafikersicht gelegt werden, um Websites zu pflegen oder zu entwerfen. Zahlreiche Abkürzungen und Tipps bringen euch schneller ans Ziel – bei voller Kontrolle über den generierten Code.
Passende Seminare findet ihr hier:
