• Dreamweaver CS4 - Professionelle Webseiten entwickeln

  Seite I

• Überblick

  Seite 5

• + Inhaltsverzeichnis

  Seite 7

  • Einleitung

    Seite 7

  • + Teil 1 - Grundlagen

    Seite 7

    • + Kapitel 1 Dreamweaver erkunden

      Seite 7

      • 1.1 Unterschiedliche Darstellungen

        Seite 7

      • 1.2 Das Startfenster zur ersten Orientierung

        Seite 7

      • 1.3 Im Dokumentfenster arbeiten

        Seite 7

      • 1.4 Bedienfelder mit wichtigen Funktionen

        Seite 7

      • 1.5 Symbolleisten mit Werkzeugen

        Seite 8

      • 1.6 Individuelle Oberfläche speichern

        Seite 8

    • + Kapitel 2 Konzeption und Management

      Seite 8

      • 2.1 Der Projektablauf

        Seite 8

      • 2.2 Neue Site in Dreamweaver definieren

        Seite 8

      • 2.3 Vorhandene Sites ändern und verwalten

        Seite 8

  • + Teil 2 - Mit Dokumenten arbeiten

    Seite 8

    • + Kapitel 3 Statische Webseiten erstellen

      Seite 8

      • 3.1 Neues Dokument erstellen

        Seite 8

      • 3.2 Seiteneigenschaften bestimmen

        Seite 8

    • + Kapitel 4 Voreinstellungen und Dateimanagement

      Seite 8

      • 4.1 Voreinstellungen zum Dokument

        Seite 8

      • 4.2 Zugängliche, barrierefreie Seiten

        Seite 9

      • 4.3 Dokumente im Sitefenster verwalten

        Seite 9

      • 4.4 Projekt-Koordination

        Seite 9

  • + Teil 3 - Seitenelemente einfügen und bearbeiten

    Seite 9

    • + Kapitel 5 Text und Absatz

      Seite 9

      • 5.1 Vorhandene Inhalte übernehmen

        Seite 9

      • 5.2 Word-HTML speichern und optimieren

        Seite 9

      • 5.3 Zugänglichen Text erstellen

        Seite 9

      • 5.4 Sonderzeichen kodieren

        Seite 9

      • 5.5 Datum einfügen

        Seite 9

      • 5.6 Absätze und Zeilenumbrüche einfügen

        Seite 9

      • 5.7 Absätze und Zeichen formatieren

        Seite 9

      • 5.8 Wichtige Funktionen

        Seite 10

    • + Kapitel 6 Mit Bildern arbeiten

      Seite 10

      • 6.1 Unterschiedliche Dateiformate

        Seite 10

      • 6.2 Bilder einfügen

        Seite 10

      • 6.3 Zugänglichkeit von Bildern

        Seite 10

      • 6.4 Bilder bearbeiten

        Seite 10

      • 6.5 Bild-Platzhalter als Layout-Hilfe

        Seite 10

    • + Kapitel 7 Tabellen für Layout und Daten

      Seite 11

      • 7.1 Tabellenmodus auswählen

        Seite 11

      • 7.2 Visuelle Hilfsmittel einsetzen

        Seite 11

      • 7.3 Tabelle einfügen

        Seite 11

      • 7.4 Tabelleneigenschaften bestimmen

        Seite 11

      • 7.5 Barrierefreie Datentabellen

        Seite 11

      • 7.6 Inhalte einer Tabelle sortieren

        Seite 11

    • + Kapitel 8 Verknüpfungen mit Hyperlinks

      Seite 11

      • 8.1 Arten von Hyperlinks

        Seite 11

      • 8.2 Hyperlinks definieren

        Seite 11

      • 8.3 Benannte Anker für dokumentinterne Ziele

        Seite 11

      • 8.4 Imagemaps für Bildverweise

        Seite 11

      • 8.5 Sprungmenü und -listen

        Seite 11

      • 8.6 Rollover-Effekte mit Bildern

        Seite 11

      • 8.7 Navigationsleisten mit Orientierung

        Seite 12

      • 8.8 Null- und Skript-Hyperlinks

        Seite 12

      • 8.9 URL-Parameter für den Daten-Transfer

        Seite 12

      • 8.10 Hyperlinks prüfen und verwalten

        Seite 12

      • 8.11 Zugängliche, benutzerfreundliche Links

        Seite 12

    • + Kapitel 9 Formulare für den Kontakt

      Seite 12

      • 9.1 Ein Formular erstellen

        Seite 12

      • 9.2 Zusammenfassung: Formularelemente

        Seite 12

      • 9.3 Formulare gestalten

        Seite 12

      • 9.4 Formulare verarbeiten

        Seite 12

    • + Kapitel 10 Sound und Vision

      Seite 12

      • 10.1 Generische Objekte: <embed> und <object>

        Seite 12

      • 10.2 Spezifische Medienobjekte einbinden

        Seite 12

      • 10.3 Applets: Java-Anwendung integrieren

        Seite 13

  • + Teil 4 - CSS-Layout, Design & Code

    Seite 13

    • + Kapitel 11 Stylesheets - die Einführung

      Seite 13

      • 11.1 Vorteile der Trennung von HTML und CSS

        Seite 13

      • 11.2 Arten von Stylesheets

        Seite 13

      • 11.3 CSS erstellen, anwenden und bearbeiten

        Seite 13

      • 11.4 CSS-Layouts in die Auswahlliste einfügen

        Seite 13

      • 11.5 Konflikte: Kaskade und Vererbung

        Seite 13

    • + Kapitel 12 Das CSS-Boxmodell

      Seite 14

      • 12.1 Inhalte in HTML platzieren

        Seite 14

      • 12.2 Positionierung einzelner Boxen

        Seite 14

      • 12.3 Weitere Positionierungsmöglichkeiten

        Seite 14

    • + Kapitel 13 Anwendungsstudien: Design mit CSS

      Seite 14

      • 13.1 Schrift: Textformatierung und Zeilenhöhe

        Seite 14

      • 13.2 Hintergrund: Rollover für die Navigation

        Seite 14

      • 13.3 Block: Abstände, Einzug und Ausrichtung

        Seite 14

      • 13.4 Box: Größe und Anordnung unterschiedlicher Elemente

        Seite 14

      • 13.5 Rahmen zum Hervorheben

        Seite 14

      • 13.6 Liste mit individuellen Aufzählungspunkten

        Seite 14

      • 13.7 Positionierung: Elemente platzieren und anzeigen

        Seite 14

      • 13.8 Erweiterungen: Seitenumbruch und visuelle Effekte

        Seite 14

      • 13.9 Praxisbeispiel: Horizontale Navigation

        Seite 15

      • 13.10 Darstellungsprobleme in Browsern lösen

        Seite 15

    • + Kapitel 14 Code erstellen und bearbeiten

      Seite 15

      • 14.1 In der Codeansicht arbeiten

        Seite 15

      • 14.2 Ansichten und Code ausblenden

        Seite 15

      • 14.3 Voreinstellungen für Code

        Seite 15

      • 14.4 Code optimieren

        Seite 15

  • + Teil 5 - Vorlagen, InContext Editing & Frames

    Seite 16

    • + Kapitel 15 Mit Vorlagen arbeiten

      Seite 16

      • 15.1 Vorlage speichern

        Seite 16

      • 15.2 Dokument mit Vorlage verknüpfen

        Seite 16

      • 15.3 Verwaltung von Elementen

        Seite 16

      • 15.4 InContext Editing: Arbeiten im Browser

        Seite 16

    • + Kapitel 16 Frames verwenden und ändern

      Seite 16

      • 16.1 Frameset und Frames erstellen

        Seite 16

      • 16.2 Eigenschaften bestimmen

        Seite 17

      • 16.3 Navigation innerhalb von Frames

        Seite 17

      • 16.4 Barrierefreie, webtaugliche Frames

        Seite 17

  • + Teil 6 - Interaktivität, Datenbanken & Spry

    Seite 17

    • + Kapitel 17 Verhalten mit JavaScript

      Seite 17

      • 17.1 Das Bedienfeld Verhalten erkunden

        Seite 17

      • 17.2 Alternativversion ohne Skript definieren

        Seite 17

      • 17.3 Anwendungsbeispiele

        Seite 17

      • 17.4 Live-Ansicht und JavaScript

        Seite 17

      • 17.5 JavaScript in separater Datei speichern

        Seite 17

    • + Kapitel 18 Dynamische Webseiten

      Seite 17

      • 18.1 Technologien - ein grober Überblick

        Seite 17

      • 18.2 XAMPP als Testsystem installieren

        Seite 18

      • 18.3 Testserver konfigurieren

        Seite 18

      • 18.4 Datenbankabfrage definieren

        Seite 18

      • 18.5 Interaktive Datenbankrecherche

        Seite 18

      • 18.6 Dateneingabe und -aktualisierung

        Seite 18

      • 18.7 Benutzer-Authentifizierung

        Seite 18

    • + Kapitel 19 Spry und XML einsetzen

      Seite 18

      • 19.1 Mit Spry-Widgets arbeiten

        Seite 18

      • 19.2 Effekte für HTML-Elemente definieren

        Seite 19

      • 19.3 Spry-Überprüfung von Formularelementen

        Seite 19

      • 19.4 Spry-Datensätze und XML

        Seite 19

  • + Teil 7 - Site optimieren & veröffentlichen

    Seite 19

    • + Kapitel 20 Feinschliff: Seiten optimieren

      Seite 19

      • 20.1 Seitentitel und Beschreibung

        Seite 19

      • 20.2 meta-Tags für die Verarbeitung im Browser

        Seite 19

      • 20.3 Sonstige meta-Informationen

        Seite 19

      • 20.4 Vorhandene meta-Tags im Entwurfsfenster bearbeiten

        Seite 19

      • 20.5 Relevanz sichtbaren Textes auf der Seite

        Seite 19

      • 20.6 Regelverstöße und ihre Folgen

        Seite 20

      • 20.7 Checkliste: Qualität der Site verbessern

        Seite 20

    • + Kapitel 21 Site veröffentlichen

      Seite 20

      • 21.1 Remote-Site einrichten

        Seite 20

      • 21.2 Dateien bereitstellen und herunterladen

        Seite 20

      • 21.3 Teamarbeit: Ein- und Auschecken

        Seite 20

      • 21.4 Bildschirm für Online-Meeting freigeben

        Seite 20

      • 21.5 Dateien synchronisieren

        Seite 20

  • + Teil 8 - Anhang

    Seite 20

    • Anhang A Die DVD zum Buch

      Seite 20

    • Anhang B Was ist neu?

      Seite 20

    • Anhang C Dreamweaver anpassen & erweitern

      Seite 20

    • Anhang D Literatur, URLs & Downloads

      Seite 20

    • Anhang E Wichtige Maßeinheiten

      Seite 21

    • Anhang F Referenz: MySQL und SQL

      Seite 21

    • Anhang G Klassen-IDs für Medienobjekte

      Seite 21

    • Anhang H JavaScript-Ereignisse

      Seite 21

    • Anhang I Checkliste für barrierearme Webseiten

      Seite 21

    • Anhang J Glossar & Abkürzungen

      Seite 21

  • Index

    Seite 21

