Inhaltsverzeichnis. jetzt lerne ich. Vorwort 15

Transkript

1

2 Inhaltsverzeichnis jetzt lerne ich Vorwort 15 1 Los geht s: Der Start Dreamweaver installieren Dreamweaver aktivieren Den Arbeitsbereich erkunden Das Hauptfenster für den perfekten Start Bedienfeldgruppen mit wichtigen Funktionen Kleine Erfolgskontrolle 29 2 Die erste Webseite: Webvisitenkarte erstellen Eine neue HTML-Seite anlegen Ansichten im Dokumentfenster Absätze und Zeilenumbrüche erstellen Unsichtbare Elemente zur Orientierung Sonderzeichen im Bedienfeld EINFÜGEN Weitere HTML-Formate für die Seitenstruktur Überschriften hierarchisch definieren Vorformatierter Text für Codeelemente Listen sorgen für eine bessere Übersicht Texteinzug für Zitate Logische Stile für die Textauszeichnung 53 7

3 jetzt lerne ich Inhaltsverzeichnis 2.8 Dokumente speichern Kleine Erfolgskontrolle 57 3 Texte und Absätze mit CSS formatieren Wozu HTML? Wozu CSS? Arten unterschiedlicher CSS-Regeln Allgemeine Seiteneigenschaften für Text Seitenschrift mit gruppierten Schriftarten Schriftgröße absolut oder relativ bestimmen Farben von Text und Seitenhintergrund Seitenränder angeben Überschriften mit CSS formatieren Seitentitel für Suchmaschinen und Favoriten Zeichen und Absätze formatieren Text auswählen und Tag-Selektor nutzen Regel im Modus CSS des Inspektors erstellen Eine vorhandene CSS-Regel anwenden Schriftkombination ändern und erweitern Die Symbolleiste STILWIEDERGABE Kleine Erfolgskontrolle 81 4 Bilder: Mehr tausend als Worte Bilder in Adobe Fireworks erstellen Leinwand anlegen Elemente einfügen und Aussehen bestimmen Exportieren: Bildformat speichern Übung: Hintergrundbild erstellen Bilder einfügen Hintergrundbild bestimmen Bild als Seitenelement einbinden Bildeigenschaften bestimmen und ändern Bild austauschen Bildname für Identifikation und Verhalten Vergrößern, verkleinern und verzerren Helligkeit und Kontrast Bild scharf stellen Bild zuschneiden Bild optimieren 98 8

4 Inhaltsverzeichnis jetzt lerne ich Bild in Fireworks bearbeiten Lineale erleichtern das Layouten Einen Rahmen mit HTML ziehen Ausrichtung und Abstände mit HTML Das Bedienfeld CSS-STILE verwenden Vorhandene Stile bearbeiten: Hintergrundbild ausrichten Neue Stile erstellen: Bild als Listenelement ID-Stile: Abstand, Ausrichtung und Rahmen mit CSS CSS-Regeln optimieren Exkurs: Das Webfotoalbum Kleine Erfolgskontrolle Dokumente, Datenimport und allgemeine Funktionen Dokumente öffnen und anordnen Schwebende Dokumentfenster platzieren Browsergrößen simulieren Anordnung und Position schwebender Fenster Werkzeuge in der Statusleiste Inhalte aus vorhandenen Dateien importieren Über die Zwischenablage arbeiten Texte aus Microsoft Word und Excel importieren In Word gespeicherte HTML-Datei öffnen und optimieren Bilder aus anderen Anwendungen übernehmen Arbeitsschritte rückgängig machen Suchen und ersetzen Rechtschreibprüfung Vorschau im Browser Favoriten zusammenstellen Kleine Erfolgskontrolle CSS-Layout ändern Aufbau der CSS-Webseite Visuelle Hilfsmittel einblenden IDs einzelner div-elemente CSS-Regeln für einzelne Seitenbereiche Container und Elemente anpassen Seiteneigenschaften und -breite ändern Kopfzeile mit Logo einrichten (header) 150 9

