lehrkraefte:snr:informatik:glf22: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:glf22:html-css:filezilla [2023/05/30 14:56]
Olaf Schnürer [FileZilla installieren und mit dem Tech-Lab-Server verbinden]
lehrkraefte:snr:informatik:glf22:html-css:filezilla [2023/06/05 21:25] (current)
Olaf Schnürer [FileZilla installieren und mit dem Tech-Lab-Server verbinden]
Line 1: Line 1:
 ~~NOTOC~~ ~~NOTOC~~
 +
 +<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. 
 +
 +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). 
 +</WRAP>
 +
  
 ====== Hochladen der Website auf den Tech-Lab-Server ====== ====== Hochladen der Website auf den Tech-Lab-Server ======
  
-Das Ziel ist nun, deine Website oder genauer gesagt dein gesamtes Webprojekt von deinem Rechner auf einen Rechner des Tech-Lab (= den Tech-Lab-Server) zu übertragen, so dass sie %%jede(r)%% im Schulnetz anschauen kann.+Das Ziel ist nun, deine Website oder genauer gesagt dein gesamtes Webprojekt von deinem Rechner auf einen Rechner des Tech-Lab (= den Tech-Lab-Server) zu übertragen, so dass %%jede(r)%% sie im Schulnetz anschauen kann.
 Wir verwenden dazu das Programm **Filezilla**. Zuerst wird eine Verbindung zu dem Tech-Lab-Server hergestellt, danach kannst du wie im File Explorer Dateien verschieben. Wir verwenden dazu das Programm **Filezilla**. Zuerst wird eine Verbindung zu dem Tech-Lab-Server hergestellt, danach kannst du wie im File Explorer Dateien verschieben.
  
Line 33: Line 40:
  
 <WRAP center round important> <WRAP center round important>
-Dazu benötigen Sie ein Passwort, das Sie von mir erhalten.+Dazu benötigst du ein Passwort, das du von mir erhältst. 
 + 
 +Auf dem Papierstreifen befinden sich: 
 +  * links dein **Username** 
 +  * in der Mitte der **URL-Hash** alias der Name deines Verzeichnisses dem Tech-Lab-Server 
 +  * rechts dein **Passwort**
 </WRAP> </WRAP>
  
