Vorwort
Ein paar Sätze vorweg
Wir
Über uns
Infos zu unserer Homepage
Anmerkungen
Werkzeuge
Zielgruppen
Gestaltung
Technik
Sicherheit
Schlusswort
Entstanden ist unsere Homepage 1999. Da zu dem Zeitpunkt bereits viele Leute im Internet vertreten waren, konnte ich nicht widerstehen, es auch einmal zu versuchen.
Ich hatte zunächst viel mit den verschiedenen Möglichkeiten der Gestaltung herum experimentiert, dann keine Zeit mehr gehabt, die Seite zu pflegen und sie daher nur gelegentlich ergänzt bzw. korrigiert. Experimentierfreudig, wie ich nun mal bin, nutze ich die Seite weitehin (sofern Zeit vorhanden ist) als Spielwiese für Design-Experimente. Mitte 2005 hatte ich mal wieder Zeit, Lust und Laune alles umzukrempeln. Nähere Infos zu den technischen Aspekten sind weiter unten zu finden.
Es gibt hier so Einiges zu lesen:
Wer sich für Frettchen interessiert, sollte mal auf den entsprechenden Frettchen-Link gehen.
Wessen Traum es schon immer war, ein Dach zu begrünen, kann hier erfahren, wie wir es gemacht haben.
Außerdem interessiert den Einen oder Anderen eventuell was ich so zu Gespenst- und Schaumschrecken zu erzählen habe.
Inzwischen zwei schöne Märchen runden das Ganze noch ab: Der Schatz im unsichtbaren Wald und Die magischen Nüsse. Es lohnt sich auch für Märchenmuffel mal reinzuschauen: Die Märchen sind lustig und auch für Kinder geeignet, da kein Blut fließt, alle wichtigen Märchenpersonen vorkommen und am Ende alles gut ausgeht.
Wer's märchenhaft liebt, der sollte mal in die Bildersammlung über Ullas Elfenwelt hineinschauen.
Und nun viel Spaß
wünschen Uwe, Ulla, Lisa und Vera
zurück zum Anfang der Seite
Wir, das sind
Ulla,
das Familienoberhaupt,
Lisa,
unsere ältere Tochter,
Vera,
die Jüngere und
Uwe,
das bin ich.
Lisas (damals 6 Jahre alt)
Definition unserer Familie (13K-gif)
zurück zum Anfang der Seite
Diese Homepage wächst und verändert sich langsam (da ich zu wenig Zeit habe) aber sicher
(weil es spaß macht). Jeder der schon einmal eine Homepage erstellt
hat, weiß sicher, wieviel Zeit investiert werden muss,
um eine halbwegs akzeptable Seite herzustellen.
Nachtrag 2003:Inzwischen wächst sie noch langsamer,
weil ich noch weniger Zeit habe. Aber sie wächst! Es ist z.B. ein weiteres
Märchen hinzu gekommen. Und die eine oder andere Ergänzung wird auch
immer wieder mal vorgenommen.
Nachtrag 2005:Ich hatte mal ein bisschen Zeit und habe
die Technik und das Design der Seite komplett umgestaltet (siehe Technik).
Die Inhalte wurden dabei nur geringfügig verändert und ergänzt.
Ich verwende zur Programierung der Hompage die reinen HTML-Tags, ohne WYSIWYG-Editor; mache also alles "zu Fuß" in einem Editor. Das hört sich schlimmer an, als es ist, da die Tags und deren Gebrauch recht schnell erlernt sind. Außerdem habe ich so die volle Kontrolle über den HTML-Text, was insbesondere für den JavaScript-Einsatz (und PHP-Einsatz beim Gästebuch) wichtig ist.
Gut laufen sollte das Ganze ab einer Auflösung von 800 x 600, 256 Farben. Optimal sind aber 1024 x 768, 16,7 Mio. Farben.
Überprüft und getestet wird (inzwischen [2003])im
Dabei ist der Zeitaufwand von oben nach unten sehr stark abnehmend. D.h. während ich die Seiten mit dem Internet-Explorer 6 ausgiebig teste, wird der Netscape 4.6 nur verwendet, wenn noch etwas Zeit übrig ist (was so gut wie nie der Fall, aber auch nicht so wichtig ist, da kaum ein Seitenbesucher unserer Homepage diesen alten Browser noch benutzt).
Leider habe ich nicht genug Zeit, um alle übrigen Browser auszuprobieren. Das würde auch nicht viel Sinn machen, da laut Seitenstatistik nur die Internet-Explorer 6, Internet-Explorer 5 und Netscape 6.x (6.x) benutzt werden. Ganz selten NS4.6 bzw. 4,7 fast nie: Opera.
So kann es also sein, dass das Eine oder Andere eventuell nicht so toll läuft, wie bei mir. Irgendwann werde ich es auch mal auf anderen Browsern testen. Bis dahin wäre es schön, wenn man mir per E-Mail einfach mal schreiben würde, was alles nicht läuft, damit ich es ändern kann. Aber bitte recht genau! Also Browser, Auflösung, was wurde gemacht, ...
Nebenbei bemerkt: die Berücksichtigung aller Browser macht die meiste
Arbeit. Insbesondere der Netscape bereitet immer wieder Probleme
(standardisierte Dinge, z.B CSS und auch die Tabellen funktionieren nicht so ganz,
wie sie sollten), sodass ich
fast mehr Zeit damit verbringe, die Seiten für alle Browser anzupassen,
als für das eigentliche Erstellen der Seiten.
Nachtrag 2003: Da fast alle Besucher den IE benutzen nehme ich mir jetzt
nicht mehr so viel Zeit für die "Exoten". Einige zusätzliche
aber nicht unbedingt notwendige Dinge bekommen diese Browser dann eben nicht
zu sehen.
zurück zum Anfang der Homepage-Infos
Die Zielgruppe ist bei den völlig unterschiedlichen Themen (wir sind eben vielseitig interessiert) nicht leicht zu beschreiben. Eigentlich ist es für jedes Thema eine andere Zielgruppe:
zurück zum Anfang der Homepage-Infos
Für die einzelnen Themen bin ich vom grundlegenden Prinzip, welches bei der Gestaltung für Web-Seiten propagiert wird, nämlich maximal 1,5 Bildschirseiten pro Web-Seite, abgewichen.
Die Seiten sind teilweise recht umfangreich. Da die Informationen oder Geschichten dort umfangreich und linear aufgebaut sind, bot es sich an, die Seiten eher für den Ausdruck, als für das Lesen am Bildschirm zu entwerfen. Und das geht an einem Stück eben besser als in viele Teile unterteilt.
Außerdem sind die Seiten so aufgebaut, dass man bereits beim Laden mit dem Lesen beginnen kann, selbst, wenn noch nicht alle Bilder oder der komplette Text geladen wurde. Dass die Seiten so lang sind, stört also nicht wirklich. Und ob man nun einen Knopf anklickt, um die nächste Seite zu laden, oder den Schiebebalken des Browserfensters benutzt, läuft auf Selbe hinaus. Mit Rollrad-Mäusen haben die großen Seiten sogar Vorteile, da sie sehr schnell durchlaufen werden können.
Sämtliche Buttons, Hintergründe und Zeichnungen sind von mir selbst gemalt/gezeichnet worden. Für das Erstellen der Buttons verwendete ich Paintshop Pro. Anregungen dazu habe ich mir auf der Homepage von Wolfgang und Peter Baxrainer geholt.
Alle Fotos sind selbst fotografiert und eingescannt worden. Anschließend wurden die Fotos ins JPEG oder GIF-Format gebracht, wobei ich versucht habe, die Bildqualität einigermaßen hoch zu halten, was leider dazu führte, dass es einige (wenige) Fotos bei der Dachbegrünung und der Elfenwelt gibt, die etwas mehr Speicher und damit Ladezeit benötigen (Der Speicherbedarf der Bilder ist jeweils bei den Vorschaubildern angegeben). Bei den Vorschaubildern habe ich meist eine eher schlechte, dafür aber Speicher sparende Qualität in Kauf genommen.
zurück zum Anfang der Homepage-Infos
Ich verwendete ursprünglich (bis Mitte 2005) drei Frames. Der Nachteil der Frames, dass insgesamt soviele HTML-Dateien wie Frames geladen werden müssen, plus einer für die Frame-Definition, hält sich so in Grenzen.
Die von vielen zunächst für besser empfundenen Tabellen zur Layoutgestaltung bringen übrigens nicht so viele Vorteile (eigentlich gibt es ja nur den Geschwindigkeitsvorteil beim Laden), wie immer angenommen wird.
Es stimmt zwar, dass damit nur eine Datei geladen werden muss (plus Bilder). Bei mir sind es immerhin 4 Dateien. Aber diese eine Datei enthält dann natürlich die gesamte Information meiner drei Inhaltsdateien (also bleibt bei mir nur die zusätzliche Framedefinitionsdatei, welche aber nur 4 KByte belegt und somit schnell geladen ist).
Eine umfangreiche Tabelle muss natürlich auch erst einmal vom Browser aufgebaut werden (diese Rechenzeit fällt bei den heutigen Rechnern allerdings nicht mehr auf). Bei Tabellen wird beim Blättern natürlich der komplette Fensterimnhalt inklusive der Navigationsleisten weitergeblättert, sodass sie nicht mehr sichtbar sind.
Nur mit Frames war es möglich, dass die Navigationsleisten auf dem Bildschirm immer sichtbar sind.
Inzwischen sind sowohl Frames als auch Tabellen bei den Leuten, die sich für die HTML-Gurus halten verpönt.
Also gestalte ich auch alles ohne Frames dafür mit CSS. (Ein paar Seiten nutzen immer noch Tabellen zu Layout-Zwecken. Alles umzustellen ist aber zu aufwändig)
Das mache ich übrigens nicht aus Überzeugung!
Für mich sind Frames eigentlich der weitaus bessere Weg eine Seite modular und Seitenbereiche unabhängig voneinder zu gestalten. Aber das ist den Kritikern der Frames wohl zu einfach und CSS ist großes Tennis. Das kann eben nicht jeder. Und so können sich die "Profis" mal so richtig austoben und zeigen, dass sie's draufhaben und andere eben doch keine echten Web-Designer sind.
Also nutze ich auch CSS und packte viele Dinge, die vorher schön getrennt in unabhängigen Dateien lagen, zusammen in einen Seitenquelltext.
Das widerspricht zwar dem jedem Informatiker geläufigen und anerkannten Prinzip der modularen Gestaltung von Programmen und kompliziert Dinge, die mit Frames genial einfach durchzuführen waren.
Aber Inhalt und Design sind nun getrennt
Auch das ist natürlich Blödsinn solange man CLASS-Attribute zur Gestsaltung verwendet (die ja auch im Quelltext und damit im Text stehen) oder noch Schlimmer Style-Attribute. Diese beiden Varianten verwende ich übrigens auch.
Genug gemeckert, weiter im Text:
Ich verwende eine Navigationsleiste oben, die sich über das komplette Fenster erstreckt. Sie ist in Form von Registerblättern aufgebaut. Über diese Seitennavigationsleiste können alle Seiten der Homepage direkt aufgerufen werden.
Zusätzlich befindet sich links von der jeweils angezeigten Seite eine Abschnittsnavigationsleiste. Mit ihr ist es möglich, einzelne Kapitel innerhalb der gerade angezeigten Seite direkt anzuspringen.
Auf der Stsrtseite fehlt diese Abschnittsnavigationsleiste. Dafür gibt es (bei eingeschaltetem Javascript) Kurzinfos zu den einzelnen Themen, wenn sie mit der Maus überfahren werden.
Da ich etwas verspielt und experimentierfreudig bin, habe ich mit JavaScript gearbeitet, um einige Spielereien einzubauen (Startseite: die wuselden Themenscheiben, Elfenwelt: fliegende Elfen, Märchen von den magischen Nüssen: bei Berührung der Maus folgendes Seh-Pferdchen, bei zusätzlich geöffneten Fenstern: Schließen-Knöpfe)
Die Homepage funktioniert auch ohne JavaScript, ist dann aber nicht mehr halb so schön ;-)
Das Schlusswort, mit der Bitte, sich ins Gästebuch einzutragen, wird per JavaScript erzeugt. Also auch hier: ohne JavaScript kein Schlußwort, aber stören tut es nicht, dass 'was fehlt.
Der Tab-Reiter der aktuellen Seite wird jeweils nach vorne geholt.
Ich glaube die Navigationsmöglichkeiten sind ganz gut gelungen. Aber auch hier, wie überall auf der Homepage gilt: Ich bin über jede Kritik und Anregung per eMail oder im Gästebuch froh.
zurück zum Anfang der Homepage-Infos
Alle meine Javascripts sind absolut ungefährlich
Ich installier, manipuliere und spieoniere nicht mit den Javascripts. Javascript kann alsio völlig ungefährdet einschaltet werden. Dadurech wird die Seite interessanter.
zurück zum Anfang der Seite
zurück zum Anfang der Seite
Wenn ihr durch die verschiedenen Themen unserer Homepage durch seid,
dann schreibt uns doch einfach mal, wie es euch gefallen hat. Es ist
einfach interessant zu erfahren, wie unsere Homepage so ankommt.
Schreibt bitte in das
Gästebuch
oder schickt eine
E-Mail
zurück zum Anfang der Seite
zurück zum Anfang der Seite
Da ich (fast) alles selbst geschrieben, gezeichnet, fotografiert und gestaltet habe, erhebe ich auch den Anspruch, es als mein Eigentum zu betrachten.
Jegliche nichtkommerzielle Nutzung ist jedoch erlaubt, sofern ein Hinweis auf die Quelle erfolgt. Wer also irgendetwas nutzen will, soll es tun, solange er meinen Namen, die E-Mail-Adresse oder den URL meiner Seite angibt. Ein Link auf meine Seiten ist stets willkommen!
Jede kommerzielle Nutzung oder Verbreitung, auch in Shareware- oder Freeware-Form ist ohne mein Einverständnis grundsätzlich nicht erlaubt. Achtung: Auch die private Nutzung ist ohne die oben angegebenen Hinweise verboten!
Näheres hierzu steht in den Copyright-Bedingungen
zurück zum Anfang der Seite