• + Einleitung

  Seite 23

  • Erforderliche Vorkenntnisse

    Seite 24

  • Aufbau des Buchs

    Seite 24

  • Hinweise für Mac- und PC-Nutzer

    Seite 27

• + Teil 1 - Grundlagen

  Seite 29

  • + 1 Dreamweaver erkunden

    Seite 31

    • 1.1 Unterschiedliche Darstellungen

      Seite 33

    • 1.2 Das Startfenster zur ersten Orientierung

      Seite 35

    • + 1.3 Im Dokumentfenster arbeiten

      Seite 37

      • 1.3.1 Entwurfs-, Live- und Code-Ansichten

        Seite 39

      • 1.3.2 Verknüpfte Dokumente

        Seite 43

      • 1.3.3 Die Statusleiste für Code und Information

        Seite 44

      • 1.3.4 Visuelle Hilfsmittel im Entwurfsfenster

        Seite 47

    • + 1.4 Bedienfelder mit wichtigen Funktionen

      Seite 57

      • 1.4.1 Bedienfelder öffnen und schließen

        Seite 59

      • 1.4.2 Bedienfelder minimieren und maximieren

        Seite 60

      • 1.4.3 Bedienfelder neu anordnen

        Seite 61

      • 1.4.4 Das Einfügen-Register enthält Objekte

        Seite 63

      • 1.4.5 Attribute im Eigenschafteninspektor verwalten

        Seite 66

      • 1.4.6 Arbeitsschritte ändern

        Seite 67

    • 1.5 Symbolleisten mit Werkzeugen

      Seite 71

    • 1.6 Individuelle Oberfläche speichern

      Seite 73

  • + 2 Konzeption und Management

    Seite 75

    • + 2.1 Der Projektablauf

      Seite 75

      • 2.1.1 Briefing, Inhalt und Struktur

        Seite 75

      • 2.1.2 Layout und Corporate Identity

        Seite 77

      • 2.1.3 Zielgruppe und Randbedingungen

        Seite 78

      • 2.1.4 Zeit- und Arbeitsplan

        Seite 79

      • 2.1.5 Datei- und Verzeichnisstruktur festlegen

        Seite 80

      • 2.1.6 Seitenlayout und Webseiten erstellen

        Seite 81

    • 2.2 Neue Site in Dreamweaver definieren

      Seite 81

    • 2.3 Vorhandene Sites ändern und verwalten

      Seite 85

