Webseiten erstellen für Einsteiger

Matthias Gidda beschäftigt sich mit medialen Inhalten aller Art. Er schreibt Texte, produziert Audiopodcasts, animiert Imagefilme und erstellt Apps für Mobilgeräte. HTML und CSS nutzt er zur Umsetzung mobiler Anwendungen und von Projekten im Web.

  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