Wir beschäftigen uns weiter mit der im World Wide Web benutzten Seitenbeschreibungssprache HTML.

Hinweis:

Eine sehr gute Seite für Informationen zu HTML ist SELFHTML. Hier kannst Du immer nachsehen, wie etwas zu schreiben ist.

Auftrag 1:

Schaue dir noch einmal diese Seite im HTML-Quelltext an. Zur Erinnerung:
Bei Firefox: Rechte Maustaste auf dem Text -- Kontextmenü -- Seitenquelltext anzeigen.
Bei iMac u.a.: Safari: Quelltext anzeigen
Nun sieh dir die Texte an (diese Stelle), die deutsche Umlaute ä, ö, ü, Ä, Ö, Ü und ß enthalten. Dann siehst du, dass dort die Umlaute mit speziellen HTML-Anweisungen eingesetzt werden. Z. B. wird das kleine ä durch ä ersetzt, was man als a-Umlaut lesen kann und das ß durch ß, was man als sz-Ligatur lesen kann. Wozu das Ganze? Wir haben schon gelernt, dass alle Zeichen in Computern nummeriert werden. Als ASCII wird die Nummerierung von 0 bis 127 bezeichnet. Ab 128 kocht jedes Betriebssystem "sein eigenes Süppchen". Wenn nun ein Text für eine Webseite auf einem Apple-Computer erstellt wurde und auf einem Windows-PC dargestellt werden soll, dann ist das nicht so ohne weiteres möglich, weil die Umlaute verschieden nummeriert sind. Wenn man aber z.B. für das kleine ä die HTML-Anweisung ä, dann kann der darstellende Browser,der ja weiß, auf welchem Betriebssystem er gerade läuft, den Buchstaben korrekt umsetzen. Eine Liste von Sonderzeichen ist hier zu sehen.


Zum Glück muss man sich zumindest im HTML-Editor Phase 5 nicht darum kümmern. Man kann die Umlaute ganz normal im HTML-Text eingeben, aber beim Abspeichern des Textes ersetzt der Editor alle Umlaute automatisch durch die entsprechenden HTML-Anweisungen. Das kannst du im Seitenquelltext im Browser kontrollieren. Man muss sich nicht darum kümmern, aber man sollte wissen, dass es diese HTML-Anweisungen gibt.
Als kleine Übung solltest du hier die beiden Sätze (Nebenbei: Im ersten Satz kommen alle Buchstaben a-z vor.)
Typisch fiese Kater würden Vögel bloß zum Jux quälen.
Ältere, aber rüstige Damen aßen maßlos vom Südfrüchtemüslifrühstücksbüffet.
mit den entsprechenden HTML-Anweisungen (nicht die Anw. mit Nummern!) hier im Formularfeld eingeben.

Auftrag 2:

In einem Arbeitsverzeichnis legst du mindestens zwei HTML-Dateien an, die ein beliebiges Thema deiner Wahl (Hobby, Berufswunsch, Tierwelt, Pflanzenwelt, Sport,...) außer Computerspielen, politisch fragwürdigen und nicht-jugendfreien Themen behandeln. Möglicherweise musst du sowieso für ein anderes Fach eine Präsentation erstellen, die du hier in HTML machen könntest. Das wäre mir am liebsten. Auf Wunsch könnte ich diese Präsentation über meine Website online stellen. In den Dateien sollen die folgenden HTML-Elemente vorkommen:

1. Überschriften verschiedener Stufen
2. Nummerierte und nicht-nummerierte Listen
3. Tabellen
4. Links auf externe Seiten
5. Links zwischen den Seiten
6. Einbindung von Bildern. Diese sollten im Arbeitsverzeichnis liegen. Urheberrechte beachten!
7. Verschiedene Schriftarten zur Hervorhebung bestimmter Inhalte
8. Achtung bei Dateinamen: keine Leerzeichen und keine Sonderzeichen benutzen.

Wenn alles fertig ist, markierst du alle nötigen Dateien, gehst mit der rechten Maustaste zum Kontextmenü und wählst dort Senden an -- Zip-komprimierter Ordner und benennst den Ordner mit deinem Nachnamen und dem Anfangsbuchstaben deines Vornamens. Beispiel: GierhardtH. Die entstehende Zip-Datei schickst Du mir als Anhang einer E-Mail an gi@gymbala.de.
Abgabetermin: Freitag, der 26.02.2021 12:00 Uhr