lehrkraefte:blc:informatik:glf19:hilfe-html

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

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

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»

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

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>
  • lehrkraefte/blc/informatik/glf19/hilfe-html.txt
  • Last modified: 2020/02/04 09:14
  • by Ivo Blöchliger