Webseiten erstellen für Einsteiger

Für wen ist dieses Buch? ... 13
Wie ist das Buch aufgebaut? ... 14
Die Website zum Buch ... 15

1. Ein eigener Webauftritt in drei Minuten ... 17
1.1 ... Die Visitenkarte des Zauberers ... 17
1.2 ... Welche Technik lässt das Web ticken? ... 24
1.3 ... Fazit ... 27

2. Wer braucht was -- die eigene Website planen ... 29
2.1 ... Wie sieht eine gute Website aus? ... 29
2.2 ... Warum wollen Sie eine Website? ... 31
2.3 ... Was? Wen? Wie? Womit? ... 32
2.4 ... Umsetzung planen ... 36
2.5 ... Fazit ... 39

3. Ein besserer Webauftritt in drei Stunden ... 41
3.1 ... Für den Dienst anmelden und das Blog einrichten ... 42
3.2 ... Den Inhalt erstellen und das Layout anpassen ... 52
3.3 ... Die Gestaltung und wichtige Einstellungen ändern ... 72
3.4 ... Fazit ... 85

4. Die ersten Schritte mit HTML und CSS ... 87
4.1 ... Die Vorteile einer eigenen Website ... 87
4.2 ... Alle Webseiten bestehen aus HTML ... 88
4.3 ... Sie schreiben selbst HTML ... 92
4.4 ... Woher kommt die Gestaltung? ... 101
4.5 ... Das richtige Werkzeug -- der HTML-Editor ... 110
4.6 ... Besser lesbares HTML für Browser und Mensch ... 116
4.7 ... Fazit ... 124

5. Die eigene Website erstellen ... 125
5.1 ... Das Konzept ... 126
5.2 ... Den Inhalt mit HTML5 anlegen ... 129
5.3 ... Die Gestaltung mit CSS3 ... 145
5.4 ... Fazit ... 196

6. Die eigene Website im Internet ... 199
6.1 ... Die Website ins Internet bringen ... 199
6.2 ... Browser ist nicht gleich Browser ... 210
6.3 ... Bildschirm ist nicht gleich Bildschirm ... 224
6.4 ... Gerät ist nicht gleich Gerät ... 248
6.5 ... Mit Neugier zu immer besseren Websites ... 255
6.6 ... Fazit ... 257

7. Ein Kontaktformular anlegen ... 259
7.1 ... Kontaktformular oder E-Mail-Adresse? ... 259
7.2 ... Pflichtangaben zum Kontakt ... 260
7.3 ... Die Standardlösung ... 260
7.4 ... Ein einfaches Kontaktformular ... 261
7.5 ... Planung und Gestaltung ... 265
7.6 ... Der HTML-Code für unsere Arzt-Beispielsite ... 266
7.7 ... Das Script auf dem Server ... 269
7.8 ... Fazit ... 273

8. Mehr Interaktivität mit JavaScript ... 275
8.1 ... Das erste JavaScript ... 276
8.2 ... JavaScript und HTML trennen ... 278
8.3 ... Funktionen ... 280
8.4 ... Variablen ... 284
8.5 ... Arrays ... 287
8.6 ... Ereignisse ... 288
8.7 ... Beispiel: Ein schlaues Formular ... 289
8.8 ... Text auf der Seite einfügen ... 298
8.9 ... Text auf der Seite elegant ändern ... 300
8.10 ... Auf Fehlersuche -- Debugging ... 304
8.11 ... Fazit ... 309

9. Die Site spielend finden und benutzen -- Suchmaschinenoptimierung, Usability, Accessibility ... 311
9.1 ... Suchmaschinenoptimierung ... 312
9.2 ... Usability -- Benutzerfreundlichkeit ... 335
9.3 ... Accessibility -- Barrierefreiheit ... 338
9.4 ... Fazit ... 339

10. Noch mehr Inhalt -- Videos, Fotos, Karten und soziale Netze einbinden ... 341
10.1 ... Google Maps ... 341
10.2 ... YouTube ... 344
10.3 ... Fotodienste -- Flickr und Picasa ... 347
10.4 ... Slideshare ... 350
10.5 ... Soziale Netzwerke -- Facebook und Twitter ... 351
10.6 ... Fazit ... 356

11. Marketing und Werbung -- Gutes tun und darüber reden ... 357
11.1 ... Klassische Werbung ... 358
11.2 ... Werbung im Internet ... 359
11.3 ... Marketing im Internet ... 368
11.4 ... Fazit ... 379

12. Mit der eigenen Website Geld verdienen ... 381
12.1 ... Welche Möglichkeiten gibt es? ... 381
12.2 ... Ein Beispielwebshop -- Aro Argentinos DVD-Verkauf ... 386
12.3 ... Fazit ... 392

13. Starke Werkzeuge -- so nutzen Sie Ihr neues Wissen für noch bessere Websites ... 393
13.1 ... Was Ihnen Ihr neues Wissen ermöglicht ... 393
13.2 ... Werkzeuge für Einsteiger ... 395
13.3 ... Werkzeuge für Fortgeschrittene ... 404
13.4 ... Werkzeuge für Profis ... 412
13.5 ... Fazit ... 427

A. Übersicht der wichtigsten HTML5-Elemente, CSS3-Eigenschaften und -Selektoren ... 429
A.1 ... HTML5-Elemente ... 429
A.2 ... CSS3-Eigenschaften ... 434
A.3 ... CSS3-Selektoren ... 438

Glossar ... 441

Index ... 447