Sitemanager

TP Login

TP Intern

Projekt perfekt verwalten - der Sitemanager

Wer nur mal eben eine HTML-Datei mit Dreamweaver bearbeitet oder die ganze Website nur aus einer "Willkommen das bin ich" Seite besteht braucht man Ihn sicher nicht. Ist aber mehr zu basteln, dann gehört der Sitemanager zum Arbeitsgerät.

Autor:: (ar)
Arbeitsmaterial:: download
Schwierigkeit:

Hinweis

Dieses Tutorial ist mittlerweile veraltet.

Vorwort

Der Begriff Site umfasst immer eine gesamte Homepage. Dazu gehören neben der Organisation sämtlicher Dateien (Html, Bilder, CSS usw.) auch die komplette Verwaltung von Hyperlinks und noch einiges mehr.

Mit dem Begriff Remote-Site ist die "Spiegelung" einer lokal eingerichteten Site auf dem Webserver gemeint. Das heißt, Sie erstellen lokal auf ihrem Rechner eine Site (komplette Homepage) und übertragen diese nach fertigstellung auf den Webserver damit sie Online für jedermann zur Verfügung steht.

Damit Sie die Sache nun angehen können müssen Sie zuerst eine Site definieren. Wir erstellen proforma einmal eine Site für eine Gastronomie. Praxis ist besser als Theorie und Sie können mit dieser "Test" Site später immer etwas experimentieren was weitere Einstellungen betrifft.

1

Starten sie Dreamweaver und gehen sie im Menü auf Site/Neue Site.

Abb.1

2

Folgendes Fenster erscheint. Links finden Sie die einzelnen Kategorien für die Sie im rechten Fenster Einstellungen vornehmen können. Fangen wir an mit den Lokalen Infos.

Abb.2

Einen Site-Name können Sie beliebig vergeben. Er dient nur dazu Ihre Site unter vielen wiederzufinden. Geben sie als Name Gastronomie Mustermann ein.

Lokaler Stammordner ist der Hauptordner in dem Sie Ihre Site auf der Festplatte speichern wollen. Sie finden daneben ein Ordnersymbol. Klicken Sie darauf und es öffnet sich ein Fenster in dem Sie Ordner erstellen bzw. raussuchen können. Wählen Sie dort Ihre Festplatte C:/ und erstellen Sie einen neuen Ordner "gastronomie".

Abb.3

Hierbei achten sie nun auf bestimmte Richtlinien bei der Vergabe von Namen. Lassen Sie sich nicht von Leuten beeinflussen die was anderes behaupten. Das ist zwar an dieser Stelle noch nicht ganz so wichtig aber dennoch, gewöhnen Sie sich unbedingt für alle Ordner und Dateien an!

Erstens In Kleinschreibweise und zweitens keine Leerzeichen, Umlaute etc. zu verwenden. Nicht jeder Web-Server kommt damit klar. Nun haben Sie einen lokalen Stammordner. Dieser beinhaltet später den eigentlichen Inhalt der Page. Alle anderen Einstellungen in der Kategorie Lokale Infos übernehmen Sie aus dem Bild.

Abb.4

3Kategorie Remote-Informationen.

Hier bestimmen Sie Ihre Remote-Site. Diese Daten müssen Sie nur dann eingeben wenn Sie die Site auch Online stellen wollen, ansonsten lassen sie dort Keine.

Der Zugriff auf den Webserver erfolgt im allg. per FTP. Wenn Sie sich bei einem Anbieter von Webspace anmelden erhalten Sie Zugangsdaten in Form einer Web oder FTP- adresse (www, ftp), Benutzername (Anmeldung) und ein Kennwort.

Abb.5

Haben Sie die Daten bekommen stellen sie Zugriff: FTP ein. Als FTP-Host tragen Sie die Adresse die Sie vom Anbieter dafür erhalten haben (siehe Bild) ein. Hostordner lassen Sie einfach frei, diese Angabe ist in den seltensten Fällen nötig. Bei Anmeldung tragen sie Ihren erhaltenen Benutzernamen ein und bei Kennwort das dazugehörige Passwort. Speichern (Häkchen) Sie das Passwort, dann brauchen Sie es nicht jedesmal eingeben wenn die Verbindung hergestellt wird. Mit den Optionen Firewall verwenden und Passiven FTP befassen Sie sich für den Anfang erstmal nicht. Lassen Sie getrost die Häkchen frei. Auch das Ein und Auschecken ist erstmal nicht wichtig.

