Inhalt. Teil I: Einführung

Transkript

1 Teil I: Einführung 1 Ein Platz im Internet Wie kommt meine Site ins Internet? Was ist eine Website? Ein Platz im WWW Die eigene Domain Was ist eine Domain? Subdomains Top Level Domains Ist meine Domain noch frei? Domains registrieren Einen Provider finden Auswahl eines Webhosters Das passende Angebot finden Braucht man einen eigenen Webserver? Wie konfigurieren Sie Ihren Webspace? 33 2 Die Sprachen des Web Welche Sprachen gibt es? Hypertext Markup Language Strukturieren von Inhalten Tag-Attribute HTML-Entities Header und Body Darstellung im Browser Extensible Hypertext Markup Language Cascading Stylesheets JavaScript Ajax PHP und MySQL Webbrowser und Rendering Engines 47 Bibliografische Informationen digitalisiert durch

2 3 Dreamweaver im Vergleich Die Geschichte von Dreamweaver Dreamweaver Ultradev Dreamweaver MX und MX Dreamweaver 8 und die Übernahme von Macromedia durch Adobe Neues in Dreamweaver CS Neue Benutzeroberfläche Live-Ansicht Zugehörige Dateien InContext Editing Photoshop-Integration in Perfektion CSS-Eigenschaftsinpektor Weitere Funktionen, die nicht in diesem Buch behandelt werden Funktionen, die entfernt wurden Die Konkurrenz im Vergleich AdobeGoüve RapidWeaver Microsoft Expression Web Reine Texteditoren wie UltraEdit, BBEdit und TextMate Die Creative Suite Flash CS Fireworks und Photoshop CS Contribute CS Adobe Bridge 62 4 Dreamweaver CS4 - los geht's Dreamweaver installieren und aktualisieren Der Programmstart Die erste HTML-Seite Eine Website mit Hyperlinks und Bildern 71 5 Die Arbeitsumgebung Dokumentenfenster Entwurfsansicht Live-Ansicht 81

3 5.1.3 Codeansicht Teilen-Ansicht Statuszeile Der Code-Navigator Der Eigenschaftsinspektor Texteigenschaften CSS-Eigenschaften Bildeigenschaften Weitere Eigenschaften Eigenschaftsfenster in zwei Darstellungen Paletten Die Einfügen-Palette Anpassen der Arbeitsumgebung 90 Teil II: Ein Websiteprojekt 6 Eine neue Website Unser Beispielprojekt Beispielwebsite herunterladen Der Stammordner Neue Site anlegen und konfigurieren Site für fertige Website erstellen Wechseln zwischen Sites Eine Vorlage anlegen Vorlage entwerfen Was ist eine Vorlage? Beispiele im Web Vorlagen planen Ein Layout erstellen Beispielinhalte erstellen Eine Vorlage mit editierbaren Bereichen erstellen Seiten mit Inhalten füllen Neue Webseite erstellen Neue Dateien aus Vorlage erzeugen Seitentitel vergeben 122

4 8.2 Seiteninhalte einfügen Texteerstellen Überschriften Listenerstellen Bilder einfügen Tabellenerstellen Erstellen einer Navigation Hauptnavigation Fußzeilennavigation Vorlage speichern und auf Seiten anwenden Ein Layout erstellen Erstellen von Grafik-Segmenten Das Kopf-Segment Das Inhalts-Segment Das Fuß-Segment Aufbau von CSS-Dateien CSS-Datei bearbeiten CSS-Regeln für das Layout der Beispielwebsite Die CSS-Regel body bearbeiten Die CSS-Regel #container bearbeiten Die CSS-Regel #header bearbeiten Die CSS-Regel #headerh1 bearbeiten Die CSS-Regel #maincontent Die CSS-Regel #sidebar Die CSS-Regel #footer Die CSS-Regel #footer p CSS-Regeln für die Navigation Eigene CSS-Regeln erstellen CSS-Regel für die Überschrift erstellen CSS-Regel für die Links in der Fußzeile erstellen Websites testen, veröffentlichen und verwalten Website im Browser testen Browservielfalt Browsershots Browservorschau einstellen 178

