adobe dreamweaver cs3 - cleverprinting › leseproben › galileodesign... · 2009-08-02 · adobe...
TRANSCRIPT
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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