BWFI 9 Web Dr. Giesbert Damaschke 2.

September 2019

Schulaufgabe Web 2. September 2019

• Es gibt 5 Aufgaben; Sie haben 90 Minuten Zeit.

• Benutzen Sie für jede Aufgabe eine eigene Datei, die Sie etwa nach dem
Muster "Aufgabe_x_Ihr_Name.html" benennen.
• Speichern Sie Ihre Lösungsdateien in einem eindeutig benannten Ordner auf
dem Austauschlaufwerk.
• Speichern Sie Ihre Lösungsdateien sicherheitshalber auch auf Ihrem
Datenlaufwerk!
Es können maximal 50 Punkte erreicht werden. Der Notenverteilungsschlüssel
sieht wie folgt aus:
Punkte Note
43–50 1
36–42 2
28–35 3
21–27 4
11–20 5
0–10 6

1
BWFI 9 Web Dr. Giesbert Damaschke 2. September 2019

Aufgabe 1 (5 Punkte)
a) Wozu dient HTML?
b) Wozu dient CSS?
c) Wozu dient JavaScript?
d) Wie binden Sie ein externes CSS ein?
e) Wie binden Sie ein externes JavaScript ein?

Aufgabe 2 (10 Punkte)

Auf dem Ausstauschlaufwerk finden Sie die Datei aufgabe_2.html. Diese Datei
enthält zahlreiche Fehler. Speichern Sie als Lösung die korrigierte Version ab.

Aufgabe 3 (10 Punkte)

Auf dem Austauschlaufwerk finden Sie die Datei aufgabe_3.txt.
Gestalten Sie aus dieser Datei eine korrekte HTML5-Datei, die der Abbildung
entspricht.
Sie benötigen u.a. (alphabetische Reihenfolge):
<blockquote> <caption> <dd> <dl> <dt> <h1> <h2> <table> <td> <th> <tr>

2
BWFI 9 Web Dr. Giesbert Damaschke 2. September 2019

Aufgabe 4 (16 Punkte)

Schreiben Sie eine einfache Webseite und benutzen Sie <h1> , <h2>, <div> und
<p>. Formatieren Sie die Seite mit CSS, dass sie annähernd der Abbildung
entspricht. Einige Hinweise:
• Der Kasten wird im Browserfenster zentriert.
• Verschiedene Hintergrundfarben
• Achten Sie auf die Abstände
• Verschiedene Schriften für H1, P und H2
• Schrift der H1 ist 1,5 mal so groß wie die Grundschrift
• H2 ist 1,2 mal so groß wie die Grundschrift und zentriert
Sie benötigen an CSS:
background-color, color, font-family, font-size, font-style, margin, padding,
text-align

3
BWFI 9 Web Dr. Giesbert Damaschke 2. September 2019

Aufgabe 5 (9 Punkte)
Auf dem Ausstauschlaufwerk finden Sie die Datei aufgabe_5.html. Die ersten
beiden JavaScript-Zeilen erzeugen jeweils eine Zufallszahl zwischen 1 und 10
und weisen sie den beiden Variablen zahl1 und zahl2 zu.
Erweitern Sie das JavaScript so, dass ein Eingabefenster wie in der Abbildung 1
erscheint (es werden also die beiden Zufallszahlen zu einer Rechenaufgabe
zusammengesetzt). Bei korrekter Eingabe erscheint ein Alert-Fenster wie in
Abbilung 2 (es erscheint der Text "Richtig!" gefolgt von der Lösung der
Aufgabe), andernfalls wird erneut das Eingabefenster gezeigt.
Hinweise: Fordern Sie innerhalb einer Schleife zur Eingabe des Ergebnisses auf.
Die Schleife wird solange durchlaufen, so lange die Eingabe falsch ist. Bei einer
richtigen Eingabe wird die Schleife verlassen und das Alert-Fenster gezeigt. –
Denken Sie daran, dass der Text in einer Dialogbox aus einer Zeichenkette
bestehen muss und Sie Zeichenketten mit + zusammensetzen können.
Sie benötigen an JavaScript u.a.:
do … while, if, window.alert(), window.prompt()