homepagebau

Themenauswahl

Wer sich eine homepage bauen will, sollte sich vorher Gedanken machen, welche Themen er dort ansprechen will. Es ist stets sinnvoll nur Dinge auf eine solche öffentliche Präsenz zu setzen, zu denen Ihr einen persönlichen Bezug habt. Meine Themenauswahl ist recht willkürlich, wie es scheint, ich schreibe zu allem, was mich direkt betrifft oder bewegt. Viele nutzen für solche Gelegenheiten einen blog, eine Art Tagebuch im Netz, dem nicht allzu geheime Gedanken anvertraut werden. Ich habe auch einen.

design, layout, Handwerkszeug

Ich habe meine homepage umgebaut - mit Tinos Hilfe war sie recht gut geworden. Er stellte das layout her, ich die Inhalte.
Ich mußte allerdings design und layout zwischenzeitlich auch ein "wenig" anpassen und abwandeln, damit es meinen Bedürfnissen besser entsprechen kann.
Wenn Ihr jemanden zur Hilfe holt, ein Grundgerüst und einen Entwurf für ein ansprechendes Aussehen für Euch zu anzufertigen, so ist es immer sinnvoll, ihm/ihr Eure Bedürfnisse klar zu machen. Das Originaldesign von Tino beinhaltete neben einem JavaScript-gesteuertem Menü mit MouseOver-Effekten auch ein Logo für die Seite. Doch das Menü musste angepasst werden, da Menüpunkte wegfielen und andere hinzukamen und ich die Grafiken dafür nicht reproduzieren konnte (fehlender Adobe PhotoShop®, fehlendes Wissen über benutzte Schriftarten und -größen).
Das Logo fiel weg, weil es ...

... zu groß war und einen unnötigen Rolleffekt hervorrief
... zu viel Platz auch in der Breite des ausgenutzten browserfensters einnahm
... den verschiedenen TLDs dieser site nicht ausreichend Rechnung trug

Ein gutes layout ist die halbe Miete - layout und design bringen aber nichts, wenn der Inhalt mager ist. Es gibt mittlerweile viele sehr aufwendig gestaltete Seiten. Shockwave® und Flash® sind dabei mehr und mehr die Schlagworte. Im Zeitalter der immer schneller werdenden internetverbindungen und der rasanten Speicherentwicklung im Computerbereich, sind das auch keine größeren Probleme mehr. Die Ladezeiten schrumpfen zusammen. Bessere Kompressionsverfahren tun ihr übriges.

Es ist auch sehr sinnvoll, sich vorher zu fragen, mit welchem Editor Ihr die Seiten erstellen wollt, ob Ihr mit frames oder layers oder was auch immer arbeiten wollt. Wichtig sind vor allem Kenntnisse in HTML und CSS, auch JavaScript / JScript kann nicht schaden (⇒ sh. hier). Es gibt in jeder größeren Buchhandlung gute Bücher dazu, besonders empfehlenswert sind für Anfänger die Bücher aus der Reihe "... für Dummies" aus dem Verlag Thomson Publishing.

Zu Editoren sei noch gesagt: Ihr könnt im Prinzip jeden simplen Texteditor nutzen. Es empfiehlt sich definitiv nicht Microsoft Word® zu nehmen, zwar kann Word® seit der Version 97 HTML-Seiten erstellen, es ist aber auch eigentlich allgemein bekannt, daß der generierte code extrem viel überflüssiges Zeugs enthält. Wenn Ihr mit einfacheren Editoren arbeitet, so wählt einen, der zumindest eine code-Farbkodierung hat, will meinen unterschiedliche tags werden in verschiedenen Farben dargestellt. Bspw. kann der Image-tag <img in dieser hübschen violetten Farbe dargestellt werden und <table in diesem Grünblau / Blaugrün. Das hilft, die Übersicht zu behalten. Ein sehr guter, einfachbedienbarer und vor allem kostenloser Editor ist der Phase 5 Editor von Ulli Meybohm. Ein anderer guter, freier und colourcoding Editor ist Arachnophilia.

