lehrkraefte:blc:informatik:glf20:webtech-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:blc:informatik:glf20:webtech-filezilla [2021/03/04 13:10]
Ivo Blöchliger
lehrkraefte:blc:informatik:glf20:webtech-filezilla [2022/05/25 13:05] (current)
Olaf Schnürer [Upload/Download von Dateien zum/vom Server]
Line 1: Line 1:
-====== Web-Technologien ====== 
-Begriffe, die hoffentlich in Bälde Sinn machen: 
-  * Browser, Client, Server, local, remote, HTML, CSS, evtl. JavaScript. 
- 
-===== Erste HTML-Seite, lokal ===== 
-  * Starten Sie den Text-Editor Notepad++  
-  * Speichern Sie die noch leere Datei als **Hypertext Markup Language** in einem neuen Ordner unter dem Namen ''hello.html''. 
-  * Finden Sie ein Bild, das Sie veröffentlichen dürften und speichern Sie es im gleichen Ordner wie die HTML-Datei mit einem einfachen Namen (nur Kleinbuchstaben a-z, keine Leerschläge). 
-  * Binden Sie das Bild im HTML-Code ein. 
- 
- 
 ===== Erste Verbindung, Installation und Benutzung von FileZilla ===== ===== Erste Verbindung, Installation und Benutzung von FileZilla =====
-  * Notieren Sie sich Ihr Passwort (Username ist der gleiche wie Ihre KSBG-Email-Adresse vor dem @)+  * Notieren Sie sich Ihr Passwort (Username ist der gleiche wie Ihre KSBG-Email-Adresse vor dem @, alles **Kleinbuchstaben**)
   * Legen Sie einen Ordner ''C:\glf'' an.   * Legen Sie einen Ordner ''C:\glf'' an.
-  * Auf den Schulcomputern: Legen Sie einen Ordner C:\glf an (falls dieser noch nicht existiert) und laden Sie das zip-Archiv [[https://ofi.tech-lab.ch/FileZilla_3.52.2_win64.zip|]] herunter und entpacken Sie es in den Ordner ''C:\glf''+  * Auf den Schulcomputern: Legen Sie einen Ordner C:\glf an (falls dieser noch nicht existiert) und laden Sie das zip-Archiv [[https://ofi.tech-lab.ch/FileZilla_3.57.0_win64.zip|]] herunter und entpacken Sie es in den Ordner ''C:\glf''
-    * Auf eigenen Computern installieren Sie Filezilla mit dem Installer: [[https://filezilla-project.org/download.php?platform=win64|Filezilla für Windows]]. +    * Auf persönlichen Computern installieren Sie Filezilla mit dem Installer: [[https://filezilla-project.org/download.php?platform=win64|Filezilla für Windows]].  
 +  * Speichern Sie keine eigenen (persönliche) Dateien auf dem Laufwerk C:\. Diese Laufwerk ist auf jedem Computer anders und jeder, der sich auf diesem Computer einloggt, kann diese Dateien anschauen, löschen, etc.
   * Starten Sie Filezilla, zu finden in C:\glf\Filezilla...   * Starten Sie Filezilla, zu finden in C:\glf\Filezilla...
   * Verbinden Sie sich mit folgenden Angaben:   * Verbinden Sie sich mit folgenden Angaben:
Line 25: Line 15:
 {{ :lehrkraefte:blc:informatik:glf20:filezilla-config.png?direct |}} {{ :lehrkraefte:blc:informatik:glf20:filezilla-config.png?direct |}}
  
-  Kopieren Sie ihre HTML-Datei hallo.html und ihr Bild auf den Server. +==== Upload/Download von Dateien zum/vom Server ==== 
-  * Navigieren Sie zu Ihrer Webseite: start bei https://ofi.tech-lab.ch/2021/ +  FileZilla **öffnet keine Dateien**. Ein Doppelklick auf eine Datei kopiert diese zwischen Ihrem (d.h. lokalen) Computer, sichtbar **links**, und dem Server, sichtbar **rechts**
-  * Fügen Sie der Adresszeile im Browser hinten noch ''hallo.html'' hinzu. Ihre Webseite müsste dann erscheinen.+  * Wenn Sie eine Datei öffnen oder Bearbeiten wollen, öffnen Sie diese am besten gleich aus dem Programm, mit dem Sie die Datei bearbeiten wollen. 
 +  * Ihre Webseite finden Sie in den entsprechenden Unterordnern (diese werden in FileZilla angezeigt): start bei https://ofi.tech-lab.ch/2022/
   * Bennen Sie die Datei index.html auf dem Server nach start.html um. Navigieren Sie dann wieder auf Ihre Seite. Die default-Seite wird jetzt nicht mehr angezeigt.   * Bennen Sie die Datei index.html auf dem Server nach start.html um. Navigieren Sie dann wieder auf Ihre Seite. Die default-Seite wird jetzt nicht mehr angezeigt.
-    * Sie können nun auch Ihre hallo.html - Seite nach index.html umbenennen, damit Sie per default angezeigt wird.+    * Sie können nun auch Ihre Seite nach index.html umbenennen, damit Sie per default angezeigt wird.
   * Ihre Webseite ist nur aus den Kanti-Netzwerken erreichbar. Wenn Sie die Seite welt-öffentlich machen möchten, bennen Sie die Datei .htaccess um (z.B. nach .htaccess.bak).   * Ihre Webseite ist nur aus den Kanti-Netzwerken erreichbar. Wenn Sie die Seite welt-öffentlich machen möchten, bennen Sie die Datei .htaccess um (z.B. nach .htaccess.bak).
  
  
-==== Passwortwechsel (optional) ====+===== Passwortwechsel (optional) =====
 Wenn Sie einen Passwortwechsel wünschen, gehen Sie wie folgt vor: Wenn Sie einen Passwortwechsel wünschen, gehen Sie 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:   * Ö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:
Line 39: Line 30:
 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
 +<code bash>
 +ssh -p 23 vorname.nachname@tech-lab.ch
 +</code>
 +
   * Bestätigen Sie mit 'yes' den folgenden fingerprint:  SHA256:XJP3qLEnM4RsP5ZVQQa+R6wl1SyQWUYfwowYOB/aoRk. Damit ist garantiert, dass Sie sich beim richtigen Server anmelden.   * Bestätigen Sie mit 'yes' den folgenden fingerprint:  SHA256:XJP3qLEnM4RsP5ZVQQa+R6wl1SyQWUYfwowYOB/aoRk. Damit ist garantiert, dass Sie sich beim richtigen Server anmelden.
   * Zum Passwortwechsel geben Sie folgendes Kommand ein:   * Zum Passwortwechsel geben Sie folgendes Kommand ein:
Line 47: Line 43:
  
  
 +===== SSH-Config speichern =====
 +Damit die Port-Nummern nicht immer eingeben werden müssen, kann in der persönlichen ssh-Konfigurationsdatei (unter Linux ''~/.ssh/config'', wobei ''~'' für das Home Verzeichnis steht, unter Windows C:\User\Hans\.ssh\config) folgender Eintrag gemacht werden (wobei ''hans.muster'' entsprechend ersetzt oder die Zeile gänzlich gelöscht werden muss).
 +<code txt>
 +Host ofi ofi.tech-lab.ch
 +        HostName tech-lab.ch
 +        User hans.muster
 +        Port 23
 +</code>
  
  • lehrkraefte/blc/informatik/glf20/webtech-filezilla.1614859838.txt.gz
  • Last modified: 2021/03/04 13:10
  • by Ivo Blöchliger