• + Teil 2 - Mit Dokumenten arbeiten

  Seite 89

  • + 3 Statische Webseiten erstellen

    Seite 91

    • + 3.1 Neues Dokument erstellen

      Seite 91

      • 3.1.1 Leere Seite erstellen

        Seite 93

      • 3.1.2 Dateien speichern

        Seite 95

      • 3.1.3 Weitere Dokument-Arten

        Seite 97

    • + 3.2 Seiteneigenschaften bestimmen

      Seite 99

      • 3.2.1 Das Erscheinungsbild einer Seite

        Seite 100

      • 3.2.2 Die Kategorie Hyperlinks (CSS)

        Seite 106

      • 3.2.3 Die Kategorie Überschriften (CSS)

        Seite 107

      • 3.2.4 Die Kategorie Titel/Kodierung

        Seite 108

      • 3.2.5 Tracing-Bild und Layoutvorlagen

        Seite 110

  • + 4 Voreinstellungen und Dateimanagement

    Seite 113

    • + 4.1 Voreinstellungen zum Dokument

      Seite 113

      • 4.1.1 Neue Dokumente erstellen

        Seite 113

      • 4.1.2 Dokumente öffnen

        Seite 114

    • 4.2 Zugängliche, barrierefreie Seiten

      Seite 115

    • + 4.3 Dokumente im Sitefenster verwalten

      Seite 117

      • 4.3.1 Dateien und Verzeichnisse erstellen

        Seite 117

      • 4.3.2 Verschieben, umbenennen und löschen

        Seite 118

    • + 4.4 Projekt-Koordination

      Seite 119

      • 4.4.1 Kommentare definieren und bearbeiten

        Seite 119

      • 4.4.2 Design Notes für interne Informationen

        Seite 120

      • 4.4.3 Schutz durch Cloaking

        Seite 124