5 jetzt lerne ich Inhaltsverzeichnis Neuen Container einfügen (streifen) Fußzeile mit Kontaktdaten (footer) Box für die Navigationsleiste (Sidebar1) Inhalt und Zeichen formatieren (maincontent) Feinschliff für die Navigationsspalte Interne CSS-Regel in separater Datei speichern Kleine Erfolgskontrolle Die lokale Site einrichten Lokale Site definieren Die Datei- und Verzeichnisstruktur Vorhandene Dateien duplizieren Neue Dateien und Verzeichnisse anlegen Dateien in andere Verzeichnisse verschieben Externe Dateien in die Site integrieren Dateien innerhalb der Site verschieben Stylesheet aktualisieren Vorhandene Websites verwalten Kleine Erfolgskontrolle Hyperlinks erstellen und bearbeiten Arten von Hyperlinks Neue Hyperlinks einfügen Links im Bedienfeld EIGENSCHAFTEN erstellen Informationen für barrierefreie Links Hyperlink entfernen Ziel im Browserfenster festlegen Benannter Anker für konkrete Dokument-Ziele Verweise Imagemaps: Links auf Bildbereichen Links aktualisieren und überprüfen HYPERLINK-PRÜFER einsetzen Links ändern CSS-Eigenschaften für Hyperlinks hervorheben Seiteneigenschaften für Links festlegen Navigationsleiste mit CSS erstellen Kleine Erfolgskontrolle

6 Inhaltsverzeichnis jetzt lerne ich 9 Tabellen für Daten Eine Tabelle erstellen Visuelle Hilfsmittel im Standardmodus Die erweiterte Ansicht nutzen Verschachtelte Tabellen erstellen Neue Inhalte einfügen Bestehende Tabellendaten importieren Tabellen bearbeiten Tabellen und Zellen auswählen Tabellen- und Zellenbreite festlegen Zellen verbinden Zellen teilen Zellauffüllung und Zellraum Rahmen, Hintergrundfarbe und andere Attribute Hintergrundfarbe mit HTML bestimmen Tabelle und Zelleninhalte ausrichten Eine Kopfzeile definieren Kein Umbruch Zellen hinzufügen und entfernen Tabellendaten sortieren Kleine Erfolgskontrolle Formulare für Feedback Vorbereitung: Dokument anlegen Ein Formular erstellen Formularelemente einfügen Textfelder für die Zeichen-Eingabe Versteckte Formularfelder für zusätzliche Infos Kontrollkästchen für mehrere Angaben Optionsschalter für die Auswahl einer Option Auswahllisten und Menüs Dateifeld für die Datenübertragung einfügen Feldgruppen für eine übersichtliche Struktur Spry-Überprüfung Textfeld Buttons zum Senden und Löschen der Daten Formulare verarbeiten Formulare mit CSS gestalten

7 jetzt lerne ich Inhaltsverzeichnis Spaltenlayout entwickeln Breite unterschiedlicher Textfelder anpassen Kleine Erfolgskontrolle AP-Elemente für dreidimensionale Effekte AP-Elemente erstellen und verwalten Das Bedienfeld AP-ELEMENTE AP-Elemente gruppieren Inhalte einfügen Eigenschaften von AP-Elementen Eine Ebene markieren und entfernen ID und CSS-Regel ändern Der Z-Index für die Stapelreihenfolge Die Größe ändern Ebenen positionieren AP-Elemente ausrichten Hintergrundfarbe und -bild bestimmen Sichtbarkeit einstellen Überlauf des Inhalts Ausschnitt festlegen Ebenen in der CSS-Regel-Definition Kleine Erfolgskontrolle Verhalten für interaktive Webseiten Das Bedienfeld VERHALTEN einsetzen Verhalten erstellen: Ebenen ein- / ausblenden Ereignisse ändern Weitere Anwendungsbeispiele Browserfenster öffnen Fenster schließen Popup-Fenster erstellen Verhalten entfernen und bearbeiten Kleine Erfolgskontrolle Abschluss-Workshop Aufgabe 1: Inhalte einbinden Aufgabe 2: Schatten im Hintergrund Aufgabe 3: Flaggen einfügen

8 Inhaltsverzeichnis jetzt lerne ich 13.4 Aufgabe 4: Impressum und Disclaimer Aufgabe 5: Titelbilder austauschen Kleine Erfolgskontrolle Website veröffentlichen Die Remote-Site einrichten Verbindung mit einer entfernten Site herstellen Voreinstellungen für die SITE ändern Bereitstellen: Dateien uploaden Arbeiten im Team Dateien downloaden Synchronisation: Dateien aktualisieren Remote-Verbindung trennen Kleine Erfolgskontrolle 303 Anhang A: Kleine Erfolgskontrolle Auflösung 305 Anhang B: Schnelle Pannenhilfe 311 Anhang C: Interessante Websites 315 Anhang D: Lexikon 319 Stichwortverzeichnis