A. Praxisaufgabe
Sehen Sie sich bitte die Struktur („Sitemap“) der folgenden fiktiven Website einer kleinen Firma an, die
insgesamt vier HTML-Dokumente enthält: index.html, produkte.html,
mitarbeiter.html und kontakt.html.
1. Aufgabe:
a) Realisieren Sie bitte diese ganze Website. Lassen Sie dabei Ihrer Fantasie freien Lauf.
Beschreibung der Seitenstruktur mit HTML Code:
MMDE02I-XX1-N01
Name: Vorname: Fernlehrer/in:
Schütze Stefan
Postleitzahl und Ort: Straße: Datum:
15328 Küstriner Vorland Birkenallee 2
Studien- bzw. Vertrags-Nr.: Lehrgangs-Nr.: Note:
1040132 428
Bitte reichen Sie Ihre Lösungen über die Online-Lernplattform ein oder schicken Sie uns
diese per Post. Geben Sie bitte immer den Code zum Studienheft an (siehe oben rechts).
Unterschrift Fernlehrer/in:
Datum: 24.08.2021 MMDE02I
MMDE02I 1/4
Hölscher, Daniela
26.08.21
Sehr gut (100/100)
b) Verwenden Sie nur die im Studienheft gezeigten HTML-Elemente. Falls Sie weitere einsetzen
wollen, überprüfen Sie bitte unter https://developer.mozilla.org/de/docs/Web/HTML/Element, ob das
Element nicht schon veraltet ist.
c) Legen Sie dazu als Erstes einen neuen Ordner auf Ihrem Rechner an und nennen Sie
ihn nachname-mmde2i-aufgabe, wobei Sie bitte für nachname Ihren eigenen Nachnamen
einsetzen.
d) Sie können selbstverständlich alle HTML-Dokumente aus den Übungen dieses Heftes verwerten und
„ausschlachten“, um daraus die erforderlichen Webseiten zu generieren. Das ist eine absolut legitime
Technik, die auch von allen Profis eingesetzt wird. Warum sollte man das Rad immer wieder neu
erfinden?
e) Vergessen Sie nicht, zum Verwerten vorhandener Code-Teile die Zwischenablage zu benutzen, d.h.
die Befehle Kopieren + bzw. Einfügen + (auf dem Mac entsprechend statt die
-Taste).
f) Von der Homepage index.html sollen natürlich Links auf alle drei Unterseiten gehen.
g) Bitte benutzen Sie keine Tabellen zur Anordnung von Elementen (also für Layoutzwecke).
h) Von jeder Unterseite soll aber auch ein Link zurück auf die Homepage gehen.
i) Achten Sie auch auf die Dokumenttitel!
j) Legen Sie bitte für Fotos oder Grafiken einen Unterordner images an. Nehmen Sie ein Bild von
Ihrem Smartphone oder Ihrer Digitalkamera und verkleinern Sie es auf eine für das Web sinnvolle
Größe (z.B. 400 px Breite). Alle Bilder zusammen sollten nicht mehr als 1 MB haben. Speichern Sie
Ihre Bilder in dem zuvor angelegten Ordner images.
k) Auf der Seite mitarbeiter.html sollten mindestens drei beliebige Fotos eingebaut werden.
l) Auf der Seite produkte.html soll eine Liste (keine Tabelle!) verwendet werden (z.B. für eine
Produkt- oder Preisliste).
m)Auf der Seite kontakt.html soll ein Kontaktformular angeboten werden
6.50
6.50
;)
Bewertungen
