Überblick	6
	Inhaltsverzeichnis	8
	Einleitung	24
	Erforderliche Vorkenntnisse	25
	Aufbau des Buchs	25
	Hinweise für Mac- und PC-Nutzer	28
	Teil 1 - Grundlagen	30
	1 Dreamweaver erkunden	32
	1.1 Unterschiedliche Darstellungen	34
	1.2 Das Startfenster zur ersten Orientierung	36
	1.3 Im Dokumentfenster arbeiten	38
	1.3.1 Entwurfs-, Live- und Code-Ansichten	40
	1.3.2 Verknüpfte Dokumente	44
	1.3.3 Die Statusleiste für Code und Information	45
	1.3.4 Visuelle Hilfsmittel im Entwurfsfenster	48
	1.4 Bedienfelder mit wichtigen Funktionen	58
	1.4.1 Bedienfelder öffnen und schließen	60
	1.4.2 Bedienfelder minimieren und maximieren	61
	1.4.3 Bedienfelder neu anordnen	62
	1.4.4 Das Einfügen-Register enthält Objekte	64
	1.4.5 Attribute im Eigenschafteninspektor verwalten	67
	1.4.6 Arbeitsschritte ändern	68
	1.5 Symbolleisten mit Werkzeugen	72
	1.6 Individuelle Oberfläche speichern	74
	2 Konzeption und Management	76
	2.1 Der Projektablauf	76
	2.1.1 Briefing, Inhalt und Struktur	76
	2.1.2 Layout und Corporate Identity	78
	2.1.3 Zielgruppe und Randbedingungen	79
	2.1.4 Zeit- und Arbeitsplan	80
	2.1.5 Datei- und Verzeichnisstruktur festlegen	81
	2.1.6 Seitenlayout und Webseiten erstellen	82
	2.2 Neue Site in Dreamweaver definieren	82
	2.3 Vorhandene Sites ändern und verwalten	86
	Teil 2 - Mit Dokumenten arbeiten	90
	3 Statische Webseiten erstellen	92
	3.1 Neues Dokument erstellen	92
	3.1.1 Leere Seite erstellen	94
	3.1.2 Dateien speichern	96
	3.1.3 Weitere Dokument-Arten	98
	3.2 Seiteneigenschaften bestimmen	100
	3.2.1 Das Erscheinungsbild einer Seite	101
	3.2.2 Die Kategorie Hyperlinks (CSS)	107
	3.2.3 Die Kategorie Überschriften (CSS)	108
	3.2.4 Die Kategorie Titel/Kodierung	109
	3.2.5 Tracing-Bild und Layoutvorlagen	111
	4 Voreinstellungen und Dateimanagement	114
	4.1 Voreinstellungen zum Dokument	114
	4.1.1 Neue Dokumente erstellen	114
	4.1.2 Dokumente öffnen	115
	4.2 Zugängliche, barrierefreie Seiten	116
	4.3 Dokumente im Sitefenster verwalten	118
	4.3.1 Dateien und Verzeichnisse erstellen	118
	4.3.2 Verschieben, umbenennen und löschen	119
	4.4 Projekt-Koordination	120
	4.4.1 Kommentare definieren und bearbeiten	120
	4.4.2 Design Notes für interne Informationen	121
	4.4.3 Schutz durch Cloaking	125
	Teil 3 - Seitenelemente einfügen und bearbeiten	128
	5 Text und Absatz	130
	5.1 Vorhandene Inhalte übernehmen	130
	5.1.1 Kopieren, einfügen und formatieren	130
	5.1.2 Dateien importieren	132
	5.2 Word-HTML speichern und optimieren	135
	5.2.1 HTML in Word speichern	135
	5.2.2 Word-Code in Dreamweaver optimieren	138
	5.3 Zugänglichen Text erstellen	140
	5.4 Sonderzeichen kodieren	143
	5.5 Datum einfügen	146
	5.6 Absätze und Zeilenumbrüche einfügen	147
	5.7 Absätze und Zeichen formatieren	148
	5.7.1 Blockelemente mit HTML auszeichnen	150
	5.7.2 Texte mit CSS formatieren	159
	5.7.3 Aktualisierung alter HTML-Strukturen	168
	5.8 Wichtige Funktionen	169
	5.8.1 Mit der Rechtschreibprüfung auf Fehlersuche	170
	5.8.2 Suchen und ersetzen	171
	5.8.3 Vorschau: Live-Ansicht, Browser und Mobilgerät	178
	6 Mit Bildern arbeiten	182
	6.1 Unterschiedliche Dateiformate	182
	6.2 Bilder einfügen	185
	6.2.1 Bilder in den Arbeitsbereich ziehen	185
	6.2.2 Bilder gezielt platzieren	187
	6.2.3 Bild-Attribute im Quelltext	189
	6.2.4 Bilder im Hintergrund	189
	6.3 Zugänglichkeit von Bildern	191
	6.4 Bilder bearbeiten	194
	6.4.1 Bildeigenschaften im Code ändern	194
	6.4.2 Bilddateien ändern	199
	6.5 Bild-Platzhalter als Layout-Hilfe	207
	6.5.1 Bild für den Platzhalter in Fireworks erstellen	208
	6.5.2 Bild-Platzhalter ersetzen	209
	6.5.3 Transparenten GIFs als Abstandshalter	209
	6.6 Fireworks-HTML speichern und einfügen	212
	6.7 Webfotoalbum automatisch generieren	215
	7 Tabellen für Layout und Daten	220
	7.1 Tabellenmodus auswählen	220
	7.2 Visuelle Hilfsmittel einsetzen	222
	7.3 Tabelle einfügen	222
	7.4 Tabelleneigenschaften bestimmen	226
	7.4.1 Tabelle, Zeile, Spalte und Zelle markieren	227
	7.4.2 Attribute definieren und bearbeiten	229
	7.5 Barrierefreie Datentabellen	240
	7.6 Inhalte einer Tabelle sortieren	243
	8 Verknüpfungen mit Hyperlinks	246
	8.1 Arten von Hyperlinks	246
	8.2 Hyperlinks definieren	248
	8.2.1 Hyperlinks für Texte erstellen	249
	8.2.2 Absolute Hyperlinks im Bedienfeld Elemente	250
	8.2.3 Relative Hyperlinks angeben	251
	8.2.4 E-Mail-Hyperlink definieren	253
	8.3 Benannte Anker für dokumentinterne Ziele	254
	8.4 Imagemaps für Bildverweise	256
	8.5 Sprungmenü und -listen	258
	8.5.1 Ein Sprungmenü erstellen	259
	8.5.2 Sprungliste erstellen	261
	8.5.3 Menü und Liste bearbeiten	261
	8.6 Rollover-Effekte mit Bildern	264
	8.6.1 Ein neues Rollover definieren	264
	8.6.2 Bestehenden Rollover bearbeiten	265
	8.6.3 Rollover einem vorhandenen Bild zuweisen	266
	8.7 Navigationsleisten mit Orientierung	267
	8.7.1 Navigationsleiste erstellen	268
	8.7.2 Navigationsleiste bearbeiten	270
	8.8 Null- und Skript-Hyperlinks	271
	8.9 URL-Parameter für den Daten-Transfer	272
	8.10 Hyperlinks prüfen und verwalten	273
	8.11 Zugängliche, benutzerfreundliche Links	275
	9 Formulare für den Kontakt	280
	9.1 Ein Formular erstellen	280
	9.1.1 form-Tag einfügen	280
	9.1.2 Barrierefreie Formulare erstellen	281
	9.1.3 Formularelemente für besondere Aufgaben	291
	9.2 Zusammenfassung: Formularelemente	293
	9.3 Formulare gestalten	294
	9.3.1 Grafische Buttons definieren	294
	9.3.2 Feldgruppen strukturieren Eingabebereiche	295
	9.4 Formulare verarbeiten	296
	10 Sound und Vision	300
	10.1 Generische Objekte: und	300
	10.1.1 Attribute von Plug-ins und ActiveX	302
	10.1.2 Medien in Dreamweaver wiedergeben	304
	10.2 Spezifische Medienobjekte einbinden	304
	10.2.1 Flash für vielfältige Einsatzmöglichkeiten: Dateitypen	306
	10.2.2 Flash-Inhalte einfügen und Parameter festlegen	310
	10.2.3 Shockwave: Filme integrieren	319
	10.2.4 Sonstige Medien einbinden	319
	10.3 Applets: Java-Anwendung integrieren	323
	Teil 4 - CSS-Layout, Design & Code	326
	11 Stylesheets - die Einführung	328
	11.1 Vorteile der Trennung von HTML und CSS	328
	11.2 Arten von Stylesheets	330
	11.2.1 Klassen für flexibles Design	330
	11.2.2 HTML-Tags neu definieren	331
	11.2.3 ID für einmalige Auszeichnungen	333
	11.2.4 Pseudoelemente für Rollover-Effekte	334
	11.2.5 Weitere Pseudoelemente	335
	11.2.6 Dokumentstammbaum: Verwandte Selektoren	335
	11.2.7 Kurzschrift oder lange Schreibweise	337
	11.2.8 Unterschiedliche CSS-Speicherorte	338
	11.3 CSS erstellen, anwenden und bearbeiten	339
	11.3.1 Ein neues Stylesheet definieren	341
	11.3.2 Inline-Stil erstellen	343
	11.3.3 Vorhandene CSS-Datei medienabhängig anhängen	343
	11.3.4 CSS-Regeln auf Elemente anwenden	346
	11.3.5 Vorhandene Stile bearbeiten	347
	11.3.6 Entwurf mit temporären Stylesheets	352
	11.4 CSS-Layouts in die Auswahlliste einfügen	353
	11.5 Konflikte: Kaskade und Vererbung	354
	12 Das CSS-Boxmodell	358
	12.1 Inhalte in HTML platzieren	358
	12.1.1 div-Tags einfügen	359
	12.1.2 Navigationsleiste als Liste und mit	360
	12.2 Positionierung einzelner Boxen	362
	12.2.1 Navigationsleiste und Inhalt mit float anordnen	362
	12.2.2 Vorhandene Stile bearbeiten: Der Hintergrund	366
	12.2.3 Container-Höhe kaschieren: Der Trick mit dem Bild	368
	12.2.4 Kopf- und Fußzeile inline anordnen	369
	12.2.5 Exkurs: Dreispaltiges Layout definieren	371
	12.2.6 Seite mit übergeordnetem Container zentrieren	372
	12.3 Weitere Positionierungsmöglichkeiten	374
	12.3.1 Absolut positionierte Elemente	374
	12.3.2 Container fixieren und negative Ränder	385
	13 Anwendungsstudien: Design mit CSS	388
	13.1 Schrift: Textformatierung und Zeilenhöhe	388
	13.2 Hintergrund: Rollover für die Navigation	391
	13.3 Block: Abstände, Einzug und Ausrichtung	393
	13.4 Box: Größe und Anordnung unterschiedlicher Elemente	396
	13.5 Rahmen zum Hervorheben	397
	13.6 Liste mit individuellen Aufzählungspunkten	399
	13.7 Positionierung: Elemente platzieren und anzeigen	400
	13.7.1 visibility: Sichtbarkeit einzelner Elemente	401
	13.7.2 Der Z-Index für die Stapelreihenfolge	402
	13.7.3 overflow: Überlauf bei großem Inhalt	403
	13.7.4 clip: Elemente beschneiden	403
	13.8 Erweiterungen: Seitenumbruch und visuelle Effekte	404
	13.8.1 Seitenumbruch der Printausgabe (Page-break)	404
	13.8.2 Visuelle Effekte für Cursor und Bilder	405
	13.9 Praxisbeispiel: Horizontale Navigation	407
	13.10 Darstellungsprobleme in Browsern lösen	409
	13.10.1 Relative Schriftgrößen im Browser ändern	410
	13.10.2 Ränder und Zentrierung	410
	13.10.3 Abstände im Internet Explorer	411
	13.10.4 Boxmodell-Bug und der Tantek-Hack	412
	13.10.5 Der 3-Pixel-Bug und Sternchen-Hack	413
	13.10.6 Browserweichen: Konditionale Kommentare für IE	414
	14 Code erstellen und bearbeiten	418
	14.1 In der Codeansicht arbeiten	418
	14.1.1 Code-Navigator für CSS und externe Dateien	419
	14.1.2 Codetipps nutzen	420
	14.1.3 Quick Tag Editor: Code erstellen und ändern	421
	14.1.4 Codefragmente anwenden und speichern	422
	14.1.5 Arbeiten mit Bibliotheken	424
	14.1.6 Kommentare einfügen und bearbeiten	429
	14.2 Ansichten und Code ausblenden	430
	14.2.1 Dokumentspezifische Ansichtsoptionen	430
	14.2.2 Code ein- und ausblenden	432
	14.3 Voreinstellungen für Code	433
	14.3.1 Codeformat: Darstellung und Schreibweise	434
	14.3.2 Codehinweise gegen lästiges Tippen	436
	14.3.3 Code umschreiben und Sonderzeichen kodieren	436
	14.3.4 Externe Editoren einsetzen	437
	14.3.5 Farbe für Code	438
	14.4 Code optimieren	439
	14.4.1 Validator: Code überprüfen	439
	14.4.2 XHTML-Kompatibilität und Code-Optimierung	441
	14.4.3 Zugänglichkeit prüfen und Site-Berichte	442
	14.4.4 Browserkompatibilität prüfen	444
	Teil 5 - Vorlagen, InContext Editing & Frames	448
	15 Mit Vorlagen arbeiten	450
	15.1 Vorlage speichern	450
	15.1.1 Bearbeitbare Bereiche festlegen	452
	15.1.2 Wiederholender Bereich für Daten	455
	15.1.3 Bearbeitbare Attribute bestimmen	457
	15.1.4 Optionale Bereiche anzeigen und bearbeiten	459
	15.2 Dokument mit Vorlage verknüpfen	460
	15.2.1 Verknüpfte Vorlage austauschen	462
	15.2.2 Dokument von der Vorlage lösen	463
	15.2.3 Dokument aktualisieren	464
	15.2.4 Verschachtelte Vorlagen erstellen	465
	15.2.5 Bereiche und Attribute in Webseiten bearbeiten	465
	15.3 Verwaltung von Elementen	466
	15.3.1 Favoriten bestimmen und Liste bearbeiten	467
	15.3.2 Bibliothekselemente mit Bausteinen	469
	15.3.3 Server-Side Includes (SSI)	472
	15.4 InContext Editing: Arbeiten im Browser	473
	15.4.1 Bearbeitbaren Bereich festlegen	474
	15.4.2 Wiederholenden Bereich erstellen	476
	15.4.3 CSS-Klassen für InContext Editing	477
	15.4.4 Anmelden und online nutzen	478
	16 Frames verwenden und ändern	480
	16.1 Frameset und Frames erstellen	481
	16.1.1 Vordefinierte Framesets verwenden	481
	16.1.2 Frames individuell erstellen	485
	16.1.3 Frameset und Frames speichern	486
	16.1.4 Frames löschen	487
	16.2 Eigenschaften bestimmen	487
	16.2.1 Frameset auswählen und bearbeiten	488
	16.2.2 Frame auswählen und bearbeiten	489
	16.3 Navigation innerhalb von Frames	491
	16.4 Barrierefreie, webtaugliche Frames	493
	Teil 6 - Interaktivität, Datenbanken & Spry	496
	17 Verhalten mit JavaScript	498
	17.1 Das Bedienfeld Verhalten erkunden	498
	17.2 Alternativversion ohne Skript definieren	500
	17.3 Anwendungsbeispiele	501
	17.3.1 Grafiken: Rollover und Preload	501
	17.3.2 Rollover für Tabellen	503
	17.3.3 Elemente ein- und ausblenden	503
	17.3.4 Weitere Objekt-Attribute ändern	504
	17.3.5 AP-Elemente ziehen	506
	17.3.6 Dokumente in Frames laden	508
	17.3.7 Fenster-Attribute und Browserfunktionen bestimmen	511
	17.3.8 Vorhandene Popup-Menüs bearbeiten	513
	17.3.9 Plug-ins überprüfen und Medien wiedergeben	515
	17.3.10 Browser überprüfen	517
	17.3.11 Skripte für Formulare und Formularelemente	518
	17.3.12 Weitere Verhaltensweisen	522
	17.4 Live-Ansicht und JavaScript	523
	17.5 JavaScript in separater Datei speichern	524
	18 Dynamische Webseiten	526
	18.1 Technologien - ein grober Überblick	527
	18.1.1 Der Webserver	527
	18.1.2 Datenbankmodell und DBMS	528
	18.1.3 Anwendungsserver und Programmiersprache	529
	18.2 XAMPP als Testsystem installieren	530
	18.2.1 Root-Verzeichnis anlegen	533
	18.2.2 phpMyAdmin einrichten	534
	18.2.3 MySQL-Datenbank mit phpMyAdmin erstellen	536
	18.3 Testserver konfigurieren	541
	18.4 Datenbankabfrage definieren	544
	18.4.1 Verbindung zur Datenbank einrichten	544
	18.4.2 Datensatzgruppen anzeigen	546
	18.5 Interaktive Datenbankrecherche	555
	18.5.1 Suchformular mit einem Parameter	555
	18.5.2 Komplexe Datenbankabfrage	558
	18.6 Dateneingabe und -aktualisierung	560
	18.6.1 Neue Daten eingeben	560
	18.6.2 Bestehende Daten bearbeiten und entfernen	562
	18.7 Benutzer-Authentifizierung	565
	18.7.1 Passwortschutz einrichten	565
	18.7.2 Registrierungsformular erstellen	566
	18.7.3 Anmeldung und Authentifizierung	568
	18.7.4 Benutzer abmelden	569
	19 Spry und XML einsetzen	572
	19.1 Mit Spry-Widgets arbeiten	573
	19.1.1 Akkordeon-Widget einfügen	573
	19.1.2 Die Struktur des Widgets bearbeiten	575
	19.1.3 Das Format des Widgets ändern	576
	19.1.4 Die Funktionalität des Widgets bearbeiten	578
	19.1.5 Weitere Widgets	579
	19.2 Effekte für HTML-Elemente definieren	584
	19.3 Spry-Überprüfung von Formularelementen	586
	19.3.1 Textfeld mit wichtigen Informationen	587
	19.3.2 Textbereich: Nachricht eingeben	590
	19.3.3 Kontrollkästchen: Option auswählen	591
	19.3.4 Auswahl eines Listenwerts	592
	19.3.5 Kennwort mit festgelegtem Muster	593
	19.3.6 Bestätigung für übereinstimmende Angaben	594
	19.3.7 Optionsschaltergruppe mit leeren und ungültigen Werten	594
	19.4 Spry-Datensätze und XML	595
	19.4.1 Spry-Datensatz definieren	596
	19.4.2 Spry-Bereich und -Objekte integrieren	601
	19.4.3 Spry-Tabelle und Detailbereich erstellen	602
	19.4.4 Wiederholungsbereich erstellen	604
	19.4.5 Wiederholungslisten definieren	605
	19.4.6 XML-Daten mit XSLT formatieren	605
	Teil 7 - Site optimieren & veröffentlichen	612
	20 Feinschliff: Seiten optimieren	614
	20.1 Seitentitel und Beschreibung	614
	20.2 meta-Tags für die Verarbeitung im Browser	617
	20.2.1 refresh für automatische Weiterleitungen	617
	20.2.2 base gegen Raubkopien	617
	20.2.3 link-Verknüpfungen für Dokument-Beziehungen	618
	20.3 Sonstige meta-Informationen	619
	20.3.1 robots zum Schutz bestimmter Dateien	621
	20.3.2 Überflüssige meta-Angaben und geo-Tags	621
	20.4 Vorhandene meta-Tags im Entwurfsfenster bearbeiten	622
	20.5 Relevanz sichtbaren Textes auf der Seite	622
	20.6 Regelverstöße und ihre Folgen	625
	20.7 Checkliste: Qualität der Site verbessern	625
	21 Site veröffentlichen	628
	21.1 Remote-Site einrichten	628
	21.1.1 FTP (File Transfer Protocol)	629
	21.1.2 Lokales Netzwerk	631
	21.1.3 WebDAV, RDS und SourceSafe-Datenbank	632
	21.2 Dateien bereitstellen und herunterladen	632
	21.2.1 Dynamische Daten: Geheime Verbindungen	634
	21.2.2 Datei ohne Site-Definition übertragen	637
	21.3 Teamarbeit: Ein- und Auschecken	638
	21.4 Bildschirm für Online-Meeting freigeben	639
	21.5 Dateien synchronisieren	642
	21.5.1 Versionskontrolle für den aktuellen Stand	645
	21.5.2 Subversion und Repository-Dateien	646
	Teil 8 - Anhang	650
	A Die DVD zum Buch	652
	B Was ist neu?	654
	C Dreamweaver anpassen & erweitern	656
	C.1 Neukonfiguration - eine Übersicht	656
	C.2 Beispiel: Favoriten konfigurieren	657
	C.3 Dialogfenster und Menüs anpassen	658
	C.4 Erweiterungen installieren und verwalten	660
	D Literatur, URLs & Downloads	662
	D.1 Allgemeine Informationen	662
	D.2 Domain und Webhosting	663
	D.3 CSS und barrierefreie Webseiten	663
	D.4 Server Side Includes (SSI)	664
	D.5 Adobe InContext Editing, ConnectNow und AIR	665
	D.6 Datenbanken, Programmiersprachen, XML	665
	D.7 JavaScript	666
	D.8 Suchmaschinen und Online-Marketing	667
	D.9 Webplayer, Flash und Spry	668
	E Wichtige Maßeinheiten	670
	F Referenz: MySQL und SQL	672
	G Klassen-IDs für Medienobjekte	676
	H JavaScript-Ereignisse	678
	I Checkliste für barrierearme Webseiten	680
	J Glossar & Abkürzungen	682
	Index	690