Ich bin aber auch mit dem jetzigen layout nicht so ganz zufrieden: Ich brauch noch eine vernünftige Lösung für die Darstellung der Bildergallerien und eine bessere Aufteilung von Text- und Bildanteil. Der jetzige "Bilderrahmen" zur Rechten ist, vor allem auf Seiten, die ihn ohne Inhalt haben, zu groß. Der Bildbeschreibungsrahmen unten rechts ist wiederum zu klein. Aber egal wie ich es drehe und wende und probiere ...

Was mich auch nervt: der Textrahmen ist zu weit nach links gerutscht und zu dicht an der Navigation, ...

webspace und TLDs

Natürlich braucht Ihr auch einen webspace-Anbieter. Da tut Euch am besten im WWW um, vergleicht Preise und Leistung. Wenn Euch Werbebanner oder pop-ups nicht so sehr stören (Besucher werden sich eher daran stören und bald genervt sein), könnt Ihr zumindest für den Anfang auch Seiten bei einem kostenlosen webspace-Anbieter reservieren. Wenn die Adresse zu lang ist, gibt es andere Anbieter im Netz, die kurze leicht zu merkende domain-Namen anbieten, die Ihr dann auf die anderen umlenken lassen könnt. Meine domain-Namen finden Ihre Erklärung in der Bedeutung hier. Warum ich so viele gewählt habe? Warum leckt sich der Hund die Eier? - Weil er's kann! Ich habe mir die hohe Anzahl der topleveldomains (TLDs) auch deshalb gewählt, weil ich viel Verkehr haben wollte.

linklisten

Ganz wichtig bei linklisten: prüft immer wieder mal, ob die links noch funktionieren. Vor allem bei Verknüpfungen zu anderen privaten Seiten ist das nötig, da die besonders häufig umziehen oder einfach irgendwann gelöscht werden. Nichts ist ärgerlicher als eine Seite mit lauter kaputten Verknüpfungen, das vergrault auf die Dauer Besucher und da hilft kein layout und nix.

Auflösung, Bildschirmgröße

Noch ein paar Worte zur Bildschirmgröße und Auflösung: die Seite ist ausgelegt für die Bildschirm-(!)-Auflösung 1024 × 768. Ich arbeite an einem 14-Zoll-TFT-Monitor, d.h. wenn Ihr einen größeren habt *grummel*: schön für Euch! Natürlich sieht es dann sehr danach aus, daß ich ungemein viel Platz verschwendet hätte. Ich gehe aber einfach mal davon aus, daß nicht jeder einen Bildschirm hat, der die halbe Wohnzimmerwand einnimmt! Es empfiehlt sich bei kleineren Bildschirmen mittels F11 den browser(¹) so einzustellen, daß der volle Bildschirm ausgenutzt wird.

So, ich denke, das reicht zu diesem Thema.

Macht Euch ggf. selbst eine.

Wie es geht, findet Ihr hier.

Nachtrag 25.09.'06: Ich überlege eine Überarbeitung des designs. Das klingt vielleicht undankbar gegenüber jenem, der die Seite entworfen hat ... oder das design dafür. Aber was nutzt ein hübsches design, wenn man es selbst nicht zu überarbeiten und seinen eigenen Bedürfnissen anpassen kann, ohne Stücke des Entwurfs wieder zunichte zu machen? Das ist immer der Preis dafür, wenn man die Arbeit zum Programmieren aus der Hand gibt, weil man selbst keine entscheidende Idee oder nicht über das notwendige Werkzeug oder die Kenntnisse verfügt.
Private homepagebesitzer und -bastler kommen nicht umhin, sich gewisse Dinge selbst beizubringen.

Nachtrag 28.09.'06: Hier seht Ihr nun das Ergebnis des re-designing-Prozesses. Es sind keine großen Unterschiede ... eher wie zwischen Mariacron und anderen Weinbränden: fein!

Nachtrag 02.10.2006: Ich wollte Euch noch mal einen Blick auf die beiden Entwürfe von Tino und meine Anpassungen bzw. Revisionen ermöglichen: Ihr seht rechts im Bild die screenshots (²).

