Adobe Dreamweaver CS6

Vorwort ... 21

Teil I Einführung ... 23

1. Ein Platz im Internet ... 25

1.1 ... Wie kommt meine Site ins Internet? ... 26
1.2 ... Die eigene Domain ... 27
1.3 ... Einen Provider finden ... 32

2. Die Sprachen des Web ... 37

2.1 ... Welche Sprachen gibt es? ... 38
2.2 ... Hypertext Markup Language ... 39
2.3 ... Cascading Stylesheets ... 44
2.4 ... JavaScript ... 46
2.5 ... Ajax ... 47
2.6 ... PHP und MySQL ... 47
2.7 ... Webbrowser und Rendering-Engines ... 49

3. Dreamweaver CS6 -- los geht's ... 53

3.1 ... Neues in Dreamweaver CS6 ... 54
3.2 ... Dreamweaver installieren und aktualisieren ... 58
3.3 ... Der Programmstart ... 59
3.4 ... Schnellstart: Probieren Sie Dreamweaver aus ... 60

4. Die Arbeitsumgebung ... 73

4.1 ... Dokumentenfenster ... 74
4.2 ... Das Eigenschaften-Bedienfeld ... 79
4.3 ... Bedienfelder ... 81
4.4 ... Anpassen der Arbeitsumgebung ... 84

Teil II Ein Websiteprojekt ... 87

5. Eine neue Website ... 89

5.1 ... Unser Beispielprojekt ... 90
5.2 ... Neue Site anlegen und konfigurieren ... 92
5.3 ... Site bearbeiten oder importieren ... 94

6. Eine Vorlage anlegen ... 97

6.1 ... Vorlage entwerfen ... 98
6.2 ... Ein Layout erstellen ... 101
6.3 ... Beispielinhalte erstellen ... 104
6.4 ... Eine Vorlage mit bearbeitbaren Bereichen erstellen ... 107

7. Seiten mit Inhalten füllen ... 111

7.1 ... Neue Webseite erstellen ... 112
7.2 ... Seiteninhalte einfügen ... 116

8. Erstellen einer Navigation ... 127

8.1 ... Hauptnavigation ... 128
8.2 ... Fußzeilennavigation ... 134
8.3 ... Vorlage speichern und auf Seiten anwenden ... 137

9. Das Design festlegen ... 139

9.1 ... Erstellen von Grafik-Segmenten ... 140
9.2 ... Aufbau von CSS-Dateien ... 142
9.3 ... CSS-Regeln für das Layout der Beispielwebsite ... 146

10. Websites testen, veröffentlichen und verwalten ... 165

10.1 ... Website im Browser testen ... 166
10.2 ... FTP-Übertragung konfigurieren ... 173
10.3 ... Übertragen der Site auf den Server ... 176
10.4 ... Website verwalten ... 182

Teil III Dreamweaver im Detail ... 185

11. Texte eingeben und strukturieren ... 187

11.1 ... Textinhalte erstellen ... 188
11.2 ... Inhalte strukturieren ... 191
11.3 ... Importieren aus Word ... 197

12. Arbeiten mit CSS ... 203

12.1 ... Was sind Cascading Stylesheets? ... 204
12.2 ... Methoden zur CSS-Erstellung ... 207
12.3 ... CSS für Einsteiger ... 207
12.4 ... Fortgeschrittene CSS-Techniken ... 215

13. Bilder einfügen ... 237

13.1 ... Bilder bearbeiten ... 238
13.2 ... Bildformate für das Web ... 238
13.3 ... Bilder, Platzhalter und Hintergründe ... 242
13.4 ... Bildeinstellungen ... 246

14. Tabellen erstellen ... 253

14.1 ... Tabellen für Daten und Layout ... 254
14.2 ... Verschiedene Tabellenansichten ... 256
14.3 ... Erstellen einer Tabelle ... 257
14.4 ... Eigenschaften von Tabellen ... 260
14.5 ... Eigenschaften von Tabellenbereichen ... 263
14.6 ... Tabellen sortieren ... 269

15. Hyperlinks einsetzen ... 271

15.1 ... Navigieren mit Hyperlinks ... 272
15.2 ... Hyperlinks anlegen in Dreamweaver ... 274
15.3 ... Spezielle Hyperlinks anlegen ... 279

16. Interaktivität mit JavaScript ... 285

16.1 ... Wie funktioniert JavaScript? ... 286
16.2 ... JavaScript im Eigenschaften-Bedienfeld ... 287
16.3 ... JavaScript über Menüs einfügen ... 289
16.4 ... JavaScript über Verhalten integrieren ... 290
16.5 ... Das JavaScript-Framework Spry ... 298
16.6 ... Widgets: Skripte übernehmen ... 300

17. Formulare erstellen ... 303

17.1 ... Eigenschaften von Formularen ... 304
17.2 ... Erstellen von Formularen ... 305
17.3 ... Formularelemente ... 306
17.4 ... Formulare gestalten ... 315
17.5 ... Formularüberprüfung einbauen mit Spry ... 322
17.6 ... Benutzereingaben per Skript auslesen ... 325

18. Mobiles Web ... 329

18.1 ... Websites für mobile Geräte entwickeln ... 330
18.2 ... Responsive Webdesign ... 331
18.3 ... Mobile Web-Apps mit jQuery Mobile ... 341
18.4 ... Native mobile Apps mit PhoneGap -- ein Ausblick ... 351

Teil IV Über Dreamweaver hinaus ... 353

19. Dreamweaver und die Creative Suite ... 355

19.1 ... Die Creative Suite 6 ... 356
19.2 ... Adobe Photoshop CS6 ... 357
19.3 ... Adobe Fireworks CS6 ... 362
19.4 ... Adobe Flash CS6 ... 364
19.5 ... Adobe Bridge ... 367

20. Bloggen mit WordPress ... 369

20.1 ... Was sind Weblogs? ... 370
20.2 ... Leistungsmerkmale von WordPress ... 371
20.3 ... Weblog mit WordPress erstellen ... 371
20.4 ... WordPress administrieren ... 377
20.5 ... WordPress-Templates ... 379

21. Gesucht und gefunden bei Google ... 383

21.1 ... Ihre Website mit Google bekannt machen ... 385
21.2 ... Tipps zur Suchmaschinenoptimierung ... 387
21.3 ... Besucherstatistiken mit Google Analytics ... 392
21.4 ... Anzeigen mit Google AdWords ... 396
21.5 ... Geld verdienen mit Google AdSense ... 396

22. Mashups -- YouTube, GoogleMaps und Twitter integrieren ... 401

22.1 ... YouTube-Videos einbinden ... 402
22.2 ... Google Maps integrieren ... 405
22.3 ... Twitter integrieren ... 408

Index ... 409