Dokumentation

Webseite für die Auszubildenen Abteilung

Nürnberg, 21. Februar 2014

Version: 3.0von: Matthias Ennen

Inhaltsverzeichnis ............................................................................ 1

Tagesablaufplan Tag 1 ..................................................................................... 2 - 3 Tag 2 ..................................................................................... 4 Tag 3 ..................................................................................... 5 Tag 4 ..................................................................................... 6 Tag 5 ..................................................................................... 6 Tag 6 ..................................................................................... 6 Tag 7 ..................................................................................... 6

Quellcode Beschreibung Navigation .......................................................................... 7 Cycle ..................................................................................... 8 PDF Viewer ......................................................................... 9

Inhaltsverzeichnis

1

Tag 1

Ideensammlung Inspirationssuche und erstellen erster Scribbles

Tagesablaufplan

2

Tagesablaufplan

3

Tag 2

Umsetzung erster Ideen in Photoshop

Tagesablaufplan

4

Tag 3

Zweites Design in Photoshop erstellt

Tagesablaufplan

5

Tag 4 Zweites Design in HTML übertragen Teil 1

Tag 5 Navigation erstellt

Tag 6 Lightbox erstellt

Tag 7 Fehlerbehebung Schönheitskorrektur

Tagesablaufplan

6

Quellcode Beschreibung

Navigation

Hier wird in einer Unordert list eine Baumstruktur erstellt die dann mit hilfe von css dargestellt wird und ein Dropdown Menü erstellt.

Quellcode Beschreibung

7

Cycle

Hier werden die beiden Bilder definiert zwischen, welche sich abwechselnd einblenden lassen.

Dies ist das Script wo die bilder durchgewechselt werden mit hilfe der Cycle Funtionfx: steht für den übergang der beiden Bilder.delay:steht für die Zeit die zwischen einem wechsel vergehen soll bevor der nächste wechsel eintritt.

Quellcode Beschreibung

8

PDF Viewer

Der PDF viewer wurde mit hilfe der Seite Slideshare erstellt aufdieser kann man seine pdf dateinhochladen und die seite gibt einem dann ein Iframe code den man in die Homepage einbauen muss und gegebenfalls optimieren.

Hier wird das iframe in den html code eingeladen

Hier werden Abstände sowie größe des iframes vergeben und an die Seite angepasst.

Quellcode Beschreibung

9