Liebe Leserin, lieber Leser,	3
	Auf einen Blick	4
	Inhalt	8
	Vorbemerkungen	16
	1 Vor dem Start	22
	1.1 Wie kommt die Seite aus dem Internet auf meinen	22
	1.2 Webspace	24
	1.3 Unser Handwerkszeug	24
	1.3.1 Editor	25
	1.3.2 FTP-Programm	27
	1.3.3 Browser	29
	1.3.4 Firebug	29
	1.4 Eine Seite ins Internet stellen	31
	1.4.1 Eine Verbindung mit dem Server herstellen	31
	1.4.2 Ordnerstrukturen	34
	1.4.3 Eine Datei ins Internet laden	34
	1.4.4 Unsere erste Seite im Internet	35
	1.5 Ausblick	37
	2 Welche Aufgaben hat HTML?	40
	2.1 Trennung von Inhalt, Layout und Animation	40
	2.2 Was ist HTML?	40
	2.3 Grundregeln für die Verwendung von HTML	42
	2.3.1 Tags und Elemente	42
	2.3.2 Tags	42
	2.3.3 Elemente	42
	2.3.4 Attribute	43
	2.3.5 Verschachtelung	44
	2.3.6 Block- und Inline-Elemente	45
	2.3.7 Kommentare	46
	2.3.8 Zusammenfassung	47
	2.4 »Hallo Welt« – unsere erste Webseite	48
	2.5 Grundaufbau einer HTML-Seite	49
	2.5.1 Doctype	49
	2.5.2	52
	2.5.3	53
	2.5.4	56
	2.6 Dateibenennung und Pfadangaben in HTML	56
	2.6.1 Dateibenennung	56
	2.6.2 Verknüpfungen und Pfadangaben in HTML	56
	2.6.3 Absolute Pfadangaben	57
	2.6.4 Pfadangaben relativ zur Basis	58
	2.6.5 Relative Pfadangaben	58
	2.6.6 Beispiele	59
	2.7 Ausblick	60
	3 Wie gestalten wir unsere Webseite	62
	3.1 Was sind CSS?	63
	3.1.1 Wie ist eine CSS-Angabe aufgebaut?	64
	3.1.2 Was sind Eigenschaften?	65
	3.1.3 Was ist ein Selektor?	65
	3.1.4 Vererbung	70
	3.2 HTML mit CSS verknüpfen	72
	3.3 Ein Basis-Stylesheet	77
	3.3.1 Der HTML-Teil	77
	3.3.2 Unsere CSS-Grundlage	77
	3.4 Ausblick	79
	4 Einer Webseite mit HTML Struktur	82
	4.1 Mit »div«-Containern Bereiche festlegen	82
	4.1.1 Besonderheiten	86
	4.1.2 Anordnung mit CSS	87
	4.1.3 Was haben wir bisher getan?	94
	4.2 Inhalte einfügen	95
	4.2.1 Texte in eine HTML-Datei einfügen	95
	4.2.2 Zeilenumbrüche und Trennlinien	96
	4.2.3 Leerzeichen	96
	4.2.4 Text mit CSS formatieren	96
	4.3 Die Inhalte mit Überschriften strukturieren	98
	4.4 Webseitenkrankheiten: »Divitis«, »Classitis«	101
	4.5 Unsere Webseite mit Links vernetzen	104
	4.5.1 Aufbau eines Links	104
	4.5.2 Links zu anderen Seiten	104
	4.5.3 Zielfenster festlegen	105
	4.5.4 Der Titel des Links	105
	4.5.5 Links innerhalb der eigenen Seite	106
	4.5.6 Anker	106
	4.6 Mit Listen die Seite gliedern	109
	4.6.1 Unsortierte Listen	110
	4.6.2 Sortierte Listen	110
	4.6.3 Definitionslisten	111
	4.6.4 Gestaltung von Listen mit CSS	112
	4.7 Die Texte auf unserer Webseite mit Bildern aufwerten	113
	4.8 Tabellen richtig einsetzen	116
	4.8.1 Beispiel: Layout mit Tabellen oder Layout mit »div«	116
	4.8.2 Sollen wir nun gar keine Tabellen verwenden?	118
	4.8.3 Eine einfache Tabelle	119
	4.8.4 Zellen verbinden	120
	4.8.5 Attribute für die Tabellengestaltung	121
	4.8.6 Weitere Möglichkeiten bei der Tabellengestaltung	122
	4.8.7 Tabellenbeschriftung	127
	4.8.8 Gestaltung der Tabelle mit CSS	127
	4.9 Interaktion und Kommunikation mit Formularen	129
	4.9.1 Formulare anlegen	129
	4.9.2 input	130
	4.9.3 Auswahllisten	134
	4.9.4 Elemente mit »label« gruppieren	136
	4.9.5 Eingabebereiche	136
	4.9.6 Buttons	137
	4.9.7 Weitere Möglichkeiten	139
	4.10 Unsere HTML-Datei – die wichtigsten Elemente in	140
	4.10.1 Der Rahmen	140
	4.10.2 Die Navigation	142
	4.10.3 Der Titel der Seite	151
	4.10.4 Das Banner	152
	4.10.5 Die Infoboxen	153
	4.10.6 Der Inhaltsbereich	156
	4.10.7 Die Seitenleiste	163
	4.10.8 Der Fußbereich: weitere Informationen übersichtlich	166
	4.11 Was haben wir erreicht?	168
	5 Webseiten mit CSS gestalten	170
	5.1 Einheiten, Farben und Hintergrundwissen	170
	5.1.1 Einheiten	170
	5.1.2 Prozentuale Angaben	172
	5.1.3 Farbangaben	172
	5.1.4 Das Box-Modell	175
	5.1.5 Aufbau des Stylesheets	177
	5.1.6 CSS-Eigenschaften mit mehreren Werten	178
	5.2 Überblick über die Möglichkeiten mit CSS	179
	5.3 Schrift und Textbild	179
	5.3.1 Schrift	180
	5.3.2 Text	185
	5.3.3 Listen	186
	5.4 Rahmen und Abstände	188
	5.4.1 Rahmen	189
	5.4.2 Außenabstände	191
	5.4.3 Innenabstände	191
	5.5 Hintergrundbilder und -farbe	192
	5.5.1 Positionieren	195
	5.5.2 Automatische Inhalte	205
	5.5.3 Pseudoelemente und -klassen	205
	5.6 In der Praxis: Gestaltung unserer Webseite	208
	5.6.1 Grundformatierungen	208
	5.6.2 Das Schriftbild	209
	5.6.3 Formatierung der HTML-Elemente	212
	5.6.4 Hilfsklassen	216
	5.6.5 Navigation	217
	5.6.6 Der Titel	221
	5.6.7 Banner	221
	5.6.8 Der Inhaltsbereich	222
	5.6.9 Die Seitenleiste	231
	5.6.10 Der Fußbereich	233
	5.7 Ausblick	237
	6 jQuery – mehr Usability und Animation	238
	6.1 Was ist JavaScript, und was sind Frameworks?	238
	6.1.1 JavaScript	238
	6.1.2 Frameworks: jQuery statt JavaScript	240
	6.2 jQuery-Grundlagen	242
	6.3 Möglichkeiten, die jQuery uns bietet	249
	6.3.1 Selektoren	249
	6.3.2 Attribute auslesen, hinzufügen und entfernen	252
	6.3.3 Manipulation von Elementen	254
	6.3.4 Mit jQuery CSS manipulieren	257
	6.3.5 Ereignisse mit jQuery steuern	258
	6.3.6 Professionelle Effekte mit jQuery einfügen	260
	6.3.7 Kommentare in jQuery einfügen	262
	6.3.8 Weitere Möglichkeiten mit jQuery	262
	6.4 Mit jQuery unsere Seite aufwerten	263
	6.4.1 Infoboxen mit jQuery	263
	6.4.2 Artikel ein- und ausblenden	267
	6.4.3 Kommentarfeld	269
	6.5 Das Zauberwort AJAX	272
	6.5.1 Dateien mit ».load()« importieren	272
	6.5.2 Darstellung bei deaktiviertem JavaScript	273
	6.5.3 Alternative Inhalte einfügen und mit jQuery wieder entfernen	274
	6.6 Ausblick	275
	7 Suchmaschinenoptimierung	276
	7.1 BMW & Google	277
	7.2 Optimierung der eigenen Internetseite für	278
	7.2.1 Warum Links so wichtig sind	279
	7.2.2 Standardkonformer Code	280
	7.2.3 Wichtige Angaben im	281
	7.2.4 Vorgaben für den Webcrawler	283
	7.3 Ausblick	286
	8 Der letzte Schliff	288
	8.1 Eine Webseite für alle Browser optimieren	288
	8.1.1 MultipleIE – die Webseite in allen Versionen des Internet	289
	8.1.2 CSS-Hacks – im Stylesheet andere Browser ausschließen	291
	8.1.3 Sinnvoller Einsatz von Kommentaren	293
	8.1.4 Conditional Comments – ein eigenes Stylesheet für den	293
	8.2 Unsere Seite für den Internet Explorer optimieren	295
	8.2.1 Transparente PNGs im Internet Explorer 6	296
	8.3 Barrierefreiheit – Webseiten »einfach für alle«	297
	8.3.1 Wie sehen andere meine Seite?	298
	8.3.2 Zusätzliche Navigationselemente einbinden	298
	8.3.3 Tabindex und Accesskeys – Navigation mit der Tastatur	301
	8.4 Ausblick	302
	A HTML	306
	A.1 Struktur Ihrer Webseite	306
	A.2 Angaben im head	307
	A.3 Text	309
	A.4 Links	313
	A.5 Präsentation	313
	A.6 Listen	315
	A.7 Bilder und Objekte	316
	A.8 Tabellen	318
	A.9 Formulare	320
	A.10 Scripteinbindung	322
	A.11 Weitere Informationen	323
	B CSS	324
	B.1 Selektoren, Pseudoelemente und -klassen	324
	B.1.1 Selektoren	324
	B.1.2 Selektieren mit Attributen	325
	B.1.3 Kombinationen von Selektoren	326
	B.1.4 Pseudoelemente	328
	B.1.5 Pseudoklassen	328
	B.2 Schrift und Text	329
	B.3 Rahmen	332
	B.4 Abstände	334
	B.5 Listen	335
	B.6 Farben und Hintergrundbilder	336
	B.7 Positionierung	338
	B.8 Bereiche ein- und ausblenden	339
	B.9 Höhe und Breite	340
	B.10 Automatische Inhalte	341
	B.11 Druck	341
	C jQuery	344
	C.1 Einleitende Hinweise	344
	C.2 Selektoren	344
	C.3 Filter	345
	C.4 Attribute	348
	C.5 Filtern und Finden	349
	C.6 Manipulation	351
	C.7 CSS C.8 Ereignisse	352
	C.9 Effekte	353
	Index	354