54
Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard Beer, Susann Gailus

Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Adobe Dreamweaver CS3Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL

Richard Beer, Susann Gailus

1033-Titelei.indd 11033-Titelei.indd 1 06.12.2007 12:10:1906.12.2007 12:10:19

Page 2: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Liebe Leserin, lieber Leser,

seit der letzten Aufl age dieses Buchs hat sich einiges in der Welt des Web-

designs getan: Waren damals meist Tabellen erste Wahl für das Layout, kommt

heute immer öfter CSS zum Einsatz, Standardkonformität und Barrierefreiheit

haben an Bedeutung gewonnen und sind nicht mehr nur reine Zukunftsmusik,

alte Technologien wurden neu entdeckt und haben unter dem Stichwort Ajax

ganz neue Gestaltungsmöglichkeiten eröffnet, und nicht zuletzt ist in vielen

Bereichen ein neues Web – das Web 2.0 – entstanden.

Auch Adobe hat die Zeichen der Zeit erkannt und Dreamweaver in der

aktuellen Version mit vielen neuen Features und Funktionen ausgestattet. So

wurden zum Beispiel fertige CSS-Layoutvorlagen, die neuen AP-Elemente und

das Spry-Framework für Ajax integriert. Dreamweaver ermöglicht es damit

sowohl Einsteigern als auch Fortgeschrittenen, professionelle und moderne

Websites zu entwickeln.

Ich freue mich deswegen, Ihnen die neue Aufl age unseres umfassenden

Handbuchs zu Dreamweaver CS3 präsentieren zu können. In drei ausführ-

lichen Teilen gehen Richard Beer und Susann Gailus auf alle Aspekte bei der

Entwicklung statischer und dynamischer Websites mit Dreamweaver CS3 ein.

Teil I beschäftigt sich mit den Programmgrundlagen und stellt das Beispiel-

projekt des Buchs vor: Sie entwickeln einen Internetauftritt, auf dem Künstler

sich und ihre Werke vorstellen. In Teil II handelt es sich noch um eine rein

statische Seite, in Teil III wird sie dynamisch umgesetzt. Dabei bleibt es ganz

Ihnen überlassen, an welcher Stelle Sie im Buch einsteigen: Auf der Buch-

DVD fi nden Sie alle Zwischenschritte, und Sie können sich das Ergebnis schon

einmal vorweg ansehen. Dass die Website sowohl mit Tabellen als auch CSS

gelayoutet wird, versteht sich dabei natürlich von selbst!

Neben allen Beispieldateien, Zusatztools, der 30-Tage-Testversion von

Dreamweaver CS3 und dem lokalen Testserver, fi nden Sie auf der Buch-DVD

auch über 1 Stunde Video-Lektionen zu den Themen CSS und AP-Elemente,

der Einbettung von Videos, der Photoshop-Integration, Barrierefreiheit und

der Suchmaschinenoptimierung. Achten Sie einfach auf die Hinweise in der

Marginalspalte, dann profi tieren Sie ganz leicht von der Buch-DVD.

Nun bleibt mir noch, Ihnen viel Spaß beim Lesen, Lernen und Anwenden

zu wünschen.

Ihre Katharina Geißler

Lektorat Galileo Design

[email protected]

Galileo Press � Rheinwerkallee 4 � 53227 Bonn

www.galileodesign.de

1033.indb 21033.indb 2 04.12.2007 15:47:4504.12.2007 15:47:45

Page 3: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Auf einen Blick 3

Auf einen Blick

GrundlageTEIL I n1 Einleitung ......................................................................... 252 Projektablauf für die Buchwebsite ..................................... 333 Programmgrundlagen ....................................................... 414 Dreamweaver erweitern .................................................... 71

Statische WebsiteTEIL II s5 Eine Site erstellen ............................................................. 796 Grundlegende Dokumenteinstellungen .............................. 1037 Tabellen in Dreamweaver .................................................. 1158 Bilder im Web .................................................................. 1339 Framesets ......................................................................... 14710 Verhalten ......................................................................... 16111 Die Zeitleiste .................................................................... 17512 CSS in Dreamweaver ......................................................... 18113 Spry – Framework für Ajax ................................................ 23714 Spry-Widgets ................................................................... 24115 Hyperlinks ........................................................................ 25316 Vorlagen und Bibliotheken ................................................ 25917 Formulare ........................................................................ 27318 Quelltext de luxe .............................................................. 29919 Dreamweaver und Flash .................................................... 31320 Offi ce-Dateien einfügen ................................................... 323

Dynamische WebsiteTEIL III s21 Dynamische Websites – Einführung ................................... 32922 Einführung in PHP ............................................................ 34123 Lokalen Webserver installieren .......................................... 36124 Dynamische Sites in Dreamweaver einrichten .................... 39125 MySQL-Grundlagen .......................................................... 39926 Datenbanken mit Dreamweaver anbinden .......................... 42727 PHP und Dreamweaver ..................................................... 43728 Datenbanken abfragen ...................................................... 44729 Daten einfügen und dynamische Formulare ....................... 51530 Datensätze bearbeiten ...................................................... 52331 Benutzer authentifi zieren und Zugriffsrechte festlegen ....... 54332 Fortgeschrittene Techniken ............................................... 55733 Menüs für dynamische Verhalten ....................................... 59134 Dreamweaver und XML .................................................... 59935 Spry und XML .................................................................. 62536 Die DVD zum Buch ........................................................... 641

1033.indb 31033.indb 3 04.12.2007 15:47:4504.12.2007 15:47:45

Page 4: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

4 Inhalt

Inhalt

Vorwort .................................................................................. 21

TEIL I Grundlagen

1 Einleitung ..................................................................... 251.1 Für die Leser ................................................................. 25

1.1.1 An wen richtet sich dieses Buch? .................... 251.1.2 Welche Vorkenntnisse benötigen Sie? ............ 251.1.3 Warum wir in diesem Buch auf dem PC

arbeiten ......................................................... 261.2 Was ist Dreamweaver und was nicht? ............................ 27

1.2.1 Keine HTML-Kenntnisse erforderlich? ............ 271.2.2 Anforderungen an einen professionellen

HTML-Generator ........................................... 281.2.3 Warum Dreamweaver? .................................. 281.2.4 Grenzen von Dreamweaver ............................ 291.2.5 Systemanforderungen von Dreamweaver CS3

(Quelle: Adobe) ............................................. 301.3 Was ist neu in Dreamweaver CS3? ................................. 30

2 Projektablauf für die Buchwebsite ................................ 332.1 Briefing ......................................................................... 342.2 Arbeitsablauf ................................................................. 362.3 Das Layout .................................................................... 37

2.3.1 Entwurf in Photoshop .................................... 382.3.2 Dreamweaver und Fireworks ......................... 39

3 Programmgrundlagen ................................................... 413.1 Die Programmoberfläche ............................................... 41

3.1.1 Verschiedene Anzeigemöglichkeiten ............... 413.1.2 Orientierung auf der Arbeitsoberfläche .......... 433.1.3 Anpassen der Bedienfeldgruppen ................... 443.1.4 Platz zum Arbeiten schaffen ........................... 453.1.5 Einfügeleiste anpassen ................................... 463.1.6 Das Dateifenster ............................................ 473.1.7 Verschiedene Dokumentansichten ................. 47

1033.indb 41033.indb 4 04.12.2007 15:47:4504.12.2007 15:47:45

Page 5: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 5

3.1.8 Die Entwurfsansicht ....................................... 483.1.9 Code- und Entwurfsansicht ............................ 493.1.10 Die Codeansicht ............................................ 503.1.11 Ansicht im Testserverbetrieb .......................... 51

3.2 Wichtige Voreinstellungen ............................................ 513.2.1 Allgemeine Voreinstellungen .......................... 523.2.2 AP-Elemente (bis Version 8.0: Layer) .............. 533.2.3 Codeformat einstellen ................................... 543.2.4 Codehinweise ................................................ 553.2.5 Codeumschreibung ........................................ 563.2.6 CSS-Stile ........................................................ 573.2.7 Dateien vergleichen ....................................... 583.2.8 Dateitypen/Editoren ...................................... 593.2.9 Eingabehilfen ................................................. 593.2.10 Kopieren und Einfügen (Office) ...................... 603.2.11 Layoutmodus ................................................. 603.2.12 Neues Dokument .......................................... 613.2.13 Site ................................................................ 623.2.14 Statusleiste .................................................... 633.2.15 Unsichtbare Elemente .................................... 633.2.16 Validator ........................................................ 643.2.17 Vorschau im Browser ..................................... 64

3.3 Layouthilfen in Dreamweaver ........................................ 673.3.1 Raster einstellen und anzeigen ....................... 673.3.2 Hilfslinien ...................................................... 673.3.3 Die Statusleiste .............................................. 693.3.4 Tracing-Bilder ................................................ 70

4 Dreamweaver erweitern ................................................ 714.1 Befehle speichern .......................................................... 714.2 Extensions einsetzen ..................................................... 72

4.2.1 Bezugsquellen ............................................... 724.2.2 Extension Manager ........................................ 744.2.3 Adobe Dreamweaver Developer Toolbox ....... 75

TEIL II Statische Websites

5 Eine Site erstellen ......................................................... 795.1 Die Struktur .................................................................. 79

5.1.1 Pfadangaben .................................................. 795.1.2 Ordnerstruktur .............................................. 80

5.2 Die Site-Verwaltung ...................................................... 825.2.1 Regeln beim Arbeiten mit einer Site ............... 83

1033.indb 51033.indb 5 04.12.2007 15:47:4504.12.2007 15:47:45

Page 6: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

6 Inhalt

5.2.2 Site-Definition ............................................... 845.2.3 FTP-Zugang einrichten ................................... 865.2.4 Eine Alternative zu FTP .................................. 885.2.5 Testserver ...................................................... 895.2.6 Cloaking ........................................................ 895.2.7 Design Notes ................................................. 895.2.8 Sitemap-Layout ............................................. 905.2.9 Dateiansichtsspalten ...................................... 915.2.10 Weitere Einstellungen .................................... 915.2.11 Import und Export von Sites .......................... 915.2.12 Fehlerquellen in der Site-Verwaltung .............. 925.2.13 Die Site-Ansicht ............................................. 925.2.14 Synchronisieren und Vergleichen von Dateien 935.2.15 Mit der Dateiverwaltung arbeiten .................. 94

5.3 Gruppenarbeit .............................................................. 955.3.1 Remote-Zugriff einstellen ............................... 965.3.2 Mit der Gruppenfunktion arbeiten ................. 98

5.4 Die Buchwebsite anlegen .............................................. 99

6 Grundlegende Dokumenteinstellungen ......................... 1036.1 Seiteneigenschaften festlegen ........................................ 1036.2 Seiteneigenschaften festlegen ohne CSS ........................ 1046.3 Seiteneigenschaften festlegen mit CSS ........................... 106

6.3.1 Verknüpfungen & Überschriften ..................... 1076.3.2 Titel/Kodierung .............................................. 1086.3.3 Tracing-Bild – warum und wann? .................... 1096.3.4 Metaangaben ................................................ 1096.3.5 Layouttricks mit Hintergrundbildern ............... 110

6.4 Dokumenteinstellungen für die Buchwebsite ................. 111

7 Tabellen in Dreamweaver .............................................. 1157.1 Einfügen von Tabellen ................................................... 116

7.1.1 Hilfsmittel für Tabellen ................................... 1177.1.2 Arbeiten im erweiterten Tabellenmodus ......... 117

7.2 Tabelleneigenschaften einstellen .................................... 1187.2.1 Zelleneigenschaften einstellen ........................ 1197.2.2 Fehler vermeiden ........................................... 120

7.3 Verschachtelte Tabellen ................................................. 1227.3.1 Spezialfall Netscape 4.7 ................................. 1227.3.2 Der Trick mit den transparenten GIFs ............. 1237.3.3 Tabellenumrandungen erstellen ...................... 124

Buchwebsite

Buchwebsite

1033.indb 61033.indb 6 04.12.2007 15:47:4504.12.2007 15:47:45

Page 7: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 7

7.4 Zentrieren mit Tabellen ................................................. 1257.5 Aufbau der Tabellen für die Buchwebsite ....................... 126

8 Bilder im Web ............................................................... 1338.1 Bildformate bestimmen ................................................. 133

8.1.1 JPEG .............................................................. 1338.1.2 GIF ................................................................ 1348.1.3 PNG .............................................................. 1358.1.4 Flash .............................................................. 135

8.2 Bilder einfügen und bearbeiten ..................................... 1368.2.1 Das Bedienfeld »Elemente« ............................ 1368.2.2 Bilder in Dreamweaver bearbeiten ................. 1398.2.3 Bild von Text umfließen lassen ....................... 1408.2.4 Image-Maps und Hotspots ............................. 1418.2.5 Platzhalterbilder ............................................ 143

8.3 Interaktion mit Photoshop CS3 ..................................... 1438.4 Einfügen von Bildern in die Buchwebsite ....................... 145

9 Framesets ..................................................................... 1479.1 Funktionsweise von Frames ........................................... 147

9.1.1 Gestalten mit Framesets ................................. 1489.1.2 Suchmaschinen und Framesets ....................... 149

9.2 Ein Frameset anlegen .................................................... 1509.3 Mit Framesets arbeiten .................................................. 153

9.3.1 Framesets nachbearbeiten ............................. 1539.3.2 Verlinkungen in Framesets ............................. 1539.3.3 Mehrere Frames gleichzeitig neu laden ........... 1539.3.4 iframes .......................................................... 155