¹ to browse = 1. abgrasen, weiden, äsen; 2. suchen; im Kontext wäre eine korrekte Übersetung für den browser der Sucher

² Ihr wollt nicht wirklich, daß ich daraus einen Bildschirmschuß kreiere, oder? Vielleicht eher Schnappschuß.

Sonderzeichen:

¹Sonderzeichen haben ggf. eine andere bit-Breite (oder wie immer man das nennen mag), d.h. bei einigen Sonderzeichen müsste man den angezeigten Bereich vom standardmäßigen UTF-8 auf UTF-16 oder gar UTF-32 umstellen. So müsste man es bspw. für musikalische Zeichen. Das Problem: verbreitet ist der Unicode UTF-8; UFT-16 wird von den modernen MS Windows®-Systemen unterstützt und von Java® (Apple kann es sicherlich auch), UTF-32 können in der Regel aber nur einige UNIX-Systeme, für die Kodierung in HTML sind sie aber nicht wirklich ausgelegt. Stefan Münz schreibt diesbezgl. in der aktuellen SelfHTML-Version:

"Das Unicode-Konsortium, das 1991 gegründet wurde und aus Linguisten und anderen Fachleuten besteht, ermittelt die aufzunehmenden Zeichen. Die vergebenen Zeichencodes haben verbindlichen Charakter. Seit Version 2.0 ist das Unicode-System auch mit der internationalen Norm ISO/IEC 10646 synchronisiert. Das ist insofern wichtig, als Kapitel HTML seit Version 4.0 und auch Kapitel XML ab Version 1.0 auf der Norm ISO/IEC 10646 aufsetzen. Wenn Sie also wissen wollen, wie man ein bestimmtes Zeichen in HTML oder XML notieren soll, müssen Sie in den Unicode-Zeichentabellen nachsehen, welche Zeichennummer das gewünschte Zeichen hat. Anschließend können Sie das gewünschte Zeichen durch eine numerische Notation wie z.B. ⚏ (dezimale Schreibweise) oder ⚏ (hexadezimale Schreibweise mit x) im Quelltext der HTML- oder XML-Datei notieren.

Die Zeichennummern der von Unicode erfassten Zeichen wurden zuerst ausschließlich durch eine zwei Byte lange Zahl ausgedrückt. Auf diese Weise lassen sich bis zu 65536 verschiedene Zeichen in dem System unterbringen (2 Byte = 16 Bit = 216 Kombinationsmöglichkeiten). In der Unicode-Version 3.0 vom September 1999 wurden bereits 49.194 Zeichen aus aller Welt aufgelistet. Die Version 3.1 vom März 2001 durchbrach mit 94.140 Zeichen die Zwei-Byte-Grenze. Die Version 4.0 vom April 2003 umfasst 96.382 Zeichen, die Unterversion 4.1.0 fügt noch einmal 1.273 Zeichen hinzu. Das Zwei-Byte-Schema, im Unicode-System als Basic Multilingual Plane (BMP) bezeichnet, wird deshalb von einem Vier-Byte-Schema abgelöst, wodurch sich die beruhigende Anzahl von 4.294.967.296 Zeichen (232 Kombinationsmöglichkeiten für Bits) adressieren lässt.

Informationen zum Unicode-Konsortium finden Sie im Web auf der englischsprachige Seite homepage des Unicode-Konsortiums.

Das große Problem mit Unicode ist eigentlich nur, wie all die vielen Zeichen an einem Computer dargestellt werden sollen. Denn Unicode definiert nur Zeichennummern und Eigenschaften von Zeichen, aber es enthält ebenso wenig wie Codetabellen herkömmliche Zeichenkodierungen Angaben darüber, wie das Zeichen darzustellen ist. Dazu sind am Computer Schnittstellen wie Schriftarten erforderlich. Die klassischen Computerschriftarten sind dazu jedoch nicht geeignet, da sie sich weitgehend an bestimmten Kodierungen mit eingeschränktem Zeichenvorrat orientieren. Neue, Unicode-orientierte Schriftarten verbreiten sich allmählich. In Verbindung mit modernen Betriebssystemen und Anwendungen unterstützen solche Schriftarten zumindest die zwei-byte-breite Adressierung, also den BMP-Anteil des Unicode-Systems."

