Willkommen zum achten und letzten Teil dieses Tutorials zur Erstellung einer einfachen, responsiven Website mit Dreamweaver. Hier erfährst du, wie du in Dreamweaver eine Remotesite einrichtest. Eine Remotesite ist meist ein Webserver auf einem Computer an einem anderen Standort, der Kopien deiner lokalen Dateien vorhält. Wenn Besucher deine Web-Seiten in einem Browser aufrufen, greifen sie auf die Remotesite zu.

In diesem Tutorial erhältst einen Überblick über die Einrichtung einer Verbindung zu einem Remote-Server. Es werden auch einige Tipps zur Fehlerbehebung aufgeführt. Aber im Grunde hängt alles davon ab, wie der Remote-Server konfiguriert ist. Wende dich im Zweifelsfall an den Support deines Providers oder an deinen Systemadministrator.

Nachdem du eine Website erstellt hast, veröffentlichst du sie, indem du die Dateien auf einen Remote-Server hochlädst. Dort werden die Dateien für Testzwecke, zur Abstimmung im Team und zur Veröffentlichung (je nach Umgebung) gespeichert.

Bevor du diesen Schritt angehen kannst, brauchst du Zugriff auf einen Remote-Webserver, z. B. den Server eines Providers, eines Kunden oder im Intranet deines Unternehmens. Manche Internet Service Provider (ISPs) stellen kostenlosen Webspace im Rahmen ihres Internet-Tarifs zur Verfügung. Falls du keinen Zugriff auf einen solchen Server hast, kontaktiere deinen ISP, Kunden, Systemadministrator oder einen Anbieter mit Webhosting-Services. Einige Hosting-Pakete sind kostenlos, blenden aber Werbung auf der Website ihrer Nutzer ein. Es sind aber auch werbefreie (kostenpflichtige) Pakete erhältlich.

Es muss außerdem eine lokale Site definiert sein, bevor du weitermachen kannst. Weitere Informationen findest du in Teil 1 – Projektüberblick und Site-Definition .

Hinweis: Weitere Informationen zu Dreamweaver-Sites findest du in der Dreamweaver-Hilfe unter Lokale Version Ihrer Site einrichten .

Die Verwaltung von Dreamweaver-Sites basiert auf dem Prinzip, dass deine lokalen Dateien eine exakte Kopie der freigeschalteten Site im Internet bilden. Die Datei „index.html“ im Ordner „bayside“ wird zur Startseite deiner Remotesite. Wenn du schon eine Live-Website hast, die du nicht überschreiben möchtest, kannst du in den Site-Einstellungen einen Ordner mit Namen „bayside“ einrichten, um dort die Bayside Beat-Dateien hochzuladen.

1. Klicke im Dialogfeld „Site-Definition“ auf Server, um das Bedienfeld zu öffnen, in dem du deine Server-Definitionen hinterlegst (siehe Abbildung 2).

Du hast in Dreamweaver die Möglichkeit, mehrere Remote- und Test-Server zu definieren. Es kann allerdings immer nur jeweils ein Server der aktive sein.

1. Gib im Feld „Servername“ einen Namen für den Server ein. Der Name wird von Dreamweaver verwendet, um den Server zu identifizieren. Du kannst ihn also frei wählen. Möglicherweise brauchst du zwei Server, z. B. einen Server, auf dem du Dateien zur Abstimmung mit dem Kunden hochlädst, und einen anderen für die Livesite. Falls du nur einen Server hast, nenne ihn Remote-Server.
   

2. Wähle im Dropdown-Menü Verbinden über die Methode aus, über die du dich mit dem Server verbinden möchtest.
   
   Die gängigsten Verbindungsmethoden für Webserver sind FTP, SFTP und FTPS (FTP über SSL/TLS). Diese Akronyme sind alle recht ähnlich, sodass man sie leicht verwechseln kann. Falls du dir nicht sicher bist, welche Methode die richtige ist, bitte deinen Provider oder Server-Administrator um Hilfe. Deine Auswahlmöglichkeiten werden davon abhängen, welche Funktionen dein Remote-Server unterstützt.
   
   Wenn du deine Wahl getroffen hast, folge den Anweisungen im jeweiligen Abschnitt.

FTP steht für „File Transfer Protocol“ – die einfachste Art des Verbindungsaufbaus mit einem Remote-Server. Sie ist weniger sicher als die anderen Methoden. Du solltest sie daher wirklich nur dann auswählen, wenn dein Remote-Server SFTP oder FTPS nicht unterstützt.

FTP steht für „Secure File Transfer Protocol“. Das Protokoll arbeitet ähnlich wie FTP, baut aber eine verschlüsselte Verbindung zum Server auf und ist damit sicherer. Bei SFTP bietet Dreamweaver die Möglichkeit zur Anmeldung beim Remote-Server mit Benutzernamen und Kennwort oder aber mithilfe einer privaten Schlüsseldatei an.

1. Falls du das Optionsfeld Private Schlüsseldatei aktiviert hast, ändern sich die verfügbaren Optionen (siehe Abbildung 5).

Wenn dein Server die Verbindung mithilfe einer privaten Schlüsseldatei unterstützt, gib deinen Benutzernamen im Feld Benutzer ein. Klicke auf das Ordnersymbol rechts neben dem Feld Identitätsdatei. Navigiere zur lokalen Version deiner privaten Schlüsseldatei.

Manche Server erfordern auch eine Passphrase, also ein langes Kennwort aus mehreren Wörtern. Falls nötig, gib diese in das entsprechende Feld ein. Dreamweaver aktiviert automatisch das Kontrollkästchen Passphrase speichern. Wenn du es deaktivierst, wirst du jedes Mal zur Eingabe deiner Passphrase aufgefordert, wenn Dreamweaver eine Verbindung zum Server herstellt.

FTPS ist neuer und noch sicherer als SFTP (siehe oben). Die Verbindung zum Remote-Server wird per SSL (Secure Sockets Layer) oder TLS (Transport Layer Security) aufgebaut. Diese Verschlüsselungsprotokolle bieten zusätzliche Sicherheit bei der Server-Authentifizierung. Anders ausgedrückt überprüfen sie beim Verbindungsaufbau mit einem bekannten Server dessen Sicherheitszertifikat.

Bei beiden Optionen ändert sich die Eingabemaske (siehe Abbildung 6).

Wenn die Verbindung fehlschlägt, prüfe, ob Benutzername und Kennwort richtig sind. Bei Kennwörtern ist meistens die Groß- und Kleinschreibung wichtig. Vergewissere dich also, dass die Feststelltaste nicht aktiviert ist. Wenn das Problem dann noch nicht behoben ist, lies den Abschnitt mit Tipps zur Fehlerbehebung weiter unten auf dieser Seite.

Die meisten Fehler passieren bei der Angabe des Stammverzeichnisses. Exakte Anweisungen sind hier kaum möglich, weil Provider und Server-Administratoren hierfür unterschiedliche Richtlinien haben. Der Wert für das Stammverzeichnis sollte der Pfad sein, den du nach der Anmeldung beim Server eingeben musst, um zum Ordner zu gelangen, in dem du die Datei „index.html“ speichern möchtest.

Wenn die Bayside Beat-Homepage die Startseite deiner Website sein soll, muss hier der Pfad zum Stammverzeichnis des Remote-Servers angegeben werden. Auf einigen Servern wäre das „public_html“. Andere nennen das Stammverzeichnis „www“ oder „wwwroot“. Oder es gibt keinen Namen. Der Pfad zum Stammverzeichnis meines Remote-Servers lautet „/home/username/public_html“. Falls du unsicher bist, frage deinen Provider oder Server-Administrator.

Wenn die Bayside Beat-Homepage in einem Unterordner „bayside“ liegen soll, musst du den Pfad zu diesem Ordner eingeben. Auf meinem Server wäre das z. B. „/home/username/public_html/bayside_beat“.

Das Feld „Web-URL“ muss die URL für den Ordner enthalten, den du als Stammverzeichnis definiert hast, z. B. „http://www.example.com/“ oder „http://www.example.com/bayside/“. Dreamweaver versucht, den richtigen Wert zu erraten – aber der ist eben nur geraten. Übernimm den Vorschlag nicht, bevor du ihn gründlich überprüft hast.

Wenn du die Verbindung über SFTP aufbaust, sollten deine Einstellungen wie in Abbildung 7 aussehen.

In der Regel musst du die erweiterten Einstellungen für einen Server nicht ändern. Wirf trotzdem einen kurzen Blick darauf, bevor du die Server-Definition speicherst.

1. Die Option „Synchronisierungsinformationen beibehalten“ ist standardmäßig aktiviert. Damit lässt sich die letzte Aktualisierung von Dateien auf dem Remote-Server nachverfolgen, und du kannst die Funktion zum Synchronisieren der Site verwenden (siehe Dateien synchronisieren in der Dreamweaver-Hilfe).
   

2. „Dateien beim Speichern automatisch auf den Server hochladen“ sollte selten – besser nie – aktiviert sein, denn damit überschreibst du deine veröffentlichten Dateien. Wenn du einen Fehler machst, ist er sofort für die ganze Welt auf der Remotesite sichtbar.
   

3. Die Option „Datei-Auschecken aktivieren“ ist für Projekte gedacht, an denen mehrere Personen arbeiten. Wenn sie aktiviert ist, darf jeweils nur eine Person eine Seite bearbeiten (siehe Dateien einchecken und auschecken in der Dreamweaver-Hilfe).
   

4. Testserver: Diese Optionen werden nur bei der Definition eines Test-Servers für eine Website verwendet, die eine Server-seitige Technologie wie PHP, ASP.NET oder ColdFusion nutzt.
   

5. Klicke auf Speichern, um deine Server-Definition zu registrieren. Damit kehrst du zum Bedienfeld „Server“ im Dialogfeld „Site-Definition“ zurück, wo deine Server-Definition nun aufgeführt wird (siehe Abbildung 9).

Dreamweaver aktiviert das Optionsfeld „Remote-Server“ automatisch.

Über die Symbole am unteren Rand des Bedienfelds „Server“ kannst du Server hinzufügen, löschen, bearbeiten oder eine ausgewählte Server-Definition duplizieren. Das Duplizieren ist dann nützlich, wenn du nur ein paar Details ändern musst, um die Verbindung zu einem anderen Server einzurichten.

Du kannst mehrere Remote-Server für eine Site definieren, aber nur zu jeweils einem eine Verbindung herstellen. Diesen bestimmst du, indem du das Optionsfeld in der Spalte „Remote-Server“ für den betreffenden Server aktivierst.

Du kannst nun die Dateien aus deinem lokalen Ordner auf den Remote-Webserver hochladen, um deine Seiten zu veröffentlichen.

1. Wenn Dreamweaver die Verbindung zum Server herstellt, wirst du über ein Dialogfeld gefragt, ob du auch abhängige Dateien übertragen möchtest (siehe Abbildung 11).

Die Standardeinstellung ist „Nein“. Wenn du nichts unternimmst, wird das Dialogfeld geschlossen, und es werden nur die im Dialogfeld „Dateien“ ausgewählten Dateien hochgeladen.

Für manche User ist die Aufnahme abhängiger Dateien durchaus praktisch, weil damit alle Dateien, die mit den ausgewählten Dateien verknüpft sind, automatisch hochgeladen werden. Überlege es dir aber gut, bevor du auf „Ja“ klickst. Du bearbeitest vielleicht gerade dein Stylesheet und bist noch nicht bereit, es hochzuladen. Mit „Ja“ wird das Stylesheet auf deiner veröffentlichten Website überschrieben, wenn es mit einer der Dateien verknüpft ist, die du hochlädst.

Wenn du das Kontrollkästchen „Diese Meldung nicht mehr zeigen“ aktivierst, werden auch in Zukunft nur die Dateien hochgeladen, die du vorher im Bedienfeld „Dateien“ ausgewählt hast. Du kannst die Optionen später in den Dreamweaver-Voreinstellungen unter „Site“ ändern.

Ein Webserver kann sehr unterschiedlich konfiguriert sein. Die folgende Liste beschreibt häufige Probleme bei der Einrichtung eines Remote-Servers und entsprechende Lösungen dafür:

Schaue bei Problemen mit FTP-Transfers in jedem Fall im FTP-Protokoll unter Site > Erweitert > FTP-Protokoll nach. Weitere Informationen findest du unter Fehlerbehebung bei FTP-Problemen auf der Adobe-Website.