Seminar DWMX DW Session 015

Transkript

1 Seminar DWMX 2004 DW Session 015

2 Veröffentlichen der lokalen Website Bis jetzt sind die Daten immer lokal in Dreamweaver bearbeitet und über die interne Vorschau mit F12/Strg.+F12 im Browser betrachtet worden. Um die Daten im Internet zur Verfügung zu stellen, muss die Verzeichnisstruktur inklusive aller Dateien veröffentlicht werden. Diese Veröffentlichung erfolgt über das dem HTTP-Protokoll verwandten FTP-Protokoll (File Transfer Protokol). Auf dem Server wird so eine komplette Kopie der lokalen Website erzeugt. Die Veröffentlichung wird am einfachsten über die entsprechenden Symbole vorgenommen: im Dokumentenfenster für das Bereitstellen/Abrufen der aktuellen Datei im Bedienfeld Dateien für das Bereitstellen/Abrufen einer/mehrerer/aller Datei(en) Um die gesamte Website zu veröffentlichen, muss das Stammverzeichnis (Site) im Bedienfeld Dateien angewählt sein. Danach die Schaltfläche Bereitstellen wählen.

3 Einrichten eines Remote-Servers/-Verzeichnisses Um Daten im Internet abrufen zu können, ist ein Web-Server notwendig. Auf diesem Rechner sind die Daten hinterlegt und entsprechende Dienste auf dem System stellen bei Anfrage die Website zur Verfügung. Damit Dreamweaver mit diesem Server kommunizieren kann, muss er eingerichtet werden. Diese Einrichtung erfolgt im Bedienfeld Site-Definitionen in der Kategorie Remote-Informationen Einrichten eines lokalen Remote-Verzeichnisses (nur zu Testzwecken!!!). Hierzu sollte ein neuer, leerer Ordner angelegt werden (z.b. remdir). Der Zugriff erfolgt per Lokal/Netzwerk Der Entfernte Ordner ist der hierfür angelegte Ordner remdir Die Option Liste mit Dateien automatisch aktualisieren kann hier auf jeden Fall aktiviert werden Dateien beim Speichern automatisch auf den Server laden kann hier auf jeden Fall aktiviert werden, da das Remote-Verzeichnis nur zu Testzwecken eingerichtet worden ist Ein- und Ausschecken von Dateien aktivieren braucht nicht aktiviert zu werden

4 Einrichten eines Remote-Servers/-Verzeichnisses Einrichten eines Remote-Servers. Die notwendigen Daten sollte der ISP (Internet Service Provider, z.b. Strato, 1&1 etc.) bereitstellen. Der Zugriff erfolgt per FTP (File Transfer Protocol) Der FTP-Host ist der URL (z.b. Der Host-Ordner muss nicht unbedingt aktiviert werden. Einige Provider legen die Daten in einem Unterverzeichnis ab. Hierzu erst die Verbindung ohne einen Host-Ordner einrichten. Sollten dann beim Verbinden auf dem Remote-Server nur Verzeichnisse vorhanden sein, das entsprechende Verzeichnis, welches die index.htm(l) enthält suchen und den Pfad als Host-Ordner angeben (meist /html/). Die Anmeldung ist der Benutzername für den FTP-Zugriff, das Kennwort das entsprechende Passwort. Für die Firewall-Einstellungen gibt es kein Patentrezept. Zuerst alles deaktiviert lassen und bei Bedarf -> ;-) Die Option Dateien bei Speichern automatisch auf den Server laden ist bei einer aktiven Verbindung zum Server mit Vorsicht zu genießen. Eine geänderte Datei wird sofort nach dem Speichern auf dem lokalen System auf den Server geladen. Ein Überprüfen auf Fehler

5 Einrichten eines Remote-Servers/-Verzeichnisses ist hierbei nicht mehr möglich. Die modifizierte Datei ist sofort online verfügbar (!) Die Option Ein- und Ausschecken von Dateien aktivieren sollte verwendet werden, wenn mehrere Personen eine Website entwickeln. Hierdurch wird ein versehentliches Überschreiben von Änderungen unterschiedlicher Entwickler vermieden. Ist diese Option aktiviert, stehen die Schaltflächen für das Ein- und Ausschecken von Dateien zur Verfügung. Ist eine Datei eingescheckt, wird dies durch ein Schloss und den Namen der Person (gleichzeitig Link für (!) sichtbar gemacht, ist sie ausgescheckt, durch einen grünen Haken. Wird eine eingescheckte Datei zum Bearbeiten ausgescheckt, kann Dreamweaver auch alle in der HTML-Datei verwendeten Dateien (Bilder, CSS etc.) automatisch mit ausschecken (Dialogfeld stellt Frage). Soll nur die HTML-Datei geändert werden, ist dies nicht notwendig. Beim Einschecken steht diese Option wieder zur Verfügung.

6 Konzeption und Realisierung Folgende Fragen/Gegebenheiten können bei der Konzeption der Website sehr hilfreich sein: Werden im Grafikprogramm schon Ebenen verwendet? Kann der Inhalt dieser Ebenen idealerweise in Ebenen in der Website verwendet werden (Export der einzelnen Ebenen/Elemente)? Soll nicht mit Ebenen gearbeitet werden: Dann muss über ein sinnvolles Hintergrundbild nachgedacht werden (Export eines Bildes)! Es muss u.u. eine Tabelle erstellt werden, um den Inhalt auf dem Hintergrund platzieren zu können. Kann diese Tabelle einfacher durch Segmente in Fireworks erstellt werden oder als gezeichnete Layout-Tabelle in Dreamweaver? In welchem Umfang kann CSS verwendet werden, um Abstände, Layouts, Typo etc. zu definieren oder müssen Textelemente vielleicht als Grafik exportiert werden? Kann JavaScript-Funktionalität schon unter Fireworks/Photoshop eingebettet werden (Wechselbutton, Hyperlinks, Alt-Texte etc.)?

7 Vielen Dank für die Aufmerksamkeit in diesem Semester! DW Session 015