Webseiten erstellen für Einsteiger

Für wen ist dieses Buch? ... 13


1. Ein eigener Webauftritt in drei Minuten ... 17


1.1 ... Die Visitenkarte des Zauberers ... 18

1.2 ... Welche Technik lässt das Web ticken? ... 26

1.3 ... Fazit ... 30



2. Wer braucht was -- die eigene Website planen ... 31


2.1 ... Wie sieht eine gute Website aus? ... 31

2.2 ... Warum wollen Sie eine Website? ... 33

2.3 ... Was? Wen? Wie? Womit? ... 33

2.4 ... Umsetzung planen ... 38

2.5 ... Fazit ... 41



3. Ein besserer Webauftritt in drei Stunden ... 43


3.1 ... Für den Dienst anmelden und die Site einrichten ... 44

3.2 ... Den Seitenaufbau festlegen ... 47

3.3 ... Die Bilder festlegen ... 48

3.4 ... Das Layout umsetzen ... 49

3.5 ... Fazit ... 51



4. Die ersten Schritte mit HTML und CSS ... 53


4.1 ... Die Vorteile einer eigenen Website ... 53

4.2 ... Alle Webseiten bestehen aus HTML ... 54

4.3 ... Sie schreiben selbst HTML ... 58

4.4 ... Woher kommt die Gestaltung? ... 67

4.5 ... Das richtige Werkzeug -- der HTML-Editor ... 77

4.6 ... Besser lesbares HTML für Browser und Mensch ... 82

4.7 ... Fazit ... 91



5. Die eigene Website erstellen ... 93


5.1 ... Das Konzept ... 94

5.2 ... Den Inhalt mit HTML anlegen ... 97

5.3 ... Die Gestaltung mit CSS ... 114

5.4 ... Fazit ... 167



6. Die eigene Website im Internet ... 169


6.1 ... Die Website ins Internet bringen ... 169

6.2 ... Browser ist nicht gleich Browser ... 180

6.3 ... Bildschirm ist nicht gleich Bildschirm ... 193

6.4 ... Gerät ist nicht gleich Gerät ... 218

6.5 ... Mit Neugier zu immer besseren Websites ... 225

6.6 ... Fazit ... 227



7. Ein Kontaktformular anlegen ... 229


7.1 ... Kontaktformular oder E-Mail-Adresse? ... 229

7.2 ... Pflichtangaben zum Kontakt ... 230

7.3 ... Die Standardlösung ... 230

7.4 ... Ein einfaches Kontaktformular ... 231

7.5 ... Planung und Gestaltung ... 235

7.6 ... Der HTML-Code für unsere Arzt-Beispielsite ... 236

7.7 ... Das Script auf dem Server ... 239

7.8 ... Fazit ... 242



8. Mehr Interaktivität mit JavaScript ... 243


8.1 ... Das erste JavaScript ... 244

8.2 ... Ein schnelles Skript für die Beispielwebsite ... 246

8.3 ... JavaScript und HTML trennen ... 250

8.4 ... Funktionen ... 252

8.5 ... Variablen ... 255

8.6 ... Arrays ... 258

8.7 ... Ereignisse ... 260

8.8 ... Beispiel: Ein schlaues Formular ... 260

8.9 ... Text auf der Seite einfügen ... 269

8.10 ... Text auf der Seite elegant ändern ... 271

8.11 ... Auf Fehlersuche -- Debugging ... 275

8.12 ... Fazit ... 280



9. Die Site spielend finden und benutzen -- Suchmaschinenoptimierung, Usability, Accessibility ... 283


9.1 ... Suchmaschinenoptimierung ... 284

9.2 ... Usability -- Benutzerfreundlichkeit ... 307

9.3 ... Accessibility -- Barrierefreiheit ... 310

9.4 ... Fazit ... 311



10. Noch mehr Inhalt -- Videos, Fotos, Karten und soziale Netze einbinden ... 313


10.1 ... Google Maps ... 313

10.2 ... YouTube ... 316

10.3 ... Fotodienste -- Flickr und Google Photos ... 318

10.4 ... Slideshare ... 321

10.5 ... Soziale Netzwerke -- Facebook und Twitter ... 322

10.6 ... Fazit ... 327



11. Marketing und Werbung -- Gutes tun und darüber reden ... 329


11.1 ... Klassische Werbung ... 330

11.2 ... Werbung im Internet ... 331

11.3 ... Marketing im Internet ... 340

11.4 ... Fazit ... 351



12. Mit der eigenen Website Geld verdienen ... 353


12.1 ... Welche Möglichkeiten gibt es? ... 353

12.2 ... Ein Beispielwebshop -- Aro Argentinos Fanshop ... 357

12.3 ... Fazit ... 362



13. Starke Werkzeuge -- so nutzen Sie Ihr neues Wissen für noch bessere Websites ... 363


13.1 ... Was Ihnen Ihr neues Wissen ermöglicht ... 363

13.2 ... Werkzeuge für Einsteiger ... 365

13.3 ... Werkzeuge für Fortgeschrittene ... 372

13.4 ... Werkzeuge für Profis ... 380

13.5 ... Fazit ... 396



Anhang ... 397


A ... Übersicht der wichtigsten HTML5-Elemente, CSS3-Eigenschaften und -Selektoren ... 397

B ... Glossar ... 409



Index ... 415