MMDE02I Beschreibung der Seitenstruktur mit HTML aus Januar 2023

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.
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.

B. Multiple Choice
1. Was ist die Hauptaufgabe von HTML?
2. Welche HTML-Codezeile ist korrekt?
3. Welcher Dateiname ist korrekt?
4. Welche Aussage ist richtig?
5. Welche HTML-Codezeile ist korrekt?
6. Welche Aussage ist richtig?
7. Was geschieht mit einer Website, wenn sie auf dem eigenen Rechner fertig entwickelt worden ist?
8. Welche Aussage zur Deklaration des Dokumenttyps ist richtig?
9.
Bei der Angabe width: 100 % für die Breite einer Tabelle bezieht sich die Prozentangabe auf:
10.
Die Verarbeitung von Formulardaten erfolgt am professionellsten durch: