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 Sie eine Website erstellt haben, veröffentlichen Sie sie, indem Sie die Dateien auf einen Remote-Server hochladen. Dort werden die Dateien für Testzwecke, zur Abstimmung im Team und zur Veröffentlichung (je nach Umgebung) gespeichert.

Bevor Sie diesen Schritt angehen können, benötigen Sie Zugriff auf einen Remote-Webserver, z. B. den Server eines Providers, eines Kunden oder im Intranet Ihres eigenen Unternehmens. Manche Internet Service Provider (ISPs) stellen kostenlosen Webspace im Rahmen ihres Internet-Tarifs zur Verfügung. Falls Sie keinen Zugriff auf einen solchen Server haben, kontaktieren Sie Ihren ISP, Kunden, Systemadministrator oder einen Anbieter mit Webhosting-Dienstleistungen. 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 Sie weitermachen können. Weitere Informationen finden Sie in Teil 1 – Projektüberblick und Site-Definition .

Hinweis: Weitere Informationen zu Dreamweaver-Sites finden Sie in der Dreamweaver-Hilfe unter Einrichten einer lokalen Version Ihrer Site .

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 Sie können 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 überschreiben Sie Ihre veröffentlichten Dateien. Wenn Sie einen Fehler machen, 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 Ein- und Auschecken von Dateien 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. Klicken Sie auf Speichern, um Ihre Server-Definition zu registrieren. Damit kehren Sie zum Bedienfeld „Server“ im Dialogfeld „Site-Definition“ zurück, wo Ihre 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:

Sehen Sie bei Problemen mit FTP-Transfers in jedem Fall im FTP-Protokoll unter Site > Erweitert > FTP-Protokoll nach. Weitere Informationen finden Sie unter Fehlerbehebung bei FTP-Problemen in Dreamweaver auf der Adobe-Website.