Sie sind auf Seite 1von 4

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>

<dd> <dl> <dt> <h1> <h2> <table> <td> <th> <tr> 2

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

Sie benötigen an CSS: background-color, color, font-family, font-size, font-style, margin, padding, text-align 3

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 eine r Zeichenkette bestehen muss und Sie Zeichenketten mit + zusammensetzen können.

Sie benötigen an JavaScript u.a.:

do … while, if, window.alert(), window.prompt()

mit + zusammensetzen können. Sie benötigen an JavaScript u.a.: do … while, if, window.alert(), window.prompt() 4

4