MMDE10Y-XX1 - SGD und ILS - Lösungsvorschlag zur Einsendeaufgabe

Aufgabenstellung:

A. Praxisaufgabe
Erstellen Sie am besten zunächst mit Atom eine geeignete Vorlagenseite mit einem externen Stylesheet. Dieses sollte bereits alle wichtigen Markup-Varianten und alle relevanten Stile enthalten, die Sie für die Implementierung Ihrer Website benötigen.
Die Website muss folgende fünf Seiten umfassen:

- Startseite (Inhalt beliebig)
- Über mich (hier steht es Ihnen frei, tatsächlich etwas über sich selbst zu schreiben und auch ein eigenes Foto zu verwenden oder mit einem Platzhalterbild und Blindtext zu arbeiten)
- Leistungen (Inhalt beliebig)
- Kontakt (mindestens ein Mail-Link - und wer möchte, kann natürlich gerne auch ein Kontaktformular erstellen!)
- Impressum (gemäß den Richtlinien des Telemediengesetzes)

1. Aufgabe:
Die Website muss unbedingt folgende Kriterien erfüllen: Einheitlich dasselbe flexible Layout mit der Breite 75 % und einer Maximalbreite von 50rem; mittig im body. Der body hat eine Hintergrundfarbe Ihrer Wahl.

2. Aufgabe:
Fünf HTML-Seiten, wie oben beschrieben.

3. Aufgabe:
Horizontale Navigationsleiste auf allen Seiten (Flexbox-Technologie). Gegebenenfalls Spezifikation eines Hover-Effekts.

4. Aufgabe:
Auf der Seite „Über mich“ soll das Bild rechts vom Text umflossen werden.

5. Aufgabe:
Daran soll sich ein speziell gestaltetes aside-Element anschließen.


B. Multiple Choice Aufgabe

1. Aufgabe:
Was kann man statt http://localhost/ auch schreiben?

2. Aufgabe:
In welchem Verzeichnis müssen die Webseiten bei XAMPP standardmäßig gespeichert werden, damit sie ausgeliefert werden können?

3. Aufgabe:
Sie haben im Verzeichnis htdocs in dem Unterordner seiten ein Dokument mit Namen produkte.html angelegt. Wie können Sie es aufrufen?

4. Aufgabe:
Wofür steht die Abkürzung XAMPP?

5. Aufgabe:
Was ist MySQL?

10 Aufgaben mit 10 ausführliche Lösungen (9 Seiten)
5 HTML + 1 CSS + 10 Bilddateien (1 veröffentlichte Website)
+ zusätzliche Informationen