Dieses Heft führt dich Schritt für Schritt in die Grundlagen des Website-Editors Dreamweaver in den Versionen 3 und 4 ein. Du lernst die Stärken aber auch Schwächen des Programms kennen und kannst schon in kurzer Zeit HTML-Seiten erstellen. Dabei werden selbstverständlich auch fortgeschrittene Funktionen wie Tabellen, Formulare oder das Site-Tool besprochen. Am Ende jedes Kapitels findest du unzählige Übungen. Du kannst das Heft als Kursmaterial oder zum Selbststudium verwenden.
Inhaltsübersicht:
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