• + Teil 3 - Seitenelemente einfügen und bearbeiten

  Seite 127

  • + 5 Text und Absatz

    Seite 129

    • + 5.1 Vorhandene Inhalte übernehmen

      Seite 129

      • 5.1.1 Kopieren, einfügen und formatieren

        Seite 129

      • 5.1.2 Dateien importieren

        Seite 131

    • + 5.2 Word-HTML speichern und optimieren

      Seite 134

      • 5.2.1 HTML in Word speichern

        Seite 134

      • 5.2.2 Word-Code in Dreamweaver optimieren

        Seite 137

    • 5.3 Zugänglichen Text erstellen

      Seite 139

    • 5.4 Sonderzeichen kodieren

      Seite 142

    • 5.5 Datum einfügen

      Seite 145

    • 5.6 Absätze und Zeilenumbrüche einfügen

      Seite 146

    • + 5.7 Absätze und Zeichen formatieren

      Seite 147

      • 5.7.1 Blockelemente mit HTML auszeichnen

        Seite 149

      • 5.7.2 Texte mit CSS formatieren

        Seite 158

      • 5.7.3 Aktualisierung alter HTML-Strukturen

        Seite 167

    • + 5.8 Wichtige Funktionen

      Seite 168

      • 5.8.1 Mit der Rechtschreibprüfung auf Fehlersuche

        Seite 169

      • 5.8.2 Suchen und ersetzen

        Seite 170

      • 5.8.3 Vorschau: Live-Ansicht, Browser und Mobilgerät

        Seite 177

  • + 6 Mit Bildern arbeiten

    Seite 181

    • 6.1 Unterschiedliche Dateiformate

      Seite 181

    • + 6.2 Bilder einfügen

      Seite 184

      • 6.2.1 Bilder in den Arbeitsbereich ziehen

        Seite 184

      • 6.2.2 Bilder gezielt platzieren

        Seite 186

      • 6.2.3 Bild-Attribute im Quelltext

        Seite 188

      • 6.2.4 Bilder im Hintergrund

        Seite 188

    • 6.3 Zugänglichkeit von Bildern

      Seite 190

    • + 6.4 Bilder bearbeiten

      Seite 193

      • 6.4.1 Bildeigenschaften im Code ändern

        Seite 193

      • 6.4.2 Bilddateien ändern

        Seite 198

    • + 6.5 Bild-Platzhalter als Layout-Hilfe

      Seite 206

      • 6.5.1 Bild für den Platzhalter in Fireworks erstellen

        Seite 207

      • 6.5.2 Bild-Platzhalter ersetzen

        Seite 208

      • 6.5.3 Transparenten GIFs als Abstandshalter

        Seite 208

    • 6.6 Fireworks-HTML speichern und einfügen

      Seite 211

    • 6.7 Webfotoalbum automatisch generieren

      Seite 214

  • + 7 Tabellen für Layout und Daten

    Seite 219

    • 7.1 Tabellenmodus auswählen

      Seite 219

    • 7.2 Visuelle Hilfsmittel einsetzen

      Seite 221

    • 7.3 Tabelle einfügen

      Seite 221

    • + 7.4 Tabelleneigenschaften bestimmen

      Seite 225

      • 7.4.1 Tabelle, Zeile, Spalte und Zelle markieren

        Seite 226

      • 7.4.2 Attribute definieren und bearbeiten

        Seite 228

    • 7.5 Barrierefreie Datentabellen

      Seite 239

    • 7.6 Inhalte einer Tabelle sortieren

      Seite 242

  • + 8 Verknüpfungen mit Hyperlinks

    Seite 245

    • 8.1 Arten von Hyperlinks

      Seite 245

    • + 8.2 Hyperlinks definieren

      Seite 247

      • 8.2.1 Hyperlinks für Texte erstellen

        Seite 248

      • 8.2.2 Absolute Hyperlinks im Bedienfeld Elemente

        Seite 249

      • 8.2.3 Relative Hyperlinks angeben

        Seite 250

      • 8.2.4 E-Mail-Hyperlink definieren

        Seite 252

    • 8.3 Benannte Anker für dokumentinterne Ziele

      Seite 253

    • 8.4 Imagemaps für Bildverweise

      Seite 255

    • + 8.5 Sprungmenü und -listen

      Seite 257

      • 8.5.1 Ein Sprungmenü erstellen

        Seite 258

      • 8.5.2 Sprungliste erstellen

        Seite 260

      • 8.5.3 Menü und Liste bearbeiten

        Seite 260

    • + 8.6 Rollover-Effekte mit Bildern

      Seite 263

      • 8.6.1 Ein neues Rollover definieren

        Seite 263

      • 8.6.2 Bestehenden Rollover bearbeiten

        Seite 264

      • 8.6.3 Rollover einem vorhandenen Bild zuweisen

        Seite 265

    • + 8.7 Navigationsleisten mit Orientierung

      Seite 266

      • 8.7.1 Navigationsleiste erstellen

        Seite 267

      • 8.7.2 Navigationsleiste bearbeiten

        Seite 269

    • 8.8 Null- und Skript-Hyperlinks

      Seite 270

    • 8.9 URL-Parameter für den Daten-Transfer

      Seite 271

    • 8.10 Hyperlinks prüfen und verwalten

      Seite 272

    • 8.11 Zugängliche, benutzerfreundliche Links

      Seite 274

  • + 9 Formulare für den Kontakt

    Seite 279

    • + 9.1 Ein Formular erstellen

      Seite 279

      • 9.1.1 form-Tag einfügen

        Seite 279

      • 9.1.2 Barrierefreie Formulare erstellen

        Seite 280

      • 9.1.3 Formularelemente für besondere Aufgaben

        Seite 290

    • 9.2 Zusammenfassung: Formularelemente

      Seite 292

    • + 9.3 Formulare gestalten

      Seite 293

      • 9.3.1 Grafische Buttons definieren

        Seite 293

      • 9.3.2 Feldgruppen strukturieren Eingabebereiche

        Seite 294

    • 9.4 Formulare verarbeiten

      Seite 295

  • + 10 Sound und Vision

    Seite 299

    • + 10.1 Generische Objekte: <embed> und <object>

      Seite 299

      • 10.1.1 Attribute von Plug-ins und ActiveX

        Seite 301

      • 10.1.2 Medien in Dreamweaver wiedergeben

        Seite 303

    • + 10.2 Spezifische Medienobjekte einbinden

      Seite 303

      • 10.2.1 Flash für vielfältige Einsatzmöglichkeiten: Dateitypen

        Seite 305

      • 10.2.2 Flash-Inhalte einfügen und Parameter festlegen

        Seite 309

      • 10.2.3 Shockwave: Filme integrieren

        Seite 318

      • 10.2.4 Sonstige Medien einbinden

        Seite 318

    • 10.3 Applets: Java-Anwendung integrieren

      Seite 322

