[html5.wirlernen.at] [Aufgaben zur Lektion] [Video zur Lektion]

Lektion 5: Dateinamen, Sonderzeichen, Pfadangaben

Hier lernst du was man bei den Dateinamen einer HTML - Datei, der Verwendung von Sonderzeichen und Pfadangaben beachten sollte.

Festlegung des Dateinamens

HTML - Dateien haben in der Regel immer die Endung .html oder .htm
Die Startseite bzw. Einstiegsseite einer Homepage sollte immer in einer Datei mit dem Dateinamen index.html bzw. index.htm gespeichert werden.
Darüberhinaus würde ich dir empfehlen bei der Wahl eines Dateinamens darauf zu achten, dass
* alles klein geschrieben wird
* KEINE Leerzeichen enthalten sind
* KEINE Sonderzeichen wie z.B. Umlaute, Punkte, Backslash (/) etc. enthalten sind

Verwendung von Sonderzeichen / Codierung

Damit die Texte deiner Webseite in allen Ländern und Browser richtig dargestellt werden müssen Sonderzeichen wie etwa Umlaute oder das "scharfe S" (ß) in einer HTML - Datei "richtig" eingegeben werden - man spricht in diesem Zusammenhang von der korrekten Codierung.
Bei unserem HTML5 - Grundgerüst verwenden wird die so genannte UTF-8 Codierung (englisch: charset):
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
Damit dein Quelltext tatsächlich im UTF-8 - Format in der HTML - Datei gespeichert wird muss du dass in deinem Editor auch so festlegen. Beim Scriptly Editor funktioniert das so - siehe hierzu die untere Abbildung:
Man kann die für HTML5 notwendige Codierung UTF-8 über das Menü Datei / Format / Kodierung / UTF-8 einstellen.
UTF-8 einstellen
ODER:
(1) In die Statuszeile klicken - siehe Abbildung
(2) Im geöffneten Menü dann UTF-8 auswählen - siehe Abbildung
UTF-8 einstellen

Pfadangaben

Wenn man in HTML auf eine andere Seite einen Link erstellen möchte oder eine Grafik in eine Webseite einbinden möchte muss man als Programmierer den Pfad zur anderen Webseite oder der Grafik angeben.
(Stark vereinfacht) können wir Pfade in der folgenden Art und Weise angeben:
* vollständiger Pfad - Beispiele:
http://www.wirlernen.at
http://www.oppitz.org/index.html
Im obigen Beispiel wird der vollständige Pfad zur Datei incl. Protokolle (http) incl. :// angegeben. Solche vollständigen Angaben sind innerhalb der eigenen Homepage in der Regel NICHT notwendig.
* Hier folgen Beispiele für Verweise auf Dateien in z.T. UNTERSCHIEDLICHEN Ordner des GLEICHEN Servers:

* Verweis auf eine Datei im gleichen Ordner - siehe obige Abbildung - Fall 1
(1) Pfad von index.html auf urlaub.html - es reicht die Angabe des Dateinamens: urlaub.html
* Verweis auf eine Datei in einem Unterordner - siehe obige Abbildung - Fall 2
(2) Pfad von index.html auf wels.html im Unterordner oberoesterreich - es erfolgt VOR Angabe des Dateinamens der Namen des Ordners: oberoesterreich/wels.html
* Verweis auf eine Datei in einem Unter- Unter - Ordner - siehe obige Abbildung - Fall 3
(3) Pfad von index.html auf katsdorf.html im Ordner gemeinde welcher sich Unterordner oberoesterreich befindet - es erfolgen VOR Angabe des Dateinamens die Namen der Ordner: oberoesterreich/gemeinde/katsdorf.html
* Verweis auf eine Datei in den 2ten übergeordneten Ordner - siehe obige Abbildung - Fall 4
(4) Pfad von katsdorf.html auf hobbys.html in den 2ten übergeordneten Ordner - es erfolgt VOR Angabe des Dateinamens die Angabe von ../../ - jedes ../ steht für einen übergeordneten Ordner: ../../hobbys.html
* Verweis auf eine Datei in den übergeordneten Ordner - siehe obige Abbildung - Fall 5
(5) Pfad von katsdorf.html auf wels.html in den übergeordneten Ordner oberoesterreich - es erfolgt VOR Angabe des Dateinamens die Angabe ../ : ../wels.html
Für mehr Infos klicke hier OBEN auf der Seite auf das Video - Symbol...
Augabenstellung:
1. Erkläre mit eigenen Worten (also nicht irgendwo abschreiben :-) was man bei der Wahl eines Dateinamens beachten sollte!
2. Beurteile die folgenden Dateinamen:
   * räuber .html
   * über raschung mit html .html
3. Erkläre mit eigenen Worten (also nicht irgendwo abschreiben :-) was man überhaupt unter einem Sonderzeichen versteht!
4. Welche Codierung wird bei HMTL5 verwendet?
5. Wie wird im HTML - Grundgerüst die Codierung für HTML5 angegeben?
6. Erkläre mit eigenen Worten (also nicht irgendwo abschreiben :-) was man unter einer Pfadangabe versteht!
7. Wenn du die obige Abbildung zum Thema Pfadangabe betrachtest:
   * Nenne den Pfad eines Verweises von urlaub.html auf wels.html
   * Nenne den Pfad eines Verweises von urlaub.html auf katsdorf.html
   * Nenne den Pfad eines Verweises von wels.html auf katsdorf.html
   * Nenne den Pfad eines Verweises von wels.html auf index.html