Dateien veröffentlichen

Um Dokumente im Internet zu veröffentlichen, müßen sie auf einen Server hochgeladen werden (Upload). Entweder stellt der Internet-Provider einem diesen zur Verfügung, man verwendet einen Gratis-Service oder man mietet bei einer Firma (z.B. www.strato.de) ein entsprechendes Leistungspaket. Letztere bieten den meisten Komfort und beinhalten auch eine oder mehrere eigene Domains (z.B. www.csskiste.de oder www.meinefirma.de). Die Kosten hierfür betragen zwischen 1 und 7 Euro pro Monat, je nach Umfang, halten sich also in Grenzen. Bei Gratisangeboten muß man eingeblendete Werbung in Kauf nehmen und die URLs (Uniform Resource Locator, also die www-Adressen) wirken wenig seriös (z.B. people.freenet.de/benutzername), reichen zum testen aber allemal. Muß halt jeder selbst entscheiden.

Der Provider teilt einem dann Zugangdaten mit. Diese bestehen aus einem Benutzernamen und einem Passwort.

FTP

Mittels eines FTP-Programms (File Transfer Protocol, Dateiübertragungsprotokoll) können nun die HTML/CSS-Dokumente (und weitere wie z.B. Bilder) ähnlich wie in einem Dateimanager vom Client (dem eigenen Rechner) auf den Server hochgeladen werden.

Üblicherweise ist so ein FTP-Programm zweigeteilt. Auf der linken Seite erscheint die eigene Dateistruktur in Form eines Baumes und auf der rechten Seite (wenn die Verbindung zum Server besteht) sehen Sie den Verzeichnisbaum ihres www-Verzeichnisses. Doppelklick auf eine Datei, eine dafür vorgesehene Upload-Schaltfläche oder Zuhilfenahme des Kontextmenüs (Rechtsklick) lädt die ausgewählte(n) Datei(en) hoch (Upload) oder auch umgekehrt (Download).

Es gibt unzählige FTP-Programme, ich werde hier das kostenlose Filezilla vorstellen.

Filezilla

Die Screenshots und die Beschreibung basieren auf der Version 2.2.30, unten auf der Seite finden Sie den Link zur aktuellen Version 3.1.5.1 als Portable Version (direkt vom USB-Stick ausführbar).

Starten Sie nun also Filezilla.

Da ich davon ausgehe, dass Sie dieselben Verbindungen öfter nutzen werden, erkläre ich gleich den Servermanager, worin Daten für mehrere Verbindungen dauerhaft gespeichert werden können. Dieser befindet sich oben links. Klicken Sie darauf.

Alternativ können Sie auch die Zugangsdaten direkt in die Kopfzeile eintragen.

Es öffnet sich nun der Servermanager:

Klicken Sie nun auf "Neuer Server" und geben Sie diesem einen aussagekräftigen aber kurzen Namen. Rechts unter "Server Details" füllen Sie nun die Felder aus:

Klicken Sie nun auf "Erweitert", etwa unten in der Mitte. Im sich nun öffnenden Fenster können Sie auswählen, welcher Ordner lokal und auf dem Server jedesmal geöffnet werden soll. Eine Angabe erspart einem in Zukunft hier viel Sucherei. Speichern Sie die Einstellungen.

Nun ist im Filezilla-Hauptfenster diese Verbindung durch klicken auf den kleinen schwarzen Pfeil rechts neben dem Servermanager zu erreichen. Wählen Sie die Verbindung aus.

Es sollte nun die Verbindung aufgebaut und sowohl auf dem Client als auch dem Server die voreingestellten Verzeichnisse geöffnet werden. Markieren Sie nun auf der linken Seite die Dateien, die Sie auf den Server hochladen möchten. Ein Doppelklick lädt nun die Datei hoch. Alternativ nutzen Sie das Kontextmenü.

Mehrere Dateien gleichzeitig hochladen

Wählen Sie bei gedrückter STRG-Taste mehrere Dateien aus und öffnen Sie dann das Kontextmenü.

Sie können übrigens auch komplette Ordnerstrukturen hochladen. Vergewissern Sie sich, dass am Ende ein Abbild Ihres lokalen Projektordners auf dem Server liegt. Achten Sie aber darauf, dass nicht der Projektordner, sondern die Index-Datei (und weitere) in der obersten Ebene liegen.

Wenn Sie bei der Verlinkung Ihrer Dokumente relative Pfadangaben verwendet haben, funktionieren die Hyperlinks immer noch, da die Verzeichnisstruktur ja dieselbe geblieben ist.

www.meinname.de

Wenn nun jemand www.meinname.de in die Addresszeile seines Browsers eingibt, schaut dieser in der obersten Ebene nach einer Index-Datei und lädt diese. Üblicherweise ist die Index-Datei auch die Startseite der Website. Dies muß aber nicht zwingend der Fall sein, denn sie kann auch für vorbereitende Aktionen (z.B. Browsererkennung) und/oder automatische Weiterleitung genutzt werden.

Achten Sie auf jeden Fall darauf, keine Leer- und Sonderzeichen in Ihren Dateinamen zu verwenden! Achten Sie auch auf Groß- und Kleinschreibung, am besten verwenden Sie nur Kleinbuchstaben!

Alte Verbindung wiederherstellen

Bei erneutem Programmstart können Sie durch klicken auf das große "R" die letzte Verbindung wiederherstellen.

Gelegentlich reißt die Verbindung ab und muss manuell wieder hergestellt werden. Normalerweise jedoch sendet Filezilla in kurzen Abständen Dummybefehle, welche die Verbindung aktiv halten.

Den Rest erlernen Sie am besten einfach durch ausprobieren.

Download

Portable Filezilla 3.1.5.1 (direkt vom USB-Stick ausführbar) können Sie hier downloaden.