9.4 Anlegen des Framesets für die Buchwebsite ................... 156

10 Verhalten ...................................................................... 16110.1 JavaScript in Dreamweaver ............................................ 16110.2 Verhalten ...................................................................... 163

10.2.1 Rollover erstellen ........................................... 16410.2.2 Browserweichen ............................................ 16610.2.3 Plug-ins überprüfen ....................................... 16810.2.4 Ein Popup-Menü ........................................... 16810.2.5 Mehrere Frames gleichzeitig austauschen ....... 17110.2.6 JavaScript-Effekte .......................................... 172

10.3 Erstellen der Rollover-Effekte auf der Buchwebsite ........ 172

Buchwebsite

Buchwebsite

Buchwebsite

Buchwebsite

1033.indb 71033.indb 7 04.12.2007 15:47:4504.12.2007 15:47:45

Page 8: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

8 Inhalt

11 Die Zeitleiste ................................................................ 17511.1 Die Elemente der Zeitleiste ........................................... 17611.2 Nachträglich Schlüsselbilder einfügen ............................ 17811.3 Mit Aktionen in der Zeitleiste arbeiten .......................... 179

12 CSS in Dreamweaver ..................................................... 18112.1 Ein wenig Theorie zum Einstieg ..................................... 18112.2 CSS-Voreinstellungen .................................................... 18212.3 CSS-Werkzeuge auf einen Blick ..................................... 182

12.3.1 Medientypen ............................................... 18212.3.2 Layout-Hilfsmittel ........................................ 183

12.4 Vorgehensweise und Regeln .......................................... 18512.5 Arten von CSS-Stilen ..................................................... 186

12.5.1 Interne CSS-Stile .......................................... 18612.5.2 Externe CSS-Stile ......................................... 18712.5.3 CSS-Syntax .................................................. 188

12.6 Selektor-Typen .............................................................. 18812.6.1 Klassen-Selektoren ...................................... 18912.6.2 Tag-Selektoren ............................................. 18912.6.3 Kontext-Selektoren ...................................... 19012.6.4 ID-Selektoren .............................................. 190

12.7 Erstellen und Bearbeiten von CSS-Stilen ........................ 19112.7.1 Das CSS-Bedienfeld ..................................... 19112.7.2 Neue CSS-Regeln erstellen ........................... 19312.7.3 CSS-Regeln bearbeiten ................................ 19412.7.4 CSS-Regeln für Texte .................................... 19512.7.5 Zuweisen von CSS im Eigenschaften-

inspektor ..................................................... 19512.7.6 Verknüpfen externer CSS-Dateien ................ 19612.7.7 CSS-Regeln für unterschiedliche

Ausgabemedien ........................................... 19712.8 Besondere CSS-Anwendungen ...................................... 197

12.8.1 Browserleisten mit CSS-Stilen verändern ...... 19712.8.2 Verschiedene CSS-Stile anbieten .................. 198

12.9 CSS-Layout ohne Tabellen ............................................. 19912.9.1 CSS für barrierefreies Webdesign ................. 20012.9.2 Das CSS-Boxmodell ..................................... 20112.9.3 CSS-Stile und DIV-Tags ................................. 202

12.10 AP-Elemente ................................................................. 20712.10.1 AP-Elemente erstellen und einstellen ........... 20812.10.2 Erweiterte Einstellungen für AP-Elemente .... 213

1033.indb 81033.indb 8 04.12.2007 15:47:4504.12.2007 15:47:45

Page 9: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 9

12.10.3 AP-Elemente in Tabellen umwandeln ........... 21812.10.4 AP-Elemente und JavaScript ......................... 219

12.11 CSS-Regeln für die Buchwebsite erstellen ...................... 21912.12 Aufbau der Buchwebsite mit CSS- und AP-Elementen .... 225

13 Spry – Framework für Ajax ............................................ 23713.1 Was ist Spry? ................................................................. 237

13.1.1 Vorteile ....................................................... 23813.1.2 Einschränkungen ......................................... 238

13.2 Spry in diesem Buch ...................................................... 23913.2.1 Fehlermeldung bei lokaler Anzeige ................. 239

14 Spry-Widgets ............................................................... 24114.1 Spry-Menüleiste ............................................................ 242

14.1.1 Spry-Menüleiste anlegen ............................. 24314.1.2 Spry-Menüleiste anpassen ........................... 243

14.2 Spry-Palette mit Registerkarten ..................................... 24514.2.1 Spry-Registerkarten einstellen ...................... 24614.2.2 Spry-Registerkarten füllen ............................ 246

14.3 Spry-Akkordeon ............................................................ 24714.3.1 Spry-Akkordeon einstellen ........................... 247

14.4 Spry Reduzierbare Palette .............................................. 24814.4.1 Spry reduzierbare Palette einstellen .............. 249

14.5 Spry-Widgets mit CSS gestalten ..................................... 249

15 Hyperlinks .................................................................... 25315.1 Verknüpfungen einbauen .............................................. 25315.2 Ziel angeben ................................................................. 25415.3 Hyperlinks prüfen ......................................................... 25415.4 Anker hinzufügen .......................................................... 25515.5 Hyperlink-Methoden .................................................... 25615.6 Hyperlinks auf E-Mail-Adressen ..................................... 25715.7 Platzhalter für Hyperlinks .............................................. 257

16 Vorlagen und Bibliotheken ............................................ 25916.1 Mit Vorlagen arbeiten ................................................... 259

16.1.1 Vorlagen erstellen ........................................ 25916.1.2 Bearbeitbare Bereiche festlegen ................... 26116.1.3 Dokument aus Vorlage erstellen ................... 26216.1.4 Vorlagen entfernen ...................................... 26416.1.5 Vorlagen aktualisieren .................................. 264

Buchwebsite

1033.indb 91033.indb 9 04.12.2007 15:47:4504.12.2007 15:47:45

Page 10: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

10 Inhalt

16.2 Tricks mit Vorlagen ........................................................ 26416.2.1 Verschachtelte Vorlagen ................................. 26416.2.2 Wiederholte Bereiche .................................... 26416.2.3 Wiederholte Tabelle ....................................... 265

16.3 Mit Bibliotheken arbeiten .............................................. 26516.4 Anlegen der Sitestruktur und der Navigation für die

Buchwebsite ................................................................. 267

17 Formulare ..................................................................... 27317.1 Übertragungsmethoden für Formulardaten .................... 273

17.1.1 GET ............................................................... 27317.1.2 POST ............................................................. 27417.1.3 Formulare per E-Mail ..................................... 274

17.2 Ein Formular erstellen ................................................... 27417.3 Formularelemente ......................................................... 276

17.3.1 Variablenvergabe ........................................... 27617.3.2 Textfelder ...................................................... 27617.3.3 Versteckte Textfelder ...................................... 27717.3.4 Textbereiche .................................................. 27917.3.5 Kontrollkästchen ........................................... 27917.3.6 Optionsschalter ............................................ 28017.3.7 Auswahllisten und Sprungmenüs .................... 28017.3.8 Dateifelder .................................................... 28117.3.9 Schaltflächen ................................................. 281

17.4 Formulare überprüfen ................................................... 28217.5 Spry für Formulare ........................................................ 283

17.5.1 Spry-Überprüfung Textfeld ............................. 28417.5.2 Spry-Überprüfung Textbereich ....................... 29017.5.3 Spry-Überprüfung Auswahl ............................ 292

17.6 Formulare gestalten ...................................................... 29317.6.1 Formulare mit Tabellen gestalten .................... 29317.6.2 Formularelemente mit CSS gestalten .............. 293

17.7 Ein Kontaktformular für die Buchwebsite ....................... 295

18 Quelltext de luxe .......................................................... 29918.1 Arbeiten im Quelltext ................................................... 299

18.1.1 Quellcode formatieren ................................... 29918.1.2 Codeansichtsoptionen ................................... 30018.1.3 Code übersichtlich halten .............................. 30118.1.4 Code halbautomatisch erstellen ..................... 30218.1.5 Kommentare ................................................. 303

Buchwebsite

Buchwebsite

1033.indb 101033.indb 10 04.12.2007 15:47:4504.12.2007 15:47:45

Page 11: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 11

18.2 Codefragmente (Snippets) einsetzen ............................. 30318.2.1 Codefragmente mit Kollegen teilen ................ 30518.2.2 Tag-Inspektor ................................................. 30618.2.3 Eigene Tag-Vorgaben oder -Bibliotheken ........ 306

18.3 Quelltext in der Entwurfsansicht bearbeiten ................. 30818.4 Quelltext automatisch optimieren ................................. 30918.5 Suchen und ersetzen ..................................................... 310

19 Dreamweaver und Flash ................................................ 31319.1 Flash einsetzen oder nicht? ........................................... 31319.2 Flash einfügen ............................................................... 314

19.2.1 Filme einbinden ............................................ 31419.2.2 Eigenschaften einstellen ................................. 316

19.3 Möglichkeiten im Zusammenspiel mit Flash ................... 31719.3.1 Sound mit Flash ............................................. 31719.3.2 Flash mit Aktionen steuern ............................ 31819.3.3 Flash-Text einfügen ........................................ 31819.3.4 Flash-Schaltflächen einbauen ......................... 31919.3.5 Hyperlinks in Flash-Filmen ändern ................. 31919.3.6 Flash in Dreamweaver öffnen ......................... 320

20 Offi ce-Dateien einfügen ................................................ 32320.1 Word-Texte einfügen ..................................................... 32320.2 Excel-Tabellen einfügen ................................................. 32420.3 CSV-Daten importieren ................................................. 32420.4 Weitere Einfügemöglichkeiten ....................................... 325

TEIL III Dynamische Websites

21 Dynamische Websites – Einführung .............................. 32921.1 Vorteile dynamischer Sites ............................................. 329

21.1.1 Statische versus dynamische Sites .................. 33021.1.2 Dynamische Sites und Suchmaschinen ........... 33021.1.3 Dynamische Sites und Sessions ...................... 330

21.2 Typen dynamischer Websites ......................................... 33121.2.1 Web-Content-Management-Systeme

(WCMS) ........................................................ 33121.2.2 Content-Management-Systeme (CMS) ........... 33221.2.3 Redaktionssysteme ........................................ 33221.2.4 Shopsysteme ................................................. 33221.2.5 Foren ............................................................ 33221.2.6 Portale ........................................................... 33321.2.7 Personalisierte Websites ................................. 33321.2.8 Weblogs ........................................................ 334

1033.indb 111033.indb 11 04.12.2007 15:47:4604.12.2007 15:47:46

Page 12: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

12 Inhalt

21.3 Client- und serverseitiges Scripting ................................ 33421.4 Konzeption dynamischer Sites ....................................... 337

21.4.1 Besonderheiten für das Layout ....................... 33721.4.2 Trennung von Layout und Inhalt ..................... 33821.4.3 Konzeption der Administrationsebene ............ 33821.4.4 Planung, Planung, Planung ............................. 339

22 Einführung in PHP ........................................................ 34122.1 Was ist PHP? ................................................................. 341

22.1.1 »Hallo Welt« in PHP ...................................... 34222.1.2 Vorteile von PHP ........................................... 343

22.2 PHP und HTML ............................................................. 34422.2.1 PHP in HTML einbinden ................................ 34422.2.2 Schreibweise von Zahlen und Zeichen ............ 34522.2.3 HTML in PHP einbinden ................................ 346

22.3 Variablen in PHP ........................................................... 34622.4 Vergleichsoperatoren .................................................... 34922.5 Boolesche Operatoren .................................................. 34922.6 Schleifen programmieren .............................................. 350

22.6.1 for-Schleifen .................................................. 35122.6.2 while-Schleifen .............................................. 35222.6.3 do-while-Schleifen ......................................... 35222.6.4 foreach-Schleifen ........................................... 353

22.7 Bedingungen mit PHP ................................................... 35322.7.1 if-Anweisung ................................................. 35422.7.2 if-else-Anweisung ......................................... 35422.7.3 switch-Anweisung ........................................ 355

22.8 Dateien einbinden ........................................................ 35522.8.1 Mit MySQL verbinden ................................... 35722.8.2 MySQL-Datenbanken abfragen ...................... 357

22.9 Mit Sessions arbeiten .................................................... 35822.10 Fazit .............................................................................. 359

23 Lokalen Webserver installieren ..................................... 36123.1 Webserver-Grundlagen ................................................. 36123.2 Vorbereitung: Firewall einstellen oder ausschalten ......... 36323.3 WAMP installieren ........................................................ 364

23.3.1 XAMPP in verschiedenen Versionen ............... 36523.3.2 XAMPP testen und konfigurieren ................... 36623.3.3 Eigene Serverroot angeben ............................ 36823.3.4 Anzeige der PHP-Einstellungen ...................... 37123.3.5 MySQL .......................................................... 371

1033.indb 121033.indb 12 04.12.2007 15:47:4604.12.2007 15:47:46

Page 13: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 13

23.4 Internet Information Server als Alternative installieren ... 37323.4.1 IIS verwalten ................................................. 37623.4.2 PHP auf IIS installieren ................................... 37723.4.3 MySQL unter IIS installieren ........................... 38123.4.4 phpMyAdmin unter IIS installieren ................. 38123.4.5 Installation des IIS 7 und PHP unter

Windows Vista Business ................................. 382

