Informationsverarbeitung

LG: Multimediaprodukte erstellen

Kurs: Datum:
Grundstruktur und -formatierungen
BGS12A ___.___.20___

Ausgangssituation:

Im weiteren Verlauf Ihres Bundesfreiwilligendienstes in der Einrichtung 4Help e.V. sollen Sie
sich die Grundstruktur und -formatierungen einer Webseite anhand von HTML-Tutorials im
WWW erarbeiten und eine eigene Webseite hierzu erstellen. In dieser Webseite soll das
Firmenprofil der Einrichtung 4Help e.V. dargestellt werden.

I. Grundstruktur

1. Recherchieren Sie im WWW bei einem HTML-Tutorial die Grundstruktur/den

Seitenaufbau einer Webseite.

Damit Sie eine Übersicht über die notwendigen HTML-Tags bekommen, erstellen Sie
sich parallel zu der Recherche in einem Textverarbeitungsprogramm eine eigene
Tag-Liste (Referenz in Form einer Tabelle) mit der Bedeutung der einzelnen HTML-
Tags. Vervollständigen Sie diese Tag-Liste im weiteren Verlauf der Unterrichtseinheit
zum Thema HTML. Notieren Sie hinter den Tags zum Seitenaufbau jeweils eine
kurze Information zu deren Bedeutung.

Mögliche Quellen:
http:/www.html-seminar.de
http:/www.selfhtml.org
http://www.quackit.com/html/online-html-editor/full/ (Online-HTML-Editor)
Phase5 (HTML-Editor)

2. Implementieren Sie diese Grundstruktur mit Hilfe eines Editor-Programms in eine neu
erstellte Webseite.

3. Speichern Sie die Seite unter dem Dateinamen „firmenprofil.html“ ab.

Achten Sie dabei auf eine fachgerechte Ordnerstruktur zur Erstellung von einer
Website.

Regeln für Dateinamen

➢ nur Kleinbuchstaben verwenden
➢ keine Umlaute (ä,ö,ü), oder Leerzeichen oder Sonderzeichen (ß, /….- )
➢ Anstelle von Leerzeichen den Unterstrich verwenden _
➢ Namen verwenden, aus denen man den Inhalt erkennt

II. Schriftformatierungen

1. Informieren Sie sich bitte in dem HTML-Tutorial über die Möglichkeiten der
Schriftformatierungen in HTML.

2. Übertragen Sie das Firmenprofil der Einrichtung 4Help e.V. in Ihre erstellte HTML-
Seite „firmenprofil.html“. Nutzen Sie dazu die vorhandene PDF-Vorlage. (Schriftart:
Verdana, Schriftgröße: +1, Überschrift: h1, Hintergrund: hellgelb)

3. Halten Sie in Stichpunkten fest, welche Probleme bei der Umsetzung auftreten.