Web-Technologien

Begriffe, die hoffentlich in Bälde Sinn machen:

• Browser, Client, Server, local, remote, HTML, CSS, evtl. JavaScript.

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

• Notieren Sie sich Ihr Passwort (Username ist der gleiche wie Ihre KSBG-Email-Adresse vor dem @)
• Legen Sie einen Ordner C:\glf an.
• 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.
• 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).