24 Dynamische Sites in Dreamweaver einrichten ................ 39124.1 Testserver-Einstellungen ................................................ 39124.2 Site-Einstellungen testen ............................................... 39324.3 Buchwebsite für dynamische Inhalte einrichten ............. 395

25 MySQL-Grundlagen ...................................................... 39925.1 Einführung in Datenbanken ........................................... 399

25.1.1 Relationale Datenbanken ............................... 40025.1.2 Relationstypen ............................................... 40225.1.3 Primärschlüssel .............................................. 40225.1.4 Redundanzfreiheit ......................................... 40225.1.5 Prozessdatenfreiheit ....................................... 40225.1.6 Fremdschlüssel .............................................. 40325.1.7 Referenzielle Integrität ................................... 40325.1.8 Endlosschleifen .............................................. 40325.1.9 MySQL-Datentypen ....................................... 404

25.2 Erstellen einer MySQL-Datenbank ................................. 40625.2.1 MySQL-Datenbank mit phpMyAdmin

anlegen ......................................................... 40625.2.2 Einfügen von Datensätzen ............................. 40925.2.3 Import von Datendateien ............................... 41025.2.4 Export von Daten zum Provider ..................... 411

25.3 MySQL und Microsoft Access ........................................ 41225.4 Benutzerverwaltung mit MySQL .................................... 41625.5 Einführung in SQL ......................................................... 420

25.5.1 Daten abfragen mit SELECT ............................ 42025.5.2 Datensatz abfragen mit WHERE ..................... 42125.5.3 Daten sortieren mit ORDER BY ...................... 42125.5.4 Datensatz aktualisieren mit UPDATE .............. 42225.5.5 Datensatz löschen mit DELETE ....................... 42225.5.6 Datensatz einfügen mit INSERT ...................... 422

25.6 Datenstruktur der Buchwebsite ..................................... 42325.6.1 Datenstruktur der Website ............................. 42325.6.2 Primärschlüssel festlegen ............................... 423

Buchwebsite

Buchwebsite

1033.indb 131033.indb 13 04.12.2007 15:47:4604.12.2007 15:47:46

Page 14: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

14 Inhalt

26 Datenbanken mit Dreamweaver anbinden ..................... 42726.1 Datenbanken konnektieren ........................................... 42726.2 Konnektierung von MySQL mit PHP .............................. 428

26.2.1 Bedienfeldgruppe »Anwendung« ................... 42826.2.2 Das Bedienfeld »Datenbanken« ..................... 431

26.3 Konnektierung mit ASP VBScript ................................... 43126.4 Datenbank an die Buchwebsite anbinden ...................... 435

27 PHP und Dreamweaver ................................................. 43727.1 Variablen in Dreamweaver ............................................ 438

27.1.1 Variablen senden ........................................... 43827.1.2 Mit Variablen arbeiten ................................... 439

27.2 PHP einfügen in Dreamweaver ...................................... 44127.2.1 PHP-Befehle einsetzen ................................... 44127.2.2 PHP-Referenz ................................................ 44227.2.3 PHP von Hand coden ..................................... 442

27.3 Fehlersuche mit PHP ..................................................... 44327.3.1 Fehlermeldungen anzeigen ............................ 44327.3.2 Externe Variablen anzeigen ............................ 44327.3.3 Häufige PHP-Fehlerquellen ............................ 444

28 Datenbanken abfragen .................................................. 44728.1 Das Bedienfeld »Bindungen« ......................................... 44728.2 Datensätze in Dreamweaver abfragen ........................... 449

28.2.1 Einfache Abfragen erstellen ............................ 44928.2.2 Anzeigen von Datensätzen ............................. 45328.2.3 Formatieren in der Live Data-Ansicht ............. 45528.2.4 Erweiterte Abfragen erstellen ......................... 45528.2.5 Mehrere Datensätze abfragen ........................ 45728.2.6 Bestimmte Datensätze abfragen ..................... 45928.2.7 Datensatz-ID mit URL übergeben ................... 46228.2.8 Einstellbare Variablentypen ............................ 46528.2.9 Testen der Abfragen ....................................... 466

28.3 Dynamische Tabellen .................................................... 46728.3.1 Erstellen einer dynamischen Tabelle ............... 46728.3.2 Dynamische Tabelle mit Serververhalten ........ 468

28.4 Wiederholte Bereiche mit AP-Elementen ....................... 47028.5 Bilder dynamisch einfügen ............................................ 474

28.5.1 Bilder aus Datenbanken verlinken ................ 47428.5.2 Vorbereitungen für dynamisch eingefügte

Bilder .......................................................... 478

Buchwebsite

1033.indb 141033.indb 14 04.12.2007 15:47:4604.12.2007 15:47:46

Page 15: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 15

28.6 In Datensätzen navigieren ............................................. 47828.6.1 Datensatznavigation erstellen ....................... 47828.6.2 Bereiche in Abhängigkeit von Daten

anzeigen ...................................................... 48028.6.3 Datensatzanzahl anzeigen ............................ 48328.6.4 Individuelle Datensatznavigationen

erstellen ...................................................... 48328.7 HTML-Attribute dynamisch generieren .......................... 484

28.7.1 Eigenschaften aus Datenquellen einfügen .... 48428.7.2 Daten in der URL mit Hyperlinks

übergeben ................................................... 49028.8 Automatische Master- und Detailseiten ......................... 49228.9 Ausgabe formatieren ..................................................... 49428.10 Aufbau der dynamischen Inhalte der Buchwebsite ......... 495

28.10.1 Das Funktionsschema .................................. 49628.10.2 Die Masterseite ........................................... 49728.10.3 Die Detailseiten ........................................... 49828.10.4 Anlegen der Abfragen .................................. 49928.10.5 URL-Parameter übergeben ........................... 50128.10.6 Datensatznavigation erstellen ....................... 50228.10.7 Aufbau der Detailseite ................................. 50628.10.8 Aufbau des CSS-Layouts .............................. 511

29 Daten einfügen und dynamische Formulare ................... 51529.1 Neue Datensätze einfügen ............................................ 516

29.1.1 Der Assistent für Einfügeformulare ............... 51629.1.2 Eigene Einfügeformulare verwenden ............ 518

29.2 Bestehende Datensätze manipulieren ............................ 51829.2.1 Ein Änderungsformular erstellen .................. 51829.2.2 Andere Möglichkeiten ................................. 52029.2.3 Dynamische Auswahlliste erstellen ............... 52029.2.4 Dynamische Kontrollkästchen

(Checkboxen) .............................................. 522

30 Datensätze bearbeiten .................................................. 52330.1 Datensätze verändern ................................................... 523

30.1.1 Ein Änderungsformular erstellen .................. 52330.1.2 Datensatznavigation für Datensatz-

änderungen ................................................. 52530.1.3 Datensatznavigation mit zwei Dokumenten und

Auswahlseiten ............................................. 52630.2 Datensätze löschen ....................................................... 52930.3 Daten aus mehreren Tabellen verbinden ........................ 530

Buchwebsite

1033.indb 151033.indb 15 04.12.2007 15:47:4604.12.2007 15:47:46

Page 16: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

16 Inhalt

30.4 Administrationsebene für die Buchwebsite anlegen ...... 53330.4.1 Frameset anlegen ........................................... 53430.4.2 Auswahlseiten ............................................... 53430.4.3 CSS für Administrationsebene anlegen ........... 535

31 Benutzer authentifi zieren und Zugriffsrechte festlegen .. 54331.1 Benutzer verwalten ....................................................... 543

31.1.1 Schema einer Benutzerauthentifizierung ......... 54331.1.2 Tabelle für die Benutzerverwaltung ................ 54431.1.3 Benutzer anmelden ........................................ 545

31.2 Zugriffsrechte beschränken ............................................ 54731.3 Neue Nutzer anlegen .................................................... 548

31.3.1 Neuen Nutzer mit Auswahl der Zugriffsebene anlegen ......................................................... 550

31.4 Zugriffsrechte für die Website zum Buch ....................... 553

32 Fortgeschrittene Techniken ........................................... 55732.1 SQL-Abfragen ............................................................... 557

32.1.1 Eigene SQL-Abfragen einbinden ..................... 55732.1.2 Abfragen verschachteln .................................. 56232.1.3 Eine Volltextsuche ......................................... 569

32.2 Arbeiten mit Sessions .................................................... 57132.3 Serververhalten ............................................................. 574

32.3.1 Eigene Serververhalten schreiben ................... 57432.3.2 Positionierung im Code .................................. 58032.3.3 Bedingungen als Serververhalten anlegen ....... 58232.3.4 Serververhalten anderen zur Verfügung

stellen ........................................................... 58532.4 MySQL und Flash .......................................................... 586

32.4.1 Daten aus MySQL an Flash senden ................. 586

33 Menüs für dynamische Verhalten .................................. 59133.1 Dynamische Verhalten zuweisen ................................... 591

33.1.1 Tabellendaten importieren ............................. 59133.1.2 Spry-XML-Datensatz ...................................... 59133.1.3 Spry-Bereich .................................................. 59133.1.4 Spry-Wiederholung ........................................ 59133.1.5 Spry-Wiederholungsliste ................................ 59233.1.6 Spry-Tabelle ................................................... 59233.1.7 Datensatzgruppen ......................................... 59233.1.8 Dynamische Daten ........................................ 59233.1.9 Wiederholter Bereich ..................................... 593

Buchwebsite

Buchwebsite

1033.indb 161033.indb 16 04.12.2007 15:47:4604.12.2007 15:47:46

Page 17: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Inhalt 17

33.1.10 Bereich anzeigen .......................................... 59333.1.11 Seitenerstellung für Datensatzgruppe ........... 59433.1.12 Datensatzgruppen-Navigationsstatus ........... 59533.1.13 Master-Detaildatensatz ................................ 59533.1.14 Datensatz einfügen ...................................... 59633.1.15 Datensatz aktualisieren ................................ 59633.1.16 Datensatz löschen ........................................ 59733.1.17 Benutzerauthentifizierung ............................ 59733.1.18 XSL-Transformation ...................................... 598

34 Dreamweaver und XML ................................................. 59934.1 Einführung in XML ........................................................ 599

34.1.1 Struktur von XML-Dokumenten ................... 60034.2 XML und CSS ................................................................ 60234.3 XML-Attribute ............................................................... 60434.4 DTDs ............................................................................ 606

34.4.1 DTDs mit Dreamweaver entwickeln ............. 60834.4.2 Externe DTDs .............................................. 60934.4.3 Einbinden von DTDs in Dreamweaver .......... 611

34.5 XML, XSLT und CSS ....................................................... 61334.5.1 XSLT-Einführung .......................................... 61334.5.2 RSS-Feed einbinden ..................................... 61434.5.3 XSLT-Fragmente und ganze XSLT-Seiten ........ 61534.5.4 Clientseitige XSLT-Transformation ................. 61634.5.5 Serverseitige XSLT-Transformation mit PHP ... 622

35 Spry und XML ............................................................... 62535.1 Was ist Ajax? ................................................................. 62535.2 XML-Daten anbinden .................................................... 625

35.2.1 Wie kommt man zu XML-Dateien? .............. 62935.3 Spry-Bereiche ................................................................ 629

35.3.1 Daten automatisch aktualisieren .................. 63135.3.2 Spry-Wiederholungen .................................. 63235.3.3 Spry-Wiederholungsliste .............................. 63335.3.4 Spry-Tabelle ................................................. 63435.3.5 Master- und Detailbereiche ......................... 637

35.4 Kritiken an Spry ............................................................ 639

36 Die DVD zum Buch ....................................................... 641

Index ............................................................................ 645

1033.indb 171033.indb 17 04.12.2007 15:47:4604.12.2007 15:47:46

Page 18: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

18 Video-Lektionen

In diesem Verzeichnis fi nden Sie ein besonderes Highlight: Als Ergän-zung zum Buch möchten wir Ihnen ausgewählte Lehrfi lme aus dem Video-Training »Adobe Dreamweaver CS3 – Das umfassende Trai-ning« von Tilo Rust (ISBN 978-3-8362-1080-5) zeigen. Hier können Sie Dreamweaver einmal live in Aktion erleben und einem erfahrenen Trainer bei der Arbeit über die Schulter schauen. Sie fi nden folgende Filme:

Kapitel 1: Medien einbinden1.1 Photoshop-Dateien & Imagemaps (10:06 Min.)1.2 Videos einbetten (10:32 Min.)

Kapitel 2: CSS & AP-Elemente2.1 Ebenen erstellen (07:36 Min.)2.2 Positionierung von Div-Elementen (04:46 Min)2.3 Tabellen in Divs konvertieren (04:38 Min.)

Kapitel 3: Bessere Sites mit Dreamweaver CS33.1 Barrierefreiheit in Dreamweaver (14:39 Min.)3.2 Suchmaschinenoptimierung (12:33 Min.)

1033.indb 181033.indb 18 04.12.2007 15:47:4604.12.2007 15:47:46

Page 19: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Workshops 19

Workshops

Die Buchwebsite anlegen � 99Dokumenteinstellungen für die Buchwebsite � 111Aufbau der Tabellen für die Buchwebsite � 126Einfügen von Bildern in die Buchwebsite � 145Anlegen des Framesets für die Buchwebsite � 156Erstellen der Rollover-Effekte auf der Buchwebsite � 172CSS-Regeln für die Buchwebsite erstellen � 219Aufbau der Buchwebsite mit CSS- und AP-Elementen � 225Anlegen der Sitestruktur und der Navigation für die �

