Inhalt
Einführung in das World Wide Web
- Das WWW (World Wide Web)
- Was ist eine Homepage?
- Das W3C (World Wide Web Consortium)
- Sprachen im Webauthoring
- Webapplikationen
- Web-Browser
- Usability und Accessibility
- Adressierung
Hilfsmittel zur Seitenerstellung
Einführung in XHTML
- Einführung in XHTML
- Vokabular und Syntax
- Der Aufbau eines XHTML-Dokumentes
- Einige Elemente im Body des Dokumentes
- Listen
- Tabellen
- Verweise
- Auszeichnung im Text
- Strukturen
- Formulare
- Sonderzeichen mit Entities umschreiben
- Meta-Elemente
- XHTML
- Weiterführende Informationen
Einführung in CSS
- Einführung in CSS
- Design und Styling in CSS
- Designprinzipien
- Die Einbindung von CSS in ein XHTML-Dokument
- Vokabular und Syntax
- Kaskade
- Vererbung und Überschreibung
- Werte
- Farben und Hintergründe
- Schriftformatierung
- Textformatierung
- Listen
- Box-Modell
- Ausrichtung von Elementen
- Positionierung von Elementen
- Breiten und Höhen
- Anzeige von Elementen
- Generierter Content
- Tabellen
- User Interface
- Pseudoklassen und Pseudoelemente
- Weiterführende Informationen
Ergänzungen
Vorwort
Diese Einführung in XHTML, CSS und Webdesign richtet sich an Anfänger, die das Erstellen von Webseiten mit XHTML und CSS erlernen wollen, an Fortgeschrittene, die ihr Wissen weiter vertiefen möchten, aber auch an Profis, die schnell etwas nachschlagen oder zum Beispiel etwas zu der einen oder anderen CSS-Eigenschaft nachlesen möchten. Sie setzt grundlegendes Interesse voraus, die Sprachen XHTML und CSS zu lernen und somit Webseiten im Quelltext erstellen zu wollen. Falls Sie an fertigen Homepagevorlagen oder an einer Einführung in das schnelle »Zusammenklicken« von Webseiten interessiert sind, werden Ihre Erwartungen hier nicht erfüllt.
Diese Einführung ist keine Referenz! Ich stelle weder alle XHTML-Elemente und Attribute, noch alle CSS-Eigenschaften und -Werte vor. Ich habe mich bemüht, einen für Anfänger überschaubaren Rahmen nicht zu überschreiten. Daher habe ich unter anderem bewusst all die CSS-Eigenschaften und -Werte vernachlässigt, die derzeit ohnehin von kaum einem Browser richtig interpretiert werden.
Gliederung
Ich habe die Einführung in vier Kapitel unterteilt.
Einführung in das World Wide Web
In diesem Kapitel vermittle ich Hintergrundwissen, das Sie benötigen und das für Sie sicher von Interesse sein wird, wenn Sie eine Website erstellen wollen. Zunächst gebe ich einen kurzen Überblick über die Entwicklung des World Wide Web und erläutere die Begriffe »Website« und »Homepage«. Die nächsten Abschnitte stellen Sprachen und Konzepte vor, die bei der Erstellung von Webseiten eine Rolle spielen. Dabei unterscheide ich zwischen Webauthoring-Sprachen (also XHTML und CSS) auf der einen Seite und server- und clientseitigen Programmier- oder Skriptsprachen auf der anderen. Abschließend führe ich in die Begriffe Usability und Accessibility und in Adressierungskonzepte ein.
Hilfsmittel zur Webseitenerstellung
In diesem Kapitel gebe ich einen kurzen Überblick über Editoren und andere Programme, die Sie beim Erstellen von Webseiten unterstützen.
Einführung in XHTML
Nach der Lektüre dieses Kapitels werden Sie in der Lage sein, XHTML-Dokumente und somit Webseiten zu erstellen.
Ich führe Sie zunächst grundlegend in Syntax und Vokabular von XHTML ein und erläutere den Grundaufbau eines XHTML-Dokumentes. Danach stelle ich der Reihe nach alle wichtigen Elemente und Attribute vor. Nebenbei lernen Sie Strukturen und Konzepte der Sprache kennen. Viele Quelltext-Beispiele sollen Ihnen beim Erlernen von XHTML helfen. Abschließend gehe ich auf die Unterschiede zwischen HTML und XHTML ein und liste Ressourcen auf, wo Sie sich weiter informieren können.
Einführung in CSS
Nach dem Lesen dieses Kapitels werden Sie XHTML-Dokumente mit CSS gestalten können.
Ich erläutere zunächst Prinzipien und Syntax von CSS. Dann stelle ich einen Großteil aller Eigenschaften aus dem CSS2-Sprachumfang und deren mögliche Werte vor. Dabei lernen Sie eine Reihe von Konzepten kennen, die Ihnen helfen, CSS zu verstehen und korrekt anzuwenden. Eine große Anzahl von Beispielen dient der Vertiefung der Sprache und als Vorlage zum Selberausprobieren. Auch am Ende dieses Kapitels liste ich weitere Ressourcen auf.
Download dieser Einführung
Sie können die Offline-Version dieser Einführung in unterschiedlichen Formaten herunterladen. Zum Entpacken der verschiedenen Versionen benötigen Sie ein entsprechendes Entpackerprogramm. Welche es auf dem Markt gibt und welche für das jeweilige Format geeignet sind, entnehmen Sie bitte dem SELFHTML Link-Verzeichnis.
rar (187 KB), tar.bz2 (187 KB), tar.gz (224 KB), zip (310 KB)
Ich bedanke mich bei Dirk Steinchen für die umfangreiche Hilfe bei der Erstellung der Offline-Version.
Verbesserungsvorschläge
Eine Einführung wie diese enthält trotz aller Anstrengungen immer noch Fehler und Verbesserungsmöglichkeiten. Kritik und Anregungen sind daher jederzeit willkommen. Bitte nehmen Sie also gegebenenfalls Kontakt zu mir auf. Ich werde mich bemühen, Ihrer Anregung schnellstmöglich nachzugehen. So wird gewährleistet, dass diese Einführung besser wird und aktuell bleibt.
Über Erfahrungsberichte meiner Leserinnen und Leser freue ich mich immer ganz besonders.
Wenn Sie inhaltliche Fragen zu dieser Einführung haben, sind Sie herzlich eingeladen, diese zu stellen. Denn womöglich habe ich einen Sachverhalt nicht ausreichend erklärt, sodass sich Verbesserungsmöglichkeiten für diese Einführung ergeben. Fragen dieser Art sind also willkommen.
Bei Fragen zu praktischen Problemen wenden Sie sich am besten an die einschlägigen Newsgroups. Sie finden zu diesem Thema eine umfangreiche Linkliste auf meiner Website, die Ihnen eine Hilfe sein wird, falls Sie nicht wissen, was Newsgroups sind und wie sie darauf zugreifen können.
Rechtliche Hinweise
Das Lesen dieser Einführung, das Abspeichern und das Ausdrucken nur für den persönlichen Gebrauch ist grundsätzlich gestattet. Eine Verlinkung einzelner Seiten oder der gesamten Einführung auf Webseiten oder in Newsgroups ist grundsätzlich erwünscht. Nutzen Sie das Medium World Wide Web richtig und machen Sie Gebrauch von Hyperlinks, anstatt Textpassagen einfach auf Ihrer Seite wiederzuveröffentlichen. Dennoch ist die Veröffentlichung von Zitaten mit der Angabe des Autors und der Quelle zu nichtkommerziellen Zwecken grundsätzlich erlaubt.
Die Erstellung und Verbreitung von Kopien, Übersetzungen oder veränderter Versionen in elektronischer oder ausgedruckter Form ist nur nach vorheriger Absprache und ungekürzt, das heißt mit Angabe der Autoren und Quelle, gestattet. Die Download-Version dieser Einführung darf weitergegeben, aber nicht verändert oder gekürzt werden. Zum Thema Linkhaftung Lesen Sie bitte meinen Artikel Warum Disclaimer dem World Wide Web schaden.