Logo Katzen / Cats
F a m i l i e

W I M M E R

U N S E R  B U N T E S  L E B E N

Allgemein technisches
rund um unserer Homepage

Allgemein
  • Seitenbreite
  • Seitengröße
  • Navigation
  • JavaScript, Frames, Flash, usw.
  • Bilder
  • Maustasten-Sperre und dergleichen
  • Der HTML-Kurs von Jürgen Patalong. Wesentlich mehr als nur hilfreich!


Allgemein

Auf den ersten Blick wirkt unsere Homepage vielleicht etwas bieder, aber wir haben bewußt diese Konzept gewählt. Die Feinheiten stecken im Detail und wirken sich auf die schnelle Ladezeit und die einfache Navigation aus. Es ist so tragfähig, dass ausgehend von unseren ersten Gehversuchen bis zu einigen hundert Seiten in Jahren, keine grundsätzliche Änderung der Struktur notwendig wird.

zum Seitenanfang

Seitenbreite

Die horizontale Auflösung jeder Seite beträgt maximal 630. Bis zu einer Breite von maximal 640, kann über die Browser ausgedruckt werden. Breitere Seiten werden rechts abgeschnitten. Dies ist auch bei den neuesten Browser-Ausgaben noch so. Durch die Beschränkung auf 630, kann jede Seite ohne Beschneidungen ausgedruckt werden. Dies wollen wir allen Besuchern ermöglichen. Es hat aber auch das Korrekturlesen und die Archivierung vereinfacht.

Text soll möglichst schnell und ermüdungsfrei lesbar sein. Dies ist nur bei geringen Augenbewegungen möglich. Die Druck-Presse hat es vorgemacht. Daher verbietet sich horizontales Scrolen von Text von selbst.

Die Seiten sind auch auf kleinen Monitoren ab einer Auflösung von 640x480, zumindest im Vollbildmodus ohne horizontalem Scrolen anzeigbar.

Die Seiten fügen sich ohne Änderung in ein Frame-Konzept ein.

zum Seitenanfang

Seitengröße

Aus Rücksicht auf die Ladezeiten, haben wir die Größe der einzelnen Seiten auf etwa 20k (Text und Bilder) beschränkt. Wer hat schon eine schnelle, kostenlose Standleitung? Ausnahmen, durch Bilder bedingt, sind normalerweise besonders gekennzeichnet. Der Umfang einer Seite entspricht zwischen einer und vier DIN A4 Seiten.

zum Seitenanfang

Navigation

Da wir eine bunte Vielfalt zeigen wollen, deren Umfang offen ist, aber zu keiner Zeit den Eindruck einer Baustelle erwecken soll, bot sich nur eine Gliederung in Kapitel an. Diese Gliederung folgt konsequent einer hierarchischen Baumstruktur. Dadurch kann jeder "Ast" wachsen, wie auch an fast beliebiger Stelle ein weiterer Ast wachsen kann. Durch die Verzeichnisstruktur ist jederzeit erkennbar, wo man sich auf der Homepage befindet. Von jeder Seite, kann man stufenweise in der Hierarchie bis zur Homepage zurück gehen. Hirarchisch gleichwertige Seiten können sowohl von Menüs aus direkt angesteuert werden, als auch Seite für Seite durchlaufend. Ausnahmen bilden, technisch bedingt, Probeausgaben von Rechenergebnissen.
Soweit wie möglich, sind auch die Hintergründe kapitelspezifisch gewählt, um sowohl optisch einen "roten Faden" zu bieten, als auch Querverweise deutlich zu machen.

zum Seitenanfang

JavaScript, Frames, usw.

Unsere Seiten sollen soweit wie möglich auch mit älteren Browsern so angezeit werden, wie wir sie erstellt haben. JavaScript und/oder Frames sollen nicht zwangsweise notwendig sein. Browser Plug-Ins sollen nicht notwendig sein, da nach meiner Erfahrung eine Funktion auf einem beliebigen PC nicht sicherzustellen ist. Ich ärgere mich immer, wenn ich auf eine Seite warte, die irgendetwas installiert und dann doch nicht oder nicht einwandfrei funktioniert. Vom Schadensrisiko am System des aufrufenden PCs ganz abgesehen.

JavaScript und Frames werden nur eingesetzt, wenn sie einen Zusatznutzen bieten. Darauf wird immer entsprechend hingewiesen, so dass jeder Besucher selbst entscheiden kann, ob er diese Möglichkeit nutzen möchte oder nicht.

zum Seitenanfang

Bilder

Bitte, bei allen hier angegebenen Beispielen, mit dem "Zurück" Button des Browsers wieder zurück, außer Sie wollen auf der entsprechenden Seite weiter machen.

Bilder und Internet sind ein unerschöpfliches Thema. Trotzdem einiges über meine Erfahrungen und auch der Hinweis auf Beispiele auf unserer Homepage. Bilder machen mit den Reiz des Internet aus, aber sie können auch sinnlos die Ladezeit von Seiten extrem steigern.

Ein auch auf professionellen Seiten gefundener Hauptfehler ist, Bilder größer abzuspeichern, als diese dann auf der Seite angezeigt werden. Wenn ein Bild zum Beispiel 200x200 angezeigt wird, wird es nicht besser angezeigt, wenn es 600x600 geladen wird. Nur die Ladezeit ist etwa 9 mal so lange. Also immer in dem Format speichern, in dem es auch angezeigt wird.

