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