Inhalt	6
	Vorwort	14
	Danksagung	16
	1 Einleitung	18
	1.1 Über dieses Buch	18
	1.1.1 Entstehung	18
	1.1.2 Aufbau	21
	1.1.3 Die Kochbar	23
	1.1.4 Fehlermeldungen und Verbesserungsvorschläge	28
	1.1.5 Koautoren	29
	1.1.6 Vorveröffentlichungen	29
	1.2 Weiterbildung, Diskussionen und Problemlösungen	30
	2 Grundlagen	32
	2.1 Begrifflichkeiten: Website, Webseite, Homepage	32
	2.2 Textauszeichnung: Die erste Komponente des Webs	34
	2.2.1 Dokumente	35
	2.2.2 Strukturorientiert schreiben	36
	2.2.3 Standards: SGML und XML	37
	2.2.4 Zusammenfassung	38
	2.3 Hypertext: Die zweite Komponente des Webs	38
	2.3.1 Eine kurze Geschichte des Hypertexts	39
	2.4 Das World Wide Web	42
	2.4.1 Gewirr, Verknüpfungen und Netze	42
	2.4.2 Das World Wide Web Consortium	44
	2.5 Technische Fundamente des World Wide Webs	46
	2.5.1 URI	46
	2.5.2 HTTP	52
	2.5.3 MIME-Typen	55
	2.6 Sprachen des World Wide Webs	57
	2.6.1 HTML	57
	2.6.2 XHTML	59
	2.6.3 Warum sollten Webautoren heute auf XHTML setzen?	60
	2.6.4 CSS	62
	2.6.5 Spezifikationen, Empfehlungen und Arbeitsentwürfe	65
	2.7 Browser	65
	2.7.1 Die Entwicklung bis zum ersten Browserkrieg	66
	2.7.2 Browseralternativen	71
	2.7.3 Browsertests	77
	2.7.4 Bezugsquellen und Testumgebungen	80
	2.8 Barrierefreiheit	83
	2.8.1 Warum dies auch eine Einführung in barrierefreies Webdesign geworden ist	83
	2.8.2 Welche Arten von Behinderungen müssen Sie berücksichtigen?	85
	2.8.3 Verordnungen und Richtlinien	88
	2.9 Zeichenkodierung	95
	2.9.1 00101010 - Am Anfang waren null und eins	95
	2.9.2 Von Bits und Bytes, dezimal und hexadezimal	95
	2.9.3 Begrifflichkeiten	97
	2.9.4 Zeichenkodierungen	97
	2.9.5 Das Problem mit Zeichenkodierungen	103
	2.9.6 Zeichendarstellung	105
	2.9.7 Zeicheneingabe	106
	2.9.8 Die Wahl der »richtigen« Zeichenkodierung	109
	3 Hilfsmittel	112
	3.1 Editoren	112
	3.1.1 WYSIWYG-Programme	112
	3.1.2 Texteditoren	115
	3.1.3 Fazit	117
	3.2 Validatoren	120
	3.2.1 Natürliche und formale Sprachen	120
	3.2.2 Syntaktische Fehler und proprietäre Erweiterungen	122
	3.2.3 Gültigkeit und Wohlgeformtheit	123
	3.2.4 W3C Markup Validation Service	124
	3.2.5 Schema-Validator	126
	3.2.6 CSS-Validator	128
	3.3 Bildbearbeitung	129
	3.3.1 Rastergrafiken	129
	3.3.2 Vektorgrafiken	133
	3.4 Nützliche Werkzeuge	135
	3.4.1 Tidy	135
	3.4.2 FTP	138
	3.4.3 Xenu’s Link Sleuth	139
	3.5 Browsererweiterungen	141
	3.5.1 Web Developer Toolbar	141
	3.5.2 Html Validator (based on Tidy)	142
	3.5.3 Fangs	142
	3.5.4 IE Tab	144
	3.5.5 MeasureIt	144
	3.5.6 LinkChecker	144
	3.5.7 Right-Click Lynx viewer	145
	4 Einführung in XHTML	146
	4.1 Syntax und Vokabular	146
	4.1.1 Elementtypen, Elemente, Tags, Elementinhalte	146
	4.1.2 Attribute	147
	4.1.3 Kommentare	148
	4.1.4 Zeichenreferenzen	149
	4.2 Die globale Struktur eines XHTML-Dokuments	151
	4.2.1 Die XML-Deklaration	151
	4.2.2 Die Dokumenttyp-Deklaration	152
	4.2.3 Wurzelelement: Der Elementtyp html	153
	4.2.4 Dokumentkopf: Der Elementtyp head	154
	4.2.5 Dokumentrumpf: Der Elementtyp body	156
	4.2.6 Kochbar: XHTML-Grundgerüst	156
	4.3 Das Document Object Model	158
	4.4 Kompatibilitätsrichtlinien	160
	4.5 Metaangaben: Der Elementtyp meta	161
	4.5.1 Metaangaben und Suchmaschinen	163
	4.5.2 Kochbar: Metaangaben	164
	4.6 Universalattribute	165
	4.6.1 Element-Identifikatoren: Die Attribute id und class	165
	4.6.2 Angabe der natürlichen Sprache: Die Attribute lang und xml:lang	167
	4.6.3 Inzeilige Formatierung: Das Attribut style	169
	4.6.4 Kommentierende Informationen: Das Attribut title	169
	5 Auszeichnung der Inhalte	172
	5.1 Überschriften und Absätze	172
	5.1.1 Überschriften: Die Elementtypen h1, h2, h3, h4, h5 und h6	172
	5.1.2 Absätze: Der Elementtyp p	173
	5.1.3 Zeilenumbrüche: Der Elementtyp br	175
	5.1.4 Kochbar: Erste Inhalte	176
	5.2 Links und Anker	178
	5.2.1 Anker: Der Elementtyp a	179
	5.2.2 Dokumentbeziehungen: Der Elementtyp link	182
	5.2.3 Kochbar: Hinzufügen von Links	184
	5.3 Bilder	186
	5.3.1 Grafiken einbinden: Der Elementtyp img	186
	5.3.2 Kochbar: Inhaltsgrafiken	188
	5.4 Objekte	189
	5.4.1 Objekte einbetten: Der Elementtyp object	189
	5.5 Auszeichnung im Text	196
	5.5.1 Logische Textauszeichnung: Die Elementtypen em, strong, dfn, code, samp, kbd und var	196
	5.5.2 Kennzeichnen von Dokumentänderungen: Die Elementtypen del und ins	198
	5.5.3 Abkürzungen und Akronyme: Die Elementtypen abbr und acronym	200
	5.5.4 Physische Textauszeichnung: Die Elementtypen i, b, tt, big und small	201
	5.6 Listen	203
	5.6.1 Ungeordnete Listen: Die Elementtypen ul und li	203
	5.6.2 Geordnete Listen: Die Elementtypen ol und li	204
	5.6.3 Definitionslisten: Die Elementtypen dl, dt und dd	205
	5.6.4 Kochbar: Auszeichnung von Navigationslisten	206
	5.6.5 Kochbar: Rezept des Tages	208
	5.7 Tabellen	213
	5.7.1 Tabellen, Zeilen, Kopf- und Datenzellen: Die Elementtypen table, tr, th und td	214
	5.7.2 Tabellenüberschrift, Zusammenfassung und Abkürzungen: Der Elementtyp caption und die Attribute summary und abbr	215
	5.7.3 Zeilengruppen: Die Elementtypen thead, tfoot und tbody	216
	5.7.4 Spaltengruppen: Die Elementtypen colgroup und col	217
	5.7.5 Zellen miteinander verbinden: Die Attribute colspan und rowspan	222
	5.7.6 Kochbar: Öffnungszeiten	223
	5.8 Zitate	225
	5.8.1 Inzeilige Zitate: Der Elementtyp q	226
	5.8.2 Zitatblöcke: Der Elementtyp blockquote	229
	5.8.3 Referenz auf die Quelle eines Zitats: Der Elementtyp und das Attribut cite	230
	5.9 Struktur und Gruppierung	231
	5.9.1 Gruppierung: Die Elementtypen div und span	231
	5.9.2 Kochbar: Feinstrukturierung	233
	5.10 Formulare	236
	5.10.1 Formularcontainer: Der Elementtyp form	237
	5.10.2 Steuerelemente	238
	5.10.3 Beschriftungen: Der Elementtyp label	244
	5.10.4 Struktur: Die Elementtypen fieldset und legend	245
	5.10.5 Kochbar: Kontaktformular	245
	5.10.6 Kochbar: Qualitätssicherung des Markups	250
	5.11 Weitere Elemente	252
	5.11.1 Kontaktinformationen: Der Elementtyp address	252
	5.11.2 Präformatierter Text: Der Elementtyp pre	253
	5.11.3 Programmcode eines Scripts: Die Elementtypen script und noscript	253
	6 Einführung in CSS	258
	6.1 Design und Styling	258
	6.1.1 Design	258
	6.1.2 Styling	260
	6.1.3 Design und Styling in der Webentwicklung	261
	6.2 Entwurfskonzepte und Vorteile	261
	6.3 Einbindung von CSS in ein XHTML-Dokument	263
	6.3.1 Einbindung per style-Attribut	263
	6.3.2 Einbindung per style-Element	264
	6.3.3 Einbindung per link-Element	265
	6.3.4 Ausgabemedien	268
	6.4 CSS: Syntax und Vokabular	269
	6.4.1 Regeln	269
	6.4.2 Maskierung	270
	6.4.3 Kommentare	271
	6.4.4 At-Regeln	271
	6.5 Selektoren	273
	6.5.1 Universalselektor	274
	6.5.2 Typselektor	275
	6.5.3 Klassen- und ID-Selektor	275
	6.5.4 Attributselektoren	276
	6.5.5 Pseudoklassen	277
	6.5.6 Namensraumselektor	281
	6.5.7 Pseudoelemente	282
	6.5.8 Kombinatoren	284
	6.6 Vererbung und Initialwerte	286
	6.7 Die Kaskade	287
	6.7.1 Reihenfolge	288
	6.8 Browserkompatibilität	291
	6.8.1 Browserunterstützung	291
	6.8.2 Doctype Switching	292
	6.8.3 CSS-Filter	297
	7 Eigenschaften und Werte	302
	7.1 Werte	302
	7.1.1	302
	7.1.2	305
	7.1.3	306
	7.1.4	306
	7.1.5	309
	7.1.6	309
	7.1.7	309
	7.1.8	310
	7.2 Farben und Hintergründe	310
	7.2.1 Vordergrundfarbe: Die Eigenschaft color	310
	7.2.2 Hintergrundfarbe: Die Eigenschaft background-color	311
	7.2.3 Hintergrundbild: Die Eigenschaft background-image	311
	7.2.4 Wiederholung eines Hintergrundbilds: Die Eigenschaft background-repeat	312
	7.2.5 Scrolleigenschaft eines Hintergrundbilds: Die Eigenschaft background-attachment	313
	7.2.6 Position eines Hintergrundbilds: Die Eigenschaft background-position	314
	7.2.7 Hintergrund: Die zusammenfassende Eigenschaft background	316
	7.2.8 Kochbar: Genereller Aufbau des Stylesheets	317
	7.2.9 Kochbar: Farben und Hintergründe	318
	7.3 Schrift	325
	7.3.1 Schriftfamilie: Die Eigenschaft font-family	325
	7.3.2 Schriftstil: Die Eigenschaft font-style	328
	7.3.3 Schriftvariante: Die Eigenschaft font-variant	328
	7.3.4 Schriftgewichtung: Die Eigenschaft font-weight	329
	7.3.5 Schriftgröße: Die Eigenschaft font-size	330
	7.3.6 Schrift: Die zusammenfassende Eigenschaft font	334
	7.3.7 Kochbar: Schriftdeklarationen	336
	7.4 Text	338
	7.4.1 Texteinzug: Die Eigenschaft text-indent	338
	7.4.2 Horizontale Ausrichtung: Die Eigenschaft text-align	339
	7.4.3 Ausschmückung: Die Eigenschaft text-decoration	340
	7.4.4 Laufweite: Die Eigenschaft letter-spacing	341
	7.4.5 Wortabstände: Die Eigenschaft word-spacing	342
	7.4.6 Groß- und Kleinschreibung: Die Eigenschaft text- transform	342
	7.4.7 Behandlung von Leerraum: Die Eigenschaft white-space	343
	7.4.8 Kochbar: Textdeklarationen	344
	7.5 Das CSS-Boxmodell	346
	7.5.1 Polsterung, Rahmen und Randabstand	347
	7.5.2 Boxtypen	348
	7.5.3 Polsterung: Die Eigenschaft padding	353
	7.5.4 Rahmenstil: Die zusammenfassende Eigenschaft border-style	355
	7.5.5 Rahmenbreite: Die Eigenschaft border-width	357
	7.5.6 Rahmenfarbe: Die zusammenfassende Eigenschaft border-color	357
	7.5.7 Rahmen: Die zusammenfassende Eigenschaft border	358
	7.5.8 Randabstand: Die Eigenschaft margin	359
	7.5.9 Boxtyp eines Elements: Die Eigenschaft display	361
	7.5.10 Kochbar: Innere und äußere Abstände sowie Rahmen	364
	7.6 Ausrichtung und Elementfluss	368
	7.6.1 Vertikale Ausrichtung: Die Eigenschaft vertical-align	368
	7.6.2 Floatierte Boxen: Die Eigenschaft float	372
	7.6.3 Steuerung des Elementflusses um floatierte Boxen: Die Eigenschaft clear	377
	7.6.4 YAML	379
	7.6.5 Kochbar: Vertikale Ausrichtung	380
	7.7 Positionierung	381
	7.7.1 Positionierung: Die Eigenschaft position	381
	7.7.2 Boxabstände: Die Eigenschaften top, right, bottom und left	385
	7.7.3 Angabe der Ebene: Die Eigenschaft z-index	386
	7.7.4 Kochbar: Unsichtbare Inhalte	390
	7.8 Breite und Höhe	390
	7.8.1 Contentbreite: Die Eigenschaft width	390
	7.8.2 Mindestbreite: Die Eigenschaft min-width	393
	7.8.3 Maximalbreite: Die Eigenschaft max-width	394
	7.8.4 Contenthöhe: Die Eigenschaft height	394
	7.8.5 Mindesthöhe: Die Eigenschaft min-height	396
	7.8.6 Maximalhöhe: Die Eigenschaft max-height	397
	7.8.7 Der Boxmodell-Bug	397
	7.8.8 Höhe der Zeilenbox: Die Eigenschaft line-height	400
	7.8.9 Kochbar: Realisierung des Seitenlayouts	402
	7.9 Sichtbarkeit und visuelle Effekte	410
	7.9.1 Sichtbarkeit: Die Eigenschaft visibility	410
	7.9.2 Überlauf: Die Eigenschaft overflow	412
	7.9.3 Abschneiden: Die Eigenschaft clip	415
	7.9.4 Deckkraft: Die Eigenschaft opacity	416
	7.9.5 Mauszeiger: Die Eigenschaft cursor	418
	7.10 Gestaltung von Listen	420
	7.10.1 Stil der Listenelementmarkierung: Die Eigenschaft list-style-type	420
	7.10.2 Grafiken als Listenelementmarkierung: Die Eigenschaft list-style-image	422
	7.10.3 Position der Listenelementmarkierung: Die Eigenschaft list-style-position	422
	7.10.4 Listenelementmarkierungen: Die zusammenfassende Eigenschaft list-style	423
	7.10.5 Kochbar: Gestaltung der Listen	424
	7.11 Das CSS-Tabellenmodell	424
	7.11.1 Virtuelle Tabellenschichten und Transparenz	425
	7.11.2 Algorithmen für die Tabellenbreite: Die Eigenschaft table-layout	426
	7.11.3 Algorithmus für die Tabellenhöhe	430
	7.11.4 Rahmenmodell: Die Eigenschaft border-collapse	430
	7.11.5 Rahmenabstand: Die Eigenschaft border-spacing	435
	7.11.6 Rahmen um leere Zellen: Die Eigenschaft empty-cells	436
	7.11.7 Ausrichtung von Tabellenüberschriften: Die Eigenschaft caption-side	437
	7.11.8 Kochbar: Öffnungszeiten	439
	7.11.9 Kochbar: Qualitätssicherung des Stylesheets	441
	7.12 Generierter Content	442
	7.12.1 Generierter Inhalt: Die Eigenschaft content	442
	7.12.2 Zähler: Die Eigenschaften counter-increment und counter-reset	444
	8 Anhang	448
	8.1 Glossar	448
	8.2 Literaturverzeichnis	475
	Index	480
	!	480
	A	480
	B	480
	C	481
	D	481
	E	481
	F	481
	G	482
	H	482
	I	482
	J	482
	K	483
	L	483
	M	483
	N	483
	O	483
	P	484
	Q	484
	R	484
	S	484
	T	485
	U	485
	V	485
	W	485
	X	486
	Y	486
	Z	486
	Mehr eBooks bei www.ciando.com	0