01. Willkommen in Siem Reap (Laufzeit: 17:54)
Film starten
Das erwartet Sie in Kapitel 02
Das erwartet Sie in Kapitel 03
Das erwartet Sie in Kapitel 04
Das erwartet Sie in Kapitel 05
Das erwartet Sie in Kapitel 06
Das erwartet Sie in Kapitel 07
Das erwartet Sie in Kapitel 08
Das erwartet Sie in Kapitel 09
Das erwartet Sie in Kapitel 10
Das erwartet Sie in Kapitel 11
Das erwartet Sie in Kapitel 12
Das erwartet Sie in Kapitel 13
Das erwartet Sie in Kapitel 14


02. Websites - einige Grundlagen (Laufzeit: 20:15)
Film starten
Was ist eine Website?
Was sind Webseiten?
Die Homepage einer Website
HTML die Sprache des Webs
Die Browserdarstellung
Struktur von HTMl_Dokumenten
Das sind Tags
Der Head-Tag
Der Body-Tag
Meta-Angaben und Skripte
Body-Tags mit Attributen
HTML-Sprachversionen
HTML, XHTML oder XML
Vorteile von XHTML
Dokumenttypdefinition
Die Planung einer Website
Ziele bestimmen
Der Entwurf der Website


03. Erste Orientierung (Laufzeit: 53:43)
Film starten
Die Installation
Einstellungen bearbeiten
Vom Desktop starten
Arbeitsbereich-Setup
Das Dokumentenfenster
Das Dokument
WYSIWYG-Darstellung
Die Codeansicht
Dokumententitel vergeben
Die Dateiverwaltung
Vorschau/Debug im Browser
Browser hinzufügen
Primär-/Sekundärbrowser
Im Browser testen
Referenzen wählen
Ansichtsoptionen einstellen
Fenstergröße bestimmen
Statusleiste anpassen
Die Leiste einfügen
Der Eigenschafteninspektor
Bedienfelder/Bedienfeldgruppen
Bedienfeld ein-/ausblenden
Das Bedienfeld "Site"
Die Ansicht "Sitemap"
Lokale Site einrichten
Site definieren
Die Schritte des Assistenten
Den Webserver einstellen
Achtung beim Speichern
Sites bearbeiten/ändern
Sites entfernen
Ein neues Dokument erstellen
Dialogfenster "Neues Dokument"
Tipp: In XHTML konvertieren
index.htm als Homepage


04. Seite mit Inhalt füllen (Laufzeit: 60:14)
Film starten
Layouttabellen benutzen
Die Ansicht wechseln
Layoutzellen zeichnen
Zellengröße verändern
Zellen verschieben
Achtung vor Überschneidungen
Wenn Sie sich mal vertun ...
Bilder einfügen
Zwei Bildformate fürs Web
Ein Bild in Dokument einfügen
Dialogfenster "Bild einfügen"
Einfügen per "Drag & Drop"
Die Bildgröße verändern
Zwischenablage benutzen
Textformate
Der Text in der Code-Ansicht
Schriftkombinationen
Die Schriftliste bearbeiten
Eigene Schriftkombinationen
Weitere Formatangaben
Die Schaltfläche "Textfarbe"
Fett, Kursiv, Texteinzug usw.
Listen benutzen
Die ungeordnete Liste
Listenelemente
Die Listeneigenschaften
Nummerierte Listen anpassen
Layout mit Tracing-Bild
Ein Tracing-Bild laden
Dialogfeld "Seiteneigenschaften"
Ein Layout festlegen
Die Optionen für das Tracing-Bild
An Auswahl ausrichten
Tipp: Das Tracing-Bild ist weg?


05. Nichts geht ohne Hyperlinks (Laufzeit: 54:37)
Film starten
Was ist ein Hyperlink
Was kann ein Hyperlink
Einen Hyperlink einrichten
Die 3 Zustände eines Hyperlinks
Farben für Hyperlinks einstellen
Absolute und relative Links
Ordner im Sitefenster anlegen
Neue Dateien für Ordner anlegen
Relative Hyperlinks
Direktverlinkung über Symbol
Tipp: Links im Browser prüfen
Absolute Hyperlinks
Der Aufbau der Adresse
Link im eigenen Fenster öffnen
Die vordefinierten Zielangaben
Link mit E-Mail-Adresse
Der Link in der Code-Ansicht
E-Mail-Verknüpfung einfügen
Benannte Anker als Sprungmarke
Benannte Anker einfügen
Unsichtbare Elemente anzeigen
Sprungmarke zum Seitenanfang
"Leere" Links anlegen
Dateien herunterladen
Was ist ein Sprungmenü?
Ein Sprungmenü erstellen
Das Dialogfenster "Sprungmenü"
Reihenfolge der Einträge ändern
Einträge nachträglich ändern


