Die eigene Homepage mit Dreamweaver
- Träume werden wahr
- Übungen und Kurzreferenz!
- Über den Autor
- Service-Seite zum Heft
Dreamweaver starten: Der erste Kontakt
- Dreamweaver starten
- Viel praktischer: Verknüpfung
- Starten per Ausführen-Dialog
Wichtige Werkzeuge und Grundeinstellungen
- Optimale Bildschirmauflösung
- Einfügen und Eigenschaften
- Bedienfeldgruppen einblenden
- Bedienfeldgruppen am Rand
- Alle Gruppen ein- und ausblenden
Die Oberfläche von Dreamweaver im Blick
Neues Layout und integrierter Dateimanager
- Altes oder neues Layout?
- Hintergründe zum neuen Layout
- Der integrierte Dateimanager
Bedienfeldgruppen verschieben und anordnen
- BFG verschieben
- BFG gruppieren
- Klappmechanik der BFG
- BFG schließen
Ü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
- Speichern nicht vergessen!
- Attribute: Absatz ausrichten
- Zeichenformate
Einfache und erweiterte Listen gestalten
- Ungeordnete Liste erstellen
- Attribute für Listen
Kopfbereich des Dokuments: Dokumenttitel und Zeichensatz
- Titel festlegen
- Kopfbereich anzeigen
- Meta-Tag für Zeichensatz
Übungsteil B: Text eingeben und bearbeiten
Das FONT-Tag: Schriftart, Schriftgröße und -farbe
- Schriftart verändern
- Schriftenbündel
- Das gesamte Dokument markieren
- Schriftgröße einstellen
- Schriftfarbe einstellen
Quelltextansicht und Verlaufsfunktion
- HTML-Quelltext sichtbar machen
- Die geteilte Ansicht
- Wo bleibt der alte Code-Inspector?
- Verlaufsfunktion
Die externe Vorschau: Dokument im Browser betrachten
- Dokument in Vorschau anzeigen
- Vorschaubrowser einbinden
Übungsteil C: Schriftart, Verlauf und Quelltext
Wichtige Grundeinstellungen von Dreamweaver
- Der Dialog Einstellungen
- Rechtschreibung
- Verlaufsschritte
- Dateiendung anpassen
- Standardkodierung (Zeichensatz)
- XHTML-kompatible Seiten
- Externen HTML-Editor einbinden
- Externen Editor starten
- Groß- oder Kleinschreibung?
- HTML-Tags umschreiben
- Ambitionierter Code-Editor
- Optionen der Statusleiste
- Verbindungsgeschwindigkeit
- 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
- Hyperlinks einbauen
- Home: Links zur Startseite
- Externe Hyperlinks einbauen
- Seite in neuem Fenster öffnen
- Bitte Feedback: Der E-Mail-Link
- Die Probleme des E-Mail-Links
Die Dreamweaver-Kurzreferenz
- Dreamweaver starten
- Alle Bedienfeldgruppen (BFG) ein- und ausblenden
- Hilfe aufrufen/Online-Lehrgänge
- BFG Einfügen und BFG Eigenschaften einblenden
- Überschriften zuweisen
- Zeichen- und Absatzformate zuweisen
- Linien einfügen
- Dokumenttitel festlegen
- In Quelltext-Ansicht umschalten
- Grafik einfügen und ausrichten
- Hintergrund gestalten
- Hyperlinks erstellen
- interne Anker und Verweise
- Image Maps erstellen
- Tabellen einfügen
- CSS in Dreamweaver nutzen
- Formulare erstellen
- Frames
- Sounds und Videos einbinden
- Hover-Grafiken
- URL-Verweisliste erzeugen
- Animation erstellen
- Site einrichten
- Site-Fenster
- Site-FTP
Tastenkombinationen für Dreamweaver
Besser navigieren: Interne Anker und Verweise
- Das Prinzip interner Anker
- Interne Anker setzen
- Verweise auf interne Anker setzen
- Anker setzen mit dem „Lasso"
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
- Beispiel: Landkarte
- Image Map erstellen
Übungsteil E: Arbeit mit Hyperlinks
Grundlagen: Mit Dreamweaver Tabellen erstellen
- Einfache Tabelle erstellen
- Kopfzeile (table head) erstellen
- Tipps zum Markieren der Tabelle
- Breite und Höhe der Tabelle
- Maßeinstellung mit der Maus
- Zellauffüllung und Zellraum
- Rahmenlinien mit Border
- Besonders dünne Rahmenlinien
- 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
- Der Bereich Stile bearbeiten
- Externe CSS-Datei einbinden
Flexibel gestalten: Eigene Stilklassen erstellen
- Ungebundene Stilklassen
- Stil zuweisen
Mehr Feedback durch Formularfunktion
- Das Beispielformular
- Formular einfügen
- Ein Klapplistenfeld erzeugen
- Einfache Textfelder einfügen
- Radioknöpfe einfügen
- Kontrollkästchen
- Für Kommentare: Textbereich
- Abschicken: Submit und Reset
- Daten empfangen – mit PHP!
Übungsteil G: Übungen zu CSS und Formularen
Frames, verschiebbare Fensterteile auf Webseiten
- Frameprojekt planen
- Beispieldokumente erstellen
- Rahmenaufteilung festlegen
- Frameset ausprobieren
- 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
- Site, Sitemap und Elemente
- Vorteile des Site-Fensters
- Site-Vorlagen erstellen
Hochladen: Dateien per FTP auf den Server laden
- Zugangsdaten eintragen
- Verbindung herstellen
- Dateien überspielen
Übungsteil I: Abschlussübungen zu Dreamweaver
Was ist neu in Version MX? Features für Fortgeschrittene!
- Mitgelieferte Vorlagen
- Snippets (Code-Fragmente)
- Referenzen von O’Reilly und Wrox
- HTML und XML validieren
Anhang für Profis: Lokalen Testserver einbinden
Onlineshop selbst erstellen – Mit Shopmichel!
- Das Shopskript im Überblick
- Wo bekommst du das Skript?