Buchwebsite 267Ein Kontaktformular für die Buchwebsite � 295Buchwebsite für dynamische Inhalte einrichten � 395Datenstruktur der Buchwebsite � 423Datenbank an die Buchwebsite anbinden � 435Aufbau der dynamischen Inhalte der Buchwebsite � 495Anlegen der Abfragen � 499URL-Parameter übergeben � 501Datensatznavigation erstellen � 502Aufbau der Detailseite � 506Aufbau des CSS-Layouts � 511Administrationsebene für die Buchwebsite anlegen � 533Zugriffsrechte für die Website zum Buch � 553

Weitere Schritt-für-Schritt-Anleitungen

Erstellen eines Popup-Menüs mit Dreamweaver �

(Beispiel) 169Eine einfache Animation erstellen � 177Eigenes Rootverzeichnis anlegen � 369IIS unter Windows XP oder 2000 installieren � 374PHP auf IIS installieren � 377IIS unter Windows Vista Business installieren � 382PHP unter Windows Vista Business installieren � 384MySQL-Tabellen an Access 2003 binden � 413

Buchwebsite

1033.indb 191033.indb 19 04.12.2007 15:47:4604.12.2007 15:47:46

Page 20: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

20 Workshops

Datenbank importieren � 424Datenbanken über ODBC mit ASP anbinden � 432Grafische Auswertung einer Datentabelle mit PHP � 486Datensätze über eine Administrationsoberfläche ändern � 526Aufbau der Administrationsebene � 537Ein Anmeldeformular für neue Benutzer erstellen � 548Website durch Zugriffsrechte schützen � 553SQL-Abfragen einbinden � 559Datenbankkonnektierung als Serververhalten speichern � 574Inhalte von Dreamweaver an Flash übergeben � 586Eine DTD importieren � 611

1033.indb 201033.indb 20 04.12.2007 15:47:4604.12.2007 15:47:46

Page 21: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

XML-Daten anbinden 625

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

Spry35 und XML

Sie wollen Daten nachladen, ohne eine Website erneut aufzurufen, oder Ihren Benutzern ohne Benutzeraktion immer aktuelle Daten präsentieren. Geht nicht? Geht doch! Dreamweaver und das Spry-Framework machen es möglich.

Was ist Ajax35.1 ?

Ajax ist eine Abkürzung für »Asynchronous JavaScript and XML«. Ajax ist die Bezeichnung für eine Technik zur asynchronen Datenübertragung zwischen einem Webserver und dem Client (Browser). Eine Basis von Ajax bildet das XMLHttpRequest-Objekt . Damit können Bestandteile einer XML-Datei in Bereiche einer HTML-Datei geladen werden, ohne das gesamte Dokument zu aktualisieren.

Dreamweaver bietet nun in Kombination mit dem Spry-Framework eine einfache Möglichkeit, diese Technik ohne tiefer gehende Program-mierkenntnisse zu nutzen.

Den theoretischen Hintergrund zu Ajax möchten wir an dieser Stelle nicht vertiefen. Sie fi nden bei Galileo Press und im Internet Bücher und Dokumente über Ajax.

XML-Daten anbinden35.2

In der gleichen Weise, wie Sie eine Datenbankabfrage anlegen, müssen Sie auch hier zunächst eine »Bindung« erstellen. Als Quelle kann eine beliebige XML-Ressource dienen. Den Aufbau der Beispiel-XML-Datei sehen Sie im folgenden Listing. Sie fi nden die Datei unter dem Namen »verkauf.xml« auf der DVD zum Buch.

<?xml version="1.0" encoding="UTF-8"?>

<angebote>

<artikel id="1">

� Listing 35.1Aufbau der XML-Datei »verkauf.xml«

1033.indb 6251033.indb 625 04.12.2007 15:52:0604.12.2007 15:52:06

Page 22: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

626 Spry und XML

<typ>Hose</typ>

<beschreibung>Eu liber Serio do demens Monitio dono

algor, incrementum indulgens.</beschreibung>

<preis>70 Euro</preis>

<farbe>blau</farbe>

</artikel>

<artikel id="2">

<typ>Hemd</typ>

<beschreibung>Ala quo os malus Effor conatus, quies

pes roto munio venefi cus admonitio.</beschreibung>

<preis>80 Euro</preis>

<farbe>rot</farbe>

</artikel>

<artikel id="3">

<typ>Jacke</typ>

<beschreibung>Se specialitas lumen. Os disperdo aut

Quercetum domus Hospitium.</beschreibung>

<preis>160 Euro</preis>

<farbe>grau</farbe>

</artikel>

</angebote>

Klicken Sie in der Einfügeleiste auf das Icon Spry-XML-Datensatz �. In der Dialogbox wird unter Datensatzname � eine Bezeichnung für die »Datensatz-Bindung« angegeben. Wir belassen die Bezeichnung bei der von Dreamweaver vergebenen »ds1«. Im nächsten Schritt wählen Sie die XML-Quelle � aus und klicken anschließend auf Schema abrufen �.

Abbildung 35.1 �

XML-Daten anbin-den

1033.indb 6261033.indb 626 04.12.2007 15:52:0604.12.2007 15:52:06

Page 23: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

XML-Daten anbinden 627

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

Im Bereich Zeilenelement � zeigt Dreamweaver Ihnen nun die Struktur des XML-Dokuments an. Das kleine Plussymbol � vor der Zeile »artikel« bedeutet, dass sich dieses gesamte Element in der XML-Datei mehrfach wiederholt. Um nun die wiederkehrenden Elemente ausgeben zu kön-nen, muss der XPath auf dieses Zeilenelement verweisen. XPath kann man von der Funktion her grob mit SQL für XML-Dateien beschreiben. Hier legen Sie fest, wie die Daten abgerufen werden sollen.

Da sich die wiederholten Elemente im Zeilenelement »artikel« befi n-den, muss »artikel« auch angewählt werden. Im XPath sehen Sie dann den »Pfad« zu diesem Zeilenelement eingetragen. Klicken Sie auf Vor-

schau... , um zu sehen, ob Sie die korrekten Daten angegeben haben. In Abbildung 35.4 sehen Sie eine Vorschau der Daten aus dem XML-Dokument.

� Abbildung 35.2XPath auswählen

� Abbildung 35.3Weitere Einstellun-gen für den Spry-XML-Datensatz

��

1033.indb 6271033.indb 627 04.12.2007 15:52:0704.12.2007 15:52:07

Page 24: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

628 Spry und XML

Im Bereich Datensatzspalten kann ein Datentyp � für die Ausgabe sowie eine Sortierung � angewählt werden. Die weiteren Einstellungen interessieren hier noch nicht. Wir kommen an anderer Stelle hierauf zurück.

Im Bedienfeld Bindungen sehen Sie, dass wie auch bei einer Daten-bankanbindung die einzelnen Datenfelder angezeigt werden. Es besteht hier zunächst jedoch nicht die Möglichkeit, einzelne Datensätze in das Dokument zu ziehen. Eine Live-Vorschau der Daten in Dreamweaver wie bei einer Datenbankanbindung steht uns hierbei leider nicht zur Verfügung.

Ein Blick in den Quelltext zeigt uns, welche Änderung Dreamweaver eingefügt hat:

var ds1 = new Spry.Data.XMLDataSet("verkauf.xml",

"angebote/artikel");

Hier wird der Name der XML-Datei und der XPath an das Spry-Frame-work übergeben. Um Daten im Dokument auszugeben, muss als nächs-ter Schritt ein Spry-Bereich angelegt werden.

Abbildung 35.4 �

Vorschau der XML-Daten

Abbildung 35.5 �

Die einzelnen Datenfelder werden im Bedienfeld Bin-

dungen angezeigt.

1033.indb 6281033.indb 628 04.12.2007 15:52:0804.12.2007 15:52:08

Page 25: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Spry-Bereiche 629

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

Wie kommt man zu XML-Dateien?35.2.1 Jetzt stellt sich sicher der eine oder andere die Frage: »Wie komme ich denn nun an XML-Daten?«. Die Antwort ist im Prinzip ganz einfach: durch jede Anwendung, die XML-Daten schreiben kann! Das kann ein CMS sein, ein Export aus Offi ce, den Sie von Hand erledigen, ein CRM-System oder auch eine Datenbank, die direkt XML ausgibt. Im einfachs-ten Fall sind es kleine, von Hand editierte XML-Dateien.

Spry-Bereiche35.3

Um Daten in Ihrem Dokument hinzufügen, wird zunächst innerhalb des HTML-Dokuments ein Spry-Bereich defi niert. Positionieren Sie den Cursor an der Stelle, wo Sie den Bereich einfügen möchten, und klicken Sie auf das Icon Spry-Bereich �. Für alle nachfolgenden Techniken müssen Sie immer erst einen Spry-Bereich festlegen. Der Spry-Bereich ist die Basis aller nachfolgenden Schritte.

Anschließend haben Sie die Wahl, mit welchem HTML-Tag (Container) der Bereich erstellt werden soll. Die Vorgabe bei Container � ist hier das <div>-Tag. In den meisten Fällen ist das auch die beste Wahl. Mit <div> und CSS stehen Ihnen die meisten Formatierungsoptionen zur Verfügung. Auf den Typ kommen wir weiter unten bei »Master- und Detailbereiche« näher zu sprechen. Hier soll ein einfacher Bereich angelegt werden.

� Abbildung 35.6Dialogbox beim Einfügen von Spry-Bereichen

1033.indb 6291033.indb 629 04.12.2007 15:52:0904.12.2007 15:52:09

Page 26: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

630 Spry und XML

Nach einer Bestätigung mit Ok kann der gewünschte Datensatz � aus dem Bedienfeld Bindungen in den Spry-Bereich � gezogen werden.

Das Datenfeld wird nun innerhalb des Spry-Bereichs hellblau hinter-legt angezeigt. Überprüfen Sie nun das Ergebnis in den verschiedenen Browsern.

Vorschau im Internet Explorer | Die Darstellung der Daten mit Spry und Ajax ist im Internet Explorer ohne einen Testserver nicht möglich. Wenn Sie die Fehlermeldung aus folgender Abbildung erhalten, sollten Sie einen Testserver installieren und die Site entsprechend einrichten.

Vorschau im Firefox | Die Vorschau im Firefox hingegen ist völlig in Ordnung und zeigt uns das gewünschte Datenfeld an.

Abbildung 35.7 �

Ziehen eines Daten-feldes in den Spry-Bereich

Abbildung 35.8 �

Anzeige eines Datenfeldes im Spry-Bereich

Abbildung 35.9 �

Fehlerhafte Vor-schau im Internet Explorer ohne Test-server

1033.indb 6301033.indb 630 04.12.2007 15:52:0904.12.2007 15:52:09

Page 27: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Spry-Bereiche 631

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

Daten automatisch aktualisieren35.3.1 Bislang erscheint die Anbindung der XML-Datei mit Spry keineswegs besonders. Das ändert sich, sobald wir die Daten automatisch aktua-lisieren lassen. Klicken Sie dazu doppelt auf den Namen der Bindung im Bedienfeld Bindungen �. Der Dialog für den Spry-XML-Datensatz öffnet sich erneut.

Aktivieren Sie XML-Datencache deaktivieren �. Ohne diese Option werden die ausgegebenen Daten lokal im Cache gespeichert, was vor allem bei Bilddaten einen Geschwindigkeitsvorteil bringen kann. Da wir nun die Daten automatisch aktualisieren, haben Sie kei-nen Vorteil davon. Im Gegenteil müssen Sie sogar damit rechnen, dass im Browser veraltete Daten angezeigt werden. Aktivieren Sie Daten automatisch aktualisieren �, und tragen Sie im Textfeld rechts dane-ben einen beliebigen Wert ein. In unserem Beispiel sind es 1000 Milli-sekunden.

� Abbildung 35.10Darstellung der Daten im Firefox

� Abbildung 35.11Daten automatisch aktualisieren

��

1033.indb 6311033.indb 631 04.12.2007 15:52:1004.12.2007 15:52:10

Page 28: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

632 Spry und XML

Wenn Sie nun eine Browservorschau starten und parallel die XML-Datei editieren, werden Sie feststellen, dass sich die angezeigten Daten im Browser nach einer kurzen Wartezeit automatisch aktualisieren, ohne dass Sie das Dokument neu laden müssen. Bei der von uns angelegten Bindung müssen Sie den ersten Datensatz verändern, damit sich das im Browser auswirkt.

Spry-Wiederholungen35.3.2 Wie Sie eben festgestellt haben, wird bei dieser Technik der Daten-ausgabe nur der erste Datensatz angezeigt. Wie auch bei Datenban-ken möchte man hier oft mehrere Datensätze ausgeben. Hierfür ist die Spry-Wiederholung gedacht.

Bevor Sie mit einer Spry-Wiederholung arbeiten, müssen Sie zunächst wie in Abschnitt 35.3 beschrieben einen Spry-Bereich anlegen.

In diesen Spry-Bereich wird die Spry-Wiederholung eingefügt. Der Spry-Bereich umschließt die Spry-Wiederholung. Im Quelltext sieht dies wie folgt aus:

<div spry:region="ds1">Inhalt für Spry-Bereich hier

einfügen</div>

<div spry:region="ds1">

<div spry:repeat="ds1">Inhalt für Spry-Bereich hier

einfügen</div>

</div>