5 Website im Browser testen Alle Hyperlinks testen Browserkompatibilität und Zugänglichkeit prüfen FTP-Übertragung konfigurieren Übertragen der Site auf den Server Übertragen über das Fenster Dateien Übertragung im Dokumentenfenster Website synchronisieren Website verwalten CMS mit Adobe InContext Editing 193 Teil III: Dreamweaver im Detail 12 Texte eingeben und strukturieren Textinhalte erstellen Text eingeben Sonderzeichen eingeben Leerzeichen eingeben Inhalte strukturieren Überschriften Absätze Einrückungen Vorformatierte Absätze Listen Hervorhebungen Importieren aus Word Word-HTML optimieren Texte aus der Zwischenablage einfügen Stylesheets und Word Arbeiten mit CSS Was sind Cascading Stylesheets? Externe und interne CSS CSS in Vorlagen einsetzen Methoden zur CSS-Erstellung CSS für Einsteiger CSS über Seiteneigenschaften CSS über den Eigenschaftsinspektor 223

6 13.3 Fortgeschrittene Techniken Das Fenster CSS-Stile Neuen CSS-Stil erstellen CSS-Stile bearbeiten CSS-Stile-Eigenschaften CSS-Regeln löschen Klassen-Selektoren umbenennen CSS-Stile an Texte zuweisen Externe Stylesheets verknüpfen Stylesheets verschieben Bilder einfügen Bilderbearbeiten Bildformate für das Web GIF JPEG PNG Bilder, Platzhalter und Hintergründe Bilder einfügen Bild-Platzhalter einsetzen Bilder oder Platzhalter austauschen Rollover-Bilder einsetzen Bildeinstellungen Bild ausrichten Alternativtext eingeben Bildgröße einstellen Bilder zuschneiden Helligkeit, Kontrast und Schärfe Tabellenerstellen Sonderfall Webtabellen Verschiedene Tabellenansichten Standard-Ansicht Erweiterte Ansicht Erstellung einer Tabelle Eigenschaften von Gesamttabellen Tabellen markieren Einstellungen für ganze Tabellen Höhe und Breite anpassen

7 15.5 Eigenschaften von Tabellenbereichen Spalten, Zeilen und Zellen auswählen Einstellungen für Tabellenbereiche Tabellenzellen gruppieren Spalten und Zeilen hinzufügen Tabellen sortieren Hyperlinks einsetzen Navigieren mit Hyperlinks Funktionsweise von Hyperlinks Das Wichtigste: die URL Hyperlinks anlegen in Dreamweaver Externe und interne Hyperlinks Links innerhalb einer Webseite Löschen von Hyperlinks Spezielle Hyperlinks anlegen Leere Links Links Imagemaps Downloadlinks Automatische Weiterleitung Interaktivität mit JavaScript Wie funktioniert JavaScript? JavaScript im Eigenschaftsinspektor JavaScript über Menüs einfügen Funktionsweise eines Verhaltens Ein Verhalten einfügen Wichtige Verhalten im Überblick Aktionen hinzufügen Aktionen bearbeiten Aktionen entfernen Ereignis festlegen Das JavaScript-Framework Spry

8 18 Formulare erstellen Formulare mit Dreamweaver Funktionsweise einrichten Formulare layouten Formularelemente einfügen Einfache Textfelder Mehrzeilige Textfelder Kontrollkästchen Optionsschalter Auswahllisten Schaltflächen Versteckte Felder Weitere Elemente Formularüberprüfung einbauen mit Spry Felder überprüfen Eigene Fehlermeldungen festlegen Spry-Überprüfungen bearbeiten Ein Kontaktformular anlegen Dreamweaver und die Creative Suite Adobe Photoshop CS Photoshop-Dateien in Dreamweaver importieren Bilder aus der Zwischenablage einfügen Bilder in Photoshop bearbeiten Einstellungen Adobe Fireworks CS Fireworks-Dateien in Dreamweaver importieren Bilder in Fireworks bearbeiten Eine Bildergalerie erstellen mit Dreamweaver und Fireworks Adobe Flash CS So funktioniert Flash Plug-in erforderlich Flash-Filme integrieren

9 Teil IV: Über Dreamweaver hinaus Bloggen mit WordPress Leistungsmerkmale von WordPress WordPress installieren WordPress administrieren Einloggen im Administrationsbereich Schreiben von Beiträgen Verwalten von Beiträgen WordPress-Templates Gesucht und gefunden bei Google Ihre Website mit Google bekannt machen Tipps zur Suchmaschinenoptimierung Verwenden Sie Titel und alt-attribute Meta-Tags Meta-Tags bearbeiten Website von anderen Websites verlinken Was Sie unbedingt vermeiden sollten Besucher-Statistiken mit Google Analytics Anzeigen mit Google AdWords Geld verdienen mit Google AdSense Mashups - die Welt in Ihre Website einbinden YouTube-Videos integrieren Google Maps integrieren 381 Index 385