• + Teil 4 - CSS-Layout, Design & Code

  Seite 325

  • + 11 Stylesheets - die Einführung

    Seite 327

    • 11.1 Vorteile der Trennung von HTML und CSS

      Seite 327

    • + 11.2 Arten von Stylesheets

      Seite 329

      • 11.2.1 Klassen für flexibles Design

        Seite 329

      • 11.2.2 HTML-Tags neu definieren

        Seite 330

      • 11.2.3 ID für einmalige Auszeichnungen

        Seite 332

      • 11.2.4 Pseudoelemente für Rollover-Effekte

        Seite 333

      • 11.2.5 Weitere Pseudoelemente

        Seite 334

      • 11.2.6 Dokumentstammbaum: Verwandte Selektoren

        Seite 334

      • 11.2.7 Kurzschrift oder lange Schreibweise

        Seite 336

      • 11.2.8 Unterschiedliche CSS-Speicherorte

        Seite 337

    • + 11.3 CSS erstellen, anwenden und bearbeiten

      Seite 338

      • 11.3.1 Ein neues Stylesheet definieren

        Seite 340

      • 11.3.2 Inline-Stil erstellen

        Seite 342

      • 11.3.3 Vorhandene CSS-Datei medienabhängig anhängen

        Seite 342

      • 11.3.4 CSS-Regeln auf Elemente anwenden

        Seite 345

      • 11.3.5 Vorhandene Stile bearbeiten

        Seite 346

      • 11.3.6 Entwurf mit temporären Stylesheets

        Seite 351

    • 11.4 CSS-Layouts in die Auswahlliste einfügen

      Seite 352

    • 11.5 Konflikte: Kaskade und Vererbung

      Seite 353

  • + 12 Das CSS-Boxmodell

    Seite 357

    • + 12.1 Inhalte in HTML platzieren

      Seite 357

      • 12.1.1 div-Tags einfügen

        Seite 358

      • 12.1.2 Navigationsleiste als Liste und mit <span>

        Seite 359

    • + 12.2 Positionierung einzelner Boxen

      Seite 361

      • 12.2.1 Navigationsleiste und Inhalt mit float anordnen

        Seite 361

      • 12.2.2 Vorhandene Stile bearbeiten: Der Hintergrund

        Seite 365

      • 12.2.3 Container-Höhe kaschieren: Der Trick mit dem Bild

        Seite 367

      • 12.2.4 Kopf- und Fußzeile inline anordnen

        Seite 368

      • 12.2.5 Exkurs: Dreispaltiges Layout definieren

        Seite 370

      • 12.2.6 Seite mit übergeordnetem Container zentrieren

        Seite 371

    • + 12.3 Weitere Positionierungsmöglichkeiten

      Seite 373

      • 12.3.1 Absolut positionierte Elemente

        Seite 373

      • 12.3.2 Container fixieren und negative Ränder

        Seite 384

  • + 13 Anwendungsstudien: Design mit CSS

    Seite 387

    • 13.1 Schrift: Textformatierung und Zeilenhöhe

      Seite 387

    • 13.2 Hintergrund: Rollover für die Navigation

      Seite 390

    • 13.3 Block: Abstände, Einzug und Ausrichtung

      Seite 392

    • 13.4 Box: Größe und Anordnung unterschiedlicher Elemente

      Seite 395

    • 13.5 Rahmen zum Hervorheben

      Seite 396

    • 13.6 Liste mit individuellen Aufzählungspunkten

      Seite 398

    • + 13.7 Positionierung: Elemente platzieren und anzeigen

      Seite 399

      • 13.7.1 visibility: Sichtbarkeit einzelner Elemente

        Seite 400

      • 13.7.2 Der Z-Index für die Stapelreihenfolge

        Seite 401

      • 13.7.3 overflow: Überlauf bei großem Inhalt

        Seite 402

      • 13.7.4 clip: Elemente beschneiden

        Seite 402

    • + 13.8 Erweiterungen: Seitenumbruch und visuelle Effekte

      Seite 403

      • 13.8.1 Seitenumbruch der Printausgabe (Page-break)

        Seite 403

      • 13.8.2 Visuelle Effekte für Cursor und Bilder

        Seite 404

    • 13.9 Praxisbeispiel: Horizontale Navigation

      Seite 406

    • + 13.10 Darstellungsprobleme in Browsern lösen

      Seite 408

      • 13.10.1 Relative Schriftgrößen im Browser ändern

        Seite 409

      • 13.10.2 Ränder und Zentrierung

        Seite 409

      • 13.10.3 Abstände im Internet Explorer

        Seite 410

      • 13.10.4 Boxmodell-Bug und der Tantek-Hack

        Seite 411

      • 13.10.5 Der 3-Pixel-Bug und Sternchen-Hack

        Seite 412

      • 13.10.6 Browserweichen: Konditionale Kommentare für IE

        Seite 413

  • + 14 Code erstellen und bearbeiten

    Seite 417

    • + 14.1 In der Codeansicht arbeiten

      Seite 417

      • 14.1.1 Code-Navigator für CSS und externe Dateien

        Seite 418

      • 14.1.2 Codetipps nutzen

        Seite 419

      • 14.1.3 Quick Tag Editor: Code erstellen und ändern

        Seite 420

      • 14.1.4 Codefragmente anwenden und speichern

        Seite 421

      • 14.1.5 Arbeiten mit Bibliotheken

        Seite 423

      • 14.1.6 Kommentare einfügen und bearbeiten

        Seite 428

    • + 14.2 Ansichten und Code ausblenden

      Seite 429

      • 14.2.1 Dokumentspezifische Ansichtsoptionen

        Seite 429

      • 14.2.2 Code ein- und ausblenden

        Seite 431

    • + 14.3 Voreinstellungen für Code

      Seite 432

      • 14.3.1 Codeformat: Darstellung und Schreibweise

        Seite 433

      • 14.3.2 Codehinweise gegen lästiges Tippen

        Seite 435

      • 14.3.3 Code umschreiben und Sonderzeichen kodieren

        Seite 435

      • 14.3.4 Externe Editoren einsetzen

        Seite 436

      • 14.3.5 Farbe für Code

        Seite 437

    • + 14.4 Code optimieren

      Seite 438

      • 14.4.1 Validator: Code überprüfen

        Seite 438

      • 14.4.2 XHTML-Kompatibilität und Code-Optimierung

        Seite 440

      • 14.4.3 Zugänglichkeit prüfen und Site-Berichte

        Seite 441

      • 14.4.4 Browserkompatibilität prüfen

        Seite 443

