Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
lehrkraefte:blc:informatik:glf19:hilfe-html [2020/01/31 21:08] Ivo Blöchliger created |
lehrkraefte:blc:informatik:glf19:hilfe-html [2020/02/04 09:14] (current) Ivo Blöchliger [Vorgehen] |
||
---|---|---|---|
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 ====== | ====== HTML: Benötigte Programme ====== | ||
- | ==== Ordner ==== | + | ==== Lokaler |
Empfehlung: Lokal einen Ordner HTML erstellen, entweder auf dem USB-Stick, oder auf Ihrem persönlichen Laufwerk H: | Empfehlung: Lokal einen Ordner HTML erstellen, entweder auf dem USB-Stick, oder auf Ihrem persönlichen Laufwerk H: | ||
Line 7: | Line 13: | ||
Damit bearbeiten Sie die HTML-Dateien. | Damit bearbeiten Sie die HTML-Dateien. | ||
* Erst Notepad++ starten (via Windows-Start-Menu, | * Erst Notepad++ starten (via Windows-Start-Menu, | ||
- | * Wählen Sie unter: «Encoding» -> «auf Encode in UTF-8» | ||
* Dann mit File -> Open ihre Datei öffnen | * 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» | * Falls nötig: Wählen Sie unter: «Language» -> «H» -> «HTML» | ||
Line 22: | Line 28: | ||
* Port: leer lassen (oder 990). | * Port: leer lassen (oder 990). | ||
- | Lokale Dateien | + | Lokale Dateien |
Ein Doppelklick auf eine Datei kopiert diese (lokal auf den Server oder umgekehrt). | Ein Doppelklick auf eine Datei kopiert diese (lokal auf den Server oder umgekehrt). | ||
+ | |||
+ | ==== Betrachten der Webseite ==== | ||
+ | Starten Sie hier: https:// | ||
====== HTML Grundgerüst ====== | ====== HTML Grundgerüst ====== | ||
- | <code html minipage.html> | + | <code html index.html> |
< | < | ||
< | < |