Um die Spry-Wiederholung anzulegen, markieren Sie den Text im Spry-Bereich �. In der Abbildung ist dies leider nicht zu erkennen, da Dream-weaver die Markierung aufhebt, sobald die Dialogbox geöffnet ist. Klicken Sie anschließend auf das Icon zum Anlegen einer Spry-Wieder-

holung � und stellen Sie im anschließenden Dialog den gewünschten Container � und bei Typ � Wiederholen ein. Die weiteren Optionen behandeln wir in einem späteren Schritt.

Manchmal kommt es zu Schwierigkeiten, die Spry-Wiederholung korrekt im Spry-Bereich zu platzieren. Wechseln Sie dann in den Quell-text und fügen Sie die Spry-Wiederholung direkt im Quelltext ein.

Nach diesem Schritt ziehen Sie wieder ein Datenfeld aus dem Be-dienfeld Bindungen an den Platz für den Inhalt. Starten Sie anschlie-ßend eine Browservorschau. Wie Sie sehen, werden nun alle Daten-felder ausgegeben.

Listing 35.2 �

Spry-Bereich

Listing 35.3 �

Spry-Bereich mit Spry-Wiederholung

1033.indb 6321033.indb 632 04.12.2007 15:52:1104.12.2007 15:52:11

Page 29: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Spry-Bereiche 633

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

� Abbildung 35.12Spry-Wiederholung anlegen

� Abbildung 35.13Browservorschau eines wiederholten Bereiches

Spry-Wiederholungsliste35.3.3 Einzelne Datenfelder können wie mit der Spry-Wiederholung auch mit der Spry-Wiederholungsliste ausgegeben werden. Der Unter-schied besteht zunächst darin, dass eine Liste, eine geordnete Liste oder eine Dropdown-Liste als Vorgabe defi niert ist. Eine Liste eignet sich beispielsweise hervorragend, um mit CSS als Navigation formatiert zu werden.

1033.indb 6331033.indb 633 04.12.2007 15:52:1104.12.2007 15:52:11

Page 30: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

634 Spry und XML

Spry-Tabelle35.3.4 Die Spry-Tabelle dient dazu, mehrere Datenfelder einer XML-Datei in tabellarischer Form auszugeben.

Für die folgende, etwas aufwendigere Spry-Tabelle haben wir einige CSS -Regeln angelegt:

<style type="text/css">

<!--

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

.fi rst_row {

background-color: #CCCCCC;

Abbildung 35.14 �

Spry-Wiederho-lungsliste einfügen

Abbildung 35.15 �

Spry-Wiederho-lungsliste im Browser

Listing 35.4 �

CSS für eine Spry-Tabelle

1033.indb 6341033.indb 634 04.12.2007 15:52:1204.12.2007 15:52:12

Page 31: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Spry-Bereiche 635

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

}

.second_row {

background-color: #FF9900;

}

.hover_row {

background-color: #CC3300;

}

.active_row {

color: #FFFFFF;

background-color: #000000;

}

-->

</style>

Neben einer Dokumentenschrift im <body> sind für die CSS-Regeln fi rst_row, second_row, hover_row und active_row jeweils andere Hintergrundfarben defi niert. Die Anwendung der CSS-Regeln sehen Sie gleich beim Anlegen der Spry-Tabelle. Diese Regeln sind für die Funktion der Spry-Tabelle nicht verpfl ichtend, verdeutlichen jedoch im Beispiel die Möglichkeiten, der ausgegebenen Tabelle direkt in der Dialogbox CSS-Klassen zuzuweisen. Die komplette Übung fi nden Sie auf der DVD im Buch.

� Abbildung 35.16Anlegen einer Spry-Tabelle

��

1033.indb 6351033.indb 635 04.12.2007 15:52:1204.12.2007 15:52:12

Page 32: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

636 Spry und XML

Zum Anlegen der Spry-Tabelle klicken Sie in der Einfügepalette auf das entsprechende Icon �. Im folgenden Dialog werden die Spalten der Tabelle mit den enthaltenen Datenfeldern angezeigt �. Durch Klicken auf die Symbole + und – können Sie Datenfelder entfernen oder, soweit vorhanden, neue hinzufügen. Das Datenfeld »id« wurde im Beispiel von uns aus der Spaltenliste entfernt.

Die spätere Tabelle enthält eine Spaltenüberschrift durch den Daten-feldnamen. Durch Aktivieren des Kontrollkästchens � ermöglichen Sie eine Sortierung der Tabelleninhalte beim Klicken auf die Überschrift. Im Beispiel haben wir diese Funktion für alle Spalten aktiviert.

Damit die Tabellenzeilen besser hervorgehoben werden können, ist es möglich, in den Auswahllisten � bis verschiedene CSS-Regeln zuzuweisen. In den Auswahllisten werden die von uns zuvor angelegten CSS-Regeln angezeigt. Die Auswahllisten bewirken Folgendes:

Bezeichnung Wird angezeigt bei

Ungerade-Zeilen-Klasse ungeraden Zeilennummern

Gerade-Zeilen-Klasse geraden Zeilennummern

Hover-Klasse wenn die Maus über der Zeile ist

Auswahl-Klasse wenn in die Zeile geklickt wurde

Die fertige Spry-Tabelle sehen Sie in der folgenden Abbildung. Starten Sie nun eine Browservorschau, um die Möglichkeiten der Spry-Tabellen zu sehen und die CSS-Regeln zu überprüfen.

Eine der denkbaren Anwendungen für Spry-Tabellen sind Master- und Detailbereiche.

Tabelle 35.1 �

Zuweisung von CSS zur Spry-Tabelle

Abbildung 35.17 �

Fertige Spry-Tabelle in der Entwurfs-ansicht

Abbildung 35.18 �

Spry-Tabelle in Firefox

1033.indb 6361033.indb 636 04.12.2007 15:52:1304.12.2007 15:52:13

Page 33: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Spry-Bereiche 637

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

Master- und Detailbereiche35.3.5 In einigen der Dialogboxen ist Ihnen sicherlich schon der Begriff »Detail-bereich« aufgefallen. Mit Spry-Tabellen können weitere Spry-Bereiche innerhalb eines HTML-Dokuments aktualisiert werden. Vom Prinzip entspricht das den Master- und Detailseiten bei einer Datenbankanbin-dung. Der Unterschied liegt auch hier darin, dass das HTML-Dokument nicht erneut geladen werden muss.

Um die Arbeitsweise mit Master- und Detailbereichen zu verdeutli-chen, erstellen wir eine neue Spry-Tabelle. Die Einstellungen sehen Sie in der folgenden Abbildung. Wir geben nur das Datenfeld mit dem Typ (Element in der XML-Datei) aus. Wichtig ist, dass Sie Detailbereiche beim Klicken auf Zeile aktualisieren � aktivieren.

Nach einer Funktionsprüfung der Tabelle im Browser fügen wir einen weiteren Spry-Bereich ein. Diesen zweiten Spry-Bereich dürfen Sie nicht mit dem ersten Spry-Bereich verschachteln. Bei einer fehlerhaften Verschachtelung gibt Dreamweaver eine Fehlermeldung aus. Um dies sicherzustellen, arbeiten Sie am Besten im Quelltext. Positionieren Sie den Cursor unter dem abschließenden </div>-Tag und fügen Sie den Bereich dann ein.

� Abbildung 35.19Anlegen der Spry-Tabelle

� Abbildung 35.20Einfügen eines wei-teren Spry-Bereichs

1033.indb 6371033.indb 637 04.12.2007 15:52:1404.12.2007 15:52:14

Page 34: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

638 Spry und XML

Aktivieren Sie diesmal unter Typ das Auswahlfeld Detailbereich �. Im Beispiel haben wir in diesen zweiten Spry-Bereich eine Tabelle mit drei Zeilen eingefügt. In jede dieser Tabellenzeilen wurde ein Datenfeld aus dem Bedienfeld Bindungen gezogen. In der folgenden Abbildung sehen Sie die Anordnung der Tabellen und der Datenfelder.

Den genauen Aufbau können Sie auch nachfolgendem Quelltext ent-nehmen:

<body>

<div spry:region="ds1">

<table width="200" border="0" cellpadding="0"

cellspacing="0">

<tr>

<th spry:sort="typ">Typ</th>

</tr>

<tr spry:repeat="ds1" spry:setrow="ds1" spry:odd="second_

row" spry:even="fi rst_row" spry:hover="hover_row"

spry:select="active_row">

<td>{typ}</td>

</tr>

</table>

</div>

<div spry:detailregion="ds1">

<table width="200" border="0" cellspacing="0"

cellpadding="0">

<tr>

<td>{beschreibung}</td>

</tr>

<tr>

<td>{farbe}</td>

</tr>

<tr>

<td>{preis}</td>

Abbildung 35.21 �

Entwurfsansicht mit Master- und Detail-bereich

Listing 35.5 �

Zwei Spry-Bereiche (Master- und Detail-bereich)

1033.indb 6381033.indb 638 04.12.2007 15:52:1404.12.2007 15:52:14

Page 35: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Kritiken an Spry 639

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

</tr>

</table>

</div>

</body>

Bei einer Browservorschau sehen Sie beim Anklicken einer Tabellen-zeile, wie sich der Inhalt der Detailbereich ändert.

� Abbildung 35.22Browservorschau Master- und Detailbereiche

Kritiken an Spry35.4

Einige Kritiker in diversen Foren bemerken, das Spry ungültiges XHMTL erzeugt. Das stimmt! Wenn Sie ein XHTML-Dokument mit Spry-Ele-menten in Dreamweaver überprüfen, erhalten Sie Fehlermeldungen wegen nicht bekannter Attribute. Damit ist dieses erzeugte XHTML kein gültiges XHTML mehr, sondern bestenfalls »wohlgeformt«.

Zunächst folgt hier jedoch etwas Theorie, warum das so ist und warum es auch gar nicht anders geht:

Namensräume dienen dazu, um in einer XML-Ressource gleichna-mige Elemente und Attribute parallel nutzen zu können (zum Beispiel beim Zusammenführen von mehreren XML-Dokumenten). Die zu einem XML-Dokument gehörigen DTDs sind jedoch ungefähr 30 Jahre vor den Namensräumen entwickelt worden und sehen diese daher gar nicht vor. Für ein gültiges XML-Dokument und damit auch XHTML-Dokument ist nur eine einzige DTD zulässig. XML-Dokumente, in denen Namensräume vorkommen, sind bestenfalls nur noch wohlgeformt, nie gültig.

Durch die Syntax von Namensräumen soll verhindert werden, dass gleichnamige Tags in einer Ressource kollidieren, indem dem Namen ein namespace-Präfi x vorangestellt wird. Somit sind gleichlautende Ele-ment- oder Attributnamen aus mehreren DTDs/Schemas nicht mehr identisch.

1033.indb 6391033.indb 639 04.12.2007 15:52:1504.12.2007 15:52:15

Page 36: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

640 Spry und XML

Alte Hüte ...

An dieser Stelle sehen Sie übrigens, dass XML und fast alles, was damit zusammenhängt, keineswegs eine Neuerung ist. XML, DTD usw. ist ein uralter Hut aus Zeiten weit vor dem Internetboom – genauso wie die Kerntechnologie von Ajax bereits 1998 im Einsatz war.

Beim Einsatz von Spry benötigen wir entweder zwei DTDs oder wir müssten die DTD von XHTML manipulieren. Da wir die DTD für XHTML nicht manipulieren können, dennoch aber die Namensräume von Spry benötigen, ist zwangsläufi g das erzeugte XHTML-Dokument ungül-tig. Denkt man den Gedanken hinter DTD und gültigen Dokumenten jedoch konsequent weiter, müsste jeder Browser, sobald er auf ein nicht in der XHTML-DTD festgeschriebenes Attribut trifft, die Ausgabe mit einer Fehlermeldung beenden.

In der Praxis spielt das jedoch kaum eine Rolle. Es gibt keinen Browser, der bei ungültigen XHTML-Dokumenten die Ausgabe ab-bricht.

1033.indb 6401033.indb 640 04.12.2007 15:52:1504.12.2007 15:52:15

Page 37: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 645

#PCDATA 608#REQUIRED 608$_COOKIE 348$_ENV 348$_FILES 348$_GET 348$_GET['VARIABLENNAME'] 348$_POST 348$_REQUEST 348$_SERVER 348$_SESSION 348$GLOBALS 347.NET 3731:1-Beziehung 4021:n-Beziehung 402

A<a href> (Tag) 254Abfrage

eigene überprüfen 466erstellen 449mehrerer Tabellen 560spezifi zieren 421testen 464, 466verschachteln 562verschachtelte 565

Abhängige Datei anzeigen 319Abhängiger Bereich

Anzeigeoption 481Absatz

CSS-Stil zuweisen 196Absenden-Schaltfl äche 281Absolute Pfadangabe 80Abstand

messen 68Ad-Aware 334Administration 419Administrationsebene 338Administrationsoberfl äche 515, 523Adobe Bridge 145Agnitum 364Ajax 237, 241, 625

Vorschau im Browser 630Aktion 161, 179

Flash steuern 318Aktionsprotokoll 88

Aktive Hyperlinks 105Aktiver Inhalt 56Aktualisierungsformular 523

erstellen 597Als Vorlage speichern 260ALTER 418AND-Bedingung. 561Änderungsformular 523, 528

anlegen 526erstellen 518

Animation Ablauf ändern 179

Animationsverlauf 178Animiertes GIF 134Anker

anzeigen 255benannter 255hinzufügen 255

