Vorbereitung
1. Laden Sie sich den Ordner mit dem Template 3 herunter, indem Sie auf den Link rechts klicken.
2. Wenn der Download beendet ist, müssen Sie den Ordner entpacken, denn er ist komprimiert (ZIP-Datei). Auf MAC OSX erfolgt dies in der Regel automatisch nach dem Download, wenn nicht, genügt ein Doppelklick auf das Ordnersymbol. Unter Windows wählen Sie nach Klick mit der rechten Maustaste den Befehl Alle Extrahieren. Meistens geht jetzt ein Assistent auf, der sie durch die Extraktion führt.
3. Wenn Sie die Übung mit Dreamweaver absolvieren möchten, sollten Sie unbedingt eine neue Site anlegen. Als Stammordner können Sie gerade den entpackten Ordner "template3" nehmen.
Aufbau des Templates
Die Bereiche des Templates entsprechen dem Aufbau des Templates Nummer 2. Trotzdem besteht im HTML-Code ein gewichtiger Unterschied: Die Inhalte der Newsspalte kommen im HTML-Kontext vor denen der Spalte mit den Inhalten. Wenn Sie aber nur Änderungen im CSS vornehmen, müssen Sie das nicht weiter berücksichtigen.
Ausserdem befinden sich neu im Header zwei neue divs: #header-left und #header-right für das Logo und für ein Slogan o.ä.