|
|
  
|
 |
 In diesem Abschnitt erfahren Sie etwas über diese Website und ihren Aufbau.Diese ganze Website ist von Hand, mit dem Notpad++ erstellt worden. Dies ist der eigentliche Grund weshalb die Entwicklung nur sehr langsam vor sich geht: Man brauch einfach unmengen von Zeit um alle Features von html, PHP, JavaScrip, CSS, MySQL usw. zu erlernen und dann per Hand anzuwenden. Zum Aufbau dieser Seite: Im Grunde basiert die ganze Seite auf einer grossen, stark meinen Bedürfnissen angepassten Tabelle. Im obersten Teil ist die Suche mit PHP include eingefügt (sie exisiert also eigentlich nur einmal, wird aber auf jeder Seite "eingefügt"). Darunter ist das Banner, welches ich im PhotoShop erstellt habe. Nun kommt der Teil mit der ersten Navigation; undzwar die für Index, Impressum und Kontakt. Danach ist die Tabelle nicht mehr einzeilig, sondern hat drei derer. In der ersten wurde die Navigation per PHP include (erklärung siehe oben) eingefügt. In der zweiten folgt dann der eigentliche Inhalt der Seite, welche gerade aufgerufen wurde. Und last but not least findet man in der dritten die Rechte "mini" Navigation mit Wetterprognose, Unwetterwarnung und der Angabe, wann die gerade aktuelle Seite das letzte Mal aktualisiert wurde. Dann schliesst sich die Tabelle und darunter finet man noch die Angaben der Aktuellen Designnummer und Copyright hinweis - ebenfalls mit PHP include eingefügt. Um zu sehen, welche Teile der Seite zentral (existieren nun einmal, sind aber per PHP include eingefügt worden) sind und welche nicht habe ich ein stark vereinfachte Darstellung der Index-Seite erstellt: [Abbildung folgt] Das ganze "Gesicht" der Seite sollte sich eigentlich nach meinen Vorstellungen der Jahreszeit anpassen (Winter, Frühlig, Sommer, Herbst). Da dieser Schritt jedoch viel Zeit benötigt wird die Seite vielleicht doch nur nach Sommer/Winter angepasst. Alle Bilder und Grafiken wurden von mir eigens mit dem PhotoShop Element erstellt und auf möglichst geringe Datengrösse optimiert. Das Ergebniss ist fast die Bestnote in Ladezeit-Analyse Tools: Ladezeit-Check Weiter |