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
- 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
- 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).