homepagebau

Prinzipiell soll diese Seite einige wenige Punkte ansprechen, wie man sich eine eigene Seite im Netz einrichtet. Mittlerweile ist dieses fast common knowledge/Allgemeinwissen. Wer sich damit nicht auskennt, findet in jeder Computer-Buchreihe ausreichend Literatur in den Buchhandlungen, Bibliotheken und im www. Die bekannteste Grundlage dürfte die SelfHTML von Stefan Münz SelfHTML-Seite von Stefan Münz sein. Weitere Informationen findet man dort und mit den richtigen Suchwörtern überall im Netz, bspw. eben auch hier.

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 in irgendeiner Art und Weise habt. Meine Themenauswahl ist recht willkürlich, wie es auf den ersten Blick scheint; de facto schreibe ich zu allem, was mich direkt betrifft oder bewegt. Das ist also mein Beruf, meine Freizeitaktivitäten etc.pp. Viele nutzen für solche Gelegenheiten einen blog, eine Art Tagebuch im Netz, dem nicht allzu geheime Gedanken anvertraut werden. Ich habe auch einen (Verknüpfung ⇐ in der vertikalen Navigation).

design, layout, Handwerkszeug

Wie wollt Ihr Eure Seiten gestalten? Farbauswahl, auch in Kombinationen, Graphiken und Techniken aus dem "multimedialen" Bereich sollten bei der Konzeption schon ausgesucht bzw. überdacht werden. Je nach Grundgerüst der Seite (PHP- oder eher einfache HTML-Seiten), kann man verschiedene Elemente der Seite unterschiedlich steuern und anlegen. Wie macht Ihr die Navigation, wie teilt Ihr den Bildschirm insgesamt auf? (Hier spielen auch die ⇒ Auflösung und die Bildschirmgröße eine gewisse Rolle.)

Ich habe vor Jahren nun schon meine homepage grundlegend 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 anzufertigen, so ist es immer sinnvoll, ihm/ihr Eure Bedürfnisse klar zu machen. Das Originaldesign von Tino beinhaltete neben einem JavaScript-gesteuertem Menü^N mit MouseOver-Effekten auch ein Logo für die Seite.
Doch das Menü musste ich schon bald entfernen, da Anpassungen in Kooperation mit Tino sich schwierig gestalteten (wir hatten nur via Netz Kontakt, keinen persönlichen); ich wollte ihn auch nicht nerven und mit immer neuen Anforderungen bombadieren - zumal er die Seite für mich unentgeltlich gestaltet hatte. In eigener Regie habe ich dann das Navigationsmenü komplett umgestaltet, auf die von Tino entworfenen Graphiken und das JavaScript verzichtet und ein über style-sheets gesteuertes Mneü eingefügt.
Das Logo fiel auch weg, weil es ...

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

Im Nachhinein wirkt der notwendige Umbau der Seite ein wenig undankbar, aber es bringt ja nichts, wenn Ihr als Inhaber der Seiten keine Möglichkeit zu Korrekturen oder Anpassungen habt. Bei persönlichen Seiten gilt immer die Devise: selbst ist der Mann / die Frau!

