Informationen – Hilfe

Einführung

Diese Seite informiert über Eigenschaften und Funktionen auf meinen Seiten. Sie ist in folgende Bereiche eingeteilt:

Einstellungen

Über den Gebrauch des Menüs “Einstellungen” in der oberen linken Ecke jeder Seite

Navigation

Einfache Seitennavigation unter Zuhilfenahme von Ankern und diversen Untermenüs

Standards

Über den Gebrauch von Webstandards

Browserprobleme

Bekannte, auf den Seiten auftretende und ungelöste Browserprobleme

Die Einstellungen

Die Einträge dieses kleinen Feldes informieren über derzeitige Seiteneinstellungen und ermöglichen, diese zu ändern. An erster Stelle steht jedoch ein Anker mit Namen “zum Text”, welcher direkt zur Seitenüberschrift führt. Dieser Anker ist hauptsächlich für Textbrowser und Sprachausgaben gedacht, welche somit die wiederkehrenden Menüs mit Linkauflistungen überspringen können, um direkt zum Inhalt der Seite zu gelangen.

ändere Medientyp

Der auf meinen Seiten vorgegebene Standardmedientyp ist application/xhtml+xml. Allerdings können Probleme mit älteren Browsern oder solchen, welche keinen vernünftigen Identifikationsstring senden, auftreten. Aus diesem Grunde kann der Medientyp auch auf text/html gestellt werden. Gecko-basierte Browser wie Mozilla und Firefox oder Opera unterstützen voll diesen Standardmedientyp wohingegen beispielsweise Internet Explorer keinerlei Unterstützung bietet. Hier würde bei Wahl des Standardmedientypes application/xhtml+xml ein Dialog zum Herunterladen der Datei aufspringen.
Falls Dir diese Erklärungen unerklärlich sind, benötigst Du diese Option wahrscheinlich auch nicht ;-).

ändere Sprache

Die meisten Seiten sind zweisprachig in Englisch oder Deutsch vorhanden. Im Regelfall sollte der Server über eine Technik namens »content negotiation« automagisch die richtige Version liefern – wobei standardmäßig Englisch vorgegeben ist. Falls Dir jedoch die falsche Version angezeigt wird oder Du aus anderen Gründen die Sprache wechseln möchtest, klicke auf diesen Link und die Seite wird in der alternativ erhältlichen Sprachversion neu geladen. Hierbei wird ein Cookie auf der Festplatte gespeichert um diese neue Einstellung auch für weitere Seiten vorzugeben.
Beachte bitte, dass nicht alle Seiten zweisprachig erhältlich sind. Im Zweifelsfalle ist die englische Version die ausführlichere und aktuellere.

scripting

Wenn JavaScript in Deinem Browser deaktiviert ist, wirst Du daran diskret erinnert, da einige zusätzliche Features auf manchen Seiten ohne aktiviertes JavaScript nicht funktionieren.

Navigation

Hauptmenü

Das Hauptmenü befindet sich direkt am oberen und unteren Rand auf jeder Seite. Ich habe es doppelt eingefügt, um auf sehr langen Seiten (das größte Bild hat eine Höhe von über 17.000px, entsprechend etwa 460cm bei 96 DPI) die Notwendigkeit des Zurückscrollens zu vermeiden.

Themenindex

Der Themenindex befindet sich auch zweifach auf den Seiten, einmal oben rechts als Dropdown-Menü und ein weiteres Mal am Seitenende oberhalb des Hauptmenüs. Die Einträge dieses Index verweisen auf weitere Seiten, welche in Bezug zum aktuellen Thema stehen.

Anker

Zur Vereinfachung von Referenzierungen sind viele Anker innerhalb von Seiten sichtbar hervorgehoben. Beispiel: In diesem Beispiel ermöglicht das Anhängen des Ankers #infoNavigation an das Ende der aktuellen Seitenadresse, hier http://www.j-a-b.net/info/info direkt zur entsprechenden Textpassage zu verlinken: http://www.j-a-b.net/info/info#infoNavigation.

Besuchte Links

