This is an old revision of the document!
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
- Notieren Sie sich Ihr Passwort (Username ist der gleiche wie Ihre KSBG-Email-Adresse vor dem @)
- 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 eigenen Computern installieren Sie Filezilla mit dem Installer: Filezilla für Windows.
- Starten Sie Filezilla, zu finden in C:\glf\Filezilla…
- Verbinden Sie sich mit folgenden Angaben:
- Host sftp://tech-lab.ch
- Username gleich wie e-mail ohne @ksbg.ch
- Passwort
- Port 40199 (falls Sie auf einem eigenen Gerät mit dem KSBG-Wild WiFi verbunden sind, verwenden Sie 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.
- Kopieren Sie ihre HTML-Datei hallo.html und ihr Bild auf den Server.
- Navigieren Sie zu Ihrer Webseite: start bei https://ofi.tech-lab.ch/2021/
- Fügen Sie der Adresszeile im Browser hinten noch
hallo.html
hinzu. Ihre Webseite müsste dann erscheinen. - 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.
- 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)
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:
ssh -p 40199 vorname.nachname@tech-lab.ch
- 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:
passwd
- Befolgen Sie die Anweisungen, beim Eingeben des Passworts wird gar nichts angezeigt.