 |
Gestaltungs-tools
Tracing Image
ein, mit einem Grafik Programm erstelltes, Layout wird als Bild hinterlegt,
um nach dieser Vorlage die Seite zu gestalten,
das Bild erscheint nicht im Html-Code, also auch nicht im Browser
View > Tracing Image > Load
Anzeigen / Tracing Bild / Laden
transparency 50%
Tracing Image sichtbar, unsichtbar
View > Tracing Image > Show
Anzeigen / Tracing Bild / Zeigen
vordefiniertes Farbschema benutzen
Commands / Set Color Scheme
Befehle / Farbschema einstellen
Hier kann man vordefinierte Farbschemata für den body-tag benutzen, die in einer kleinen Vorschau angezeigt werden. Will man eigene Farbschemata abspeichern, muß man die Datei colorSchemes.js, welche sich in einem Unterordner des Programms befindet bearbeiten. DreamweaverMX/ Configurations/ Commands
Die einfachste Lösung ist, sich ein vorhandenes Farbschema zu kopieren und einzufügen und dann den Namen sowie die gewünschten Farben zu ändern. Beim nächsten Programmstart ist die Änderung abrufbar.
colorSchemes.Black[++i] = new Array();
colorSchemes.Black[i].name = "Cobra,yello";
colorSchemes.Black[i].bgcolor = "#000000";
colorSchemes.Black[i].text = "#FF9900";
colorSchemes.Black[i].link = "#FF0000";
colorSchemes.Black[i].vlink = "#CC3333";
colorSchemes.Black[i].alink = "#990000";
Html Styles
Html Styles gibt es ab Dreamweaver 3, damit kann man sich öfter gebrauchte Schriftformatierungen abspeichern und benutzen, nicht zu verwechseln mit Style Sheets
Window / Html styles öffnet die Palette
Fenster / Html Stile
man unterscheidet zwischen Formatierungen für einzelene Textstellen a (Textstelle markieren, und gewünschten html Stil anklicken)
und denen für den Paragraph tag <p> ¶ (innerhalb eines Absatz klicken, und gewünschten html style anklicken)
die mit + Zeichen gekennzeichneten html Stile fügen die Formatierung einer schon vorhandenen Formatierung hinzu
die ohne + Zeichen ersetzen eine vorhandene Formatierung
um eine Formatierung zu löschen, markiert man die Textstelle (a), oder klickt in den Absatz (¶) und wählt: a Auswahlstil löschen / Clear Selection Style bzw. ¶ Absatzstil löschen Clear Paragraph Style
klickt man auf den kleinen schwarzen Dreieckspfeil, in der Html Stile Palette oben rechts, öffnet sich ein Menue mit dem man vorhandene Html Stile verändern kann oder neue hinzufügen kann
die Html Stile werden als Datei mit der Endung xml im Ordner "Library" abgespeichert, dieser Ordnder wird im root Ordner der aktiven Site angelegt und kann von dort in den Library Ordner einer anderen Site kopiert werden, wie man es von Windows Dateien kennt
Vorlage
Was ist das?
Man kann sich mit Dreamweaver Vorlagen erstellen. Diese Vorlagen sind sehr nützlich, wenn man mehrere Html Seiten erstellen will, die gleichbleibende Elemente, wie Bilder Tabellen, Schriftformatierung etc.besitzen sollen. Die Vorlagenseite wird als Vorlage gespeichert. Die Html Seiten werden auf der Grundlage der Vorlagenseite erstellt und besitzen dann bearbeitbare Bereiche und nicht veränderbare Bereiche. Ein weiterer Vorteil ist die Tatsache, dass sich alle Html Seiten auf einmal aktualisieren lassen, wenn man die Vorlagenseite ändert.
Vorlage in Dreamweaver MX erstellen.
Wähle das "Elemente" Fenster
Klicke auf das zweitletzte "Vorlagen" Symbol am linken Rand vom "Elemente-Fenster"
Klicke mit rechter Maustaste auf den rechten Bereich und wähle Neue Vorlage.
Vergebe einen Namen (rechts)
Klicke die neue Vorlage (rechts) doppelt an, oder wähle unten das zweitletzte Symbol "Bearbeiten"
Es öffnet sich nun eine leere Seite im Hauptfenster mit der Endung dwt
Erstelle nun die Elemente die die Seite bekommen soll: Tabellen, Bilder
Markiere die Bereiche, die veränderbar sein sollen und wähle, Einfügen, Vorlagenobjekte, Bearbeitbarer Bereich
Speichere die Vorlagen Seite ab, sie wird standardmässig im Unterordner "Templates" in der Site mit der Endung dwt gespeichert.
Html Seite auf Vorlage basierend erstellen.
- erste Möglichkeit
Datei / Neu / (Fenster öffnet sich) wähle zuerst oben Vorlage, dann Site und Vorlage aus
- zweite Mögichkeit
erstelle eine leere Html Seite und ziehe aus dem "Elemente-Fenster" die gewünschte Vorlage per drag & drop auf die Seite.
Nun kann man auf den zuvor defnierten berbeitbaren Bereiche die Seite ändern und anschließend als html Seite speichern.
Späteres Ändern der Vorlage und aller dazugehörigen Html Seiten
Ändert man später Elemente der Vorlagenseite und speichert diese, so werden alle Html-Seiten, die auf dieser Vorlagenseite basieren, dementsprechend geändert, sofern dies gewünscht ist. Dabei werden "Nicht bearbeitbaren Bereiche" im bekannten Menue durch "Aktualisieren" bestätigt. Die geänderten "Bearbeitbaren Bereiche" müssen in einem zweiten Menue extra bestätigt werden und zwar durch Aktivieren der Option "Bibliothekselemente" und anschließendem Klick auf "Start".
|
|
|
DIENSTE
