Auftrag zu [04], 2017-05-08

Der folgende Arbeitsauftrag ist für die Gruppe INF1 gedacht.

Ziele

  • Sie können Kopfbereich und Navigation Ihrer Website mit HTML und CSS gestalten.
  • Sie können Bilder in Ihre Seite einbinden.1
  • Sie können mehrere HTML-Dokumente Ihrer Seite untereinander verlinken.
  • Sie kennen verschiedene Lernmaterialtypen.
  • Sie sammeln Erfahrung im Umgang mit einem bestimmten Lernmaterialtyp und können vor anderen einen Kurzvortrag darüber halten.

Inhalte und Aufgaben des Auftrags

1. HTML & CSS

Sie haben eine erste Webseite erstellt, die es jetzt gilt, weiter auszuarbeiten. Leitend ist dabei nach wie vor das Mockup aus dem ersten Arbeitsauftrag.

Aufgaben
  • Arbeiten Sie weiter an Ihrem Website-Projekt. Fangen Sie gern auch nochmal von vorne an, Sie werden merken, dass Ihre Erfahrungen in den Neuanfang einfließen. So erlangen Sie Routine.
  • Erstellen Sie eine vertikale oder horizontale Navigation.
  • Binden Sie verschiedene Bilder in die Seite ein. So können Sie bspw. ein so genanntes Keyvisual prominent am Kopf der Seite positionieren, ein Logo links oben in der Ecke platzieren oder auch Produktbilder in den Inhalt der Seite einbetten.
  • Erstellen Sie für jeden Menüpunkt Ihrer Navigation ein weiteres HTML-Dokument. Alle Dokumente sollen das gleiche Aussehen haben.
  • Verlinken Sie die Menüpunkte Ihrer Navigation mit denen neuen Dokumenten. Sorgen Sie für Konsistenz in der Navigation: Von jeder Seite Ihrer Webpräsenz sollen Nutzer_innen auf alle Seiten gelangen können.

2. Referat zu Lernmaterialtypen

Webtechnologie ist komplex, das werden Sie schon gemerkt haben. Nicht mehr nur HTML & CSS reichen aus, um im Bereich Webdesign und -programmierung bestehen zu können. Daher gibt es auch nicht das Buch, mit dem Sie alle Themen dieses Feldes erlernen können. Vielmehr gibt es verschiedene Typen von Lernmaterialien, die wir im Laufe der Veranstaltung kennen lernen und besprechen wollen. Sie finden in den Materialien eine kuratierte Auswahl, die für den Anfang reichen sollte.

Intention

Da Sie am Ende der Veranstaltung eine mündliche Prüfung ablegen müssen, dient dieses Referat dazu, schon einmal das Sprechen über Technik zu üben. Es soll Sie dafür sensibilisieren, technische Sachverhalte verständlich und strukturiert darzustellen, Begriffe zu erklären und das Argumentieren zu üben.

Aufgaben
  • Wählen Sie aus den Lernmaterialtypen zunächst eine Kategorie aus, der Sie zuneigen. Sie wissen vielleicht schon, ob Sie lieber Videos schauen oder Bücher lesen, um sich Wissen anzueignen.
  • Wählen Sie nun in der Kategorie zwei Materialien aus, mit denen Sie sich in Ihrem Lernprozess näher auseinandersetzen wollen. Lernen Sie mit diesem Material!
  • Bereiten Sie ein Kurzreferat mit folgender Gliederung vor:
    • Einordnung des Themas: Worum geht es?
    • Vorstellung der untersuchten Lernmaterialien: Womit haben Sie sich beschäftigt? Wie sind die Materialien aufgebaut? Was wollen Sie leisten? Wie konkret funktioniert das Lernen mit den Materialien?
    • Darstellung der Erfahrungen: Wie haben Sie mit den Materialien gelernt? Was war dabei gut, was schlecht? Was haben Sie über sich selbst als Lernenden herausgefunden?
    • Abschließende Betrachtung: Wie bewerten Sie die Lernmaterialie? Für wen ist sie geeignet? Wie kann ihr Einsatz in Ihrem zukünftigen Unterricht erfolgen?

Material

Die zur Auswahl stehenden Lernmaterialtypen finden Sie am Ende dieses Skripts.

Abgabetermine

  • Geben Sie eine erste Version am Dienstag, d. 02.05.2017, ab. Sie erhalten dann Feedback zu Ihrer Arbeit.
  • Geben Sie die finale Version am Sonntag, d. 07.05.2017, ab.
  • Melden Sie bis Sonntag, d. 07.05.2017 ihr gewünschtes Referatsthema im Kanal Referate in Mattermost. So können wir Doppelungen vermeiden. Sie können auch zu zweit ein Thema bearbeiten.

Wichtig! Die Abgabe erfolgt bitte nicht mehr per Mail, sondern wie in der Anleitung "Studienleistungen in GitLab hochladen" beschrieben. Nur so kann das Dozententeam detailliertes und konstruktives Feedback an Ihrem Text leisten!

1. Falls Ihre Bilder zu groß sind, finden Sie im Artikel Resizing Photos for the Web with GIMP eine Anleitung, diese mit GIMP kleinzurechnen. ↩