lehrkraefte:blc:informatik:glf19:hilfe-html

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
lehrkraefte:blc:informatik:glf19:hilfe-html [2020/02/02 07:45] – [Notepad++] Ivo Blöchligerlehrkraefte:blc:informatik:glf19:hilfe-html [2020/02/04 08:14] (current) – [Vorgehen] Ivo Blöchliger
Line 1: Line 1:
 +====== 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: <nowiki>ftps://ofi.tech-lab.ch</nowiki>
 +  * 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 ======
 +<code html index.html>
 +<!DOCTYPE html>
 +<html>
 + <head>
 + <title>Fenstertitel</title>
 + <meta charset="UTF-8">
 + </head>
 + <body>
 + <h1>Überschrift</h1>
 + Bla bla bla
 + </body>
 +</html>
 +</code>
 +
 +
 +