Herangehensweise

Mittwoch, 19.10.16

Erteilung der Aufgabenstellung

1. 5 Einzelseiten, (funktionierend verlinkt)
2. Bildergalerie (mind. 10 Bilder) mit Lightbox
3. Verwenden eines CSS-Frameworks
4. FIA: responsive Webdesign (FIS, SE: Zusatzpunkte)
5. Kontaktformular

Recherche über CSS-Frameworks

Guter Anlaufpunkt: über Frameworks

Entscheidung über das zu verwendende Framework fällen. Bedingungen sind:

1. einfach in der Anwendung
2. möglichst ohne Javascript
3. gutes (deutsches) Tutourial
4. responsitiv

Entscheidung fällt für das Framework "Fondation", vor allem Aufgrund des guten Tutorials.

Donnerstag, 20.10.16

Durcharbeiten des Tutorials zu Foundation bis zum Thema Buttons. Im SOL erstellen erster Strukturen mit dem gewählten Framework.

Recherche zum Thema Lightbox. Integration von Lightbox auf eine seperate Bilder-Seite.

Freitag, 20.10.16

Weiterarbeiten an den beiden Seiten.

Wochenende, 21.-22.10.16

Anpassung der Seiten. Onlinestellen des Grundgerüstes.

Copy Paste eines Formulares aus dem Tutorial in eine extra Seite.

Montag, 24.10.16

Fehlersuche lightbox, Einbindung seperater Icons für Navigation bei lightbox

Mittwoch, 26.10.16

Einführung im Unterricht zu CSS Framework und lightbox. Weitere Bearbeitung der vorhandenen Web-Seiten.

Optimierung der responsive Darstellung. Neuordnung der Bildergalerie. Einbindung und Definition zusätzlicher CSS Klassen.

Freitag, 28.10.16

Einfügen eines Impressiums

29.10.16 - 09.11.16

Weitere Erarbeitung der Seiten

Mittwoch, 09.11.16

Einführung in alternative CSS-Frameworks, wie Get-Simple CMS

Fertigstellung des Tutorials zu Hyper-V als Get-Simple Projekt, Offline, anschließendes Online-stellen.

Donnerstag, 10.11.16

Fehlerkorrektur, absolute Pfadangaben bei Get-Simple

Montag, 14.11.16

Einfügen des 3D-Effektes durch Rahmen

Dienstag, 15.11.16

Erweitern der Bildergalerie auf 12 Bilder (2,3,4 spaltig möglich)

FERTIG

TODO

• lightbox per Hand bei Get-Simple einpflegen
• Hintergrundbild für Top-Menu
• Druckoptimierung der einzelnen Seiten