• + Teil 5 - Vorlagen, InContext Editing & Frames

  Seite 447

  • + 15 Mit Vorlagen arbeiten

    Seite 449

    • + 15.1 Vorlage speichern

      Seite 449

      • 15.1.1 Bearbeitbare Bereiche festlegen

        Seite 451

      • 15.1.2 Wiederholender Bereich für Daten

        Seite 454

      • 15.1.3 Bearbeitbare Attribute bestimmen

        Seite 456

      • 15.1.4 Optionale Bereiche anzeigen und bearbeiten

        Seite 458

    • + 15.2 Dokument mit Vorlage verknüpfen

      Seite 459

      • 15.2.1 Verknüpfte Vorlage austauschen

        Seite 461

      • 15.2.2 Dokument von der Vorlage lösen

        Seite 462

      • 15.2.3 Dokument aktualisieren

        Seite 463

      • 15.2.4 Verschachtelte Vorlagen erstellen

        Seite 464

      • 15.2.5 Bereiche und Attribute in Webseiten bearbeiten

        Seite 464

    • + 15.3 Verwaltung von Elementen

      Seite 465

      • 15.3.1 Favoriten bestimmen und Liste bearbeiten

        Seite 466

      • 15.3.2 Bibliothekselemente mit Bausteinen

        Seite 468

      • 15.3.3 Server-Side Includes (SSI)

        Seite 471

    • + 15.4 InContext Editing: Arbeiten im Browser

      Seite 472

      • 15.4.1 Bearbeitbaren Bereich festlegen

        Seite 473

      • 15.4.2 Wiederholenden Bereich erstellen

        Seite 475

      • 15.4.3 CSS-Klassen für InContext Editing

        Seite 476

      • 15.4.4 Anmelden und online nutzen

        Seite 477

  • + 16 Frames verwenden und ändern

    Seite 479

    • + 16.1 Frameset und Frames erstellen

      Seite 480

      • 16.1.1 Vordefinierte Framesets verwenden

        Seite 480

      • 16.1.2 Frames individuell erstellen

        Seite 484

      • 16.1.3 Frameset und Frames speichern

        Seite 485

      • 16.1.4 Frames löschen

        Seite 486

    • + 16.2 Eigenschaften bestimmen

      Seite 486

      • 16.2.1 Frameset auswählen und bearbeiten

        Seite 487

      • 16.2.2 Frame auswählen und bearbeiten

        Seite 488

    • 16.3 Navigation innerhalb von Frames

      Seite 490

    • 16.4 Barrierefreie, webtaugliche Frames

      Seite 492