Besuchte Links werden nicht nur durch eine andere Textfarbe gekennzeichnet, sondern auch durch eine zusätzliche Markierung, welche vom verwandten Browser abhängig ist:

• Opera und Geckos: Kursivschrift gefolgt von
• Internet Explorer: Kursivschrift

Icons und ihre Bedeutung

Auf manchen Seiten wirst Du kleine Icons bemerken, welche die folgende Bedeutung haben:

— Popup

Dieses Icon zeigt, dass der folgende Link ein Popup ist. Falls JavaScript im Browser deaktiviert ist, läd die Seite im selben Tab/Fenster.

— Externer Link

Dieses Icon kennzeichnet eine seitenexterne Referenz. Wenn Du diesem link folgst, verlässt Du also meine Site. Externe Seiten werden im aktuellen Tab/Fenster geladen. Beachte bitte, dass nicht alle externen Links auf diese Weise markiert sind.

— up

Diese Pfeil befindet sich ganz oben rechts auf jedem Seitenausschnitt und lässt einen direkt zum Seitenanfang springen. Dieses kann auf sehr langen Seiten bisweilen hilfreich sein.

— down

Dieser Pfeil befindet sich ganz unten rechts auf jedem Seitenausschnitt und lässt einen direkt zu Seitenende springen.

Beachte bitte, dass letztere Pfeile nicht im Internet Explorer angezeigt werden.

  — delete

Text, der zwischen diesen Zeichen erscheint, ist ausgegraut und veraltet

  — insert

Text, der diesem Zeichen folgt, ist eine Aktualisierung des veralteten Textes

Beachte bitte, dass im Internet Explorer nur die Rahmen und nicht die Symbole sichtbar sind.

Standards

Das Schreiben meiner Seiten ist aufgrund meiner Bemühungen, aktuelle Webstandards zu befolgen, mit einiger Arbeit, aber auch mit viel Spaß verbunden. Es gibt eine Reihe simpler Gründe, warum Standards für mich wichtig sind:

1. Es ist weitaus einfacher, Seiten zu schreiben, welche der vorgegebenen Struktur und Syntax der Standards entsprechen, als verworrenen Unsinn, welcher darüber hinaus auf unterschiedlichen Plattformen (sprich Browsern) unvorhersehbare Ergebnisse hervorrufen mag.
2. Hierdurch bin ich auch in der Lage, eine Menge häufiger Codeschnipsel in ähnlichen Zusammenhängen wiederzuverwerten, welches die Seitenentwicklung enorm beschleunigt.
3. Durch die Nutzung von sinnvoller, semantischer Textauszeichnung und CSS anstelle von veralteter präsentationsbezogener Textauszeichnung werden die Dateigrößen erheblich geringer und hierdurch wiederum Ladezeiten und Traffickosten.
4. Die Lesbarkeit und Benutzbarkeit der Seiten beschränkt sich nicht auf einige wenige Plattformen, sondern ist im Gegenteil plattformübergreifend (weitestgehend) gewährleistet.
5. Die wohl bedeutendsten “blinden” Besucher, Suchmaschinen, können die Seiten einfach und sinnvoll indizieren. Dies führt wiederum zu in den Ergebnislisten besser rangierenden Einträgen.

MarkUp – Textauszeichnung

Die Wahl, XHTML 1.1. anstelle eines anderen XHTML oder HTML 4 Dokumententypes zu benutzen, ist einerseits auf die sehr strengen Regeln zurückzuführen, welche mich quasi zwingen, kontextuell sinnvolle Textauszeichnungen zu verwenden. Andererseits führt die Verwendung des korrekten Medientypes application/xhtml+xml auch dazu, dass der Parser der Browser, welche diesen Medientyp unterstützen, bei auftretenden Fehlern in der Wohlgeformtheit des Dokumentes das weitere Lesen abbricht und eine Fehlermeldung ausgibt. Hierdurch bin ich in der Lage, schnell und problemlos eine erste Fehleranalyse der Seiten durchzuführen.
Um Abwärtskompatibilität zu gewährleisten, werden die Seiten mithilfe von serverseitiger Browsererkennung entweder mit dem korrekten Medientyp application/xhtml+xml oder für alte und nicht unterstützende Browser mit dem alternativen Medientyp text/html ausgeliefert.

