http://jendryschik.de

UX, Usability und Webstandards

Suche
SucheMenü

Aufbau

Hinweis: Diese »Einführung in XHTML, CSS und Webdesign« ent­spricht der zwei­ten Auf­lage des gleich­na­mi­gen Buches, das im Dezem­ber 2008 im Ver­lag Addison-Wesley erschie­nen ist. Die Inhalte sind mittlerweile veraltet, fast alles hat sich weiterentwickelt. Seit einigen Jahren gibt es HTML5, von XHTML redet niemand mehr, und auch die Entwicklung und Unterstützung von CSS ist um Einiges weiter. Auch fast alle Grundlagentexte müsste man schon lange fortschreiben. Falls Sie die Texte dennoch lesen möchten, behalten Sie das bitte im Hinterkopf.

Zurück zur Startseite und zum Inhaltsverzeichnis des Buchs

Grundlagen

Im Kapitel Grundlagen werden Sie Basiswissen erwerben. In der Architektur ist eine Basis (im Sinne von Grundlage, Fundament) der unterste Bauteil einer Säule, auf der der Schaft aufsitzt. Die Basis selbst steht häufig auf einem Sockel, der die Form eines Quaders besitzt. Dieses Bild lässt sich auf dieses Buch übertragen. Der Sockel, auf dem der erste Teil des Buchs aufbaut, sind Ihre grundlegenden Computerkenntnisse. Sie sollten bereits wissen, was ein Ordner beziehungsweise ein Verzeichnis und was eine Datei ist. Sie sollten wissen, wie Sie Ordner und Dateien erstellen und dass es verschiedene Arten von Dateien gibt, die Sie mit unterschiedlichen Programmen öffnen, bearbeiten und erstellen. Es ist nicht unbedingt notwendig, dass Sie bereits einen Internetzugang haben, aber Sie sollten wissen, woher Sie einen solchen bekommen, was das Internet ist und wie Sie einen Webbrowser bedienen. Hilfreich wäre es, wenn Sie schon mit unterschiedlichen Browsern gearbeitet hätten, am besten auf unterschiedlichen Systemen, und bereits seit einiger Zeit im World Wide Web unterwegs wären.

Die Basis, die Sie sich in diesem Kapitel erarbeiten, ist das Fundament all dessen, was Sie im weiteren Verlauf dieses Buchs lernen werden. Dabei verstehe ich das Lernen als einen iterativen Prozess. Das bedeutet, das Erlernte festigt und erweitert sich mit jeder Wiederholung des Stoffs. Es mag sein, dass Sie beim Lesen der ersten Kapitel einige Zusammenhänge nicht verstehen können, weil Ihnen das Wissen über XHTML und CSS fehlt und Sie dieses erst in den folgenden Kapiteln erwerben werden. Das lässt sich leider nicht vermeiden, wenn man alle Themen mit der notwendigen Tiefe behandeln möchte. Wenn Sie das Buch durchgelesen haben und noch einmal von vorn anfangen, werden Sie feststellen, dass Ihnen auf einmal vieles viel klarer ist, als es Ihnen zu Beginn war, und Sie Neues entdecken, das Ihnen zunächst verborgen geblieben ist.

Zum Seitenanfang

Hilfsmittel

Zum Handwerkszeug eines Webautors gehören nicht nur viel Erfahrung, eine gesunde Motivation, viel Zeit und viel Kaffee, sondern auch einige Programme und Werkzeuge, die Ihnen die Arbeit an der eigenen Website erleichtern beziehungsweise erst ermöglichen. Das Kapitel Hilfsmittel erläutert, woraus Ihre Entwicklungsumgebung mindestens bestehen sollte, bevor Sie richtig loslegen.

Zum Seitenanfang

XHTML

