Joseph W.Lowery. Dreamweaver 3. Eine Einführung. Übersetzt und überarbeitet von Constantin Ehrenstein

Transkript

1 Joseph W.Lowery Dreamweaver 3 Eine Einführung Übersetzt und überarbeitet von Constantin Ehrenstein

2 Einleitung Was in dieser Ausgabe neu ist 14 An wen richtet sich dieses Buch? Welche Hardware und Software benötigen Sie? 15 Wie dieses Buch organisiert ist 16 Teil I: Der Einstieg in Dreamweaver Teil II: Verwendung von HTML-Grundlagen in Dreamweaver 16 Teil III: Fortgeschrittene Anwendung von Dreamweaver 16 In diesem Buch benutzte Konventionen Windows- und Macintosh-Konventionen Tastenkombinationen 1Я Mausanweisungen lo Menübefehle 18 Typografische Konventionen 19 Quelltext Im Buch zurechtfinden Weitere Information Der Einstieg in Dreamweaver 21 Was ist Dreamweaver? 23 Die wahre Welt von Dreamweaver Integrierte Layout- und Text-Editoren 24. Roundtrip HTML 25 Werkzeuge zur Pflege der Internetpräsenz 25 Die Dreamweaver-Schnittstelle Einfache Texteingabe Objektmodifikation in einem Schritt 26 Komplette Anpassung der Umgebung Erweiterte Layoutoptionen 28 Vorschau von aktiven Inhalten 28 Erweitertes Suchen und Ersetzen 28 Topaktuelle HTML-Standards Geradlinige Text- und Grafikunterstützung 29 Erweiterte Tabellenfunktion 30 Einfache Formulareingabe 30 '*

3 Inhalt Einrichtung von Frames per Click-and-Drag 31 Multimedia-Ergänzungen 31 Funktionen der nächsten Generation 32 3D-Ebenen 32 Animierte Objekte 32 Dynamische Aktualisierung von Stilen 33 JavaScript-Verhaltensweisen '. 33 Site-Management-Werkzeuge 34 Konvertierung von Webseiten 34 Überprüfung von Hyperlinks 34 FTP-Veröffentlichung 35 Site-Map 36 Ein-/Auschecken von Dateien 36 Zusammenfassung 37 Kapitel 2 Schnellstart für Einsteiger 39 Eine Site einrichten 40 Das Layout der Startseite 42 Beginnen mit dem <head> 43 Die Seitenfarben festlegen 44 Erstes grafisches Layout 45 Kundentext einschließen 47 Aktivieren der Seite 49 Vorschau und Veröffentlichen der Seite 51 Zusammenfassung 53 Kapitel 3 Dreamweaver entdecken 55 Anzeigen des Dokumentfensters 56 Arbeiten mit der Statusleiste 57 Tag-Selektor 57 Fenstergrößen-Popup-Menü 58 Download-Anzeiger 60 Der Launcher 61 Auswählen von der Objektpalette 62 Allgemeine Objekte 64 Formular-Objekte 65 Frames-Objekte 67 Head-Objekte 68 Unsichtbare Objekte 68 Zeichen-Objekte 69 So holen Sie das meiste aus dem Eigenschaften-Inspector heraus 70 Beeinflussung des Eigenschaften-Inspectors 70 Elemente des Eigenschaften-Inspectors 71 Verwendung des Launchers 73

