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
Last revision Both sides next revision
lehrkraefte:snr:informatik:glf22:html-css:filezilla [2023/05/31 13:36]
Olaf Schnürer
lehrkraefte:snr:informatik:glf22:html-css:filezilla [2023/06/05 21:25]
Olaf Schnürer [FileZilla installieren und mit dem Tech-Lab-Server verbinden]
Line 2: Line 2:
  
 <WRAP center round important> <WRAP center round important>
-Beachte: Alle Dateien deines Webprojekts sollten sich in einem Verzeichnis (und eventuell in Unterverzeichnissen davon) befinden. +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 (denn der Tech-Lab-Computer hat keinen Zugriff auf Dateien auf deinem Rechner) 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. +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> </WRAP>
  
Line 10: Line 10:
 ====== 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 40: 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 dieser nicht funktioniert, versuchen Sie es mit Port 23). +    * **Port 40199** (falls dieser nicht funktioniert, versuche 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 (= Hochladen/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>
  
Line 66: Line 72:
   * 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.   * 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'' (rechte Maustaste).  +  * 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: Konkret: Kopieren Sie alle HTML- und CSS-Dateien auf den Server (und alle Unterverzeichnisse, falls Sie solche angelegt haben). +  * 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 82: 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.txt
  • Last modified: 2023/06/05 21:25
  • by Olaf Schnürer