2. KLASSE

In der zweiten Klasse haben wir den Umgang mit dem Visual Studio Code erlernt und die Grundlagen des Programmierens kennengelernt. Dabei haben wir uns insbesondere auf das Erstellen unserer ersten Websites konzentriert und verschiedene Problemstellungen behandelt, um ein solides Verständnis für die Programmierung zu entwickeln.

Relative Links

Aufgabe:
Lege ein Stammverzeichnis für deinen Webauftritt an.
Lege im Stammverzeichnis eine Startseite an.
Diese Startseite soll folgenden Inhalt haben:

Eine Überschrift
ein Bild von mir

Lege im Stammverzeichnis ein Unterverzeichnis für Bilder an – zB images
Gib in dieses Verzeichnis für die Bilder dein Bild

Abgabe:

Quelltext der Startseite — Code
Screenshot der Startseite

Umsetzung

Ergebnis

Externe Datei

Aufgabe:
Schreibe die HTML-Datei fussball.html sowie die Datei formel1.html
Jeweils mit einer Überschrift h3 –> zB Formel 1
Darunter kommt jeweils ein selbst gewähltes Bild der Formel 1 sowie vom Fussball

Darunter folgt eine Div-Sektion
Formatiere h3 mit weißer Schrift, blauem Hintergrund, Schriftart Verdana
Formatiere die Bilder mit einer Breite von 200px
Formatiere die div mit Schriftgröße 9px sowie fett.
Nimm die Formatierung über eine separate, externe CSS-Datei vor.

Umsetzung

Ergebnis

Maßeinheiten

Aufgabe:
Nimm die angehängte Datei und setze um

Formatierung des Buttons – inkl. des Hover-Effekts (bei Kommazahlen amerikanische Schreibweise)
Bild des Wohnortes mit CSS
Abgabe Browsersicht + Code

Umsetzung

Ergebnis

Formular

Aufgabe:
Gestalte ein Formular mit folgenden Feldern

Auswahlfeld: Schultyp – HAS oder HAK
Checkbox: Raucher?
Radiobutton: Lieblingssportart – zur Auswahl stehen Schifahren, Wandern, Klettern
Textfeld: Eingabe des eigenen Namens – zB Max Muster
Button zum Abschicken mit der Beschriftung „Absenden durch Max Muster“ (eigener Name)