Thema: Zoo und seine Bewohner
1. Seite: Willkommensseite
- Willkommensblabla mit Bild(ern) und einem YouTube/Vimeo Video (erinnere dich an Übung 3)
- Erstelle eine Definitionsliste geordnet nach Säugetiere, Insekten, Fische, Vögel, (…) die in diesem Zoo beheimatet sind
2. Seite: Infoseite
Tabelle mit folgenden Spalten:
- Tier
- Vegetarier (ja/nein)
- Gattung
- Lebensraum
- Patenschaft (j/n)
- Name (in Zoos bekommen Tiere mit Patenschaften meist einen persönlichen Namen)
- falls dir noch etwas einfällt, erweitere die Tabelle
- wenn es keine Patenschaft gibt dann verbinde die Zellen Patenschaft und Name miteinander
- Ordne mehrere Tiere untereinander, bei denen du mittels senkrechter Zellenverbindung einen Eintrag für mehrere Tiere setzen kannst
- Tip: mit der css Eigenschaft width: 100%; kannst du die Tabelle halbwegs responsive machen.
3. Seite: Kontaktseite
Auf dieser Seite soll es ein Formular geben.
Felder die Abgefragt werden (achte auf die Validierung):
- Name
- Mailadresse
- Besuchstag (date)
- Besuchszeit (time)
- Hat es gefallen (range)
- Weiterempfehlung (ja/nein)
- Welche Tierart hat am besten gefallen (datalist)
- Kommentar (textarea)
- Besucherinfo (Auswahlliste)
- Familienausflug
- Allein unterwegs
- Gruppenausflug
- Ausflug mit Freunden
- was anderes
- Absendebutton und Resetbutton
Allgemein
- Nutze die Stylinganweisungen aus Übung 1
- Nutze die strukturellen Tags und Auszeichnungstags aus Übung 2
- Nutze Bilder und Videos wie aus Übung 3