Sie lernen die Layoutvorgaben "Master-/Detail", "Gestapelte Container" und "Gestapelte Container mit Spotlight-Bereich" kennen. Sehen Sie dem Trainer hierbei über die Schulter.

In diesem Film verbindet der Trainer ein HTML-Dokument mit einer weiteren HTML-Datei, die als Datensatz dient und bestimmt in den Layoutoptionen die Parameter für Tabellen. Die Datenanbindung und die Layoutoptionen können unabhängig voneinander bestimmt werden.

Definieren Sie mit dem Trainer die Site, um alle Dateien zur Verfügung zu haben, welche Sie für das Arbeiten in den Lektionen benötigen. Danach erstellen Sie einen eigenen Arbeitsbereich um optimal mit dem Spry-Framework arbeiten zu können.

Hier lernen Sie den optimierten Workflow zwischen Dreamweaver und Photoshop genauer kennen: Eine Photoshop-Datei wird eingefügt, im Dreamweaver verkleinert und danach mit einem einfachen Mausklick aktualisiert.

Um den Footer-Bereich abzurunden, fügt der Trainer ein Logo ein. Vorab definiert er eine ID in seinem Style Sheet, um innerhalb das Footers ein Div für das Logo zu platzieren.

In diesem Film verfeinert der Trainer die CSS-Regeln für die Sidebar.  Des weiteren können Sie beobachten, wie der Trainer den generierten HTML-Code anpasst um das gewünschte Ergebnis zu erzielen.

Dieses Video demonstriert, wie Sie die Sidebar und den Hauptinhaltsbereich anpassen. Sie ändern das CSS bezüglich Breitenangaben sowie Innen- und Aussenabständen.

Noch nicht zufrieden mit dem Ergebnis, passt der Trainer das CSS weiter an. Den umgebenden Container sowie den “body“ modifiziert er gekonnt.

Erstellen Sie ein neues Dokument aus den  Dreamweaver-Layout-Vorlagen. Der Trainer zeigt die logische Verbindung zwischen HTML-Quellcode und der CSS-Datei.

Betten Sie SWF-Filme in Ihr HTML-Dokument ein! Die dazu nötigen Informationen gibt der Trainer in diesem Video.