Ankerpunkt für AP-Elemente 209Anmeldeformular 548Ansichtsoptionen 42, 46Anti-Aliasing 38Anwenderfreundlichkeit 338Anwendung

Bindungen 447Anwendungs-Bedienfeldgruppe 428Anzeigemöglichkeit 41AP-DIV 207AP-Elemente 207

Abmessungen 211anlegen 209auswählen 210Bedienfeld 208Defi nition 207ein- und ausblenden 219erstellen 208Hintergrundbilder 211Hintergrundfarben 211in Tabellen umwandeln 218markieren 210Positionen 211Reihenfolge 211Sichtbarkeit 211Verhalten hinzufügen 219wiederholte Bereiche 470zentrieren 227ziehen 219

Index

1033.indb 6451033.indb 645 04.12.2007 15:52:1604.12.2007 15:52:16

Page 38: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

646 Index

AP-Elemente-ID 210Apache 361, 362

beenden 366installieren 365starten 366Zugriff erlauben 364

Arbeitsablauf 36Arbeitsbereich umschalten 42Arbeitsoberfl äche 44Array 348

ausgeben 353superglobales 347Variablen auslesen 348

ASCII 62ASP 361ASP VBScript 431, 432, 434ASP.NET 361, 373Assistent

Aktualisierungsformular für Datensätze 596

Einfügeformular für Datensätze 516, 596Attribut

als dynamische Daten 486suchen 310

Aufbau der Buchwebsite AP-Elemente 225

Aufzählung 406Ausgabemedien 197

unterschiedliche 182Austausch

von zwei Frame-Inhalten 154Auswahlliste 280

dynamische 520, 593Auswahlseite 526Authentifi zierung 543auto_increment 409Autoincrement 409Automatischer Scrollbalken 151

BBalkendiagramm 487Barrierefreies Webdesign 200Barrierefreiheit 117Baumstruktur 601Bedienfeld

Ebenen 208Elemente 136Verhalten 163

Bedienfeldgruppe 44anpassen 44

Bedingung

als Serververhalten 582als Serververhalten anlegen 582mit PHP 353

Befehl gespeicherter 72löschen 72speichern 71

Befehlsliste bearbeiten 72Benannter Anker 255Benutzer 417

anmelden 545authentifi zieren 543verwalten 543

Benutzerauthentifi zierung 597Schema 543

Benutzerverwaltung 543Tabellen 544Zeitstempel 544

Berechnung Kommata 346

Berechtigung setzen 97Bereich

Anzeigeoptionen für abhängigen 481in Abhängigkeit von Daten anzeigen 480scrollbarer 216wiederholen 458wiederholter 264

Bestellvorgang 530, 557Bestimmte Datensätze abfragen 459Besuchte Hyperlinks 104Beziehung

Datenbank 400Bezugspunkt 104Bibliothek 259, 265Bibliotheken und JavaScript 266Bibliothekselement 266BIGINT 405Bild 133, 140

als Schaltfl äche 281Alternativtext 137aus Datenbank 474austauschen 165, 180bearbeiten 136, 139bei onMouseOut wiederherstellen 166Bildabmessungen 140Darstellungsqualität 140dynamisch einfügen 474dynamisch hinzufügen 474einfügen 136Helligkeit und Kontrast 139Helligkeit und Kontrast einstellen 140im Web 133

1033.indb 6461033.indb 646 04.12.2007 15:52:1604.12.2007 15:52:16

Page 39: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 647

in Fireworks optimieren 139in wiederholten Bereichen 477Platzhalter 143Platzhalterbilder 143scharf stellen 140Slideshow 180Suchmaschinen 137Tipps 140Transparenzen 134von Text umfl ießen lassen 140vorausladen 165Vorschau 139zu Favoriten hinzufügen 137zuschneiden 139

Bild-Platzhalter 475einfügen 474

Bildabmessungen 140Bildbearbeitung 139Bilddatei 136Bildformate 133Bildquelle

Datensatz auswählen 485Bildrate 176Bildschirmabmessung

angezeigen 69Bildschirmaufl ösung 70Bildschirmgröße

kleine 63Binäre Datentypen 405, 406Bindung 439, 451, 453

erstellen 449Bindungen-Bedienfeld 447BLOB 405Block einfügen 305<body>-Attribut 107Boolesche Funktionen 350Boolesche Operatoren 349Briefi ng 34Browser

optimierte Stylesheets 198Scrollbalken 216verschiedene Typen 166

Browserleiste 197verändern 197

Browserliste 65Browservorschau 64, 65, 66, 632Browserweiche 166

Konfi guration 167Buchwebsite

Administrationsebene 533Bibliotheken 267Bildern einfügen 145

CSS- und AP-Elemente 225CSS erstellen 219CSS-Layout 225Datenbank anbinden 435Datenstruktur 423Detailseiten 498Dokumenteinstellungen 111dynamische Inhalte 495Frameset anlegen 156Funktionsschema 496für dynamische Inhalte einrichten 395Kontaktformular erstellen 295Letterbox Frameset 74Masterseite 497Navigation 267Rollover-Effekte 172Sitestruktur 267Tabellenlayout 126Vorlagen 267Webserver 362Zugriffsrechte 553

CCache 86, 631case 355case-sensitiv 408CDATA 608CGI 329, 336CHAR 405Checkbox 279

dynamische 522Child-Element 602CHMOD 97Clientseitiges Scripting 334, 335Cloaking 89Code

Ansichtsoptionen 300ausblenden 301automatisch vervollständigen 302Elemente fi nden 48halbautomatisch erstellen 302markierte Bereiche ausblenden 301prüfen 301Snippets 303ungültigen hervorheben 301wiederverwenden 304

Code- und Entwurfsansicht 49Codeansicht 50Codeblock 575

Platzhalter einfügen 577Codeblock (PHP-Tag) 441

1033.indb 6471033.indb 647 04.12.2007 15:52:1604.12.2007 15:52:16

Page 40: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

648 Index

Codeformat 495Codefragment 303, 439, 585Coder-Ansicht 42, 43Codierung 108Computerdatenquelle 414Connections-Ordner 430Content Management System 205, 329, 332Cookie-Variable 440, 441, 466Cookies 333CREATE 418Crossmedia Publishing 332CSS 181

ältere Browser 189Anzeige im Dokumentfenster 184Ausgabemedien 182auskommentieren 189Bearbeitung 194Bedienfeld 191Boxmodell 201Browserleisten 197DIV-Elemente 202DOC-Type 202erstellen 191exportieren 108externes 187Fehler vermeiden 185Formulare 293Hilfen 184ID-Selektoren 190im Eigenschafteninspektor 195in externe Datei verschieben 108internes 186JavaScript 200Klassen-Selektoren 189Kontext-Selektoren 190Kurzschrift 57Layout 199

Boxmodell 184Layout-Hilfsmittel 183Layout-Hintergründe 183Navigationen 200positionieren 199Print 183Referenz 194Regel-Defi nition 193Regeln 194Regeln defi nieren 192Regeln erstellen 193Regeln löschen 193Screen 183Seiteneigenschaften 106Selektoren 188

Stil-Defi nition 193Tag-Selektoren 189Texte formatieren 195und XML 602verschiedene Stile (JavaScript) 198Voreinstellungen 182Vorgehensweise und Regeln 185Werkzeuge 182zuweisen 195

CSS 2.0 181CSS-Datei

einbinden 187externe anlegen 193verknüpfen 187, 192

CSS-P-Element 207CSS-Referenz 194CSS-Stile 186

Arten 186bearbeiten 191verschieben 187Voreinstellungen 57

CSS-Syntax 188CSS-Voreinstellungen 182CSS-Vorlagen 183CSS-Weiche 198CSV 324CSV-Daten 324

importieren 324CSV-Datensatz 325

DData Base Management System 399DATE 406Datei

abhängige anzeigen 319externe einbinden 355synchronisieren 98versteckte anzeigen 430

Dateibrowser 145Dateiendung

Schreibweise 83Dateifelder 281Dateifenster 47

Site-Verwaltung 47Dateigröße 69Dateitypen 59Dateiverwaltung 94Daten

abfragen 420an URL anhängen 273aus mehreren Tabellen 530

1033.indb 6481033.indb 648 04.12.2007 15:52:1604.12.2007 15:52:16

Page 41: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 649

automatisch aktualisieren 631dynamische 592einfügen 515in abhängigen Bereich einfügen 481in Diagramm auswerten 486mit Hyperlinks übergeben 490sortieren 421, 451übergeben in der URL 490verbinden 530zum Provider exportieren 411zwischen Dokumenten austauschen 277

Datenausgabe 448Datenbank

anbinden 427anzeigen 431Bedienfeld 431Benutzer löschen 416bestimmte Datensätze abfragen 459Beziehung 400Beziehungen herstellen 401Bilder verlinken 474Daten importieren 410Datensatzanzahl anzeigen 483Datensätze einfügen 409Einführung 399erweiterte Abfragen erstellen 455Felder anlegen 408füllen 409ID mit URL übergeben 462in Datensätzen navigieren 478Kennwort 416Komponenten 399konnektieren 427mehrere Datensätze abfragen 457mit ASP anbinden 432mit Dreamweaver abfragen 447relationale 400relationales Modell 401Relationen 400selektieren 357Struktur anzeigen 431Tabellen 399unerwünschte Zeichen entfernen 495Verbindung 431Verbindungsaufbau 357

Datenbankabfrage 420Ausgabe formatieren 494erstellen 592testen 466

Datenbankaktionen 428Datenbankanbindung 427Datenbankkonnektierung

als Serververhalten 574erstellen 574

Datenbankspezifi sche Rechte 419Datenbankstruktur importieren 410Datenbankverbindung

mit Access 414Datenformat

überprüfen 284Datenquelle

Bilder 484Datensatz

Abfrage löschen 495abfragen 421, 449aktiv/inaktiv 529aktualisieren 422, 596Anzahl anzeigen 483anzeigen 453bearbeiten 523bestehender 518Darstellung beeinfl ussen 494einfügen 409, 422, 596in Großbuchstaben 494in Tabelle einfügen 516in Tabellen ausgeben 467löschen 422, 529, 597manipulieren 518sortieren 456überfl üssige Zeichen entfernen 495verändern 523

Datensatz-ID 462Datensatzanzahl 483Datensatzgruppe 449, 455, 592

anlegen 592erweiterter Modus 455Navigationsleiste 479, 594Navigationsstatus 595

Datensatznavigation 478, 497, 525, 526eigene erstellen 483Navigationsstatus 483

Datenstruktur 401der Buchwebsite 423

Datentabelle grafi sche Auswertung 486

Datentyp 345, 404mischen 345zuordnen 404

Datenübertragung simulieren 464

DATETIME 406DECIMAL 405Deklarieren

Variablen 438

1033.indb 6491033.indb 649 04.12.2007 15:52:1604.12.2007 15:52:16

Page 42: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

650 Index

DELETE 418, 422Design-Ansicht 41, 42Design Notes 89, 303Desktop-Firewall 87Detaildatensatz

anzeigen 490löschen 531

Detailseite 493erstellen 492

Developer Toolbox 75DHTML 41, 200Diagramm

dynamisch generieren 489Display all errors 377DIV-Elemente 202, 203, 204DIV-Tag 202

CSS-Stil zuweisen 203einfügen 202HTML-Elemente umschließen 203

do...while-Schleifen 352DOC-Type 125, 202DOC-Type-Defi nition 607Document Type Defi nition 607DocumentRoot ändern 369Dokument

aus Vorlage 262Einstellungen 103interne Hyperlinks 255mehrere durchsuchen 310Ränder 104sichern 311verlinken 253

Dokumentansicht 47Dokumententypangabe 600Dokumentfenster 43, 70Dokumentraster 67Dokumentrelative Verlinkung 85Dokumenttyp-Defi nitionen 61DOUBLE 405Dreamweaver

erweitern 71Neuerungen 30Systemanforderungen 30Tabelle 115

DROP 418DSN-Konfi guration 414DTD 606

Aufbau 608externe 609importieren in Dreamweaver 611in Dreamweaver einbinden 611mit Dreamweaver entwickeln 608

öffentliche 610private 610schematischer Aufbau 608

Dual Screen 42dwt-Datei 261Dynamisch eingefügte Bilder 478Dynamische AP-Elemente 470Dynamische Auswahlliste 593

erstellen 520Dynamische Checkbox 522Dynamische Daten 592

zuweisen 520Dynamische Liste

Parameter 521Dynamische Navigation 563Dynamische Optionsschaltergruppe 593Dynamische(s) Liste/Menü 520Dynamische Site

einrichten 391Framevorschau 394Vorschau 393

Dynamische Tabelle 592erstellen 467mit Serververhalten 468

Dynamische Verhalten Bereich anzeigen 593Seitenerstellung 594

Dynamische Website 329Defi nition 41Konzeption 337Layout 337mit CSS 470Typen 331Vorgehensweisen 329Vorteile 329

Dynamischer Parameter 492Dynamischer Text 593Dynamisches Diagramm 486Dynamisches Formular 515Dynamisches Kontrollkästchen 522, 593Dynamisches Textfeld 593

hinzufügen 519Dynamisches Verhalten

wiederholter Bereich 593zuweisen 591

E-Mail-Adresse 257

EEbene

Bezugspunkt 53erstellen 208

1033.indb 6501033.indb 650 04.12.2007 15:52:1704.12.2007 15:52:17

Page 43: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 651

Fehler in Netscape 4.7 219JavaScript 219scrollbare Bereiche 216verschachteln 212zentrieren 227

