Webseiten erstellen für Einsteiger

Vorbemerkungen 15


1 Vor dem Start 21
1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21
1.2 Webspace 23
1.3 Unser Handwerkszeug 23
1.4 Eine Seite ins Internet stellen 30
1.5 Ausblick 36


Teil I Grundlagen 37


2 Welche Aufgaben hat HTML? 39
2.1 Trennung von Inhalt, Layout und Animation 39
2.2 Was ist HTML? 39
2.3 Grundregeln für die Verwendung von HTML 41
2.4 »Hallo Welt« -- unsere erste Webseite 47
2.5 Grundaufbau einer HTML-Seite 48
2.6 Dateibenennung und Pfadangaben in HTML 55
2.7 Ausblick 59


3 Wie gestalten wir unsere Webseite mit CSS? 61
3.1 Was sind CSS? 62
3.2 HTML mit CSS verknüpfen 71
3.3 Ein Basis-Stylesheet 76
3.4 Ausblick 78


Teil II Praxis 79


4 Einer Webseite mit HTML Struktur verleihen 81
4.1 Mit »div«-Containern Bereiche festlegen 81
4.2 Inhalte einfügen 94
4.3 Die Inhalte mit Überschriften strukturieren 97
4.4 Webseitenkrankheiten: »Divitis«, »Classitis« und »IDitis« 100
4.5 Unsere Webseite mit Links vernetzen 103
4.6 Mit Listen die Seite gliedern 108
4.7 Die Texte auf unserer Webseite mit Bildern aufwerten 112
4.8 Tabellen richtig einsetzen 115
4.9 Interaktion und Kommunikation mit Formularen 128
4.10 Unsere HTML-Datei -- die wichtigsten Elemente in einer Datei 139
4.11 Was haben wir erreicht? 167


5 Webseiten mit CSS gestalten 169
5.1 Einheiten, Farben und Hintergrundwissen 169
5.2 Überblick über die Möglichkeiten mit CSS 178
5.3 Schrift und Textbild 178
5.4 Rahmen und Abstände 187
5.5 Hintergrundbilder und -farbe 191
5.6 In der Praxis: Gestaltung unserer Webseite 207
5.7 Ausblick 236


6 jQuery -- mehr Usability und Animation 237
6.1 Was ist JavaScript, und was sind Frameworks? 237
6.2 jQuery-Grundlagen 241
6.3 Möglichkeiten, die jQuery uns bietet 248
6.4 Mit jQuery unsere Seite aufwerten 262
6.5 Das Zauberwort AJAX 271
6.6 Ausblick 274


7 Suchmaschinenoptimierung 275
7.1 BMW & Google 276
7.2 Optimierung der eigenen Internetseite für Suchmaschinen 277
7.3 Ausblick 285


8 Der letzte Schliff 287
8.1 Eine Webseite für alle Browser optimieren 287
8.2 Unsere Seite für den Internet Explorer optimieren 294
8.3 Barrierefreiheit -- Webseiten »einfach für alle« 296
8.4 Ausblick 301


Teil III Referenz 303


A HTML 305
A.1 Struktur Ihrer Webseite 305
A.2 Angaben im head 306
A.3 Text 308
A.4 Links 312
A.5 Präsentation 312
A.6 Listen 314
A.7 Bilder und Objekte 315
A.8 Tabellen 317
A.9 Formulare 319
A.10 Scripteinbindung 321
A.11 Weitere Informationen 322


B CSS 323
B.1 Selektoren, Pseudoelemente und -klassen 323
B.2 Schrift und Text 328
B.3 Rahmen 331
B.4 Abstände 333
B.5 Listen 334
B.6 Farben und Hintergrundbilder 335
B.7 Positionierung 337
B.8 Bereiche ein- und ausblenden 338
B.9 Höhe und Breite 339
B.10 Automatische Inhalte 340
B.11 Druck 340


C jQuery 343
C.1 Einleitende Hinweise 343
C.2 Selektoren 343
C.3 Filter 344
C.4 Attribute 347
C.5 Filtern und Finden 348
C.6 Manipulation 350
C.7 CSS 351
C.8 Ereignisse 351
C.9 Effekte 352


Index 353