06. Mit Tabellen arbeiten (Laufzeit: 49:47)
Film starten
HTML-Grundlagen für Tabellen
Die Tags der Tabelle
Tabellen in Dreamweaver
Leere Tabellen einfügen
Dialogfenster "Tabelle einfügen"
Tabellenbreite: Pixel o. Prozent
Die Tabelleneigenschaften
Eigenschafteninspektor aufrufen
Tipp: Vorsicht Browser!
Zeilen und Spalten markieren
Das Eigenschaftenfenster
Zelleneigenschaften
Tabellen bearbeiten
Inhalte kopieren/einfügen
Mehrfachmarkierungen
Ausschneiden und einfügen
Den Inhalt einer Zeile löschen
Die Einfügemöglichkeiten
Tabellen vergrößern/verkleinern
Zeilen oder Spalten hinzufügen
Tipp: Rechte Maustaste benutzen
Zellen teilen und verbinden
So verbinden Sie Zellen
Tabellen formatieren
Die Einstellmöglichkeiten
Tabellen verschachteln
Kontrolle der Tabellenbreite
Mit externen Daten arbeiten
Tabellendaten importieren
Daten einer Tabelle einfügen
Dialogfenster für den Import
Tabellen exportieren


07. Bilder und Farben fürs Web (Laufzeit: 93:58)
Film starten
Farben und Bilder im Web
Farbtiefe und verfügbare Farben
24 Bit Farbtiefe bzw. True Color
Websichere Farben
Dezimal- und Hexadezimalzahlen
Vermeiden Sie Dithering
Darstellbare Grafikformate
Das GIF-Format
JPEG das Format für Fotos
Bilder verwenden
Imagemaps
Hotspots einfügen
Hotspot nachträglich anpassen
Den Hotspot verlinken
Unregelmäßig geformte Hotspots
Einfacher Rollover-Effekt
Rollover-Bild einfügen
Funktion der Navigationsleiste
Navigationsleiste erstellen
Das Dialogfenster im Einzelnen
Die Zustände des Rollovers
Navigationsleiste ändern
Objekt mehrfach nutzen
Unabhängige Rollovers
Das Bedienfeld "Verhalten"
Fenster "Bild austauschen"
Mit Fireworks (FW) arbeiten
Einige Grundlagen
Arbeitsbereich in Fireworks
Das Dokumentenfenster
Das Prinzip
Primären Bildeditor einrichten
Voreinstellung "Bildbearbeitung"
Bild in Fireworks optimieren
Tipp: Nehmen Sie die Quelldatei
Das Optimierungs-Dialogfenster
FW aus Dreamweaver starten
So erkennen Sie eine FW-Datei
Schrifteffekte einfügen
Einen Schlagschatten hinzufügen
Effekte nachträglich bearbeiten
Das Bild fertig stellen
Mit Segmenten arbeiten
Das Segmentierungswerkzeug
Optimieren von Bildsegmenten
Das Exportieren-Dialogfenster
Fireworks-HTML einfügen
Das Webfotoalbum
Die Vorbereitungen treffen
Das Webfotoalbum erstellen
Das Dialogfenster im Einzelnen
Navigationsseiten erstellen


08. Text mit Stil (Laufzeit: 69:33)
Film starten
Die Formatierungsoptionen
Basisstile zuweisen
Sonderzeichen
Die Objektpalette
Andere Zeichen einfügen
Die Sonderzeichentabelle im Web
Geschütze Leerzeichen
Die horizontale Linie
Die Rechtschreibung
Persönliches Wörterbuch anlegen
Suchen und Ersetzen
Die verschiedenen Suchoptionen
Suchergebnisse anzeigen lassen
Suchläufe speichern und laden
HTML-Stile benutzen
Das Bedienfeld "HTML-Stile"
Einen neuen Stil definieren
Einen HTML-Stil hinzufügen
Dialogfenster "HTML-Stile"
HTML-Stil für Textauswahl
Stile duplizieren oder löschen
Cascading Style Sheets (CSS)
Die Vorteile von CSS
CSS-Regeln
Inline Styles
Eingebettete Stylesheets
Externe Stylesheets
Die Hierarchie von CSS
CSS mit Dreamweaver
Ein neues Style Sheet erstellen
Einen neuen Stil definieren
Das Stylesheet speichern
Dialogfenster "Stildefinition"
Stile bearbeiten
Benutzerdefinierte Stile
Stile anwenden
Neuer Stil: CSS-Selektor
Tipp: Links mit Stil
Weiter Stil-Kategorien


