Dreamweaver 3/4 für Einsteiger

Dreamweaver starten: Der erste Kontakt

Wichtige Werkzeuge und Grundeinstellungen

• Objektpalette und Eigenschaften

Die Oberfläche von Dreamweaver im Blick

Übungsteil A: Grundbedienung von Dreamweaver

Alles HTML oder was? Die erste Seite in Dreamweaver!

Text erfassen, formatieren und gestalten

• Überschriften und Absätze
• Linien einfügen
• Attribute: Absatz ausrichten
• Zeichenformate

einfache und erweiterte Listen gestalten

Kopfbereich des Dokuments: Dokumenttitel und Zeichensatz

Übungsteil B: Text eingeben und bearbeiten

Das FONT-Tag: Schriftart, Schriftgröße und -farbe

• Schriftart verändern
• Schriftgröße einstellen
• Schriftfarbe einstellen

Quelltextansicht und Verlaufsfunktion

• Ansicht HTML-Quelle einschalten
• Verlaufsfunktion

Die externe Vorschau: Dokument im Browser betrachten

Übungsteil C: Schriftart, Verlauf und Quelltext

Wichtige Grundeinstellungen von Dreamweaver

• Der Dialog einstellungen
• Rechtschreibung: Setzen sechs
• externen HTML-editor einbinden
• HTML-Tags umschreiben
• Optionen der Statusleiste
• Unsichtbare elemente anzeigen

Bildergalerie: Grafik in die Seite einfügen

• Grafikformate GIF, JPG und PNG
• Grafik in HTML-Datei einbinden
• Grafik skalieren
• Alternativ-Text einfügen
• Quick Tag editor

Links oder rechts? Grafik wunschgemäß ausrichten

Ausrichtung durch den Absatz

Ausrichtung mit Textfluss

Hintergrundfarbe und -grafik einbinden

• Hintergrundfarbe einstellen
• Hintergrundgrafik einfügen

Übungsteil D: Grundeinstellungen, Grafik, Hintergrund

Hyperlinks: Interne und externe Verweise

• Verweise auf benachbarte Dateien
• externe Hyperlinks einbauen
• Seite in neuem Fenster öffnen
• Bitte Feedback: Der e-Mail-Link
• e-Mail-Link mit Betreff

Die Dreamweaver-Kurzreferenz

Tastenkombinationen für Dreamweaver

Besser navigieren: Interne Anker und Verweise

• Interne Anker setzen
• Verweise auf interne Anker setzen

Mehr Spaß beim Springen: Tipps und Tricks zu Hyperlinks

• Verweise auf Dateien
• Grafik als Hyperlink einbinden
• Kurzinfo auf Hyperlinks
• Farben für Hyperlinks

Verweissensitive Grafiken: Image Maps

Übungsteil e: Arbeit mit Hyperlinks

Grundlagen: Mit Dreamweaver Tabellen erstellen

• einfache Tabelle erstellen
• Breite und Höhe der Tabelle
• Maßeinstellung mit der Maus
• Zellauffüllung und Zellraum
• Rahmenlinien mit Border
• Zeilen und Spalten ergänzen
• Zellen teilen und einfärben

Tabellen für exaktes Layout

• Ausrichtung in den Zellen
• Ausrichtung der Webseiten

erweiterte Layoutfunktionen in Dreamweaver

• Pixelgenau: Ebenen und Tabellen
• Der Tabellen-Layoutmodus

Übungsteil F: Arbeit mit der Tabellenfunktion

Mit Style Sheets HTML-Tags gestalten

• Vorhandene Tags nachbearbeiten

Mehr Freiheiten: eigene Stilklassen erstellen

• Absatzgebundene Stilklassen
• Stil zuweisen
• Ungebundene Klasse

ext. Style Sheet einbinden

Mehr Feedback durch Formularfunktion

• Das Beispielformular
• Formular einfügen
• ein Klapplistenfeld erzeugen
• einfache Textfelder einfügen
• Radioknöpfe einfügen
• Kontrollkästchen
• Textfeld (textarea)
• Abschicken: Submit und Reset
• Daten empfangen - CGI oder Mail?

Übungsteil G: Übungen zu CSS und Formularen

Frames, verschiebbare Fensterteile auf Webseiten

• Frameprojekt planen
• Beispieldokumente erstellen
• Rahmenaufteilung festlegen
• Verweise aus dem Frameset

Übungsteil H: Übungen zu Frames

Multimedial: Videos und Sounds einbinden

• Mediadateien als "Plug-In"
• Mediadateien einbinden

JavaScript: Rollover-Grafiken und URL-Verweisliste

• Hover-Grafiken einbinden
• eine URL-Verweisliste erzeugen

Animationen erstellen: Arbeit mit dem Timeline-editor

Mit den Site-Funktionen von Dreamweaver arbeiten

• Eine Site einrichten
• Das Site-Fenster
• Vorteile des Site-Fensters
• Datei per FTP auf den Server laden

Das ist neu in Version 4