Chevron 26 :: C26 ::

Layouts

Hier eine Übersicht über die Grund-"Layouts", die Chevron 26 bisher hatte. Von "Design" kann am Anfang keine Rede sein (*ähem*). So viel Ahnung, um ein gutes Design hinzubekommen, hatte ich am Anfang nicht. Diese ganze Seite entstand nach dem Prinzip Learning-by-doing. Einziges Hilfsmittel war Anfangs ein Buch mit dem Titel "HTML 4.0". Die dazugehörige CD, auf der sehr hilfreiche Programme sein sollten, war leider nicht mehr aufzutreiben. Das Buch selbst habe ich in einem Keller gefunden, dazu kam ein Sonderangebot von Plus (Lebensmitteldiscounter, der vor einigen Jahren Computer mit 56,6k Modem verkauft hat) und gratis Webspace bei Tripod.de durch die Einwahl ins Internet über einen bestimmten Provider - das waren die Grundvoraussetzungen für den Homepagebau Marke Eigenbau...

Überall, wo leere weiße Flächen sind, sind php-skripte nicht geladen worden.



Version 1

So fing alles an....

ein einfaches Frameset, obwohl mir mein Vater von der Verwendung des Framesets zu Beginn abgeraten hat, "das ist doch viel zu schwer für den Anfang..."

letztendlich muss ich aber sagen, dass ein Frameset sehr viel Arbeit spart, da die Seite leicht zu aktualisieren ist ohne jede einzelne Html-Datei ändern zu müssen.

Pures Html und ein bißchen Javascript.
Version 2

Immer noch Html und ein bißchen Javascript, aber jetzt auf der rechten Seite mit Buttons als Navigation.
Version 3

Schon ein bißchen anspruchsvoller, auch wenn das Rot der Navigation einfach zu schockend wirkt.

Mouseover-effekte bei der Navigation links und oben. Und ein dreiviertel-Gate, dass über 2 Frames hinaus geht und dessen beiden Einzelteile nahtlos ineinander übergehen. Darauf war ich damals echt stolz. Hat aber auch ziemlich lange gedauert, bis es auf den Pixel genau dort saß, wo ich es haben wollte.
Version 4

Die Navigation wurde noch ein wenig anspruchsvoller, hier links mit Mouseover- und Dropdowneffekt.

Html, Javascript und CSS.
Version 5

hier habe ich angefangen php zu integrieren. Zuerst ein Newsscript und einen Counter, die beide leider in diesem Bild nicht zu sehen sind.
Version 6

die obere Leiste hat mir einfach nicht gefallen. Obwohl ich das Bild mit einem Grideffekt bearbeitet hatte...
Version 7

mit dieser war ich noch nicht ganz zufrieden, was das Design angeht
Version 8

zu lange Ladezeiten

html, iframes, css, javascript, php
Version 9

das Layout hat bei Besuchern, die Norton Internet Security benutzen nicht hingehauen und sah dann einfach scheußlich aus, selbst die Navigationsleiste wurde dann nicht angezeigt

html, iframes, css, javascript, php
Version 10

noch mit dem alten Newssystem

html, frames, css, javascript, php