09. Mit Formularen Informationen sammeln (Laufzeit: 68:04)
Film starten
Wie funktionieren Formulare?
Der HTML-Code für Formulare
Formulareigenschaften
Zielfenster einrichten
Der Kodierungstyp
Die Formularverarbeitung
CGI-Script
ASP-Seiten
Formulare erstellen
Visuelle Hilfsmittel aktivieren
Textfelder
Unverschlüsselte Passwörter
Standardbreite von Textfeldern
Zeilenumbruch erzwingen
Tabellen für Formulare
Verstecktes Feld
Eigenschaften der Felder
Schaltflächen
Formulareingaben zurücksetzen
Kontrollkästchen
Optionsschalter
Optionsschaltereigenschaften
Listen und Menüs
Dialogfeld Listenwerte
Sprungmenüs
Bildfelder
ALT-Text für Browser
Dateifelder
Beschriftung
Feldgruppe
Formulareingaben prüfen
Dialogfeld Formular prüfen
Formulare verarbeiten
Mail verschicken
Skripte aus dem Internet


10. Mit Ebenen arbeiten (Laufzeit: 76:24)
Film starten
Was sind Ebenen?
Ebenen in Dreamweaver
Ebenen einfügen
Ebenen skalieren
Z-Index die 3. Dimension
Tipp: Immer schön testen!
Das Bedienfeld Ebenen
Geschachtelte Ebenen
Ebenen ineinander platzieren
DHTML mit der Zeitleiste
Zeitleisten erstellen
Automatische Wiedergabe
Die Ebenen der Zeitleiste
Probleme von Netscape 4
Animationsverlauf ändern
Animationspfad aufzeichnen
Zeitleisten bearbeiten
Zeitleisten-Ebenen bearbeiten
Zeitleisten steuern
Komplexe Animationen entwickeln
Die Verhaltenspalette
Gehe zu Zeitleistenbild
Verhalten im Kanal eintragen


11. Ereignisse und Aktionen (Laufzeit: 62:01)
Film starten
Was bedeutet Verhalten
Verhaltensweisen integrieren
Das Bedienfeld Verhalten
Dokument-Verhalten
Browser überprüfen
Plug-In überprüfen
Bilder voraus laden
Audio abspielen
Ebenen ziehen
Fireworks-Tabellen
Tabellenzellen konvertieren
Ebenennamen vergeben
Zielposition bestimmen
Verhalten für Bilder und Links
Neues Browserfenster öffnen
Eigenschaften ändern
Tipp: Leere Links
Eigenschaften ändern
Popup-Meldung anzeigen
Text definieren
JavaScript aufrufen
Popup-Menü einbinden
Popup-Menü anzeigen


12. Frames (Laufzeit: 55:32)
Film starten
Frames brauchen Sie die?
HTML-Code von Framesets
Geschachteltes Frameset
Frames in Dreamweaver
Framesets erstellen
Framesets mit Maus erstellen
Frameset speichern
Eigenschaften von Frames
Tipp: Frame-Rahmen weg?
Die Frame-Eigenschaften
Experimente mit Frames
Arbeiten mit Frames
Links in Frames
Dokumente im Frameset öffnen
Der Dokumenttitel
Mit Link Frame-Inhalt ändern
Verhalten: Gehe zu URL
No-Frames-Inhalt bearbeiten


13. Wieder verwendbare Elemente (Laufzeit: 67:03)
Film starten
Das Bedienfeld "Elemente"
Bilder
Das Kontextmenü der Elemente
Genial: die Favoritenliste
Farben als Site-Elemente
URLs als Site-Elemente
URLs bearbeiten
Flash, Shockwave u. a. Medien
Medien einbinden
Flash-Test
Flash-Text einfügen
Flash-Text im Einsatz
Flash-Schaltflächen
Skripte
Vorlagen
Finger weg vom Template-Ordner
Vorlagen erstellen
Vorlagen anwenden
Anwenden auf ein Dokument
Tipp: Bereichsnamen übernehmen
Dokumente von Vorlage lösen
Bibliothekselemente
Erstellen und bearbeiten
Bibliothekselemente anwenden
Bibliothekselemente bearbeiten


14. Website veröffentlichen und pflegen (Laufzeit: 14:47)
Film starten
Einrichten der entfernten Site
FTP-Verbindung einrichten
Site auf den Server laden
Website auf Server übertragen