An dieser Stelle fehlt die Kategorie Design-Notes. Diese Einstellungen sind nur von Bedeutung wenn sie mit mehreren Leuten gemeinsam an einer Homepage arbeiten. Lassen sie entweder die Standardeinstellungen oder entfernen Sie dort das Häkchen vorerst. Design-Notes werden wir in einem gesonderten Tutorial behandeln.

4Kategorie Sitemap-Layout.

Hier lassen Sie einfach die Standard-Einstellungen. Die Sitemap ist nur eine visuelle Einrichtung Ihrer Homepage in der Sie Strukturen, Verknüpfungen (Hyperlinks) der Dateien untereinander im linken Fenster sehen würden. Verstehen Sie das so als wenn Sie für die Besucher Ihrer Homepage eine Sitemap anbieten. Die Sitemap wählen sie später unter Fenster/Sitemap aus. Ob Sie damit arbeiten steht Ihnen völlig frei.

Abb.6

5Kategorie Dateiansichtsspalten.

Dies ist ebenfalls nur eine visuelle Einrichtung.

Abb.7

Damit werden Ihnen wie Sie im folgenden Bild sehen eine Reihen Informationen rechts (Typ, Größe etc.) in Spaltenform angezeigt. Diese Spalten und die ausrichtung ob Links, Rechts oder Zentriert stellen Sie eben in dieser Kategorie ein. Gemeinsame Verwendung der Spalten hat auch nur Bedeutung in Verbindung von Design-Notes.

6

Haben Sie alle Einstellungen vorgenommen wars das. Klicken Sie OK und DW sagt Ihnen das der Sitecache erstellt wird. Nach dem OK befinden Sie sich im Site-Fenster.

Abb.8

Bei Ihnen befindet sich vorerst nur der Ordner C:\gastronomie.

Nun können Sie Ihre Homepage strukturieren. Klicken Sie rechts auf den Ordner gastronomie. Es erscheint ein Kontexmenü wo Sie nun eine Reihe Möglichkeiten haben. Unter anderem Neue Ordner zu erstellen oder eine Neue Datei. Künftig können Sie Ihre Site komplett mit DW zu einer richtigen Homepage ausbauen. Obiges Bild zeigt einmal eine Beispiel-Struktur wie sie sein könnte. Alle Ordner und Dateien die Sie in DW erstellen werden auf Ihrer Festplatte im angegebenen Stammordner (gastronomie) gespeichert. Wie es wird liegt bei Ihnen und wie Sie die Homepage planen. Wichtig ist das sich im Stammordner immer eine index.html befindet. Diese Datei (Startdatei) startet automatisch wenn Ihre Url aufgerufen wird.

Im folgenden Bild sehen Sie wie eine Site später aufgerufen wird. Die Ansicht zwischen Site und Erstellungsfenster wechseln Sie mit F8.

Abb.9

Und in diesem Bild sehen Sie eine verbundene Remote-Site. Rot umrandet ist das Symbol mit dem Sie eine Verbindung zum entfernten Server gemäß den Einstellungen in der Kategorie Remote-Informationen herstellen.

Abb.10

Klicken Sie wenn Sie verbunden sind einmal rechts auf eine Datei oder Ordner im rechten Fenster und wählen dort Bereitstellen. Damit übertragen Sie die Site oder Teile davon ins Web. Um Hyperlinks brauchen sie sich dabei in der Regel keine Gedanken machen, DW übernimmt alles nötige für Sie. Solange die Remotesite mit der lokalen übereinstimmt dürfte nichts schiefgehen.

7

Stehen einmal Änderungen in den Einstellungen der Site an, dann können Sie das jederzeit über Site/Site definieren machen. Dort wählen Sie die Site aus deren Einstellungen Sie ändern wollen und klicken auf Bearbeiten.

Abb.11