Die Kapitel Einführung in XHTML und Auszeichnung der Inhalte erläutern den Aufbau von XHTML-Dokumenten und stellen eine Vielzahl von Elementtypen und Attributen vor, die im XHTML-Sprachumfang enthalten sind. Es ist nicht das Ziel dieses Buchs, Ihnen einen vollständigen Überblick über XHTML zu bieten. Diesen erhalten Sie in den entsprechenden Empfehlungen und Spezifikationen (siehe Tabelle 2.7). Stattdessen lernen Sie die wichtigsten Elementtypen und Attribute kennen, die Sie zur Erstellung standardkonformer Webseiten benötigen. Viele Teile der Sprache, die nur der Darstellung von Dokumenten dienen und nicht ihrer inhaltlichen Struktur, werden hier nicht erwähnt oder nur am Rande behandelt.

Es ist das Ziel dieser Kapitel, Ihnen zu zeigen, wie Sie zugängliche, suchmaschinenfreundliche XHTML-Dokumente erstellen, die so strukturiert sind, dass sie über ein Stylesheet in die gewünschte visuelle Form gebracht werden können. Wichtig ist dabei der Gedanke der Trennung von Struktur und Darstellung, der vielen Webautoren anfänglich Schwierigkeiten bereitet, speziell wenn sie nicht gewohnt sind, über die semantische Struktur von Informationen nachzudenken. Struktur setzt sich aus den Abschnitten eines Dokuments sowie der semantischen und strukturierten Auszeichnung der Dokumentinhalte zusammen. Die Darstellung ist die (visuelle) Gestaltung eines Dokuments. Idealerweise enthalten XHTML-Dokumente keine Informationen über die Darstellung der Inhalte.

Zum Seitenanfang

CSS

Die Kapitel Einführung in CSS und Eigenschaften und Werte führen Sie in Cascading Style Sheets (CSS) ein und beschreiben den Aufbau von CSS-Stylesheets entsprechend der Version 2.1. Analog zu den XHTML-Kapiteln wird auch an dieser Stelle nicht der vollständige Sprachumfang erläutert, sondern nur die Eigenschaften und Werte, die im Alltag eines Webautors eine praktische Rolle spielen – wobei dies mittlerweile der Großteil der Empfehlung ist. Dadurch erhalten Sie einen umfangreichen, praxisrelevanten Überblick über die Möglichkeiten der Sprache.

Obwohl CSS es ermöglicht, Stylesheets für unterschiedliche Medien zu schreiben und Webseiten somit beispielsweise für den Ausdruck auf Papier oder für Handhelds zu optimieren, beschränkt sich diese Einführung zum großen Teil auf die Ausgabe auf einem Computerbildschirm. Auf Eigenschaften für die Sprachausgabe wird ebenso wenig eingegangen wie auf Eigenschaften für die Ausgabe in einem konkret bemessenen Medium (Druckausgabe). Darüber hinaus lasse ich alle Eigenschaften und Werte außen vor, die bis heute noch von keinem oder kaum einem Browser richtig interpretiert werden.

Die CSS-Kapitel führen den Gedanken der Trennung von Struktur und Darstellung fort. Sie werden lernen, wie Sie Ihre sauber strukturierten und semantisch reichhaltigen XHTML-Dokumente visuell aufbereiten und wie CSS Sie dabei unterstützen kann, ansprechend aussehende Webseiten zu erstellen.

Zum Seitenanfang

Eine Beispielswebsite: Die Kochbar

Im letzten Kapitel werden wir gemeinsam Schritt für Schritt die Website eines kleinen Restaurants aufbauen, der Kochbar. Anhand dieses Beispiels werden Sie das erworbene Wissen praktisch vertiefen und lernen, wie die Trennung von Markup und Layout, von der ich in diesem Buch häufig spreche, im Projektgeschäft funktionieren kann.

Zum Seitenanfang

Glossar

Ein Glossar ergänzt diese Einführung. Falls Sie über Fachbegriffe stolpern, die ich nicht näher erläutert habe, finden Sie dort höchstwahrscheinlich eine kurze Erklärung.