-  * Installieren Sie Filezilla mit dem Installer: [[https://filezilla-project.org/download.php?platform=win64|Filezilla für Windows]] (kostenlose Version links wählen).  +  * Installiere Filezilla mit dem Installer: [[https://filezilla-project.org/download.php?platform=win64|Filezilla für Windows]] (kostenlose Version links wählen).  
-  * Starten Sie Filezilla.  +  * Starte Filezilla.  
-  * Verbinden Sie sich mit folgenden Angaben mit dem Tech-Lab-Server (Eingabe in der Zeile recht weit oben in Filezilla, vgl. Screenshot unten):+  * Verbinde dich mit Hilfe der folgenden Angaben mit dem Tech-Lab-Server (Eingabe in der Zeile ziemlich weit oben im Filezilla-Fenster, vgl. Screenshot unten, dann auf "QuickConnect" klicken):
     * **Server/Host: <nowiki>sftp://tech-lab.ch</nowiki>**     * **Server/Host: <nowiki>sftp://tech-lab.ch</nowiki>**
     * **Username: gleich wie e-mail ohne @ksbg.ch**     * **Username: gleich wie e-mail ohne @ksbg.ch**
-    * **Passwort: (jeder hat sein eigenes Passwort)** +    * **Passwort (rechts auf den Papierstreifen): (jeder hat sein eigenes Passwort)** 
-    * **Port 40199** (falls Sie auf einem eigenen Gerät mit dem KSBG-Wild WiFi verbunden sindverwenden Sie Port 23). +    * **Port 40199** (falls dieser nicht funktioniertversuche es mit Port 23). 
-  * Sie können gerne den Fingerprint des Servers vergleichen, damit Sie sicher sein können, dass Sie sich auch wirklich auf den korrekten Server verbinden.+  * Du kannst gerne den Fingerprint des Servers vergleichen, damit du sicher bist, dass du dich mit dem korrekten Server verbindest.
  
-{{ :lehrkraefte:blc:informatik:glf20:filezilla-config.png?direct |}}+{{ :lehrkraefte:blc:informatik:glf20:filezilla-config.png?nolink&500 |}} 
 +<!--{{:lehrkraefte:blc:informatik:glf20:filezilla-config.png?nolink&500|}}-->
  
-==== Upload (= Kopieren) Ihres Webprojekts auf den Server (= Computer) des Tech-Lab ====+==== Upload (= Hochladen/Kopieren) Ihres Webprojekts auf den Server (= Computer) des Tech-Lab ====
  
 <WRAP center round important> <WRAP center round important>
-Achtung: Erstellen Sie eine Sicherheitskopie des Verzeichnisses, das alle Dateien Ihres Webprojekts enthält. +Achtung: Erstelle eine Sicherheitskopie des Verzeichnisses, das alle Dateien deines Webprojekts enthält. 
  
-(Sie wären nicht der erste, der aus Versehen sein Projekt (oder seine Matura-Arbeit oder seine Doktorarbeit etc.) löscht.)+(Du wärst nicht der erste, der aus Versehen sein Projekt (oder seine Matura-Arbeit oder seine Doktorarbeit etc.) löscht.)
 </WRAP> </WRAP>
  
  
   * FileZilla **öffnet keine Dateien**.    * FileZilla **öffnet keine Dateien**. 
-  * In FileZilla sind **links** Dateien Ihres (lokalen) Computers sichtbar, **rechts** Dateien auf dem Computer des Tech-Labs.+  * In FileZilla sind **links** Dateien Ihres (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/2023'' gehört Ihnen. Bisher befindet sich dort eine "Dummy-Datei" index.html.   * Ein Unterordner von ''https://ofi.tech-lab.ch/2023'' gehört Ihnen. Bisher befindet sich dort eine "Dummy-Datei" index.html.
-  * Diese können sie sich in einem Browser (Edge, Chrome, Safari, Firefox) aus dem Schulnetz anschauen: Sie finden Sie von ''https://ofi.tech-lab.ch/2023/'' 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/2023/'' aus. 
-  * Bennen Sie in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um zu ''index-alt.html''.  +  * Benne in FileZilla die Datei ''index.html'' auf dem Server (also rechts) um, etwa zu ''index-alt.html'' (rechte Maustaste).  
-  * In Ihrem Browser wird jetzt, wenn Sie einen Reload durchführen, 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" können Sie Dateien und Verzeichnisse zwischen Ihrem (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.  
-  * Kopieren Sie den gesamten Inhalt (aber nicht das Verzeichnis) Ihres Web-Projekt-Verzeichnisses in Ihr Verzeichnis auf dem Tech-Lab-Server. +  * 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 Ihrem Browser wird jetzt, wenn Sie einen Reload durchführen, hoffentlich Ihre Website angezeigt. +  * In deinem Browser wird jetzt, wenn du eine Reload durchführst, hoffentlich deine Website angezeigt. 
-  * Ihre 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 Ihre Seite ansehen und auch entsprechende Links setzen.+  * Mitschülerinnen und Mitschüler können nun schulintern deine Seite ansehen und Links darauf setzen.
 <!--   <!--  
-  *  Wenn Sie die Seite welt-öffentlich machen möchtenbennen Sie die Datei .htaccess um (z.B. nach .htaccess.bak).+  *  Wenn du die Seite welt-öffentlich machen möchtestbenenne die Datei .htaccess um (z.B. nach .htaccess.bak).
 --> -->
  
Line 75: Line 88:
  
 <hidden Passwortwechsel> <hidden Passwortwechsel>
-Wenn Sie einen Passwortwechsel wünschengehen Sie wie folgt vor: +Wenn du einen Passwortwechsel wünschstgeh wie folgt vor: 
-  * Öffnen Sie Powershell (oder ein Terminal/Konsole unter MacOSX oder Linux) und geben Sie folgendes Kommando ein (wobei natürlich vorname.nachname durch ihren eigenen Usernamen zu ersetzen ist:+  * Öffne eine Powershell (oder ein Terminal/Konsole unter MacOSX oder Linux) und gib folgendes Kommando ein (wobei natürlich //vorname.nachname// durch deinen //user name// zu ersetzen ist:
 <code bash> <code bash>
 ssh -p 40199 vorname.nachname@tech-lab.ch ssh -p 40199 vorname.nachname@tech-lab.ch
 </code> </code>
-Im KSBG-Wild Netz funktioniert obiges Kommando nicht, verwenden Sie statt-dessen+Im KSBG-Wild Netz funktioniert obiges Kommando nicht, verwende stattdessen
 <code bash> <code bash>
 ssh -p 23 vorname.nachname@tech-lab.ch ssh -p 23 vorname.nachname@tech-lab.ch
 </code> </code>
  
-  * Bestätigen Sie mit 'yes' den folgenden fingerprint:  SHA256:XJP3qLEnM4RsP5ZVQQa+R6wl1SyQWUYfwowYOB/aoRk. Damit ist garantiert, dass Sie sich beim richtigen Server anmelden+  * Bestätige mit 'yes' den folgenden fingerprint:  SHA256:XJP3qLEnM4RsP5ZVQQa+R6wl1SyQWUYfwowYOB/aoRk. Damit ist garantiert, dass du dich beim richtigen Server anmeldest
-  * Zum Passwortwechsel geben Sie folgendes Kommand ein:+  * Zum Passwortwechsel gib folgendes Kommando ein:
 <code bash> <code bash>
 passwd passwd
 </code> </code>
-  * Befolgen Sie die Anweisungen, beim Eingeben des Passworts wird **gar nichts** angezeigt.+  * Befolge die Anweisungen, beim Eingeben des Passworts wird **gar nichts** angezeigt.
 </hidden> </hidden>
  
  • lehrkraefte/snr/informatik/glf22/html-css/filezilla.1685451382.txt.gz
  • Last modified: 2023/05/30 14:56
  • by Olaf Schnürer