So sieht der HTML-Code im Editor aus...

HTML

Erklärungen

Mit HTML kann man eine eigene Webseite programmieren und gestalten. Genau das sollst du nun auch!
Um HTML zu programmieren, brauchst du folgende "Werkzeuge":

Einen sogenannten Editor, z.B. Phase5 (HTML Editor) - darin schreibst du
Einen Browser, z.B. Mozilla Firefox - damit schaust du dir das Ergebnis an

Verweise

Du findest hier eine kurze Einführung, d.h. die nötigen Grundlagen, um mit dem Programmieren zu starten.

...und so sieht die entsprechende Seite im Browser aus.

Für Dinge, die darüber hinaus gehen, wirst du nachgucken müssen, wie es geht. Mit den folgenden Seiten habe ich sehr gute Erfahrungen gemacht:

Das ultimative Nachschlagewerk: Selfhtml
Ein Seminar für Einsteiger: HTML-Seminar

Aufgaben für die Unterstufe

Aufgabe 1

Erstelle eine eigene Webseite zu einem selbst gewählten Thema (z.B. Lieblingsschauspieler, -fußballerin, -kinofilm, -sportart...).
Verwende auch Überschriften, Absätze, Zeilenumbrüche, Farben und verschiedene Formatierungen für Schrift.

Aufgabe 2

Erstelle eine zweite Seite und verlinke sie mit der ersten Seite.

Aufgabe 3

Gestalte deine beiden Seiten übersichtlich und ansprechend. Füge Bilder und Links auf externe Seiten wie Wikipedia ein.

Aufgabe 4

Füge in deine Seite mindestens eine Liste und eine Aufzählung hinzu.

Aufgabe 5

Erstelle eine neue Webseite mit deinem tatsächlichen Stundenplan.

Aufgabe 6 - für Fortgeschrittene

Finde heraus, was CSS ist und benutze es, um deine bestehenden Webseiten oder eine neue Webseite zu gestalten.

Speichere deine Seiten und Bilder zunächst bei dir im Home-Verzeichnis in einem eigenen Ordner ab.
Kopiere am Ende der Stunde diesen gesamten Ordner ins Gruppenverzeichnis unter WP Inf Mar/Webseiten und benenne ihn um (dein Name).

Aufgaben für die Oberstufe

Aufgabe 1

Erstelle eine eigene Webseite zu einem selbst gewählten Thema (z.B. Lieblingsschauspieler, -fußballerin, -kinofilm, -sportart...).
Verwende verschiedene Formatierungen und Farben, füge Links und Bilder ein und gestalte deine Seite übersichtlich.

Aufgabe 2

Erstelle eine informative und ansprechende Webseite zu folgenden Themen:

Geschichte des Internets
Internet vs. WWW
Die Auszeichnungssprache HTML

Speichere deine Seiten und Bilder zunächst bei dir im Home-Verzeichnis in einem eigenen Ordner ab.
Kopiere am Ende der Stunde diesen gesamten Ordner ins Gruppenverzeichnis unter Informatik Mar/03_Webseiten und benenne ihn um (dein Name).