4 Einrichtung Ihrer Arbeitsfläche mit kombinierten Fenstern und Paletten Zusammenfassung 84 Voreinstellungen definieren 87 Einrichten Ihrer Umgebung 88 Allgemeine Einstellungen 88 Voreinstellungen für unsichtbare Elemente 93 Schwebende Fenster 95 Markierungseinstellungen 96 Quick-Tag-Editor-Einstellungen 97 Statusleisteneinstellungen 99 Externe Editoren-Einstellungen 101 Fortgeschrittene Funktionen anpassen 104 Ebenen-Einstellungen 105 CSS-Stile-Voreinstellungen 108 Übersetzungseigenschaften 109 Onlineverbindungen herstellen 110 Site-FP-Voreinstellungen 110 Vorschau in Browser-Voreinstellungen 112 Andere Voreinstellungen 114 Zusammenfassung 114 Erstellung Ihrer ersten Site 115 Planung Ihrer Site 116 Ausgangsüberlegungen 116 Designvarianten 118 Eine lokale Site definieren 121 Einschalten des Ein-/Auschecken-Systems 124 Site-Informationen verwalten 125 Relative und absolute Adressen 126 Absolute Adressen 126 Dokumentrelative Adressen 127 Stammrelative Adressierung 128 Erstellen und Speichern von Webseiten 130 Starten von Dreamweaver 130 Öffnen einer bestehenden Datei 130 Ein neues Fenster öffnen 132 Eine neue Seite öffnen 132 Ihre Seite speichern 132 Schließen der Seite 133 Das Programm beenden 133 Vorschau Ihrer Webseiten 134 Onlineveröffentlichung Ihrer Seiten 135 Zusammenfassung 136 -':.',; ; - :. '..: f " : : '. - '. : : л\. ' :,У -,i: '. - i i. : 4:V '.''' '. -;, : "r' v'..-..' < - >.. ': :.';'!'V-

5 Inhalt Teil В Verwendung von HTML-Grundlagen in Dreamweaver 139 Kapitel 6 Die Arbeitsweise von HTML verstehen 141 Die Struktur einer HTML-Seite 142 <head>-elemente definieren 143 Seiteneigenschaften festlegen 143 Eine Farbpalette auswählen 146 Verstehen von <meta>- und anderen <head>-tags 147 Den <body>-abschnitt ergänzen 155 Logische Stile 155 Physische Stile 156 Mit dem HTML-Quell-Inspector arbeiten 157 Schnelle Tag-Modifizierung mit dem Quick Tag Editor ' HTML einfügen-modus 160 Tag um Objekt legen-modus 163 Tag bearbeiten-modus 164 Symbole und Sonderzeichen einfügen 166 Benannte Sonderzeichen 167 Dezimale Sonderzeichen 167 Die Zeichenobjekte verwenden 168 Zusammenfassung 169 Kapitel 7 Hinzufügen von Text zu Ihrer Webseite 171 Starten mit Überschriften 172 Arbeiten mit Absätzen 173 Absätze bearbeiten 175 Suchen und Ersetzen verwenden 181 Das Tag <br> 197 Andere Zwischenraum-Tags # Word-HTML importieren 199 Ihren Text gestalten 201 Arbeiten mit vorformatiertem Text 201 Verschiedene Stile darstellen 202 HTML-Stile verwenden 204 HTML-Stile anwenden 205 Entfernen von HTML-Stilen 206 HTML-Stile definieren 207 Textformat modifizieren 209 Anpassen der Schriftgröße 210 Absolute Größe 211 Relative Größe 211 Hinzufügen von Textfarbe 213

6 It» Zuweisen einer speziellen Schriftart 215 Text ausrichten 218 Ganze Absätze einrücken 219 Das Datum verarbeiten 220 Ihren Quelltext kommentieren 222 Zusammenfassung 223 Kapitel 8 Einfügen von Bildern 225 Webgrafikformate 226 GIF 226 JPEG 228 PNG 229 Inline-Bilder verwenden 230 Bilder einsetzen 230 Bilder modifizieren 233 Arbeiten mit Ausrichtungsoptionen 237 Bilder im Hintergrund einfügen 241 Die Webseite mit horizontalen Linien unterteilen 243 Einfache Webanimation einbinden 245 Rollover-Bilder einsetzen 246 Eine Navigationsleiste hinzufügen 249 Zusammenfassung 253 Kapitel 9 Erstellen von Internet-Hyperlinks 255 URLs verstehen 256 Mit Hypertext im Web surfen 258 Auf eine Datei zeigen 260 Adressierungsarten 261 Einen -Hyperlink hinzufügen 262 Navigation mit Ankern 263 Bewegen innerhalb des gleichen Dokuments 265 Einen benannten Anker auf einer anderen Seite verwenden 266 Ziel Ihres Hyperlinks 266 Zusammenfassung 268 Teil С Fortgeschrittenes HTML einbinden 269 Kapitel 10 Tabellen erstellen 271 Grundlagen von HTML-Tabellen 272 Zeilen 273 Zellen 273 Spalten-/Zeilentitel 273 In Dreamweaver Tabellen einfügen 273

7 Inhalt Щ Ш/Ш- Einrichten von Tabellenvoreinstellungen 275 Modifizierung von Tabellen 276 Tabellenelemente auswählen 277 Inhalte einer Tabelle bearbeiten 280 Mit Tabelleneigenschaften arbeiten 284 Setzen von Zellen-, Spalten- und Zeileneigenschaften 294 Mit Tabellenformaten arbeiten 297 Tabellen sortieren 300 Tabellendaten einfügen 301 Ihre Webseite mit Tabellen strukturieren 303 Tabellen verschachteln 304 Zusammenfassung 306 Kapitel 11 Interaktive Formulare 307 Wie HTML-Formulare funktionieren 308 Einfügen eines Formulars in Dreamweaver 309 Textfelder verwenden 311 Textfelder 311 Kennwortfelder 314 Mehrzeilige Textbereiche 314 Auswahlkästchen und Optionsschalter bereitstellen 315 Auswahlkästchen 316 Optionsschalter 317 Formularlisten und Menüs erstellen 318 Dropdown-Menüs 318 Menüwerte 318 Listenfelder 320 Mit einem Sprungmenü navigieren 322 Sprungmenü modifizieren 324 Gehe zu-schaltflächen aktivieren 326 Aktivieren Ihres Formulars mit Schaltflächen 326 Abschicken-, Zurücksetzen- und Befehlsschaltflächen 327 Grafische Schaltflächen 328 Das versteckte Feld und das Dateifeld verwenden 329 Der Typ versteckte Eingabe 329 Der Typ Dateieingabe 329 Zusammenfassung 330 Kapitel 12 Gebrauch von Frames und Framesets 331 Frames und Framesets: Die Grundlagen 333 Spalten und Zeilen 333 Frames dimensionieren 333 Ein Frameset und Frames erstellen 334 Mehr Frames hinzufügen 336

8 Hi Inhalt Die Menus verwenden 336 Verwenden der Maus 337 Schnelle Framesets mit den Frame-Objekten 338 Mit dem Frameset-Eigensehaften-Inspector arbeiten 341 Frames in einem Frameset dimensionieren 341 Frame-Rahmen manipulieren 343 Rahmen entfernen 343 Framesets und Frames speichern 344 Frames modifizieren 345 Seiteneigenschaften 345 Mit dem Frame-Eigenschaften-Inspector arbeiten 347 Inhalte modifizieren 351 Frames löschen 352 Frame-Inhalt steuern 352 Abschnitte Ihres Framesets ansteuern 353 Spezifische Frames in Ihrem Frameset ansteuern 354 Zwei Frames oder mehr auf einmal aktualisieren 354 Umgang mit Browsern ohne Frame-Unterstützung 355 Zusammenfassung 357 Kapitel 13 Verwendung von Verhaltensweisen 359 Verhaltensweisen, Ereignisse und Aktionen 360 Zuweisen von Verhaltensweisen 361 Den Verhaltensweisen-Inspector verwenden 362 Hinzufügen von Verhaltensweisen 363 Standard-Ereignisse 364 Standardaktionen 365 Verhaltensweisen modifizieren 392 Parameter von Verhaltensweisen ändern 392 Reihenfolge von Verhaltensweisen ändern 392 Verhaltensweisen löschen 392 Zusammenfassung 393 Kapitel 14 Integration von Fireworks 395 Leichte Modifizierung von Grafiken 396 Ein Bild in Fireworks optimieren 397 Ein Bild in Fireworks bearbeiten 401 Erkennung von Design Notes durch Fireworks 402 Rollover einfügen 403 Dreamweavers Verhaltensweisen verwenden 403 Fireworks-Quelltext verwenden 406 Fireworks mit Dreamweaver steuern 410 Web-Fotoalbum 410 Zusammenfassung 413

9 Inhalt Kapitel 15 Arbeiten mit Ebenen 415 Grundlagen 416 Ebenen mit Dreamweaver erstellen 418 Ein Ebenenobjekt einfügen 419 Den Befehl Einfügen Ebene verwenden 420 Standardeigenschaften einer Ebene bestimmen 421 Ebenen modifizieren 422 Eine Ebene auswählen 422 Abmessungen einer Ebene verändern 423 Eine Ebene bewegen 424 Die Ebenenpalette 431 Ebenen mit Lineal und Raster ausrichten 433 Elemente zu einer Ebene hinzufügen 436 Formulare und Ebenen 437 Ihr Seitendesign mit Ebenen gestalten 438 Das Tracing-Bild verwenden 438 Das Tracing-Bild bewegen 439 Überlappungen verhindern 440 Präzisionslayouts entwerfen 440 Ebenen in Tabellen konvertieren 442 Aktivieren von Ebenen mit Verhaltensweisen 444 Ebene ziehen 444 Ebenentext festlegen 447 Ebenen ein-/ausblenden 448 Dreamweaver-Technik: eine Ladeanzeige-Ebene erstellen 449 Zusammenfassung 450 Index 451