Ebeneneigenschaften 210Ebenenüberlauf 213Ebenenwerkzeuge 209Echo (PHP-Tag) 441Editoren 59Effekt 172Eigenschafteninspektor 43, 59, 316Einfügefehler 138Einfügeformular 516

eigenes verwenden 518erstellen 596für Datensätze erstellen 596

Einfügeinspektor 43Einfügeleiste 43, 46Einfügen von Datensätzen 409Eingabehilfe 59, 303

abschalten 138deaktivieren 59

Einstellungen Firewall 63

Element 136absolut positioniertes (AP) 207Zeitleiste 176

Elemente-Palette 136Else (PHP-Tag) 441Endlosschleife 403Entwicklungsumgebung 438Entwurfsansicht 48, 308

visuelle Hilfsmittel 48ENUM 406Erfolgsmeldung

ausgeben 516Erfordern (PHP-Tag) 441Ergebnis

Hyperlinkprüfung 255Erweiterte Abfrage

erstellen 455Erweiterung 163

installieren 74sichern 75

Excel-Tabelle einfügen 324Extension Manager 72, 74Extensions 72

einsetzen 72Fehler vermeiden 74im Web 75Sicherungen erstellen 75

Externe CSS-Datei verknüpfen 196

Externe CSS-Stile 187Externes Skript

einbinden 355Namensvergabe 355

Eye-Catcher 134

FFarben 105Farbtiefe 37Fehlerhafte Syntax 301Feineinstellung 495Fernschreiber 183Fernsehgerät 183FILE 418Filter auf Abfragen anwenden 460Firefox 65Firewall 87, 363

Einstellungen 63, 87Outpost 364

Fireworks 39optimieren 139

FLA-Datei 320Flash 134, 135, 313

Abspielqualität 316Aktivierung im Browser 315aus Dreamweaver öffnen 320Authoring-Datei 320bearbeiten 316dynamische Inhalte 586Eigenschaften einstellen 316einbinden 314einfügen 314einsetzen 313Farben im Browser 317Hyperlinks ändern 319in Dreamweaver öffnen 320JavaScript 315mit Aktionen steuern 318Parameter einstellen 317Schaltfl ächen 319Schriften 318Sound 317Text 318Text einfügen 318wmode 317

Flash-Film 314abspielen 314einbinden 314einfügen 314

1033.indb 6511033.indb 651 04.12.2007 15:52:1704.12.2007 15:52:17

Page 44: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

652 Index

steuern 318transparent 317

Flash-Plug-in 168Fließkomma 346Fließkommazahlen 345FLOAT 405for-Schleifen 351foreach-Schleife 443foreach-Schleifen 353<form>-Tag 275Formular 273

absenden 281Auswahllisten 280Bildfeld 281Dateien übertragen 281Dateifelder 281dynamisches 515einfügen 516Elemente 273, 276erstellen 274Formularfelder gestalten 293für Aktualisierungen erstellen 523für Änderungen erstellen 523gestalten 220, 293Kennwort 276Layout 293Login 545mit CSS 293neuer Nutzer 548ohne CSS 293per E-Mail 274Senden als 517Sprungmenüs 280Spry 283Standardwerte übertragen 517Textbereiche 279Textfelder 276Typprüfung 517überprüfen 282, 518Variablennamen 276Variablenvergabe 276zur Anmeldung neuer Benutzer 548Zuweisung von Variablen 276

Formulardaten auswerten 274Übertragungsmethoden 273

Formularelement 276dynamische Inhalte 518dynamische Werte zuweisen 522positionieren 293Typen 517

Formularfeld

Beschriftung 517dynamisch anbinden 532Tabellenfeldern zuordnen 532

Formularvariable 440, 441, 466einfügen 441

Fortgeschrittene Techniken 557Forum 332Frame 150

gleichzeitig austauschen 171gleichzeitig neu laden 153Nachteile 147Scrollbalken 151verschachtelt 153Vorteile 147zentrieren 149

Frame-Inhalt austauschen 154

Frame-Rahmen 151Frameset 147, 149

anlegen 150automatisch nachladen 150bearbeiten 153einstellen 151Funktionsweise 147Gestaltung mit 148Größe 152mehrere Frames austauschen 153nachbearbeiten 153speichern 152und Suchmaschinen 149verlinken 153Verlinkungen 153verschachteltes 148

Fremdschlüssel 403, 558FTP

passives 87Verbindung 87Zugang 86Zugangsdaten 86

GGespeicherter Befehl 72GET 273GIF 134

animiertes 134transparentes 60, 123

Google Indizierung von Framesets 149

Grafi ken 133Grafi kformat

webtaugliches 135

1033.indb 6521033.indb 652 04.12.2007 15:52:1704.12.2007 15:52:17

Page 45: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 653

Grafi kprogramm 36GRANT 419Groß-/Kleinschreibung 83

beachten 408Gruppenarbeit 95

HHandwerkzeug 69Handy 183Helligkeit

Bilder 139Hilfslinie 67Hilfsmittel

visuelle 48Hintergrund 104Hintergrundbild 104, 110Homepage festlegen 91Hotspot 141

anlegen 141htdocs 367HTML 4.0 61HTML 4.01 163HTML 4.01 Transitional 109HTML-Attribut

dynamisch generieren 484HTML-Dokument

Kaskadierung 185Struktur 185

HTML-Entity 62HTTP-Adresse 86HTTP-Protokoll 361HTTP-Request 334Hyperlink 104, 175, 253

aktiver 105aktualisieren 52anlegen 253auf E-Mail-Adressen 257besuchter 104innerhalb eines Dokuments 255Parameter übergeben 490prüfen 254Prüfung 255relativ zu 256relativ zu Stammordner 256Ziel angeben 254

Hyperlink-Methode 256Hyperlinks 85

in Flash-Filmen 319Hyperlinküberprüfung 86

IID 191

mit Variablen übergeben 462ID-Selektor 190

anlegen 193if 354IF (PHP-Tag) 441if-else 354iframes 155IIS 361, 364, 373

Installation Windows 2000 374Windows Vista Business 382Windows XP 374

MySQL installieren 381PHP-Einstellungen 379phpMyAdmin installieren 381Rootverzeichnis 376Standardwebsite 378verwalten 376

IIS 7 382Image-Map 141ImageReady 38Import und Export 91Import von Datendateien 410Importieren

CSV-Daten 325Excel-Dokument 324Word-Dokument 323

include 355, 357Include (PHP-Tag) 441include_once(ZIEL) 357INDEX 418Inetpub 376Infos

lokale 85Inhalt

aktiver 56Inkrementieren 351INSERT 418, 422Installationspaket 365INT 405Interaktion mit Photoshop CS3 143Interne CSS-Stile 186

exportieren 187Internet Explorer 65

Browserleisten 197mehrere Versionen 66Ränder 105

Internet Information Server 361Internet-Informationsdienst 374

1033.indb 6531033.indb 653 04.12.2007 15:52:1704.12.2007 15:52:17

Page 46: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

654 Index

Internetnutzung 27ISO-8859-1 109

JJavaScript 161

Aktionen 162CSS 200deaktiviert 155Effekt 172Elemente ansprechen 165Version 163

JPEG 133JPG 133

KKennwortfeld 276KISS-Regel 338Klasse 189Klassen-Selektoren 189Klassennamen 185Klein- und Großschreibung 83

beachten 408Kleine Bildschirmgrößen 63Kodierung-Symbolleiste 299Kommata in Berechnungen 346Kommentar 303

erstellen 303Kommentar (PHP-Tag) 441Konfi guration

Browserweiche 167Konnektierung

mit ASP VBScript 431von MySQL mit PHP 428

Kontext-Selektor 107, 190anlegen 193

Kontrast Bilder 139

Kontrollkästchen 279dynamisches 522, 593Eigenschaften 280gruppieren 279Werte vergleichen 522

Kontur 183Konzept 34

LLAMP 362Layer 207Layout 37

aufbauen 115Bezugspunkt 104

Hilfsmittel 183Konzeption 34mit DIV- Tags 204

Layoutfenster 49Layouthilfe 67Layoutmodus 60Layouttabellen-Modus 67Layouttricks 110Leerzeichen 83leftmargin 105LIKE 569Lineal

aktivieren 68Linker Rand 105Linux 362Liste

dynamische 520Live Data

Ansicht 393, 438, 454Datenbankabfragen 454

Einstellung 464localhost 366Login

Weiterleitung 545Login-Seite erstellen 545Logischer Operator 349Lokale Infos 85Lokaler Stammordner 84LONGBLOB 406LONGTEXT 405

MMAC OS X 26mailto 257marginheight 105marginwidth 105Mark of the Web einfügen 239Master-Detaildatensatz 595Masterseite 493

erstellen 492Mastervorlage

erstellen 264Medien

Flash 314Medientyp 182MEDIUMBLOB 405MEDIUMINT 404MEDIUMTEXT 405Mehrere Datensätze abfragen 457Menü

dynamisches 520

1033.indb 6541033.indb 654 04.12.2007 15:52:1704.12.2007 15:52:17

Page 47: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 655

Metaangabe 109, 149Dublin-Core 110Suchmaschinen 149

Microsoft Access 412Microsoft Visio 339MM_swapImage 162MPEG 133MS-SQL 421MySQL 362, 412

Benutzerverwaltung 416Datenbank anlegen 406Datenfreigabe 452Datensatz sortieren 456Datensätze einfügen 409Datentypen 404, 405, 406erstellen einer Datenbank 406Felder anlegen 408Flash 586Grundlagen 399in Access bearbeiten 413installieren 371Kennwort 416Rechtevergabe 418, 419root 416starten 371Tabellen 413Tabellen anlegen 408unter IIS installieren 381Version 406

MySQL Administrator 372mysql_connect 357MySQL-ODBC-Treiber 433MySQL Query Browser 372MySQL-Verbindung

Benutzername 429einrichten 428Kennwort 429

Nn:m-Beziehungen 402Nach dem Einfügen hierher gehen 517Namensräume 639Navigation

dynamisch erstellen 594dynamisch generieren 563mit Grafi ken 337Spry 242

Navigationserweiterung 338Navigationsplan 37, 81Navigationsstruktur 34Netscape 105

Ränder 105Netscape 4

Ebenen 53Netscape 4.7 122, 219

CSS 198Formulare 294

Neue CSS-Regel 193Neuer CSS-Stil 193Neuerungen

in Dreamweaver 30noframes-Bereich 149Null 409Nutzer anlegen 548

mit Auswahl der Zugriffsebene 550

OObjekt 315ODBC 412

Datenbanken 413Treiber 412, 414, 432

Offi ce-Datei 323einfügen 323

Offi ce-Dokument einfügen 60

onMouseOver 162Open Database Connectivity 412Open-Source-Projekt 330OpenType 62Opera 65Operator

logischer 349Optionsfeld

Eigenschaften 280Optionsschalter 280

gruppieren 280Optionsschaltergruppe

dynamische 593Optionsschaltergruppen 280ORDER BY 421Outpost (Firewall) 364

PParameter

dynamischer 492Parent-Element 602Passives FTP 87Passwort

in Datenbanken speichern 544verschlüsseln 544

PDA 183Personalisierte Website 333

1033.indb 6551033.indb 655 04.12.2007 15:52:1704.12.2007 15:52:17

Page 48: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

656 Index

Pfadangabe absolut 80absolute 79relative 79, 80

Photoimpact 39Photoshop 38

Anti-Aliasing 38Photoshop CS3 143PHP 341, 362

auf IIS installieren 377Bedingungen festlegen 353Befehle einsetzen 441Boolesche Operatoren 349Dollarzeichen 346Echo-Befehl 343Einführung 341error_reporting 443externe Dateien einbinden 355externe Variablen anzeigen 443Fehlermeldungen 443Fehlerquellen 444Fehlersuche 443in Dreamweaver einfügen 441in HTML einbinden 344, 346Kommata in Berechnungen 346mit include arbeiten 355mit MySQL verbinden 357mit Sessions arbeiten 358MySQL-Datenbanken abfragen 357Referenz 442Schleifen programmieren 350Schreibweise von Zahlen und Zeichen 345unter Windows Vista Business 382Variablen 346Vergleichsoperatoren 349Verschlüsselungsmethoden 544Vorteile 343Zeichenketten addieren 345

php-4.3.3-installer.exe 377PHP 5 341PHP-Dokument mit Sessions arbeiten 572PHP-Dokumentation 359PHP-Einstellung 371

anzeigen 379, 393PHP Page Encoding (PHP-Tag) 441PHP-Referenz 359PHP und MySQL 330PHP-Version 341, 373php.ini 347phpBB 332phpMyAdmin

Benutzerverwaltung 416

Tabellen anlegen 408unter IIS installieren 381

Platzhalter 257Platzhalterbild 60, 143Plug-in 168

überprüfen 168PNG 134Popup-Menü 168

mit Ebenen erstellen 207Portal 333POST 274Primärschlüssel 402, 409, 423, 460

automatisches Hochzählen 409PROCESS 419Programmgrundlagen 41Programmierung 299Projektablauf 33Projektor 183Prozessdatenfreiheit 402Prüfung

Hyperlink 255

QQuellcode

arbeiten im 299formatieren 299

Quellformatierung 300Quelltext 299, 308

automatisch formatieren 300automatisch optimieren 309automatischer Umbruch 55Datenbankanbindung 452dokumentieren 303Entwurfsansicht 308in der Layoutansicht 308Schreibweisen 54unformatierter 300

