FileZilla ist der FTP-Client, den wir im Seminar als Teil unserer Arbeitsumgebung nutzen.
Verbindung einrichten: Öffne FileZilla und trage oben in der Schnellverbindung Host, Benutzername, Passwort und Port ein. Verwende die Serverdaten aus dem Seminar oder von deinem Hosting-Anbieter.
Server verbinden: Klicke auf Verbinden. Nach erfolgreicher Anmeldung siehst du links deine lokalen Dateien und rechts die Ordner auf dem Server.
Zielordner öffnen: Wechsle auf der rechten Seite in den Web-Ordner deines Projekts (häufig z. B. public_html, www oder ein Seminar-Unterordner).
Projektdateien hochladen: Markiere links die Dateien deines Projekts (z. B. index.html, style.css, script.js und den Bilder-Ordner) und ziehe sie per Drag-and-drop nach rechts.
Upload prüfen: Warte, bis in der Warteschlange keine fehlgeschlagenen Übertragungen mehr stehen. Öffne danach deine Website im Browser und prüfe, ob Bilder, Styles und Links funktionieren.
Hard Reload durchführen: Manchmal zeigt der Browser nach dem Hochladen noch alte Inhalte an, weil er Dateien aus dem Zwischenspeicher (Cache) lädt. Ein Hard Reload lädt alle Dateien wirklich neu vom Server. Das geht meist mit Strg + F5 (Windows) oder Cmd + Shift + R (Mac). Alternativ kannst du im Entwicklermenü deines Browsers den Cache leeren.
Warum? Browser speichern CSS, Bilder und Skripte, um Seiten schneller zu laden. Nach einem Upload kann es sein, dass du noch die alte Version siehst. Ein Hard Reload sorgt dafür, dass wirklich alle aktuellen Dateien vom Server geladen werden.
Bei Änderungen erneut hochladen: Wenn du lokal neue Dateien speicherst, lade nur die geänderten Dateien erneut hoch, um den Stand auf dem Server aktuell zu halten.