|
Übersicht |
6 |
|
|
Inhaltsverzeichnis |
8 |
|
|
Einleitung |
18 |
|
|
1 Installation und erste Schritte |
20 |
|
|
1.1 Installation |
20 |
|
|
1.1.1 Installation unter Windows |
21 |
|
|
1.1.2 Installation auf dem Mac |
23 |
|
|
1.2 Eine HTML-Seite erstellen |
24 |
|
|
1.2.1 Dream weaver für Windows starten |
24 |
|
|
1.2.2 Dream weaver für Macintosh starten |
26 |
|
|
1.2.3 Eine neue Seite erstellen |
26 |
|
|
1.3 Die Benutzeroberfläche im Überblick |
27 |
|
|
1.3.1 Die Benutzeroberfläche der Macintosh-Version |
29 |
|
|
1.4 Text einfügen |
29 |
|
|
1.5 Listen und Aufzählungen erstellen |
30 |
|
|
1.6 Texte formatieren |
34 |
|
|
1.6.1 Logische Textauszeichnung |
34 |
|
|
1.6.2 Hervorhebungen mit Farben und Schriftattributen |
35 |
|
|
1.6.3 Schriftart und Schriftgröße festlegen |
37 |
|
|
1.7 Seiteneigenschaften definieren |
38 |
|
|
1.8 Webseite speichern |
39 |
|
|
1.9 Zusammenfassung |
41 |
|
|
1.10 Fragen und Antworten |
41 |
|
|
1.11 Workshop |
41 |
|
|
1.11.1 Quiz |
41 |
|
|
1.11.2 Übungen |
42 |
|
|
2 Eine Website anlegen und verwalten |
44 |
|
|
2.1 Eine Website erstellen |
44 |
|
|
2.2 HTML-Dateien hinzufügen |
48 |
|
|
2.3 Startseite der Website festlegen |
50 |
|
|
2.4 Dateien bearbeiten und betrachten |
50 |
|
|
2.5 Website-Elemente umbenennen, ver schieben und löschen |
52 |
|
|
2.5.1 Dateien umbenennen |
53 |
|
|
2.5.2 Dateien löschen |
54 |
|
|
2.5.3 Ordner erstellen und Dateien verschieben |
55 |
|
|
2.6 Dateien duplizieren |
56 |
|
|
2.6.1 Dateien in die Website importieren |
56 |
|
|
2.7 Websites für serverseitige Skriptspra chen |
57 |
|
|
2.7.1 Voraussetzungen |
57 |
|
|
2.7.2 Die Website anlegen |
58 |
|
|
2.8 Zusammenfassung |
61 |
|
|
2.9 Fragen und Antworten |
61 |
|
|
2.10 Workshop |
62 |
|
|
2.10.1 Quiz |
62 |
|
|
2.10.2 Übungen |
62 |
|
|
3 Seiten verknüpfen und aufrufen |
64 |
|
|
3.1 Hyperlinks erstellen |
64 |
|
|
3.1.1 Einen Hyperlink erstellen |
66 |
|
|
3.1.2 Hyperlink-Eigenschaften nachträglich ändern |
69 |
|
|
3.1.3 Hyperlinks zu Navigationsleisten anordnen |
70 |
|
|
3.2 Zielseite in neuem Fenster öffnen |
70 |
|
|
3.3 Hyperlinks formatieren |
72 |
|
|
3.3.1 Schriftfarbe ändern |
72 |
|
|
3.3.2 Unterstreichung entfernen |
73 |
|
|
3.3.3 Hyperlinks als Schaltflächen formatieren |
74 |
|
|
3.3.4 Abstände festlegen |
76 |
|
|
3.4 Anker erstellen und anspringen |
76 |
|
|
3.4.1 Einen Anker setzen |
76 |
|
|
3.4.2 Hyperlinks auf Anker setzen |
77 |
|
|
3.5 Zusammenfassung |
77 |
|
|
3.6 Fragen und Antworten |
77 |
|
|
3.7 Workshop |
78 |
|
|
3.7.1 Quiz |
78 |
|
|
4 Grafiken erstellen und einsetzen |
80 |
|
|
4.1 Die verfügbaren Grafikformate |
80 |
|
|
4.2 Schaltflächen-Grafiken mit Fireworks erstellen |
83 |
|
|
4.2.1 Die Zeichnungsfläche erzeugen |
83 |
|
|
4.2.2 Den Umriss zeichnen |
84 |
|
|
4.2.3 Die Schaltfläche mit Farbe füllen |
85 |
|
|
4.2.4 Den Text in die Grafik einfügen |
86 |
|
|
4.2.5 Die Grafik speichern |
86 |
|
|
4.2.6 Die weiteren Schaltflächen erzeugen |
87 |
|
|
4.3 Grafiken einfügen und verlinken |
87 |
|
|
4.3.1 Eine Grafik einfügen |
88 |
|
|
4.3.2 Hyperlinks hinterlegen |
89 |
|
|
4.4 Hintergrundgrafiken verwenden |
90 |
|
|
4.4.1 Vorbereitungen |
90 |
|
|
4.4.2 Die Hintergrundgrafik definieren |
90 |
|
|
4.5 Zusammenfassung |
92 |
|
|
4.6 Fragen und Antworten |
93 |
|
|
4.7 Workshop |
93 |
|
|
4.7.1 Quiz |
93 |
|
|
4.7.2 Übungen |
93 |
|
|
5 Seitenformatierung mit CSS |
94 |
|
|
5.1 Was sind Cascading StyleSheets? |
94 |
|
|
5.2 CSS in HTML-Seiten einsetzen |
95 |
|
|
5.2.1 Verschiedene CSS-Stilarten |
96 |
|
|
5.2.2 Elementstile erstellen und verwenden |
97 |
|
|
5.2.3 Eine CSS-Klasse erstellen und einsetzen |
100 |
|
|
5.2.4 ID-Stile erstellen |
105 |
|
|
5.2.5 Formatieren mit dem style-Attribut |
106 |
|
|
5.3 CSS-Dateien mit der Website ve rknüpfen |
107 |
|
|
5.4 CSS-Formatierung optimieren |
109 |
|
|
5.4.1 Netscape Navigator 4.x und absolute Po sitionierung |
110 |
|
|
5.4.2 Positionierung von und -Elementen in Mozilla |
111 |
|
|
5.5 Zusammenfassung |
112 |
|
|
5.6 Fragen und Antworten |
112 |
|
|
5.7 Workshop |
112 |
|
|
5.7.1 Quiz |
112 |
|
|
6 Tabellen erstellen und formatieren |
114 |
|
|
6.1 Tabellen erstellen |
114 |
|
|
6.1.1 Zellinhalte festlegen |
117 |
|
|
6.1.2 Zellen verbinden |
117 |
|
|
6.1.3 Textausrichtung ändern |
118 |
|
|
6.1.4 Spaltenbreiten anpassen |
120 |
|
|
6.2 Tabellenaufbau nachträglich ändern |
122 |
|
|
6.2.1 Zeilen hinzufügen |
123 |
|
|
6.2.2 Zeilen und Spalten löschen |
123 |
|
|
6.3 Formatierungen festlegen |
123 |
|
|
6.4 Zusammenfassung |
124 |
|
|
6.5 Fragen und Antworten |
124 |
|
|
6.6 Workshop |
125 |
|
|
6.6.1 Quiz |
125 |
|
|
6.6.2 Übungen |
125 |
|
|
7 Professionelles Seitenlayout mit Tabellen |
126 |
|
|
7.1 Vor- und Nachteile von tabell arischen Layouts |
126 |
|
|
7.1.1 Nachteile tabellarischer Layouts |
127 |
|
|
7.1.2 Vorteile |
128 |
|
|
7.2 Flexible Tabellenlayouts entwickeln |
128 |
|
|
7.2.1 Den Seitenaufbau festlegen |
129 |
|
|
7.2.2 Seitenbanner und Navigationsleiste erstellen |
129 |
|
|
7.2.3 Die vertikale Navigation erstellen |
130 |
|
|
7.2.4 Die Fußzeile erstellen |
131 |
|
|
7.3 Formatierung der Seite mit CSS und Hintergrundgrafiken |
131 |
|
|
7.3.1 Seitenbanner formatieren |
132 |
|
|
7.3.2 Die horizontale Navigationsleiste |
134 |
|
|
7.3.3 Die vertikale Navigation formatieren |
136 |
|
|
7.3.4 Seiteninhalt und Werbefläche formatieren |
138 |
|
|
7.3.5 Die Fußzeile |
139 |
|
|
7.3.6 Optimierungsmöglichkeiten |
140 |
|
|
7.3.7 Seitenrand beseitigen |
140 |
|
|
7.3.8 Die Hintergrundgrafik definieren |
141 |
|
|
7.4 Testen im Browser |
142 |
|
|
7.5 Zusammenfassung |
143 |
|
|
7.6 Fragen und Antworten |
143 |
|
|
7.7 Workshop |
144 |
|
|
7.7.1 Quiz |
144 |
|
|
8 Den HTML-Code bearbeiten |
146 |
|
|
8.1 HTML-Code anzeigen lassen |
146 |
|
|
8.2 HTML-Code anpassen und eingeben |
148 |
|
|
8.3 HTML-Syntax überprüfen |
150 |
|
|
8.4 Zusammenfassung |
151 |
|
|
8.5 Fragen und Antworten |
151 |
|
|
8.6 Workshop |
151 |
|
|
8.6.1 Quiz |
151 |
|
|
9 Nützliche Effekte mit JavaScript |
152 |
|
|
9.1 Eigenschaften von JavaScript |
152 |
|
|
9.1.1 JavaScript und Java |
152 |
|
|
9.1.2 JavaScript und die Sicherheit |
154 |
|
|
9.1.3 JavaScript und Cookies |
155 |
|
|
9.1.4 JavaScript als standardisierte Sprache |
155 |
|
|
9.2 Selbst programmieren |
157 |
|
|
9.2.1 Ein Skript einfügen |
157 |
|
|
9.2.2 Den No-Skript-Bereich einfügen |
159 |
|
|
9.3 Fenster in bestimmter Größe öffnen |
160 |
|
|
9.4 Hover-Schaltflächen erstellen |
163 |
|
|
9.5 Zusammenfassung |
165 |
|
|
9.6 Fragen und Antworten |
165 |
|
|
9.7 Workshop |
166 |
|
|
9.7.1 Quiz |
166 |
|
|
9.7.2 Übungen |
166 |
|
|
10 Bewegung auf der Webseite mit DHTML |
168 |
|
|
10.1 Was ist DHTML? |
168 |
|
|
10.2 Animationen mit DHTML erzeugen |
169 |
|
|
10.2.1 Voraussetzungen |
169 |
|
|
10.2.2 Startseite erstellen |
169 |
|
|
10.2.3 Verhalten hinzufügen |
172 |
|
|
10.3 Ebenen bewegen |
174 |
|
|
10.4 Zusammenfassung |
180 |
|
|
10.5 Fragen und Antworten |
180 |
|
|
10.6 Workshop |
181 |
|
|
10.6.1 Quiz |
181 |
|
|
10.6.2 Übungen |
181 |
|
|
11 Arbeiten mit dem PHP-Editor |
182 |
|
|
11.1 Eine PHP-Seite erstellen und testen |
182 |
|
|
11.1.1 Eine PHP-Datei erstellen |
183 |
|
|
11.1.2 PHP-Code einfügen |
184 |
|
|
11.1.3 Eine Variable definieren |
185 |
|
|
11.1.4 Variablenwerte ausgeben |
185 |
|
|
11.1.5 Die PHP-Seite testen |
186 |
|
|
11.2 Programmierhilfen nutzen |
187 |
|
|
11.3 PHP-Hilfe aufrufen |
190 |
|
|
11.4 Zusammenfassung |
191 |
|
|
11.5 Fragen und Antworten |
191 |
|
|
11.6 Workshop |
191 |
|
|
11.6.1 Quiz |
191 |
|
|
12 Formulare erstellen |
192 |
|
|
12.1 HTML-Formulare |
192 |
|
|
12.1.1 Ein Formular erstellen |
194 |
|
|
12.1.2 Steuerelemente einfügen |
195 |
|
|
12.2 Wichtige Steuerelemente einfügen |
197 |
|
|
12.2.1 Eingabe- und Kennwortfelder |
197 |
|
|
12.2.2 Kontrollkästchen und Optionsfelder |
200 |
|
|
12.2.3 Auswahllisten |
201 |
|
|
12.2.4 Versteckte Formularfelder |
203 |
|
|
12.3 Steuerelemente beschriften |
204 |
|
|
12.3.1 Beschriftungen mit dem |
204 |
|
|
12.3.2 Beschriftungen mit blinden Tabellen |
205 |
|
|
12.4 Formulare formatieren |
206 |
|
|
12.5 Zusammenfassung |
209 |
|
|
12.6 Fragen und Antworten |
209 |
|
|
12.7 Workshop |
209 |
|
|
12.7.1 Quiz |
209 |
|
|
12.7.2 Übungen |
209 |
|
|
13 Formulardaten nutzen und auswerten |
210 |
|
|
13.1 Eingaben prüfen |
210 |
|
|
13.1.1 Clientseitige Prüfung |
211 |
|
|
13.1.2 Serverseitige Prüfung mit PHP |
212 |
|
|
13.2 Formulare mit PHP auswerten |
213 |
|
|
13.2.1 Datenbindungen definieren |
213 |
|
|
13.2.2 Die Daten einfügen |
214 |
|
|
13.2.3 E-Mail senden |
216 |
|
|
13.3 Daten mit ASP empfangen |
219 |
|
|
13.3.1 Das Suchformular erstellen |
219 |
|
|
13.3.2 Die Folgeseite erstellen und den Suchbegriff aus geben |
220 |
|
|
13.3.3 Die Suchergebnisse anzeigen |
221 |
|
|
13.4 Zusammenfassung |
227 |
|
|
13.5 Fragen und Antworten |
227 |
|
|
13.6 Workshop |
228 |
|
|
13.6.1 Quiz |
228 |
|
|
13.6.2 Übungen |
228 |
|
|
14 Dynamische Navigationsleisten mit ASP |
230 |
|
|
14.1 Eine einfache Navigation erstellen |
230 |
|
|
14.1.1 Der HTML-Code für die Navigation |
231 |
|
|
14.1.2 Dynamik hinzufügen |
233 |
|
|
14.2 Navigationsstrukturen dynamisch erzeugen |
237 |
|
|
14.2.1 Die Struktur der Navigationsleiste festlegen |
237 |
|
|
14.2.2 Textdateien auslesen |
238 |
|
|
14.2.3 URL-Parameter abrufen und verwenden |
242 |
|
|
14.2.4 Die Navigation formatieren |
243 |
|
|
14.3 Zusammenfassung |
248 |
|
|
14.4 Fragen und Antworten |
248 |
|
|
14.5 Workshop |
248 |
|
|
14.5.1 Quiz |
248 |
|
|
15 PHP-Seiten mit Dreamweaver erstellen |
250 |
|
|
15.1 Voraussetzungen |
250 |
|
|
15.1.1 Was sind Datenbanken und Datenbankserver? |
251 |
|
|
15.1.2 Von Beziehungen und Tabellen |
253 |
|
|
15.2 Der Umgang mit MySQL |
254 |
|
|
15.2.1 MySQL unter Windows installieren |
254 |
|
|
15.2.2 MySQL starten |
255 |
|
|
15.2.3 Eine Datenbank anlegen |
255 |
|
|
15.2.4 Eine Tabelle erzeugen |
257 |
|
|
15.2.5 Testdaten eingeben |
259 |
|
|
15.2.6 Die MySQL-Konsole beenden |
260 |
|
|
15.3 Datenbankverbindungen generieren |
260 |
|
|
15.4 Eine Benutzeranmeldung realisieren |
261 |
|
|
15.4.1 Vorbereitungen |
261 |
|
|
15.4.2 Das Serververhalten einfügen und konfigurieren |
262 |
|
|
15.5 Zusammenfassung |
264 |
|
|
15.6 Fragen und Antworten |
264 |
|
|
15.7 Workshop |
264 |
|
|
15.7.1 Quiz |
264 |
|
|
15.7.2 Übungen |
265 |
|
|
16 Webseiten mit Datenbankanbindung |
266 |
|
|
16.1 Eine Datenbank erstellen |
266 |
|
|
16.1.1 Aufbau der Tabellen |
266 |
|
|
16.1.2 Die Datenbank und Tabellen erstellen |
267 |
|
|
16.2 Die Datenbankverbindung definieren |
268 |
|
|
16.3 Ein Eingabeformular erstellen |
269 |
|
|
16.4 Datensätze auslesen und anzeigen |
274 |
|
|
16.4.1 Datensätze verknüpfen |
274 |
|
|
16.4.2 Datensätze anzeigen |
276 |
|
|
16.4.3 Bereiche wiederholen |
277 |
|
|
16.5 Daten filtern |
278 |
|
|
16.6 Ein Suchformular erstellen |
280 |
|
|
16.7 Zusammenfassung |
281 |
|
|
16.8 Fragen und Antworten |
281 |
|
|
16.9 Workshop |
282 |
|
|
16.9.1 Quiz |
282 |
|
|
16.9.2 Übungen |
282 |
|
|
17 Websites überprüfen und veröffentlichen |
284 |
|
|
17.1 Links prüfen |
284 |
|
|
17.2 Verwaiste Dateien finden |
285 |
|
|
17.3 Website-Berichte erstellen |
286 |
|
|
17.4 Tippfehler suchen und beheben |
289 |
|
|
17.5 FTP-Einstellungen festlegen |
290 |
|
|
17.6 Die Website veröffentlichen |
292 |
|
|
17.7 Zusammenfassung |
293 |
|
|
17.8 Fragen und Antworten |
293 |
|
|
17.9 Workshop |
293 |
|
|
17.9.1 Quiz |
293 |
|
|
18 Website-Verwaltung mit Vorlagen und Musterseiten |
294 |
|
|
18.1 Was sind Vorlagen? |
294 |
|
|
18.2 Vorlagen erstellen und bearbeiten |
295 |
|
|
18.2.1 Bearbeitbare Bereiche hinzufügen |
297 |
|
|
18.2.2 HTML-Seiten mit Vorlagen verknüpfen und Ver knüpfungen entfernen |
298 |
|
|
18.2.3 Vorlagen nachträglich bearbeiten |
300 |
|
|
18.3 Bibliothekselemente verwenden |
301 |
|
|
18.4 Seitenelemente als Code-Fragmente speichern |
304 |
|
|
18.5 Vorlagen mit PHP und ASP-Code erweitern |
306 |
|
|
18.6 Zusammenfassung |
308 |
|
|
18.7 Fragen und Antworten |
308 |
|
|
18.8 Workshop |
308 |
|
|
18.8.1 Quiz |
308 |
|
|
18.8.2 Übungen |
308 |
|
|
19 Ein Minishop mit PHP |
310 |
|
|
19.1 Funktionen des Shops |
310 |
|
|
19.2 Aufbau der Datenbank |
312 |
|
|
19.2.1 Kunden- und Anmeldedaten |
312 |
|
|
19.2.2 Artikeldaten organisieren |
313 |
|
|
19.2.3 Warenkorb- und Bestelldaten |
314 |
|
|
19.3 Artikel auslesen und anzeigen |
316 |
|
|
19.3.1 Die Datenbankverbindung erstellen |
316 |
|
|
19.3.2 Artikelgruppen anzeigen |
317 |
|
|
19.3.3 Artikel auflisten |
319 |
|
|
19.3.4 Die Artikelanzeige optimieren |
321 |
|
|
19.4 Die Warenkorbfunktion |
323 |
|
|
19.4.1 Die Anmeldeseite erstellen und die Benutzer anmeldung realisieren |
323 |
|
|
19.4.2 Den Benutzernamen an die Artikelauswahl wei tergeben |
325 |
|
|
19.4.3 Den Zugriff auf die Seite mit der Artikelauswahl beschränken |
327 |
|
|
19.4.4 Formulare zum »Kaufen« der Artikel hinzufügen |
327 |
|
|
19.4.5 Die Datensätze speichern |
328 |
|
|
19.4.6 Den Warenkorb anzeigen lassen |
329 |
|
|
19.4.7 Datensätze aus dem Warenkorb löschen |
331 |
|
|
19.5 Die Bestellung speichern |
332 |
|
|
19.5.1 Das Formular erstellen |
333 |
|
|
19.5.2 Den Datensatz in der Tabelle bestellungen spei chern |
333 |
|
|
19.5.3 Den Artikel aus dem Warenkorb löschen |
334 |
|
|
19.5.4 Die Bestellung anzeigen |
334 |
|
|
19.6 Zusammenfassung |
337 |
|
|
19.7 Fragen und Antworten |
337 |
|
|
19.8 Workshop |
338 |
|
|
19.8.1 Quiz |
338 |
|
|
19.8.2 Übungen |
338 |
|
|
20 Benutzeranmeldung mit ASP |
340 |
|
|
20.1 Vorbereitungen – Erstellen von Datenbank und Tabelle |
340 |
|
|
20.1.1 Eine ODBC-Datenquelle einrichten |
342 |
|
|
20.2 Die Anmeldung realisieren |
344 |
|
|
20.3 Eingabeformulare erstellen |
346 |
|
|
20.4 Datenänderung ermöglichen |
348 |
|
|
20.4.1 Das Formular erstellen |
349 |
|
|
20.4.2 Anmeldung erzwingen |
349 |
|
|
20.4.3 Vorhandene Daten anzeigen |
350 |
|
|
20.4.4 Datensatz speichern |
351 |
|
|
20.5 Eine Abmeldung realisieren |
352 |
|
|
20.6 Zusammenfassung |
353 |
|
|
20.7 Fragen und Antworten |
353 |
|
|
20.8 Workshop |
354 |
|
|
20.8.1 Quiz |
354 |
|
|
20.8.2 Übungen |
354 |
|
|
21 Design-Tipps für professionelle Webseiten |
356 |
|
|
21.1 Sinn und Zweck von Startseiten |
356 |
|
|
21.2 Seitenlayouts optimieren |
358 |
|
|
21.3 Tabellengestaltung mit Pfiff |
359 |
|
|
21.4 Farb- und Schriftgestaltung |
361 |
|
|
21.5 Probleme mit JavaScript und DHTML |
363 |
|
|
21.6 Problemfall Frameset |
364 |
|
|
21.7 Von »guten« und »schlechten« G rafiken |
369 |
|
|
21.8 Baustellenschilder |
372 |
|
|
21.9 Hinweise auf Browser-Kompatibilität |
373 |
|
|
21.10 Animationen in Massen |
374 |
|
|
21.11 Besucherzähler |
375 |
|
|
21.12 Popup-Fenster und Werbebanner |
376 |
|
|
21.13 Muss Musik wirklich sein? |
377 |
|
|
21.14 Die Sache mit der Rechtschreibung |
377 |
|
|
21.15 Suchmaschinen reinlegen? |
378 |
|
|
21.16 Zusammenfassung |
379 |
|
|
21.17 Fragen und Antworten |
379 |
|
|
21.18 Workshop |
379 |
|
|
21.18.1 Quiz |
379 |
|
|
21.18.2 Antworten |
380 |
|
|
Anhang A: Lösungen |
382 |
|
|
Anhang B: Die CD zum Buch (nicht im eBook enthalten, Inhalte auf Anfrage) |
388 |
|
|
B.1 Testversionen |
388 |
|
|
B.2 PHP und MySQL |
389 |
|
|
B.3 Die Beispiele zum Buch |
389 |
|
|
Anhang C: Tabellen |
390 |
|
|
C.1 Downloadadressen für PHP , MySQL und Apache |
390 |
|
|
C.2 Tastenkombinationen der Win dows Version |
390 |
|
|
C.3 Tastenkombinationen der Macintos h Version |
393 |
|
|
Stichwortverzeichnis |
396 |
|