1. Dokumentation
Webseite für die Auszubildenen Abteilung
Nürnberg, 21. Februar 2014
Version: 3.0von: Matthias Ennen

2. 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

3. Tag 1
Ideensammlung Inspirationssuche und erstellen erster Scribbles
Tagesablaufplan
2

4. Tagesablaufplan
3

5. Tag 2
Umsetzung erster Ideen in Photoshop
Tagesablaufplan
4

6. Tag 3
Zweites Design in Photoshop erstellt
Tagesablaufplan
5

7. Tag 4
Zweites Design in HTML übertragen Teil 1
Tag 5
Navigation erstellt
Tag 6
Lightbox erstellt
Tag 7
Fehlerbehebung Schönheitskorrektur
Tagesablaufplan
6

8. 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

9. 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 Funtion
fx: 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

10. 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