Dreamweaver für Einsteiger

Die Dreamweaver Programmoberfläche
Texte und Bilder formatieren
Seitenlayout mit Tabellen
Bilder und Farben
Einführung in einfache Javascripte
HTML Quellcode
Veröffentlichen von Webprojekten
Gifanimationen, Hintergrundbilder und Imagemaps
Über die Grundlagen hinaus
Literaturhinweise und weiterführende Informationen

Jetzt haben Sie schöne HTML-Seiten gebaut, aber wie bekommen Sie die ins Internet? Die Dateien müssen auf einem sogenannten Webserver liegen. Der Webserver hat eine eigene URL (Uniform Resource Locator) wie z.B. www.sfk-online.com. Wenn Sie eine eigene Webadresse (Ihre Domain) und einen Webserver haben, können Sie dort Ihre Webseiten veröffentlichen.

Technik

Sie können die Dateien zum Beispiel mit einem FTP-Programm wie WS_FTP (Windows) oder Fetch (MacOS) auf den Webserver. "FTP" steht für File Transfer Protocol und wird benutzt, um Dateien auf einen Webserver zu laden oder zu löschen.



Achten Sie bei den Dateinamen und Ordnernamen darauf, dass Sie keine Sonderzeichen, Umlaute oder Leerzeichen benutzen. Alle HTML-Seiten, GIFs und JPEGs müssen sich in Ihrem Projekteordner (er hat in unserem Fall den Namen "upload") befinden. Wenn Sie ein Bild von einem anderen Ort auf Ihrer Festplatte geladen haben, wird dieses Bild später im Internet nicht angezeigt.

Dreamweaver hat in seiner Siteverwaltung ebenfalls einen eigenen FTP-Client integriert. Sie können auch damit Ihre Dateien auf den Webserver übertragen, müssen aber zuvor die Siteverwaltung von Dreamweaver aktivieren.
Als Übertragungsprotokoll bietet Dreamweaver neben FTP und sFTP noch SourceSafe (nur unter Windows verfügbar) und RDS (Remote Development Services, verfügbar bei ColdFusion-Hosting) an.
Eine weitere Option ist WebDAV (Web-based Distributed Authoring and Versioning), eine Erweiterung von HTTP. Damit ein Apache Webserver WebDAV anbietet, muss dieser das Modul mod_dav laden. Moderne Betriebsysteme können mit Bordmitteln auf WebDAV-Freigaben zugreifen, solange diese nicht SSL-verschlüsselt sind. So werden im Windows-Explorer die WebDAV-Freigaben "Webordner" genannt. Mac OS X 1.3 hat ebenfalls einen WebDAV Client zu bieten. SSL verschlüsselte WebDAV-Verbindungen können unter Mac OS X mit der Freeware Goliath aufgebaut werden.

Aufgabe A

Legen Sie sich für ein Webprojekt Ihre Verzeichnisse wie im Beispiel "Ordnerstrukturvorlage" an.
Die Datei "index.html" wird von Ihrem Webserver automatisch aufgerufen. Bauen Sie in die Datei "index.html" eine automatische Weiterleitung (in Dreamweaver "Aktualisierung" genannt) auf die Datei "home.html" ein. So eine Weiterleitung ist ganz praktisch, um z.B. vor dem eigentlichen Webauftritt eine Vorschaltseite zu zeigen oder Skripte wie eine Browserüberprüfung ablaufen zu lassen.

Damit die Weiterleitung für Sie sichtbar ist, habe ich der Seite "index.html" einen blauen Hintergrund gegeben, der Seite "home.html" einen roten.

Schritt für Schritt

1. Kopieren Sie sich das Verzeichnis "Ordnerstrukturvorlage".

2. Öffnen Sie die Datei "index.html".

3. Wählen Sie in Dreanweaver 4 in der Objektepalette die Objekte "Head" indem Sie in der Objektepalette auf das kleine Dreieck rechts oben klicken. Wählen Sie jetzt in der Objektepalette "Aktualisierung einfügen".
Oder gehen Sie in Dreamweaver MX 2004 auf Einfügen > HTML > Head-Tags > Aktualisieren.
Folgendes Fenster erscheint:

Nach "5" Sekunden soll der Browser auf die Datei "home.html" weitergeleitet werden.

5. Testen Sie Ihr Werk.

Aufgabe B

Veröffentlichen Sie Ihre kleine Website im Internet.
Sie brauchen dazu einen FTP-Zugang zu einem Webserver.
FTP steht für "File Transfer Protocol". Von Ihrem Provider (oder Ihrem Dozenten) bekommen Sie dafür Benutzername, Passwort und die FTP-Adresse des Servers.

Schritt für Schritt

1. Starten Sie Ihr FTP-Programm. Zum Beispiel das Mac Programm "Fetch".

2. Geben Sie Serveradresse, Benutzername und Passwort ein.

3. Klicken Sie auf "OK".

4. Ziehen Sie mit der Maus die Dateien aus dem Finder in das Fenster von Fetch.

5. Nach dem Hochladen der Daten müssen Sie ausgiebig testen. Werden alle Bilder angezeigt, funktionieren die Links?

Tipps

Wichtig ist es, dass Sie sich vor der Erstellung Ihres Webprojekts die Ordnerstruktur festlegen. Nachträgliche Änderungen an Dateinamen oder Speicherorten führen zu Komplikationen. Wenn Sie viele Bilder haben, sollten Sie auch im Ordner "bilder" weitere Unterordner anlegen.
Benennen Sie Ihre GIF und JPEG-dateien so, dass Sie später wissen aus welcher Originaldatei sie erzeugt wurden. Vermeiden Sie Datenchaos.
Wenn das Hochladen von Bildern in Fetch fehlschlägt, überprüfen Sie die Voreinstellungen des Programms. Deaktivieren Sie unter Preferences > upload das Anhängen von Dateierweiterungen wie ".bin" an Dateinamen oder stellen Sie das "default non Text format" auf "Raw Data".

Kontrollfragen und weitere Übungen

Welche FTP-Software für Mac oder PC kennen Sie?
Was bedeutet "FTP"?
Was wird bei dem Dateinamen "Meine Webpräsentation.html" zu Problemen führen?

Literaturhinweise

Weitere Informationen zum Thema Veröffentlichen von Internetprojekten finden Sie hier: http://de.selfhtml.org/projekt/publizieren.htm
Dateinamen: http://www.drweb.de/webmaster/dateinamen.shtml
Informationen zum Aufbau des Internet und zu Netzwerkprotokollen.

Letzte Aktualisierung dieser Datei am: 09.6.2005
Autor: Stephan Franke · Impressum und Hinweise zu diesen Seiten · Suche
Diese Seiten wurden produziert von: sfk

Haben Sie Anregungen, Kritik oder Ideen zu dieser Seite? Sie können hier einen Kommentar schreiben.
Ihr Kommentar wird am Ende dieser Seite angefügt.

Bislang wurden zu dieser Seite keine Kommentare geschrieben