Website

Entwurf der Website
Briefing für die angestrebte Website
fertigen Sie auf Basis des Briefings und der Geschäftsausstatung einen Entwurf der Website an.
• Startseite, Angebote, Kontaktformular, Impressum
• Header mit Logo und Navigation als Kopfelement, Footer, Content
• Umsetzung: Responsive, CD des Reisebüros muss erkennbar sein.
Gefordert: Scribble für alle Seiten; Photoshopentwurf für die Angebotsseite (960px).

Umsetzung der Website mit Bootstrap

Aufgabe 1 Site in Dreamweaver anlegen
Legen Sie die Ordnerstruktur auf dem Desktop an.
Dreamweaver > Site > Neue Site anlegen

Aufgabe 2 Basistemplate erweitern
Erweitern Sie Ihr Basis Template soweit, dass Sie es als Ausgangspunkt für die Folgeseiten duplizieren können.
Anmerkung: Header,  Navigation und Footer sind in der Regel bei allen Seiten identisch, nur der Content ändert sich.
Die folgenden Bausteine auf helfen dabei:
Raster, Reihen und Container 
 Komponenten (Nav, Bilder, Formulare …)
 CSS-Klassen

Aufgabe 3 Folgeseiten erstellen
Erstellen Sie nun mit dem erweiterten Basistemplate die im Briefing geforderten Seiten, indem Sie den dazugehörigen 
Content einfügen.
 Startseite (index.html),
Angebote (angebot.html)
Kontaktformular (kontakt.html),
Impressum (impressum.html)

Aufgabe 4 CSS an CD anpassen
Passen Sie mit Hilfe der custom.css die Website an das Design 
Ihrer Geschäftsausstattung (Styleguide) an.
Schritt 1: custom.css im Verzeichnis css anlegen
Schritt 2: custom.css im <head> nach bootstrap.css verlinken
Schritt 3: custom.css bearbeiten (siehe auch link unten)
Hinweis: mit Firebug können Sie die Styleangaben finden, die verändert werden sollen

Aufgabe 5 Website erweitern

Erweitern Sie Ihre Website mit einer passenden Komponente. (Karusell, Diashow …)