• + Teil 6 - Interaktivität, Datenbanken & Spry

  Seite 495

  • + 17 Verhalten mit JavaScript

    Seite 497

    • 17.1 Das Bedienfeld Verhalten erkunden

      Seite 497

    • 17.2 Alternativversion ohne Skript definieren

      Seite 499

    • + 17.3 Anwendungsbeispiele

      Seite 500

      • 17.3.1 Grafiken: Rollover und Preload

        Seite 500

      • 17.3.2 Rollover für Tabellen

        Seite 502

      • 17.3.3 Elemente ein- und ausblenden

        Seite 502

      • 17.3.4 Weitere Objekt-Attribute ändern

        Seite 503

      • 17.3.5 AP-Elemente ziehen

        Seite 505

      • 17.3.6 Dokumente in Frames laden

        Seite 507

      • 17.3.7 Fenster-Attribute und Browserfunktionen bestimmen

        Seite 510

      • 17.3.8 Vorhandene Popup-Menüs bearbeiten

        Seite 512

      • 17.3.9 Plug-ins überprüfen und Medien wiedergeben

        Seite 514

      • 17.3.10 Browser überprüfen

        Seite 516

      • 17.3.11 Skripte für Formulare und Formularelemente

        Seite 517

      • 17.3.12 Weitere Verhaltensweisen

        Seite 521

    • 17.4 Live-Ansicht und JavaScript

      Seite 522

    • 17.5 JavaScript in separater Datei speichern

      Seite 523

  • + 18 Dynamische Webseiten

    Seite 525

    • + 18.1 Technologien - ein grober Überblick

      Seite 526

      • 18.1.1 Der Webserver

        Seite 526

      • 18.1.2 Datenbankmodell und DBMS

        Seite 527

      • 18.1.3 Anwendungsserver und Programmiersprache

        Seite 528

    • + 18.2 XAMPP als Testsystem installieren

      Seite 529

      • 18.2.1 Root-Verzeichnis anlegen

        Seite 532

      • 18.2.2 phpMyAdmin einrichten

        Seite 533

      • 18.2.3 MySQL-Datenbank mit phpMyAdmin erstellen

        Seite 535

    • 18.3 Testserver konfigurieren

      Seite 540

    • + 18.4 Datenbankabfrage definieren

      Seite 543

      • 18.4.1 Verbindung zur Datenbank einrichten

        Seite 543

      • 18.4.2 Datensatzgruppen anzeigen

        Seite 545

    • + 18.5 Interaktive Datenbankrecherche

      Seite 554

      • 18.5.1 Suchformular mit einem Parameter

        Seite 554

      • 18.5.2 Komplexe Datenbankabfrage

        Seite 557

    • + 18.6 Dateneingabe und -aktualisierung

      Seite 559

      • 18.6.1 Neue Daten eingeben

        Seite 559

      • 18.6.2 Bestehende Daten bearbeiten und entfernen

        Seite 561

    • + 18.7 Benutzer-Authentifizierung

      Seite 564

      • 18.7.1 Passwortschutz einrichten

        Seite 564

      • 18.7.2 Registrierungsformular erstellen

        Seite 565

      • 18.7.3 Anmeldung und Authentifizierung

        Seite 567

      • 18.7.4 Benutzer abmelden

        Seite 568

  • + 19 Spry und XML einsetzen

    Seite 571

    • + 19.1 Mit Spry-Widgets arbeiten

      Seite 572

      • 19.1.1 Akkordeon-Widget einfügen

        Seite 572

      • 19.1.2 Die Struktur des Widgets bearbeiten

        Seite 574

      • 19.1.3 Das Format des Widgets ändern

        Seite 575

      • 19.1.4 Die Funktionalität des Widgets bearbeiten

        Seite 577

      • 19.1.5 Weitere Widgets

        Seite 578

    • 19.2 Effekte für HTML-Elemente definieren

      Seite 583

    • + 19.3 Spry-Überprüfung von Formularelementen

      Seite 585

      • 19.3.1 Textfeld mit wichtigen Informationen

        Seite 586

      • 19.3.2 Textbereich: Nachricht eingeben

        Seite 589

      • 19.3.3 Kontrollkästchen: Option auswählen

        Seite 590

      • 19.3.4 Auswahl eines Listenwerts

        Seite 591

      • 19.3.5 Kennwort mit festgelegtem Muster

        Seite 592

      • 19.3.6 Bestätigung für übereinstimmende Angaben

        Seite 593

      • 19.3.7 Optionsschaltergruppe mit leeren und ungültigen Werten

        Seite 593

    • + 19.4 Spry-Datensätze und XML

      Seite 594

      • 19.4.1 Spry-Datensatz definieren

        Seite 595

      • 19.4.2 Spry-Bereich und -Objekte integrieren

        Seite 600

      • 19.4.3 Spry-Tabelle und Detailbereich erstellen

        Seite 601

      • 19.4.4 Wiederholungsbereich erstellen

        Seite 603

      • 19.4.5 Wiederholungslisten definieren

        Seite 604

      • 19.4.6 XML-Daten mit XSLT formatieren

        Seite 604

