Index Impressum Kontakt

Index
Live Wetter
Archiv
Webcam
Technik
  ISS
  Konsole
  Windmesser
  Webcam
  Datenlogger
  Regenmesserheiz.
  Sensorstatus
  Technische Daten
  Standort
  Medien
  Website
  Design
Wettersymbole
Log
Regenradar
Blitzradar
Isobaren
Satellitenbilder
Event Wetter
Prognosen Zürich
Prognosen Schweiz
Prognosen Europa
Gästebuch
Links
Sponsoren
Stationsbetreiber


Technik > Website

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