Es gibt mittlerweile viele sehr aufwendig gestaltete Seiten. Shockwave® und Flash® sind dabei mehr und mehr die Schlagworte. Im Zeitalter der immer schneller werdenden internet-Verbindungen und der rasanten Speicherentwicklung im Computerbereich, sind das auch keine größeren Probleme mehr. Die Ladezeiten schrumpfen zusammen. Bessere Kompressionsverfahren tun ihr übriges.
Ich halte nichts von diesem flimmerndern Firlefanz, mich nerven schon animierte GIFs enorm, auch wenn ich vereinzeilt selbst welche eingefügt habe. Viele versehen Ihre Seiten mit Hintergrundmusik - schlichtweg weil sie wissen, wie es geht. Davon abgesehen, daß bei solchen Dingen immer auch Urheberrechtsfragen (⇒ Jura) berührt werden (genauso wie bei den Bildern), ist es auch nicht immer eine gute Auswahl, die getroffen wird. Ich tendiere eher zu stummen Seiten, empfehle, wenn Ihr Musik haben wollt; etwas seicht dahinplätscherndes, das bequem in eine Schleife geschickt werden kann. Das Dumme ist: beim Laden jeder Unterseite startet die Musik neu! Das tut sie auch, wenn Ihr auf reload drückt. Der schicke Effekt ist hin.
Wichtig beim Seitenbau ist auch immer die Wahl der Schriftarten. Für das Lesen am Bildschirm eignen sich seriphenlose Schriften besser als jene mit. Schrifttypen mit Seriphen sind bspw. die weit verbreitete und unter Windows® standardmäßig installierte Times New Roman. Seriphenlose Schrifttypen hingegen sind bspw. Tahoma oder Arial. In manchen Fällen - je nach Inhalt der Seite - möchtet Ihr vielleicht auf Sonderzeichen^S zurückgreifen. Das kann mitunter schwierig werden. Einige Dinge sind als HTML-Codes hinterlegt, andere Dinge nicht (vergl. ⇒ ³).
Eine Zeit lang waren ja private Gästebücher⁴ angesagt, private Foren etc.; man sieht sie hier und da immer noch, teils sind sie durch das aufkommen der blogs verschwunden, verdrängt worden, teils verfügen auch blogs über Foren und/oder Gästebücher. Ich halte so etwas mittlerweile für meine Netzseiten für überflüssig. Das muß aber jeder für sich selbst entscheiden. Ihr könnt auch hier entweder auf Drittanbieter ausweichen oder aber schauen, ob Euer provider⁵ derartiges inklusive anbietet. Vielleicht könnt oder wollt Ihr Euch das auch selbst programmieren.

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 (sh. ⇑) und CSS, auch JavaScript / JScript kann nicht schaden (⇒ sh. hier). Ein sehr zu empfehlendes Buch existiert in 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. Microsoft hat einen HTML-Editor entwickelt: MS FrontPage. 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, einfach bedienbarer und vor allem für den privaten Gebrauch kostenloser Editor ist der Phase 5 Editor von Ulli Meybohm. Ein anderer guter, freier und colourcoding Editor ist Arachnophilia.

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 link-Listen: 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.

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. Ihr findet weiter unten noch einige Anmerkungen zu kleinen Randthemen, die im Lauf der eigenen Programmierung auftreten können.

Macht Euch ggf. selbst eine.
Wie es geht, findet Ihr hier.

Ihr könnt einen Blick auf die beiden Entwürfe von Tino und meine Anpassungen bzw. Revisionen werfen: Ihr seht rechts im Bild die screenshots (²).

Nachtrag 08.10.2008: Bzgl. der Netzseiten Versionszählung gilt folgendes zu erklären: sie ist ein wenig willkürlich, wie so oft in der EDV. Die allererste homepage, die ich hatte und auf dem Studenten-server der Humboldt-Uni abgelegt war, handelte es sich um verschiedene einfache Seiten mit verschiedenfarbigen Hintergründen ohne viel Struktur. Diese Seite mußte als bald überarbeitet werden, bzw. in ihrem IST-Zustand vom server vershwinden, da ein NACKTES schwules Paar auf der Startseite prangte (Version 1). Version 2 war die Exilseite bei der Uni Hannover, Version 3 hatte eine gewisse Struktur und ein einfaches frameset und lag, so ich nicht irre, auf dem Server von 1&1, damals noch unter dem Namen purespace, das war die kostenlose Vorgängerversion mit nervigen Werbebannereinblendungen. Version 4 dann war ein komplexerer frameset mit einheitlichen Aussehen und geschütztem Mitgliederbereich für private Treffen etc., die Version 5 nun ist die frameset-freie Version basierend auf Tinos Entwurf zum relaunch, die Sub-Versions-Nummernzählung gilt nun meinen Anpassungen und Weiterentwicklungen.

¹ 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:

^SSonderzeichen 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:

^NWas 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 zu Frieden geben oder meinen blog besuchen.

Mittlerweile finde ich, daß Gästebücher nur wenig bis gar keinen Sinn machen. In vielen Fällen werden sie nämlich immer wieder von spam überflutet. Gästebücher bedürfen einer regelmäßen Pflege und Administration. Da kann man dann gerne drauf verzichten. Mittlerweile kann man ja nichtmal mehr normale Elektropostformulare oder einfache maillinks in Seiten einfügen, ohne von Werbemüll zugedonnert zu werden. Ggf. könnt Ihr natürlich Euch auch selbst so etwas programmieren. Zwecks Hinweise zur Einbindung von CGI-scripts habe ich vor Äonen mal ein Dokument im Netz gefunden, das ich Euch hier als PDF cgi.PDF zur Verfügung stelle. Die darin enthaltenen Verknüpfungen könnten unaktuell sein.

Legende der benutzten icons:

Ich hatte ja eine zeitlang darüber gegrübelt, ob ich eine Art Legende der benutzten icons hier einstellen soll. Ich bin nun zu dem Schluß gekommen, daß das

nicht notwendig ist, da die icons an sich selbsterklärend gewählt wurden
mir zu arbeitsintensiv ist angesichts der verwendeten Zahl der icons

Jetzt könnt Ihr natürlich sagen: "Fauler Sack!" Richtig! So what?