Vorgehen

Geeigneten lokaler Ordner wählen (siehe unten)
HTML-Grundgerüst (siehe ganz unten) in NotePad++ kopieren und im lokalen Ordner unter index.html mit ersten Änderungen abspeichern.
Ihre index.html Datei mit FileZilla auf den Webserver kopieren.
Ihre Webseite online betrachten und weiter ausbauen (diese muss eventuell neu geladen werden, damit der Browser die aktualisierte Version anzeigt.

HTML: Benötigte Programme

Lokaler Ordner

Empfehlung: Lokal einen Ordner HTML erstellen, entweder auf dem USB-Stick, oder auf Ihrem persönlichen Laufwerk H:

Notepad++

Damit bearbeiten Sie die HTML-Dateien.

Erst Notepad++ starten (via Windows-Start-Menu, das Programm ist installiert).
Dann mit File → Open ihre Datei öffnen
Wählen Sie unter: «Encoding» → «auf Encode in UTF-8»
Falls nötig: Wählen Sie unter: «Language» → «H» → «HTML»

FileZilla

Damit kopieren Sie Dateien vom Computer auf den Webserver und umgekehrt.

Das Programm finden Sie im Klassenlaufwerk K:\ unter Informatik\FileZilla\FileZilla.exe

Verbindung mit dem Server

Server: ftps://ofi.tech-lab.ch
Username: Ihre e-mail Adresse vor @ksbg.ch. Nur Kleinbuchstaben
Passwort:
Port: leer lassen (oder 990).

Lokale Dateien werden links angezeigt, dort ihren empfohlenen Ordner HTML öffnen. Rechts werden die Dateien auf dem Web-Server angezeigt.

Ein Doppelklick auf eine Datei kopiert diese (lokal auf den Server oder umgekehrt).

Betrachten der Webseite

Starten Sie hier: https://ofi.tech-lab.ch/2020/2iW oder https://ofi.tech-lab.ch/2020/2kWI

HTML Grundgerüst

index.html

<!DOCTYPE html>
<html>
	<head>
		<title>Fenstertitel</title>
		<meta charset="UTF-8">
	</head>
	<body>
		<h1>Überschrift</h1>
		Bla bla bla
	</body>
</html>

Table of Contents