GIF oder JPG falsch eingesetzt. Bilder nur mit Text und einigen Farben immer als GIF. Desto weniger Farben, desto kleiner wird das Bild. Bietet sich also für Zeichnungen an.
Als bestes Beispiel für das GIF Format dient im Moment mein
Plan der Frauenkirche in Nürnberg. Trotz seiner Größe von 600x360, ist er nur ca. 11k groß. Natürlich bedingt dies sehr viel Wissen und Arbeitszeit, aber die schnelle Ladezeit belohnt den Aufwand. Weitere Pläne werden auf unserer Homepage folgen.
Auch das Bild beim Wettersegen hat mit einer Größe von ca. 400x400, nur etwa 5k. Dieses Bild ist zusätzlich noch aus Einzelteilen zusammengesetzt.

Das JPG Format, ist bei allen Bildern mit vielen Farben, das Format der Wahl. Es bedingt aber einiges an Kompromissen. Zum Beispiel benötigt ein schärferes Bild mehr speicherplatz als ein leicht unscharfes. Auch nicht jedes Bild verträgt die gleiche Kompressionsstufe, um noch ansehnlich zu wirken. Sehr problematisch verhält sich das JPG Format bei Text. Natürlich ist es am bequemsten, ein Bild einfach zu scannen, als JPG abspeichern und ab damit auf die Homepage.
Sie können sich dazu ein ein Beispiel ansehen, das die Grenzen aufzeigt und auch den von mir gewählten Ausweg. Der macht zwar auch wieder mehr Arbeit, aber das Ergebnis spricht dafür. Der Prospekt des Kalvarienbergs in Mühldorf.
Zuerst das Orginal als JPG hart an der Grenze des lesbaren und trotzdem gesammt etwa ca. 156k. Daneben die von mir so genannte Hybridversion. Nur ca. 48k, also unter einem Drittel und trotzdem besser lesbar, bessere Bilder, einwandfrei ausdruckbar und in den Grenzen des HTML, praktisch sehr nahe am Original.
Gerade Prospekte, Broschüren und dergleichen bieten sich für so eine "Hybridversion" an. Kürzere Ladezeiten und bessere Ergebnisse.

Unter Verwendete Programme finden Sie eine Beschreibung der von mir verwendeten Programme.

zum Seitenanfang

Maustasten-Sperre und dergleichen

Immer mehr verbreitet sich eine "Unsitte", das Abspeichern von Seiten zu behindern. Ich habe bewußt behindern gewählt, denn wirklich verhindern läßt es sich nicht und wenn man das wirklich will, dann eben damit nicht auf die Homepage. Das einzig zuverlässige Mittel. Alle anderen Möglichkeiten wie gesperrte Maustaste, "Das dürfen Sie nicht", exotische Formate und Plugins behindern und verhindern, bis hin zum PC Absturz, die Betrachtung von Seiten. Dies ist von ärgerlich bis ich besuche die Seite nie wieder.

Für technisch einigermaßen Versierte stellt dies alles kein Hindernis dar. Wenn jemand etwas will, dann bekommt er es auch oder es interessiert nicht mehr.

Lieber einwandfreie Seiten in der Hoffnung, dass schon niemand versuchen wird, daraus für sich Kapital zu schlagen. Wenn man dahinter kommt, gibt es sowieso Ärger. Jedenfalls rechtfertigt dieses Risiko für mich nicht die Behinderung aller Homepagebesucher.

zum Seitenanfang

Der HTML-Kurs von Jürgen Patalong. Wesentlich mehr als nur hilfreich!

HTML-Kurs       http://htmlbasis.de/

Jürgen Patalong gehört zu den Menschen, die mit seiner Arbeit Mut machen.

Sein Kurs ist nicht nur für angehende Webmaster, die durch dieses Studium viel zeitraubende Fehler vermeiden können, sondern auch und besonders, für "gestandene Webmaster", wie man in Bayer sagen würde. Lächeln Sie nicht. Sie können lernen, die eigene Homepage, ob privat oder geschäftlich, mit den Augen eines Besuchers zu sehen. Da gibts wohl einiges an Verblüffungen.

Wenn Sie eine Homepage für eine Künstlerkolonie erstellen, dann können Sie alles machen, einschließlich eine CD verschicken, um dieses "Kunstwerk Homepage" zu betrachten. Allerdings wirklich nur dann. In allen anderen Fällen, sollten Sie ihr eigenes Survverhalten betrachten und diesen Maßstab auf die eigene Homepage anwenden. Genau da hilft Jürgen Patalong und natürlich bei noch viel mehr.

Der HTML-Kurs steht auf seiner Homepage auch zum Donload bereit. So haben Sie die Möglichkeit, am heimischen PC alles in Ruhe zu studieren.

Wenn Sie Ähnlichkeiten oder Übereinstimmungen zwischen seinen und meinen Gedanken bemerken, dann ist es das, was mir Mut macht. Wir haben erst Anfang September 2002 voneinander erfahren. Unsere Seiten sind absolut eigenständig entstanden.

Jürgen Patalong hat sich von mir das größte und beste Kompliment verdient, das ich zu vergeben habe. Ich hätte es nicht besser machen können und er hat mich noch weit übertroffen.

Wenn Sie seine Seite besucht haben, werden Sie es wohl auch bestätigen können.

zum Seitenanfang

zur Home Page       zur technischen Übersicht


Cat Logo

Copyright © Familie Wimmer. All rights reserved.
Diese Seite wurde am 26. Mai 2001 erstellt
und am 22. September 2002 zuletzt bearbeitet.