/klausur-Test-20240410

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

Klausur 10.04.2024

Sie sehen das Original-Projekt aus dem Unterricht. Die Verwendung der KI ist nicht erlaubt. Das Öffnen alter Projekte ist nicht erlaubt.

Aufgabe 1)

Auf der Seite agb.html sind 5 Fehler eingebaut. Finden Sie die Fehler! Geben Sie über jede fehlerhafte Zeile einen Kommentar ein, in dem Sie den Fehler in einem Satz beschreiben.

Aufgabe 2)

2.1

Bauen Sie in der Datei login.html direkt unter der Überschrift 1 das Bild borken-bank32.png ein. Das Bild ist bereits im Projekt hochgeladen. Wenn man mit der Maus über das Bild streift, soll "Borken-Bank AG" im Tooltip angezeigt werden.

2.2

Bauen Sie auf die login.html in den footer-Bereich einen Hyperlink zur Bundesbank ein. Tooltip: Bundesbank

https://www.bundesbank.de/de

2.3 (nur Klausurschreiber)

Auf der Login-Seite sollen Sie in einem Absatz die Möglichkeit der 2-Faktor-Authentifizierung anbieten. Darunter steht die Auflistung der Optionen als Nummerierung:

  1. SMS bekommen
  2. Mail bekommen
  3. Authenticator-App nutzen

Tipp: Nummerierungen haben das tag <ol> (= ordered list). Unsortierten Aufzählungen haben das tag <ul> (= unordered list).

2.4

In allen Footern soll auf allen Seiten der gesamte Text rechtsbündig ausgerichtet sein.

Der Hintergrund aller Footer soll die Farbe rgb(101, 96, 96) bekommen.

Die Schriftart aller Footer ist Courier.

Aufgabe 3) (nur Klausurschreiber)

Erstelle eine Seite namens profil.html nach folgenden Vorgaben:

  1. Die Seite soll von allen anderen Seiten über einen Link im header erreichbar sein.
  2. Die Seite soll dem Look and feel der übrigen Seite entsprechen.
  3. Die größte Überschrift lautet "Mein Profil"
  4. Darunter soll ein Formular (wie auf der login.html) eingebaut werden, in dem der Kunde seine personenbezogenen Daten in eingeben kann.
  5. In dem Formular werden folgende personenbezogenen Daten des Kunden abgefragt:
  • Nachname:
  • Vorname:
  • Mailadresse:
  • Kreditlimit:

Die <input> Tags sollen den jeweils passenden Typ bekommen, also entweder Text oder mail oder Zahl.

Auf dem Button steht "Kundendaten ändern"

Aufgabe 4

Ergänzen Sie im Flexcontainer auf der ìndex.html einen weiteren Eintrag namens "Bitcoins verwalten". Erstellen Sie die entsprechende HTML-Seite mit einem HTML Grundgerüst (ohne irgendwelche weiteren Formatierungen). Die Überschrift lautet "Bitcoins verwalten".