Webdesign/Webauthoring: (X)HTML, CSS, …

Tips

Verschiedene Linkfarben – Spezielle Links auszeichnen und formatieren: Erklärung, wie man in einer HTML-Datei mit CSS spezielle Hyperlinks auszeichnet (zum Beispiel in einer Navigation), die eine andere Farbe als normale Links haben sollen.
Rahmen um ausgewählte Links im Internet Explorer deaktivieren: Hinweise für Web-Autoren zur Entfernung des gepunkteten Fokusrahmens um einen Hyperlink, der (z. B. im Internet Explorer) um ausgewählte Links angezeigt wird.
Deaktivieren der Image Toolbar (des My Pictures Photo Support) im Internet Explorer 6: Informationen und Beispiele zur Image Toolbar (My Pictures Photo Support) im Microsoft Internet Explorer 6. Deaktivierungsmöglichkeiten dieser Funktion für Autoren von Webseiten.

(Meine Güte. Diese kleine Tipsammlung ist so Internet-Explorer-lastig, daß man denken könnte ich wäre ein Freund dieses Browsers. Bin ich aber nicht ;-))

Experimente und Browser-Bugs

Über das WWW

Das World Wide Web (WWW) ist ein relativ neues, dennoch eigenständiges Medium. Inhalte müssen für seine Benutzer in einer dem Medium angemessenen Art und Weise erstellt und präsentiert werden. Eine Website kann verschiedene Elemente und Funktionen von Visitenkarte, Hochglanzprospekt, Zeitung, Buch, Fernsehsendung, Computerspiel, usw. in sich vereinen – dennoch ist sie etwas ganz Anderes und mit altbekannten Medien kaum vergleichbar.

Wert gelegt werden muß auf die Eigenschaften, die für die verschiedensten Benutzer (darunter auch Suchmaschinen) bei ihrer Informationssuche wichtig sind: insbesondere gute Zugänglichkeit (Accessibility) und Benutzerfreundlichkeit (Gebrauchstauglichkeit, Usability).

Selbst heute noch, 14 Jahre nach der Erfindung des WWW, entsprechen die meisten Webseiten (darunter auch die großen kommerziellen Anbieter) leider nicht den technischen Standards. Auch unterstützen sie den Benutzer nicht bei seiner Informationssuche – viele Webseiten hindern ihn sogar daran.

Ich beschäftige mich seit 1996 intensiv mit dem WWW, seiner Technik und den Bedürfnissen seiner Benutzer. Bessere, erfolgreichere Webseiten für jeden sind das Resultat. Im Vordergrund stehen die Information und der Benutzer; nicht Multimediaspektakel als reiner Selbstzweck.

Ressourcen: Links zu Standards und relevanten Informationen

(X)HTML und CSS

Die nachfolgend genannten Spezifikationen stellen die wichtigsten Standards für Webseiten dar:

HTML 4.01 Specification: HTML ist die Sprache zur Strukturierung von Informationen im Web.; Deutsche Übersetzung
Cascading Style Sheets, Level 2—CSS2 Specification: Mit CSS werden Vorschläge zur Präsentation von (X)HTML-Dokumenten angegeben, zum Beispiel für Bildschirmdarstellung, Ausdrucke, etc.; Deutsche Übersetzung
Cascading Style Sheets, level 2 revision 1. CSS 2.1 Specification: Mitte 2004 noch eine Candidate Recommendation.
XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)—A Reformulation of HTML 4 in XML 1.0: Die Formulierung des SGML-basiernden HTML als Anwendung der neueren universellen Sprache XML.; Deutsche Übersetzung
ISO/IEC 15445:2000 HyperText Markup Language (ISO-HTML): Eine strengere Fassung von HTML 4.01 als Norm der ISO.

Validatoren

Die Einhaltung der Standards kann mit Programmen im Netz, den sogenannten Validatoren, überprüft werden:

W3C HTML Validation Service: Der offizielle Validator des World Wide Web Consortium (W3C) zur Überprüfung der (X)HTML-Syntax.; Deutsche Version
WDG HTML Validator: Der Validator der Web Design Group (WDG) liefert etwas verständlichere (englische) Fehlermeldungen als der des W3C und kann alle Einzelseiten einer Website prüfen.
W3C CSS-Validierungsservice: Der offizielle Validator des W3C zur Überprüfung der CSS-Syntax.

Testen Sie doch selbst einmal verschiedene Webseiten auf technische Fehler. Rufen Sie einen der oben genannten HTML-Validatoren auf und geben Sie die Adresse der zu prüfenden Seite ein.

Zugänglichkeit und Benutzerfreundlichkeit

Ein kleiner Einblick in die Themen Accessibility und Usability:

Web Content Accessibility Guidelines 1.0: Richtlinien des W3C zur Gestaltung barrierefreier und zugänglicher Webseiten.; Deutsche Übersetzung
Accessibility Valet—HTML Normalisation and Accessibility Testing: Dieses Online-Programm testet eine Seite auf Zugänglichkeitsprobleme.
Jakob Nielsen: Jakob Nielsen ist der wohl bekannteste Usability-Experte und bietet in seiner Alertbox zahlreiche nützliche Informationen.
Optimiert für … Usability?: Seiten über gutes Webdesign, Usability (Benutzbarkeit) und Accessibility (Zugänglichkeit) mit HTML und CSS von Dr. Joachim Wiesemann.

Tools

W3C Link Checker: Prüft eine Website (recursion depth: -1) auf fehlerhafte oder umgezogene Hyperlinks.
Web-Sniffer: Zeigt HTTP-Anfragen und Antwort-Header.

Meine umfangreiche Liste von empfehlenswerten und nützlichen Quellen zum Thema Webdesign wird hier nach und nach veröffentlicht und mit Kommentaren versehen werden.