|
Vorwort |
7 |
|
|
Inhaltsverzeichnis |
9 |
|
|
1 Einleitung |
15 |
|
|
1.1 Das Motiv des Buches |
16 |
|
|
1.2 Das Thema |
17 |
|
|
1.3 Übersicht über die Kapitel |
18 |
|
|
2 Grundlagen von Dreamweaver MX |
21 |
|
|
2.1 Neue Kleider von Dreamweaver MX |
23 |
|
|
2.1.1 Verbesserte Kontrollmöglichkeiten von Code und Design |
23 |
|
|
2.2 Servertechnologien: Verbesserte Unterstützung |
25 |
|
|
2.3 Dreamweaver MX unterstützt innovative Standards |
26 |
|
|
2.3.1 Das Bedienfeld Dateien |
29 |
|
|
2.3.2 Das Bedienfeld Anwendung |
29 |
|
|
2.3.3 Bedienfeld Code: Codefragmente |
30 |
|
|
2.3.4 Das Bedienfeld Design |
30 |
|
|
2.3.5 Das Bedienfeld Ergebnisse |
31 |
|
|
2.3.6 Hyperlink-Prüfer |
33 |
|
|
2.3.7 Site-Berichte |
33 |
|
|
2.3.8 FTP-Protokoll |
33 |
|
|
2.3.9 Serverbug |
33 |
|
|
2.3.10 Erweitertes Layout |
33 |
|
|
2.3.11 Verlauf |
33 |
|
|
2.3.12 Zeitleiste |
34 |
|
|
2.4 Tags definieren und manipulieren |
34 |
|
|
2.4.1 Auswahl und Vorgabe spezischer Tag-Bibliotheken |
35 |
|
|
2.4.2 So wird ein neuer Tag definiert |
36 |
|
|
2.4.3 Einen Tag mit vordefinierten Attributen ausstatten |
37 |
|
|
2.5 Codefragmente erleichtern die Programmierarbeit |
38 |
|
|
2.5.1 Codeanweisungen einfügen und bearbeiten |
39 |
|
|
3 Web-Entwicklung: nicht-dynamisch |
41 |
|
|
3.1 Definition einer non-dynamischen Website |
41 |
|
|
3.2 Eine non-dynamische Site mit Frame-Layout |
44 |
|
|
3.2.1 Einen Layoutrahmen als Frameset erstellen |
45 |
|
|
3.2.2 Variante A: Erstellen eines Frameset als neue Datei |
45 |
|
|
3.2.3 Variante B: Erstellen eines Frameset in eine Datei |
46 |
|
|
3.2.4 Speichern des Frameset und seiner drei Frame-Seiten |
47 |
|
|
3.2.5 Visuelle Anzeige und Speichern des Frameset |
47 |
|
|
3.2.6 Die Breite und Höhe der Frames festlegen |
47 |
|
|
3.2.7 Die Frames erhalten Farbwerte und Namen |
47 |
|
|
3.2.8 Optionale Randformatierung für das Frameset |
49 |
|
|
3.2.9 Das Frameset erhält eine Navigation |
50 |
|
|
3.3 Das Design der Inhaltsseite |
51 |
|
|
3.3.1 Den Inhaltsframe als Vorlage speichern |
53 |
|
|
3.3.2 Aktivieren der Vorlagenseite |
55 |
|
|
3.3.3 Von angefügter Vorlage öffnen und Von Vorlagen lösen |
56 |
|
|
3.4 Bereitstellen des Contents |
57 |
|
|
3.4.1 Die Seite wird gespeichert |
57 |
|
|
3.5 Über Dateinamen |
58 |
|
|
3.6 Definition eines Cascading Style Sheet |
59 |
|
|
3.6.1 Ein neues Style Sheet erstellen |
60 |
|
|
3.6.2 Definition von Styles |
61 |
|
|
3.6.3 Formatieren und Verlinken der Sitenavigation |
62 |
|
|
3.7 Navigationspfeil erstellen mit Fireworks |
65 |
|
|
3.7.1 Die Site-Navigation erhält ein zweites Element |
69 |
|
|
3.7.2 Definieren von benannten Ankerpunkten |
70 |
|
|
3.7.3 Importieren des Cover-Bildes |
71 |
|
|
3.8 Exkurs: Eine Webgrafik mit Fireworks vorbereiten |
71 |
|
|
3.9 Platzieren des Bitmaps auf der Webseite |
74 |
|
|
3.10 Eine grafische Webseite mit Freehand gestalten |
75 |
|
|
3.10.1 Erstellen und Kolorieren des Hintergrunds in Freehand |
76 |
|
|
3.10.2 Einrichten der Darstellungsebene |
79 |
|
|
3.10.3 Exportieren als Webseite |
81 |
|
|
3.11 Verlinkungen auf der Seite |
83 |
|
|
3.12 Vorlagen und bearbeitbare Bereiche |
86 |
|
|
3.13 Verlinkung der Homepage |
89 |
|
|
3.13.1 Definition einer Imagemap |
90 |
|
|
4 ColdFusion-Server installieren und in Betrieb nehmen |
93 |
|
|
4.1 Installieren des CF-Server Development-Kit |
94 |
|
|
4.1.1 Installationsmerkmale des Webservers |
96 |
|
|
4.2 Die Standardwebseite des Webservers |
98 |
|
|
4.3 Zur Funktionsweise von Webanwendungen |
99 |
|
|
4.3.1 Statische Webseiten |
100 |
|
|
4.3.2 Dynamische Webseiten |
100 |
|
|
4.3.3 Der Zugriff auf dynamische Daten |
102 |
|
|
4.4 CFML: Das A und O dynamischer Seiten |
103 |
|
|
4.4.1 Bekanntschaft mit dem ColdFusion-Administrator |
103 |
|
|
4.5 Ein Rundgang durch den Administrator |
105 |
|
|
4.5.1 Global Settings (Allgemeine Einstellungen) |
105 |
|
|
4.5.2 Cache-Vorgaben |
106 |
|
|
4.5.3 Application- und Session-Variablen verwenden |
107 |
|
|
4.6 Kontaktaufnahme mit Datenbanken |
107 |
|
|
4.6.1 Client -Variablen nutzen |
109 |
|
|
4.6.2 Client-Variablen als Cookies speichern |
110 |
|
|
4.6.3 Client-Variablen in der Registry speichern |
110 |
|
|
4.6.4 Client-Variablen in der Datenbank speichern |
110 |
|
|
4.7 Aufgaben des Server automatisieren |
112 |
|
|
4.7.1 Systemüberprüfung automatisieren |
113 |
|
|
4.7.2 Aufgaben, die nach Zeitplan ablaufen |
115 |
|
|
5 CFML kennen lernen |
117 |
|
|
5.1 HTML- und CFML-Tags unterscheiden lernen |
117 |
|
|
5.1.1 Unterschiedliche Tag-Typen |
117 |
|
|
5.2 Variablen |
118 |
|
|
5.2.1 Einfache Variablenbeschreibung |
118 |
|
|
5.2.2 Komplexe Variablen |
119 |
|
|
5.3 So kann eine einfache Variable erzeugt werden |
121 |
|
|
5.3.1 Der cfset-Tag |
121 |
|
|
5.3.2 Der cfparam-Tag |
122 |
|
|
5.3.3 Namenskonventionen von Variablen |
123 |
|
|
5.4 Eine Einführung in CFScript |
123 |
|
|
5.4.1 Existenzprüfung und Default-Werte |
124 |
|
|
5.5 Ausdrücke in ColdFusion entwickeln |
125 |
|
|
5.5.1 So wird ein Ausdruck in ColdFusion erzeugt |
125 |
|
|
5.5.2 So werden komplexe Ausdrücke erzeugt |
126 |
|
|
5.5.3 Den Programmablauf beeinflussen |
129 |
|
|
5.5.4 Das Schalterstatement |
132 |
|
|
5.6 Schleifen |
133 |
|
|
5.6.1 Die For-Next-Schleife |
134 |
|
|
5.6.2 Bedingungs-Schleife |
135 |
|
|
5.6.3 Listen-Schleifen |
136 |
|
|
5.7 Verwenden von Funktionen |
137 |
|
|
5.7.1 Wie werden Funktionen verwendet |
137 |
|
|
5.7.2 Listenfunktionen |
138 |
|
|
5.7.3 Array-Funktionen |
140 |
|
|
5.7.4 Strukturfunktionen |
143 |
|
|
5.8 Das Application Framework einer ColdFusion- Anwendung |
145 |
|
|
5.8.1 Der cfapplication-Tag |
145 |
|
|
5.8.2 So funktioniert das Application-Framework |
148 |
|
|
6 Datenbankkonzepte |
149 |
|
|
6.1 RDBMS: Tabellen und Spalten |
151 |
|
|
6.1.1 Verknüpfungen zwischen Tabellen |
154 |
|
|
6.1.2 Beziehungen mithilfe von Schlüsseln definieren |
155 |
|
|
6.1.3 1:1-Beziehung |
155 |
|
|
6.1.4 1:n-Beziehungen |
158 |
|
|
6.1.5 n:n-Beziehung |
159 |
|
|
6.2 Normalisierung der Daten |
160 |
|
|
6.3 So filtert man Daten mithilfe von SQL |
165 |
|
|
6.4 Tabellenverknüpfungen erstellen |
167 |
|
|
6.4.1 SQL-Anweisungen, die Daten erzeugen |
169 |
|
|
6.5 Daten-Updates |
170 |
|
|
6.5.1 WHERE-Bedingungen |
171 |
|
|
6.6 Daten per SQL-Anweisung löschen |
171 |
|
|
6.7 SQL-Abfragen in ColdFusion praktizieren |
172 |
|
|
6.7.1 So können Abfrageergebnisse angezeigt werden |
173 |
|
|
6.8 Daten einfügen und Updaten ohne SQL |
174 |
|
|
7 Arbeiten mit Formularen |
177 |
|
|
7.1 Formular und Formularobjekte einrichten |
178 |
|
|
7.2 Objekte für Formulareingaben |
178 |
|
|
7.2.1 Das Textfeld |
179 |
|
|
7.2.2 Methoden, ein Formularobjekt zu erstellen und zu ändern |
179 |
|
|
7.2.3 Textbereich (Mehrzeilige Textfelder) |
180 |
|
|
7.2.4 Mehfachauswahl mithilfe von Kontrollkästchen |
180 |
|
|
7.3 Entwicklung eines dynamischen Webformulars |
180 |
|
|
7.3.1 Der Formularentwurf |
181 |
|
|
7.4 Einrichten eines Formulars |
181 |
|
|
7.5 Bereitstellen der Datenquelle |
182 |
|
|
7.5.1 Erweitern der Website zu einer dynamischen ColdFusion-Site |
183 |
|
|
7.5.2 Definieren einer Datensatzgruppe für die Formularfelder |
184 |
|
|
7.5.3 Schritt 1: Einrichten der Datenquelle auf dem CF-Server |
185 |
|
|
7.5.4 Schritt 2: Eine Verbindung mit der Datenquelle herstellen |
186 |
|
|
7.6 Einrichten von Formularfeldern |
187 |
|
|
7.7 Anlegen eines Cascading Style Sheet |
189 |
|
|
7.7.1 Übertragen der Formularnamen |
189 |
|
|
7.7.2 Einrichten der Formularfelder: Textfelder |
190 |
|
|
7.7.3 Einrichten eines Liste/Menü-Feldes |
192 |
|
|
7.7.4 Zwei neue Textfelder |
193 |
|
|
7.7.5 Definition einer Optionsschaltergruppe |
193 |
|
|
7.7.6 Das Formular erhält weitere Textfelder |
195 |
|
|
7.7.7 Erstellen einer weiteren Optionsfeldgruppe |
195 |
|
|
7.8 Das Formular erhält eine Schaltfläche |
196 |
|
|
7.8.1 Erstellen einer Hinweisseite nach der Dateneingabe |
196 |
|
|
7.9 Einrichten eines Serververhaltens |
197 |
|
|
7.10 Kontrollieren der Datenformate |
199 |
|
|
7.11 Überprüfen der Korrektheit eingegebener Daten |
201 |
|
|
7.11.1 Definieren der Attribute, welche pro Feld zu überprüfen sind |
202 |
|
|
7.12 Verhalten: Multilinguale Formulare entwickeln |
203 |
|
|
7.12.1 So werden Verhalten angewendet |
203 |
|
|
7.13 Konzeption einer Site mit mehreren Formularen |
204 |
|
|
7.14 Erstellen der Access-Datenbank |
204 |
|
|
7.15 Richtlinie mehrsprachiger Webformulare |
206 |
|
|
7.15.1 Erstellen des Formulars mit englischen Kriterien |
206 |
|
|
7.15.2 Information über gelungene Datenübertragung: vierfach |
208 |
|
|
7.16 Ein Serververhalten nach einer Datenübertragung |
209 |
|
|
7.17 Umwandlung in ein Live-Data-Objekt |
209 |
|
|
7.18 ›Französische‹ und ›spanische‹ Ausgaben |
209 |
|
|
7.19 Verhalten definieren: Formular überprüfen |
210 |
|
|
7.19.1 Die Standardeingabe für ein Formularfeld vorgeben |
210 |
|
|
8 Site-Entwicklung |
211 |
|
|
8.1 Projektskizze: Bücherverwaltung |
211 |
|
|
8.1.1 Die Projektidee |
211 |
|
|
8.1.2 Konzeption der Datenbank |
212 |
|
|
8.2 Grundzüge der Datenbankentwicklung |
213 |
|
|
8.2.1 Einzelheiten der Felddefinition |
213 |
|
|
8.2.2 Das ID-Feld identifiziert Datensätze eindeutig |
214 |
|
|
8.2.3 Der Felddatentyp formatiert Datenbankinhalte |
215 |
|
|
8.3 Die Datenblattansicht |
216 |
|
|
8.4 Einrichten der Site in Dreamweaver |
216 |
|
|
8.4.1 Definition einer projektorientierten Site: Lokale Infos |
217 |
|
|
8.4.2 Remote-Information |
219 |
|
|
8.4.3 Den Testserver bereitstellen |
220 |
|
|
8.5 Dateientwicklung mit Dreamweaver MX |
221 |
|
|
8.5.1 Anlegen einer neuen, dynamischen ColdFusion-Webseite |
222 |
|
|
8.5.2 Speichern der neuen Webseiten als ColdFusion-Datei |
223 |
|
|
8.5.3 Die Seiteneigenschaften festlegen |
224 |
|
|
8.6 Seitenkonzept: Frame oder Tabelle |
226 |
|
|
8.7 Das Einrichten von Tabellenelementen |
227 |
|
|
8.7.1 Genaue Einstellung der Spaltenabstände |
230 |
|
|
8.8 Textgestaltung mit einem Cascading Style Sheet |
230 |
|
|
8.9 Speichern der Seite und Speichern als Vorlage |
233 |
|
|
8.9.1 Eine Seite von einer Vorlage anlegen und speichern |
234 |
|
|
9 Die Gestaltung grafischer Bedienschaltflächen |
235 |
|
|
9.1 Die Konzeption der Bedienschaltflächen |
236 |
|
|
9.1.1 Schaltflächen mit Freehand entwerfen |
236 |
|
|
9.1.2 Einzoomen der Arbeitsfläche |
237 |
|
|
9.1.3 Das Einzeichnen eines Rechtecks |
238 |
|
|
9.1.4 Die Konstruktion des zweiten Rechtecks |
239 |
|
|
9.1.5 Die Bedienschaltfläche erhält Farbe |
239 |
|
|
9.1.6 Die Bedienschaltfläche wird beschriftet |
242 |
|
|
9.2 Exportieren einer Grafik |
244 |
|
|
9.3 JEPG und GIF - Bitmap-Kompression |
246 |
|
|
9.3.1 Das JEPG-Format |
247 |
|
|
9.3.2 Das GIF-Format |
247 |
|
|
9.3.3 Das PNG-Format |
248 |
|
|
9.4 Grafische Erstellung eines Emblems mit Freehand |
249 |
|
|
9.4.1 Vorüberlegung zum Entwurf eines Emblems mit Freehand |
249 |
|
|
9.4.2 Festlegung der Zeichenumgebung |
250 |
|
|
9.4.3 Den ersten Buchstaben mit zwei Rechtecken hinterlegen |
251 |
|
|
9.4.4 Die restlichen Buchstaben mit Rechtecken hinterlegen |
252 |
|
|
9.4.5 Die Buchstaben in zwei Hälften teilen |
252 |
|
|
9.5 Die Konstruktion von Kurvenlinien |
255 |
|
|
9.6 Graustufen, websichere Farben oder CMYK- Farben |
258 |
|
|
9.7 Exportieren des Emblems |
263 |
|
|
9.8 Nachbearbeitung in Fireworks |
263 |
|
|
9.9 Platzieren des Emblems in Dreamweaver |
264 |
|
|
10 Site-Anbindung an die Datenbank |
267 |
|
|
10.1 Die Definition einer Bindung |
267 |
|
|
10.1.1 Erstellen einer Site für diese Datei |
268 |
|
|
10.1.2 Einrichten des Testservers der Site |
269 |
|
|
10.2 So wird eine ColdFusion-Datenquelle erstellt |
271 |
|
|
10.3 Erstellen einer Datensatzgruppe |
275 |
|
|
10.4 Verwenden der Datensatzgruppe |
278 |
|
|
10.4.1 Den wiederholten Bereich einrichten |
280 |
|
|
10.5 Einrichten eines Vorschau-Browsers |
282 |
|
|
10.5.1 Ausführen der Seite auf dem Vorschaubrowser |
285 |
|
|
10.6 Einrichten der Datenquellen-Navigation |
285 |
|
|
10.7 Entwurf der Navigationsschaltflächen |
288 |
|
|
10.8 Änderung der Schaltflächengrafiken |
289 |
|
|
10.9 Navigationsstatus für eine Datensatzgruppe |
291 |
|
|
10.10 Serververhalten erhöhen die Bedienbarkeit |
292 |
|
|
10.11 Der Datenquelle einen Datensatz hinzufügen |
293 |
|
|
10.12 Die Gestaltung des Einfügeformulars |
296 |
|
|
10.13 Master-Detailseitensatz |
297 |
|
|
10.13.1 Erstellen der Masterseite |
298 |
|
|
10.13.2 Testen des Master-Detailseitensatzes |
300 |
|
|
10.14 Gestaltung und Feldfolge der Detailseite |
301 |
|
|
10.14.1 Einrichten von Datenfiltern |
301 |
|
|
10.14.2 Erstellen des Navigationselements |
301 |
|
|
10.15 Erstellen der Seitenvorlage |
302 |
|
|
10.15.1 Erstellen der 26 Dateien |
303 |
|
|
10.16 Erstellen der Hot-Spots in der Seitenvorlage |
303 |
|
|
10.17 Erstellen der Datei für Filter A |
304 |
|
|
10.18 Eine ökonomische Methode, Dateien zu erstellen |
307 |
|
|
11 Siteentwurf mit Flash |
311 |
|
|
11.1 Vorbereitungen |
311 |
|
|
11.2 Einrichten der Site »Afrika-Web« |
312 |
|
|
11.3 Einrichten des Frameset |
312 |
|
|
11.3.1 Einrichten des Frameset |
313 |
|
|
11.3.2 Kolorieren der Frames |
314 |
|
|
11.3.3 Speichern von zwei Frames als Template |
315 |
|
|
11.4 Bereitstellen des Inhalts |
316 |
|
|
11.5 Bereitstellen der Inhalte für die Ägypten-Seite |
316 |
|
|
11.6 Schrift-, Weblink- und Tabellendesign |
318 |
|
|
11.6.1 Löschen von unnötigen Tags |
318 |
|
|
11.7 Die Webseiten verlinken |
319 |
|
|
11.8 Einfügen bereitgestellten Contents |
321 |
|
|
11.9 Die Site-Navigation erstellen |
322 |
|
|
11.9.1 Ein Javascript für ›ägypten.html‹ und ›ägypteninfo.html‹ |
322 |
|
|
11.9.2 Pixelgenaues Positionieren mit Ebenen |
323 |
|
|
11.10 Die Nordafrika-Einführungsseite |
325 |
|
|
11.11 Der Entwurf der Homepage ›index.htm‹ |
328 |
|
|
11.12 Erstellen und Speichern der Homepage-Seite |
329 |
|
|
11.13 Einrichten der Bilder mit Fireworks |
331 |
|
|
11.13.1 Bild mit Schatten bearbeiten |
333 |
|
|
11.14 Das Homepage-Design wird fertig gestellt |
335 |
|
|
11.14.1 Bestimmte Schnittpunkte mit Farbe füllen |
336 |
|
|
11.14.2 Die Homepage erhält Hintergrundfarbe und Namen |
338 |
|
|
11.15 Einrichten einer automatischen Weiterleitung |
339 |
|
|
11.16 Eine Flash-Animation auf der Zentrumsseite |
340 |
|
|
11.16.1 Einrichten der ›Bühne‹ |
341 |
|
|
11.16.2 Das Zeitleistenfenster: Die erste Einstellung |
343 |
|
|
11.16.3 Die zweite Einstellung |
345 |
|
|
11.16.4 Schlüsselbilder, Bilder, Symbole |
346 |
|
|
11.16.5 Verschiedene Elemente einer Einstellung hinzufügen |
348 |
|
|
11.16.6 Arbeiten mit Schrift auf der Bühne |
349 |
|
|
11.16.7 Vervollständigen des filmischen Countdown |
350 |
|
|
11.17 Einen Flash-Film veröffentlichen |
352 |
|
|
11.17.1 Den Film für die Veröffentlichung vorbereiten |
352 |
|
|
11.17.2 Optionen für die Veröffentlichung eines Flash-Films festlegen |
353 |
|
|
11.17.3 Vorschau der Veröffentlichung |
355 |
|
|
11.18 Flash-Dateien mit Dreamweaver einbinden |
355 |
|
|
12 Hardwarehandel mit DBMS-Client/Server-System |
357 |
|
|
12.1 Anlegen einer Datenbank auf dem SQL-Server |
358 |
|
|
12.1.1 Anlegen eines Benutzernamens auf dem SQL-Server |
358 |
|
|
12.2 Importieren der Daten auf den Server |
361 |
|
|
12.3 Feldlängen und Datentypen |
367 |
|
|
12.4 Zugriffsberechtigungen für Tabellen |
368 |
|
|
12.5 Die Definition des Data Source Name (DSN) |
369 |
|
|
12.6 Einrichten der DSN auf dem ColdFusion-Server |
374 |
|
|
12.7 Erstellen eines Webinterface mit Fireworks |
376 |
|
|
12.7.1 Erstellen der Grundfläche eines Webinterface in Fireworks |
377 |
|
|
12.7.2 Zeichnen der Bereiche des Webinterfaces |
377 |
|
|
12.7.3 Einzeichnen der Navigationsschaltflächen-Abbildungen |
378 |
|
|
12.7.4 Erstellen des Firmennamens |
381 |
|
|
12.8 Schmuckbilder hinzufügen |
384 |
|
|
12.8.1 Einrichten der Popup-Menüs als Segmente |
386 |
|
|
12.9 Exportieren des Webinterface |
391 |
|
|
13 Ebenen und dynamische Daten |
395 |
|
|
13.1 Die Grundarchitektur |
396 |
|
|
13.2 Der Entwurf der Inhaltsebenen |
397 |
|
|
13.3 Installierung der Ebenensteuerung |
398 |
|
|
13.3.1 Arbeiten mit Ebenen auf der Seite |
400 |
|
|
13.4 Erstellen des dynamischen Inhalts auf einer Ebene |
401 |
|
|
13.4.1 Einrichten der ersten Ebene »CD-ROM: IDE« |
401 |
|
|
13.4.2 Das Webdesign der Ebene |
402 |
|
|
13.5 Erweitern der Ebenen mit Formularfeldern |
406 |
|
|
Index |
407 |
|