lehrkraefte:snr:informatik:glf23:html-css:filezilla

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
lehrkraefte:snr:informatik:glf23:html-css:filezilla [2025/05/22 05:38] Olaf Schnürerlehrkraefte:snr:informatik:glf23:html-css:filezilla [2025/06/16 15:01] (current) – [Upload (= Hochladen/Kopieren) Ihres Webprojekts auf den Server (= Computer) des Tech-Lab] Olaf Schnürer
Line 14: Line 14:
   * Das eigene Verzeichnis auf dem Tech-Lab-Server:   * Das eigene Verzeichnis auf dem Tech-Lab-Server:
     * Zettel verteilen; dazuschreiben, dass links URL-Hash und rechts Passwort (Handyfoto!)     * Zettel verteilen; dazuschreiben, dass links URL-Hash und rechts Passwort (Handyfoto!)
-    * Schaue deine Seite an: Du findest sie von ''https://ofi.tech-lab.ch/2024'' aus.+    * Schaue deine Seite an: Du findest sie von ''https://ofi.tech-lab.ch/2025'' aus.
   * Nachtrag: Ergänze in ''index.html'' einen Link zur Seite deines Sitznachbarn.   * Nachtrag: Ergänze in ''index.html'' einen Link zur Seite deines Sitznachbarn.
   * Transfer der Website auf den Tech-Lab-Server:   * Transfer der Website auf den Tech-Lab-Server:
Line 37: Line 37:
 <WRAP center round important> <WRAP center round important>
 Beachte: Alle Dateien deines Webprojekts sollten sich in einem eigenen Verzeichnis (und eventuell in Unterverzeichnissen davon) befinden; deine Hauptseite muss ''index.html'' heissen.  Beachte: Alle Dateien deines Webprojekts sollten sich in einem eigenen Verzeichnis (und eventuell in Unterverzeichnissen davon) befinden; deine Hauptseite muss ''index.html'' heissen. 
 +
 +Gross- und Kleinschreibung von Datei- und Verzeichnisnamen ist relevant auf dem Server (während dein Computer da vielleicht toleranter ist).
  
 Alle Pfadangaben zu Bildern und Videos etc. müssen relativ sein: Wenn du ein Bild (im selben Verzeichnis) mit einem Befehl wie '' <img src="kanti.jpg" alt="Kanti">'' einbindest, solllte dies klappen; vor dem Dateinamen "kanti.jpg" sollte nichts wie ''C:'' oder ''Onedrive'' o.ä. stehen (denn der Tech-Lab-Computer hat keinen Zugriff auf Dateien auf deinem Rechner oder deinem OneDrive).  Alle Pfadangaben zu Bildern und Videos etc. müssen relativ sein: Wenn du ein Bild (im selben Verzeichnis) mit einem Befehl wie '' <img src="kanti.jpg" alt="Kanti">'' einbindest, solllte dies klappen; vor dem Dateinamen "kanti.jpg" sollte nichts wie ''C:'' oder ''Onedrive'' o.ä. stehen (denn der Tech-Lab-Computer hat keinen Zugriff auf Dateien auf deinem Rechner oder deinem OneDrive). 
Line 105: Line 107:
   * FileZilla **öffnet keine Dateien**.    * FileZilla **öffnet keine Dateien**. 
   * In FileZilla sind **links** Dateien deines (lokalen) Computers sichtbar, **rechts** Dateien auf dem Computer des Tech-Labs. Im oberen Bereich ist jeweils der aktuell gewählte Ordner sichtbar, im unteren der Inhalt dieses Ordners.   * In FileZilla sind **links** Dateien deines (lokalen) Computers sichtbar, **rechts** Dateien auf dem Computer des Tech-Labs. Im oberen Bereich ist jeweils der aktuell gewählte Ordner sichtbar, im unteren der Inhalt dieses Ordners.
-  * Ein Unterordner von ''https://ofi.tech-lab.ch/2024'' gehört dir. Bisher befindet sich dort eine "Dummy-Datei" index.html. +  * Ein Unterordner von ''https://ofi.tech-lab.ch/2025'' gehört dir. Bisher befindet sich dort eine "Dummy-Datei" index.html. 
-  * Diese kannst du dir in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Du findest sie von ''https://ofi.tech-lab.ch/2024/'' aus.+  * Diese kannst du dir in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Du findest sie von ''https://ofi.tech-lab.ch/2025/'' aus.
   * Wenn du die alte Datei ''index.html'' auf dem Server erhalten willst: Benenne in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um, etwa zu ''index-alt.html'' (rechte Maustaste).    * Wenn du die alte Datei ''index.html'' auf dem Server erhalten willst: Benenne in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um, etwa zu ''index-alt.html'' (rechte Maustaste). 
   * In deinem Browser wird jetzt, wenn du einen Reload durchführst, keine Seite mehr gefunden. (Denn Browser suchen standardmässig nach einer Datei namens ''index.html''.)   * In deinem Browser wird jetzt, wenn du einen Reload durchführst, keine Seite mehr gefunden. (Denn Browser suchen standardmässig nach einer Datei namens ''index.html''.)
   * Mit "drag and drop" kannst du Dateien und Verzeichnisse zwischen deinem (d.h. lokalen) Computer, **links** sichtbar, und dem Server, **rechts** sichtbar, kopieren.    * Mit "drag and drop" kannst du Dateien und Verzeichnisse zwischen deinem (d.h. lokalen) Computer, **links** sichtbar, und dem Server, **rechts** sichtbar, kopieren. 
   * Kopiere den gesamten Inhalt (aber nicht das Verzeichnis) deines Web-Projekt-Verzeichnisses in dein Verzeichnis auf dem Tech-Lab-Server: Konkret: Kopiere alle HTML- und CSS-Dateien und alle Bilder etc. auf den Server (und alle Unterverzeichnisse, falls du solche angelegt hast).   * Kopiere den gesamten Inhalt (aber nicht das Verzeichnis) deines Web-Projekt-Verzeichnisses in dein Verzeichnis auf dem Tech-Lab-Server: Konkret: Kopiere alle HTML- und CSS-Dateien und alle Bilder etc. auf den Server (und alle Unterverzeichnisse, falls du solche angelegt hast).
-  * In deinem Browser wird jetzt, wenn du eine Reload durchführst, hoffentlich deine Website angezeigt.+  * In deinem Browser wird jetzt, wenn du einen **Reload** durchführst, hoffentlich deine Website angezeigt.
   * Deine Webseite ist nur aus den Kanti-Netzwerken erreichbar.   * Deine Webseite ist nur aus den Kanti-Netzwerken erreichbar.
   * Mitschülerinnen und Mitschüler können nun schulintern deine Seite ansehen und Links darauf setzen.   * Mitschülerinnen und Mitschüler können nun schulintern deine Seite ansehen und Links darauf setzen.
  • lehrkraefte/snr/informatik/glf23/html-css/filezilla.1747892317.txt.gz
  • Last modified: 2025/05/22 05:38
  • by Olaf Schnürer