Quick-Tag-Editor 308

RRadiobutton 280Rand

Breite 105defi nieren 104Höhe 105linker 105

Raster 67aktivieren 67ausrichten 67

Rechtevergabe 416Rechteverwaltung 417

1033.indb 6561033.indb 656 04.12.2007 15:52:1704.12.2007 15:52:17

Page 49: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 657

Redaktionssystem 332Redundanzfreiheit 402REFERENCES 419Referenzielle Integrität 403REGISTER_GLOBALS 347Relation 403

Datenbanken 400Relationales Datenbankmodell 401Relationstypen 402Relative Pfadangabe 80RELOAD 419Remote-Zugriff 96require_once(ZIEL) 357require(ZIEL) 357Rollover

anlegen 38erstellen 164

Root-relative Verlinkung 85root@localhost 416Rootverzeichnis 376Router 87RSS 614RSS-Feed

einbinden 614externe einbinden 622

SSafari 65Schaltfl äche

eigene erstellen 281zum Absenden 281

Schleife Anzahl der Durchläufe 351Datensätze ausgeben 351programmieren 350

Schleifenbedingung 350Schleifendurchlauf 350Schlüsselbild 176

einfügen 178Schreib- und Leserechte 97Schrift

mit CSS formatieren 195Schriftformatierung

zuweisen 195Schriftgrößen 195Scripting

clientseitiges 334serverseitiges 334

Scrollbalken automatischer 151Firefox 217

Scrollbarer Bereich 216Seiteneigenschaft 103Seitenrändereinstellung 105SELECT 418, 420SELECT-Abfrage 456SELECT-Befehl 559Selektor 186

Typ 188Server

Zugriff 392Server-Variable 440Servermodell 391Serverroot 367

eigene angeben 368Serverseitiges Scripting 334Servervariable 466Serververhalten 451, 454, 458, 468, 574

alle Datensätze anzeigen 458anlegen 574Bedienfeld 451Bedingung 582Bereich wiederholen 457Bezugsquellen 586eigene schreiben 574kopieren 575Positionierung im Code 580testen 579weitergeben 585

Session 330, 358, 571Arbeitsweise 571Cookies 571Sitzungsvariablen anlegen 573starten 359, 572Variable 572Variable anzeigen 573Variable registrieren 572

SESSION-Array 443ausgeben 443

session_destroy() 359Session-ID 359

übergeben 571übermitteln 358Warenkorb 330

session_register(VARIABLE) 359session_start() 359session_unset() 359Sessionvariable 466SET 406SFTP 87Shockwave 318Shopsystem 332SHUTDOWN 419

1033.indb 6571033.indb 657 04.12.2007 15:52:1804.12.2007 15:52:18

Page 50: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

658 Index

SID 572Site

anlegen 36Ansicht 92Dateiansichtsspalten 91Defi nition 84Name 84sichern 91Vorgaben 63

Site-Defi nition Testserver einrichten 391

Site-Einstellung testen 393Site-Verwaltung 47, 82

aufrufen 47Cloaking 89Design Notes 89Fehlerquellen 92FTP-Zugang einrichten 86Ordnerstruktur 80Regeln beim Anlegen 83Remote-Zugriff 96Site-Defi nition 84Sitemap-Layout anlegen 90Standard-Bilderordner 85Testserver 89WebDAV 88

Siteansicht umschalten 47zur Siteansicht umschalten 47

Sitemap 37, 80, 90Ansicht 82Layout 90

Sitzungsvariable 440, 441, 466, 573Skript

externes Skript einbinden 355Skriptsprache 336Skriptzugriff 378Slicing 36, 39Slideshow 175SMALLINT 404Snippet 303, 304

sichern 306Sonderzeichen 62, 83Sound mit Flash 317Spacer 122Spacer-GIF 60Spaltenbreiten 121Spry 237

Akkordeon 247Effekte 237für Formulare 283Master- und Detailbereiche 637

Menüleiste 242Menüleiste anpassen 243Palette mit Registerkarten 245Reduzierbare Palette 248Überprüfung für Formulare 238und XML 625Version des Frameworks 237Vorschau im Browser 630Widgets 238, 241Widgets anpassen 250Widgets CSS 249Widgets gestalten 249XML-Datensätze 238

Spry-Bereich 591, 629Spry-Effekte 172Spry-Tabelle 592, 634

mit CSS formatieren 634Spry-Überprüfung 283

Auswahl 292Kontrollkästchen 291Textbereich 290Textfeld 284Textfeld mit Formatüberprüfung 288Textfeld ohne Formatüberprüfung 285,

286, 288, 291Spry-Wiederholung 591, 632Spry-Wiederholungsliste 592, 633Spry-XML-Datensatz 591SpyBot 334SQL 420

Abfrage 420Datei 410Dump 411Tabellendatensatz ansprechen 560

SQL-Abfrage 557eigene einbinden 557suchen 569Tabellenstruktur 558verschachteln 562Zuordnungstabelle 558

SQL-Befehl editieren 455

Stammordner lokaler 84

Standard-Bilderordner 85Statusleiste 63, 69Stilvorgabe anwenden 188Stilwiedergabe 183Strings 345substr() 505Suche

GET-Arrays 570

1033.indb 6581033.indb 658 04.12.2007 15:52:1804.12.2007 15:52:18

Page 51: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 659

Suchen und ersetzen 310Suchformular 569Suchfunktion 569Suchmaschine 109, 149

dynamische Sites 330Metaangaben 149

Suchmaschinen 167SWF-File 320switch 355Synchronisieren

Dateien 98Syntax 50

fehlerhafte 301System-DSN 432Systemanforderungen 30

TTabelle 115

abfragen 450Abmessung 119aktualisieren 523anwählen 117Ausrichtung 119auswählen 121Bemaßungen 117Breite 118Darstellungsfehler 122dynamische 592Eigenschaften 118einfügen 116Fehler vermeiden 120Größe festlegen 119Hilfsmittel 117Hintergrund 122Hintergrundbilder 122Höhe 118Nachteil 115Netscape 4.7 122Parameter 116Spaltenbreiten und Zeilenhöhen 121Umrandungen 124verschachteln 122Vorteile 115wiederholte 265Zellauffüllung 119Zelleigenschaften 119Zellraum 119zentrieren 125

Tabellenspalte abfragen 456mehrere abfragen 456

Tag Attribute 306automatisch vervollständigen 55eigene anlegen 308suchen 310

Tag-Bibliothek 307anlegen 306DTD importieren 609editieren 306Editor 306Elemente-Defi nition 611erstellen 307

Tag-Inspektor 306Tag-Selektor 189Tag-Vorgaben 306Target 254Template 103Templates-Ordner 260Testserver 89, 394

installieren 361Testserveransicht

Verbindungsskripte anzeigen 430Testserverbetrieb

Ansicht 51Testserverordner 392TEXT 405Text

dynamischer 593umfl ießt Bild 140

Text-Navigation 337textarea 279Textfeld 276

dynamisches 519, 593Eigenschaften 277verstecktes 277

Textformatierungen CSS 195

TIME 406TIMESTAMP 406TINYBLOB 405TINYINT 404TINYTEXT 405topmargin 105Tracing-Bild 70, 109Transact-SQL 421Transparentes GIF 60, 123

UÜberlappung verhindern 209Überlauf 215Überprüfen eigener Abfragen 466

1033.indb 6591033.indb 659 04.12.2007 15:52:1804.12.2007 15:52:18

Page 52: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

660 Index

Übertragung simulieren 438Umbruch für Auswahl 305Umgebungsvariable 440Ungültiger Code

hervorheben 301Unicode 62Unsichtbare Elemente 63Unterschiedliche Browsertypen 166Unterseite

schützen 547Zugriffschutz 547

UPDATE 418, 422Upload

Dateigröße 412URL-Parameter 463, 466, 490

erweitern 463übergeben 463

URL-Präfi x 392URL-Variable 440, 441Usability 338User-Tracking 333

VValidator 64VARCHAR 405Variable 345, 346, 438

an Flash übergeben 586an URL anhängen 347bereitstellen 439defi nieren 439externe anzeigen 443mit Variablen arbeiten 439nachträgliche Bearbeitung 440neue hinzufügen 439senden 438übertragen 347verketten 347zur Fehlersuche nutzen 444

Variableneinleitung 438Variableninhalt 439Variablentyp 440, 465Variablenübergabe

an Flash 587an SQL-Abfrage 462

Vektorgrafi k 135Verbindungsdaten eingeben 429Verbindungsskript entfernen 431Vergleichen von Dateien 93Vergleichsoperatoren 349Verhalten 161, 163, 166

dynamisches 591

Effekte 172Einfügeoptionen 580, 581fehlerhaftes 584veraltetes 164

Verhaltensfenster 165Verknüpfung 253

einbauen 253Verlauf 71Verlaufsfenster 71Verlinkung 253

dokumentrelativ 85root-relative 85

Verschachtelte Abfrage Schema 565

Verschachtelte Vorlage erstellen 264Verschachteltes Frameset 148Versionierung 99Versteckte Datei anzeigen 430Verstecktes Textfeld 277Visuelle Hilfsmittel 48Volltextsuche 569Voreinstellungen 51

Allgemein 52Codeformat 54Codehinweise 55Codeumschreibung 56CSS 55CSS-Stile 57Dateien vergleichen 58Dateitypen/Editoren 59Layoutmodus 60Neues Dokument 61Statusleiste 63

Vorgaben für neue Dokumente 61Vorkenntnisse 25Vorlage 103, 259

Adobe GoLive 261aktualisieren 264bearbeitbare Bereiche 261bearbeitbare Bereiche defi nieren 259Dokument aus Vorlage erstellen 262entfernen 264erstellen 259kompatible 261Mastervorlage 264speichern 260Tricks 264verschachteln 264verschachtelte 264wiederholte Bereiche 264wiederholte Tabelle 265

Vorschau im Browser 64

1033.indb 6601033.indb 660 04.12.2007 15:52:1804.12.2007 15:52:18

Page 53: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

Index 661

WWAMP 362

installieren 364WAMP-System 373Warenkorb 332, 571WCMS 331, 332Web Content Management System 331WebDAV 88Webdesign

barrierefreies 200Weblog 334Webserver 334, 336, 361, 365

herunterfahren 366Mac 363Startdatei 84starten 366Zugangsdaten 357

Website Aufbau 34dynamische 331Suchfunktion 569zentrieren 125

Weiterleitung 545Werbebanner mit Ebenen 207Werbefenster 175Wert

vergleichen 349, 522WHERE 421, 460while-Schleife 352Wiederholte Tabelle 265Wiederholter Bereich 264, 468

mit AP-Elementen 470Parameter ändern 458

Windows Vista PHP installieren 384

Windows XP 364Word 323Word-Dokument 323

einfügen 323Word-Text 323

einfügen 323WYSIWYG 27

XXAMPP

installieren 365konfi gurieren 366Startbildschirm 367testen 366unter Windows Vista 365Versionen 365

XHTML 61eigene Tags 307

XML 332, 599automatisch nachladen 238DTD 606Processing Instructions 605Tag-Attibute 604Tags selbst defi nieren 600Überprüfung 608und CSS 602

XML-Attribut 604XML-Datei

im Browser 603öffnen 604tabellarisch ausgeben 634XSLT anhängen 621

XML-Daten anbinden 625in Tabellenform ausgeben 592

XML-Dokument 181Struktur 600

XML-Quelle angeben 617XMLHttpRequest-Objekt 625XP-Firewall 363XPath 614, 627XPATH-Ausdrucksgenerator 618XSLT 613

Datenquelle angegeben 619Stylesheet anhängen 621

XSLT-Dokument anlegen 615bedingte Bereiche 618wiederholte Bereiche 618

XSLT-Fragment 615XSLT-Transformation 598

clientseitig 616mit PHP 622serverseitig 622

YYEAR 406

ZZ-Index 211

anzeigen 209Zahlenformat 404, 405Zeichenaddition 345Zeichenformat 405Zeichenkette 345

teilen 505Zeichensatz 109

1033.indb 6611033.indb 661 04.12.2007 15:52:1804.12.2007 15:52:18

Page 54: Adobe Dreamweaver CS3 - Cleverprinting › leseproben › galileodesign... · 2009-08-02 · Adobe Dreamweaver CS3 Webseiten entwickeln mit (X)HTML, Ajax, CSS, PHP und MySQL Richard

662 Index

Zeilenhöhe 121Zeilennummer 445

einblenden 301Zeilenumbruch 55

einfügen 196Zeit- und Datumsformat 406Zeitleiste 175

Abläufe steuern 179Aktionen 179Frames 175Geschwindigkeit 175Parameter einstellen 177Schleifendurchlauf 176

Zeitleistenparameter 177Zeitstempel 544Zellauffüllung 119Zelle 119

Auffüllung 116Breite 120Größe 120Inhalt ausrichten 120

Raum 116teilen 120verbinden 120

Zelleigenschaft 119Zellraum 119Zentrieren 149

AP-Element 227Ziel

angeben 254Zoomwerkzeug 69Zugriff

auf den Server 392auf Seite beschränken 547

Zugriffsebene 546, 550defi nieren 547in separater Tabelle abspeichern 550

Zugriffsrecht 339, 543beschränken 547steuern 545

Zuordnungstabelle 558Zustandsvorschau 285

1033.indb 6621033.indb 662 04.12.2007 15:52:1904.12.2007 15:52:19