WeiterZurück Projekt – Website der Schule by Björn Berg, Andreas Tögel und Dennis Walden.

Präsentation zum Thema: "WeiterZurück Projekt – Website der Schule by Björn Berg, Andreas Tögel und Dennis Walden."—  Präsentation transkript:

1 WeiterZurück Projekt – Website der Schule by Björn Berg, Andreas Tögel und Dennis Walden

2 WeiterZurück Verteilung der Aufgaben Planung: Alle Aussehen: Alle HTML- Code (Inhalt): B. Berg, D. Walden HTML – Code (Layout): B. Berg PPT- Präsentation:D. Walden

3 WeiterZurück Vorgehensweise Planung Zunächst haben wir uns die vorhandene Website angeschaut und Verbesserungswürdige Punkte gesucht. Dann haben wir die Punkte nach Wichtigkeit eingeteilt und auf die, für uns, Wichtigsten reduziert. Die Wichtigsten Punkte: 1.SeitenstrukturSeitenstruktur 2.InhaltInhalt 3.Aussehen / DarstellungAussehen / Darstellung

4 WeiterZurückStruktur Startseite Kontakt Impressum News Lageplan Kontakt- formular PresseEigene Zurück

5 WeiterZurück Vorgehensweise Planung Inhalte: Startseite: »Willkommenstext »Bild vom Schulgebäude (evtl.) Kontakt / Impressum: »Anschrift »Kontakt-Nr. »Lageplan News: »Schulinterne Berichte »Presseberichte Zurück

6 WeiterZurück Vorgehensweise Planung Aussehen: Hintergrund Grün – Orange Logo Überschrift Weiß Buttons Zurück

7 WeiterZurück Vorgehensweise Erstellung Zuerst haben wir eine HTML-Datei erstellt in der das Layout festgelegt wurde. Dann wurde das Grundlayout in eine PHP Datei gepackt, damit man nicht auf jeder Seite das Layout erneut schreiben musste. Im Anschluss daran wurden HTML Dateien mit den Inhalten geschrieben.

8 WeiterZurück Vorgehensweise Testen In der Testphase haben wir, nachdem wir das Original Logo eingefügt hatten, die Farben noch mal überarbeitet. Außerdem haben wir überprüft ob alle Links funktionieren und ob alle Inhalte korrekt dargestellt wurden.

9 WeiterZurückStruktur Startseite Kontakt Impressum News Lageplan Kontakt- formular PresseEigene

10 WeiterZurück Wieso diese Struktur ? Auf unserer Website gibt es nur Haupt- und Unterseiten. Die Seitenstruktur ist so gewählt das von jeder Seite jede Hauptseite angewählt werden kann. Dies hat den Vorteil, dass man nicht jedes mal auf die Startseite zurückkehren muss um eine Hauptseite auszuwählen. Wir haben diese Struktur gewählt, da wir es für sinnvoll halten sich nicht erst durch X Unterseiten blättern zu müssen nur um zu einem Link, der zu einer Hauptseite führt, zu gelangen der vor X Seiten war.

11 WeiterZurück Die Hauptseite Aufbau: Die Hauptseite besteht aus einer Kopfzeile, einer Navigationsleiste und einem Bereich für einen Inhalt.

12 WeiterZurück Die Hauptseite Gestaltung: Wir haben für unser Seiten keine Frames und keine Bilder, als Buttons, benutzt da so die Seite in jedem Browser angezeigt werden kann und die Ladezeit verkürzt wird. Farblich haben wir uns an der vorhanden Seite orientiert, aber wärmere Farben verwendet. Das Logo findet man Oben- Links

13 WeiterZurück Hilfsmittel und Hilfsquellen Phase 5 HTML-Editor SelfHtml Ende