⇒ vergl.: Stefan Münz: SelfHTML, Version 8.1.1 vom 24.11.2005

Für das Problem mit den Sonderzeichen wird man also teils auf Graphiken ausweichen müssen. Über den Unicode kommt man da nicht weiter. Überhaupt scheint dieses aber ein weites Feld zu sein.
Der komplette Unicode Standard in der Version 5.0.0 ist im Buchhandel mit der ISBN 0-321-48091-0 erhältlich, oder über die homepage in mehreren PDF .PDFs zum Herunterladen bereit gestellt.
HTML 4.0 bietet zumindest nicht für alle möglichen Textformatierungen Entsprechungen der simplen Art. Ein weiteres gutes Beispiel sind hochgestellte Zahlen und Zeichen (³).

Navigation:

²Was ich im übrigen vermisse und noch nirgends gefunden habe, ist ein einfach anzupassendes Navigationssystem für die Seite. Mit allen Unterseiten wäre eigentlich ein aufklappbares Navigationsmenü mit mehreren Ebenen am besten. Doch sind diese m.E. umständlich in der Programmierung und auch nicht leicht anzupassen, es gibt zwar viele Skripte und Anleitungen dafür, doch sind diese entweder unpassend, schwer anpassbar oder schlichtweg unverschämterweise nicht kostenlos (ich will ja nicht sagen, daß der "Erfinder" des Skriptes nicht auch sein Geld verdienen soll. Nur weiß ich nicht, ob ich über 25,- € für ein Navigationsscript ausgeben soll, daß ich mir noch selbst meinen Bedürfnissen anpassen muß!)

hochgestellte Zeichen:

³Ein anderes Problem ist, daß es in HTML keine Möglichkeit gibt, Fußnotenkennzeichen oder Potenzen mit höheren Ordnungszahlen als 3 zu erzeugen. Man kann zwar Zahlen und Buchstaben hochstellen, indem man den tag <sup></sup> nutzt und in seine Mitte die beliebig gewünschte Zahl oder Buchstaben setzt, doch wird das entsprechende Zeichen nicht verkleinert dargestellt. Bsp.: <sup>4</sup> sieht im Text dann so aus ⁴. Ich bilde mir ein, dieses sei nicht die gleiche Schriftgröße wie bei bspw. ³, was so aussieht ³.

content-Module

Ich hatte vor noch nicht allzu langer Zeit sogenannte content-Module in meine Seite eingebunden, sprich Fremdinhalte, die teils auf der Indexseite geladen werden sollten, teils in separaten pop-up-windows. Leider funktionierte dieses nicht so ganz, wie ich es mir wünschte. Immer wieder habe ich Probleme, wenn ich mir irgendwo JavaScript-Funktionen abschauen will, die funktionierend umzusetzen. Aus mir unerfindlichen Gründen funktionieren die Teile bei mir nicht so, wie bei anderen. Nun habe ich diese Module erstmal deaktiviert. Wer mehr wissen will, soll mir eine E-Post schreiben.

Mein Gästebuch / Mein blog

Ich habe mein Gästebuch bei Multiguestbook.com gelöscht.

Hintergrund:

Beim routinemäßigen Anmelden zur Administration erfolgte die Abfrage der Benutzerdaten: darunter die Frage nach genauer Wohnanschrift und Telefonnummer. Dabei ergab sich keine Möglichkeit für den Nutzer, vom Anbieter zu verlangen, die Daten streng vertraulich und ausschließlich für eigene legale Zwecke zu nutzen. Aus diesem Grunde, habe ich vorerst das Gästebuch gelöscht. Ich werde mich nach neuen Lösungen umtun, um Euch auch in Zukunft wieder die Möglichkeit zu bieten, Eure Meinungen zur homepage öffentlich kund zu tun. Einstweilen müßt Ihr aber mit dem Euch bekannten eMail Elektropost-Formular zu Frieden geben oder meinen blog besuchen.