Styling – Präsentation

Natürlich wird keinerlei präsentationsbezogene Textauszeichnung wie beispielsweise font-tags oder Tabellenlayouts verwendet, sondern reines CSS. Im Hinblick auf den XHTML 1.1 Dokumententyp wird auch auf inline-style-Attribute verzichtet. Dieses ermöglicht, das Aussehen der Seiten zentral an einer Stelle bei Bedarf zu ändern, verringert die Dateigrößen der einzelnen Seiten und erlaubt alten und inkompatiblen Browsern eine problemlose Darstellung der nackten ungestylten Seiten.

Scripting

In Erwägung der Vor- und Nachteile von Scripting habe ich mich entschlossen, so wenig Scripts als möglich zu verwenden. Hauptsächlich werden auf meinen Seiten Scripts benutzt, um Berechnungen beispielsweise bei der Konvertierung von Farbkodierungen, durchzuführen. Es ist allerdings geplant, zukünftig auch für diese Anwendungen eine serverseitige Alternative für Benutzer, welche Scripting im Browser nicht nutzen können oder wollen, anzubieten. Weitere Anwendungen für Scripting sind für eine vereinfachte und verbesserte Benutzbarkeit gedacht, beispielsweise bei dem Vergleich von Bildern im Themenbereich “Grafik”.
In allen Fällen wird kein proprietäres Scripting, sondern durchgehend die Standards ECMA-262 sowie DOM2 angewandt.

Zugänglichkeit und Benutzerfreundlichkeit

Ich habe mich bemüht, die Zugänglichkeitsrichtlinien für Web-Inhalte ( WCAG) sinnvoll umzusetzen. Beispielsweise werden title, alt und summary Attribute großzügig eingesetzt. Auch das longdesc-Attribut sowie ein Link zur Beschreibung komplexer Bilder wird an geeigneten Stellen verwandt. Allerdings verzichte ich völlig auf die Angabe von accesskeys, da diese eine ziemlich wirre und uneinheitliche Unterstützung in den Browsern geniessen.

Zeichenkodierung

Bis auf eine Ausnahme sind sämtliche Seiten mit UTF-8 Zeichenkodierung geschrieben. Diese Zeichenkodierung wird dreifach vorgegeben, zuerst über den HTTP-Header seitens des Servers, zweitens über den xml-Prolog, falls die Seite als xml ausgeliefert wurde und drittens über ein meta Element. Ich wähle diese redundante Angabe, da beispielsweise bei der Betrachtung einer abgespeicherten Seite offline kein HTTP-Header zur Verfügung steht und nicht alle Browser den Medientyp application/xhtml+xml unterstützen. Die vorgegebene Standardschriftart der Seiten ist “Arial Unicode MS”, welche den Vorteil hat, dass sie die Basic Multilingual Plain fast vollständig darstellen kann. Auch falls diese Schriftart nicht auf Deinem System installiert ist, sollten keine Probleme bei der Darstellung der meisten Seiten auftauchen.

Bekannte Probleme

Obwohl meine Seiten standardkonform verfasst sind, kann es vorkommen, dass Browser etwas nicht korrekt handhaben. Wahrscheinlich liegt es dann daran, dass ich einen mehr oder weniger kleinen Fehler unbemerkt eingebaut habe. Aber manchmal kommt es auch vor, dass trotz sorgfältiger Fehlersuche ein Problem bestehen bleibt. Dies bedeutet, dass wahrscheinlich ein Fehler im Browser vorliegt. Ich habe eine Reihe an Problemen, welche unterschiedliche Browser bei der Darstellung meiner Seiten haben und die ich — bisher — nicht in der Lage war zu lösen, aufgelistet. Es handelt sich also möglicherweise um tatsächliche Browser-Bugs, anderenfalls sind Kommentare und Lösungsvorschläge stets sehr willkommen.

• Probleme mit Opera
• Probleme mit Mozilla/Firefox
• Probleme mit Internet Explorer
• Probleme mit Safari