Tag 1: Mi. 17.07.2013

Vorstellung und Erwartungen

Input: Überblick

Zunächst solltest Du Dir einen Überblick verschaffen, welche Arbeitsbereiche beim Veröffentlichen von Inhalten im Web (web publishing) wichtig sind. ueberblick

Input: Grundlagen HTML

Nun kannst Du die Grundlagen von HTML (und später CSS) lernen.

Übung: Plaintext-Dokument auszeichnen

Wende nun das Gelernte an.

AUFGABE

Speichere die Datei {{:fortbildungen:webdesign:india-unformatiert.txt|}} lokal auf Deinem Rechner und benenne sie in india-formatiert.html um.
Formatiere den Inhalt der neuen HTML-Datei so, dass die Struktur und die Darstellung im Browser der Datei {{:fortbildungen:webdesign:india-formatiert.pdf|}} entsprechen.
Öffne die Datei lokal im Browser, um das Ergebnis beständig zu überprüfen. Wenn Du Änderungen durchführst, muss Du die Darstellung im Browser jeweils neu laden (z.B. durch Drücken von F5 (Windows) oder ⌘ R (Mac).

Du kannst den HTML-Spickzettel als Hilfe benutzen.

Übung: Weitere Elemente

Erarbeite Dir weitere HTML-Elemente und vertiefe Dein Grundlagenwissen. Lies Dich dazu in das folgende Material ein:

HTML-Dog HTML Tutorials (sehr gut gemachte Schritt-für-Schritt Einführung in HTML, berücksichtigt HTML 5 und weist jeweils auf Unterschiede zu bisherigen HTML-Versionen hin)
W3schools HTML Tutorial und HTML5 Introduction, evtl. auch Sitepoint HTML Elements (ähnlich wie das o.g. Tutorial)
Sitepoint HTML Concepts

Wende das neue Wissen an indem Du ein HTML-Dokument erstellst, das verschiedene HTML-Elemente (Text, Überschriften, Bilder, Videos etc.) enthält. Verwende hierfür z.B. Material aus der Wikipedia als Materialpool.

Input/Erarbeitung: Creative Commons

Ein erster Aspekt der Beschäftigung mit dem Urheberrecht ist das Wissen um Lizenzen. Hierbei sind Creative Commons-Lizenzen besonders vielversprechend.

AUFGABE

Erarbeite Dir die Grundlagen von Creative Commons.