Du möchtest eine eigene Homepage ins Netz stellen? Ein komplettes Webprojekt soll es sein? Immer zu! Dreamweaver ist das ideale Werkzeug und unser Heft bringt dich hoffentlich schnell zum Ziel.
Für Anfänger und Fortgeschrittene!
Du musst kein Profi sein, um dieses Heft zu verstehen. Die ersten Lektionen machen dich fit für HTML und CSS. Und nebenbei gehst du auch gleich die ersten Schritte mit Dreamweaver. In den weiteren Lektionen zeigen wir dir auch fortgeschrittene Techniken, beispielsweise beim Einbinden von Grafiken und Hyperlinks. In diesem Heft lernst du Folgendes:
- Dreamweaver CS3 (bzw. 8) optimal bedienen und einrichten
- Einfache HTML-Seiten erstellen
- Gestalten der Seiten mit CSS
- Site- und Vorlagen-Management
- Farben und Grafiken in die Seiten einfügen
- Site mit FTP auf den Webserver hochladen
Das Heft besitzt 80 Seiten. Es besteht aus acht Lektionen und vier Übungsblöcken und eignet sich daher wunderbar als Kursmaterial. Im Mittelpunkt steht ein attraktives Projekt, dass du Schritt für Schritt ausbaust.
Beispieldateien zum Download
Inhaltsübersicht:
VORWORT: WILLKOMMEN ZU DREAMWEAVER
Träume werden wahr 4
Heft als Kursmaterial 4
Über den Autor 5
Persönliche Anmerkungen 5
LEKTION 1: DREAMWEAVER IM ÜBERBLICK 6
Dreamweaver starten 6
Wichtige Grundeinstellungen 7
Die Bedienfeldgruppen 8
Dreamweaver im Gesamtüberblick 10
Weitere Tipps zu den Bedienfeldgruppen 12
Arbeit mit zwei Bildschirmen 12
Hilfe und Referenz 13
ÜBUNGSTEIL A: GRUNDBEDIENUNG VON DREAMWEAVER 14
LEKTION 2: DIE ERSTE SEITE MIT HTML 15
HTML im Kurzüberblick 16
Text erfassen 16
Speichern nicht vergessen! 17
Überschriftsformate 17
Attribute: Absatz ausrichten 18
Zeichenformate 18
Listen erstellen 18
Arbeit am HTML-Quelltext 19
Linien einfügen 20
Dokumenttitel festlegen 21
Meta-Tag für Zeichensatz 22
Vorschau im Browser 22
Prüfen des Quellcodes 23
Inhalte aus Word einfügen 24
LEKTION 3: DOKUMENT GESTALTEN MIT CSS 26
Schriftart ändern mit CSS 26
Bedienfeldgruppe „CSS“ 28
Überschrift chic gestalten 29
CSS-Klasse für Rahmeneffekt 29
Feste Breite einstellen per DIV 30
Aber bitte – in die Mitte! 32
CSS-Datei extern auslagern 33
Externes Stylesheet anfügen 34
Verlaufsfunktion 34
ÜBUNGSTEIL B: HTML UND CSS 36
LEKTION 4: WICHTIGE GRUNDEINSTELLUNGEN 37
Rechtschreibung 37
Verlaufsschritte 37
Standarddokumenttyp 37
Externer HTML-Editor 39
Groß- oder Kleinschreibung? 39
HTML-Tags umschreiben 40
Ambitionierter Codeeditor 40
CSS-Stile 41
Optionen der Statusleiste 41
Verbindungsgeschwindigkeit 42
Unsichtbare Elemente anzeigen 42
LEKTION 5: GRAFIKEN UND HINTERGRUND 43
Welche Grafikformate? 43
So bindest du eine Grafik ein 43
Wichtig: Alternativtext 44
Quick Tag Editor 46
Grafik bearbeiten 46
Bild in die Mitte rücken 48
Text fließt am Bild vorbei 48
Grafik mit Rahmen versehen 49
Hintergrundfarbe 49
Hintergrundgrafik 50
ÜBUNGSTEIL C: EINSTELLUNGEN, GRAFIK, HINTERGRUND 51
LEKTION 6: SITE MIT HYPERLINKS 53
Am Anfang steht der Plan 53
So richtest du eine Site ein 53
Ordner und Dateien erzeugen 55
HTML und CSS mit DIV 55
HTML-Datei erstellen 57
HTML und CSS verbinden 58
Interne Hyperlinks planen 59
Hyperlinks erzeugen 60
Ein Link nach oben 60
Externe Hyperlinks einbauen 61
Hyperlinkcheck und Sitemap 62
Das Register „Elemente“ 63
Arbeit mit Vorlagen 63
Snippets (Codefragmente) 64
LEKTION 7: TRICKS ZU HYPERLINKS 65
Farben und Effekte für Hyperlinks 65
Seite in neuem Browserfenster öffnen 66
Kurzinfo auf Hyperlinks 66
Grafik als Hyperlink einbinden 67
Bitte Feedback: Der E-Mail-Link 68
Verweise auf Dateien 68
Videodatei im YouTube-Stil 69
ÜBUNGSTEIL D: SITE UND HYPERLINKS 70
LEKTION 8: TABELLEN UND FORMULARE 71
Die Grenzen von Tabellen 71
Tabelle für die Preise einfügen 71
Breite und Höhe 72
Tabelle bearbeiten 73
Eine kleine Aufgabe zu CSS 74
Formulare einfügen 74
Einfache Texteingabefelder 74
Textbereich für Kommentare 75
Schaltfläche zum Absenden 76
Daten empfangen – mit PHP! 76
ANHANG: DATEIEN AUF DEN SERVER LADEN 77
Zugangsdaten eintragen 77
Verbindung herstellen 77
Dateien übertragen 77