• + Teil 7 - Site optimieren & veröffentlichen

  Seite 611

  • + 20 Feinschliff: Seiten optimieren

    Seite 613

    • 20.1 Seitentitel und Beschreibung

      Seite 613

    • + 20.2 meta-Tags für die Verarbeitung im Browser

      Seite 616

      • 20.2.1 refresh für automatische Weiterleitungen

        Seite 616

      • 20.2.2 base gegen Raubkopien

        Seite 616

      • 20.2.3 link-Verknüpfungen für Dokument-Beziehungen

        Seite 617

    • + 20.3 Sonstige meta-Informationen

      Seite 618

      • 20.3.1 robots zum Schutz bestimmter Dateien

        Seite 620

      • 20.3.2 Überflüssige meta-Angaben und geo-Tags

        Seite 620

    • 20.4 Vorhandene meta-Tags im Entwurfsfenster bearbeiten

      Seite 621

    • 20.5 Relevanz sichtbaren Textes auf der Seite

      Seite 621

    • 20.6 Regelverstöße und ihre Folgen

      Seite 624

    • 20.7 Checkliste: Qualität der Site verbessern

      Seite 624

  • + 21 Site veröffentlichen

    Seite 627

    • + 21.1 Remote-Site einrichten

      Seite 627

      • 21.1.1 FTP (File Transfer Protocol)

        Seite 628

      • 21.1.2 Lokales Netzwerk

        Seite 630

      • 21.1.3 WebDAV, RDS und SourceSafe-Datenbank

        Seite 631

    • + 21.2 Dateien bereitstellen und herunterladen

      Seite 631

      • 21.2.1 Dynamische Daten: Geheime Verbindungen

        Seite 633

      • 21.2.2 Datei ohne Site-Definition übertragen

        Seite 636

    • 21.3 Teamarbeit: Ein- und Auschecken

      Seite 637

    • 21.4 Bildschirm für Online-Meeting freigeben

      Seite 638

    • + 21.5 Dateien synchronisieren

      Seite 641

      • 21.5.1 Versionskontrolle für den aktuellen Stand

        Seite 644

      • 21.5.2 Subversion und Repository-Dateien

        Seite 645

• + Teil 8 - Anhang

  Seite 649

  • A Die DVD zum Buch

    Seite 651

  • B Was ist neu?

    Seite 653

  • + C Dreamweaver anpassen & erweitern

    Seite 655

    • C.1 Neukonfiguration - eine Übersicht

      Seite 655

    • C.2 Beispiel: Favoriten konfigurieren

      Seite 656

    • C.3 Dialogfenster und Menüs anpassen

      Seite 657

    • C.4 Erweiterungen installieren und verwalten

      Seite 659

  • + D Literatur, URLs & Downloads

    Seite 661

    • D.1 Allgemeine Informationen

      Seite 661

    • D.2 Domain und Webhosting

      Seite 662

    • D.3 CSS und barrierefreie Webseiten

      Seite 662

    • D.4 Server Side Includes (SSI)

      Seite 663

    • D.5 Adobe InContext Editing, ConnectNow und AIR

      Seite 664

    • D.6 Datenbanken, Programmiersprachen, XML

      Seite 664

    • D.7 JavaScript

      Seite 665

    • D.8 Suchmaschinen und Online-Marketing

      Seite 666

    • D.9 Webplayer, Flash und Spry

      Seite 667

  • E Wichtige Maßeinheiten

    Seite 669

  • F Referenz: MySQL und SQL

    Seite 671

  • G Klassen-IDs für Medienobjekte

    Seite 675

  • H JavaScript-Ereignisse

    Seite 677

  • I Checkliste für barrierearme Webseiten

    Seite 679

  • J Glossar & Abkürzungen

    Seite 681

• + Index

  Seite 689

  • !

    Seite 689

  • A

    Seite 689

  • B

    Seite 691

  • C

    Seite 693

  • D

    Seite 695

  • E

    Seite 697

  • F

    Seite 698

  • G

    Seite 699

  • H

    Seite 700

  • I

    Seite 701

  • J

    Seite 702

  • K

    Seite 702

  • L

    Seite 703

  • M

    Seite 704

  • N

    Seite 705

  • O

    Seite 705

  • P

    Seite 706

  • Q

    Seite 707

  • R

    Seite 707

  • S

    Seite 708

  • T

    Seite 711

  • U

    Seite 712

  • V

    Seite 713

  • W

    Seite 714

  • X

    Seite 715

  • Y

    Seite 715

  • Z

    Seite 715

• © Copyright

  Seite 728

Die erfolgreiche Autorin Susanne Rupp bringt ein brandaktuelles Handbuch auf den Markt. Dieses Kompendium vermittelt fortgeschrittenen Anwendern das praxisorientierte Arbeiten in Dreamweaver: CSS, Datenbanken, PHP, Ajax bzw. Spry, Bildbearbeitung und Layout, Formulare, Templates, JavaScript, XSLT, Frames und Extensions sind einige der Themen, die in bewährter Weise aufgenommen und praxisnah erläutert werden. Auf DVD wird ein komplettes Starterkit mitgeliefert.

Dr. Susanne Rupp ist langjährige Web-Entwicklerin und Geschäftsführerin der Web-Agentur Intermedien. Zu ihren Tätigkeitsbereichen gehören Marketing, Konzeption, Webdesign und Programmierung. Die Autorin zahlreicher erfolgreicher Bücher schreibt auch für diverse Fachzeitschriften und gibt ihr Wissen ebenfalls in Vorträgen und Seminaren weiter.