Aufgabe G1
Erstelle in deinem home-Verzeichnis den Ordner Klassenarbeit_Vorname.
Erstelle in diesem Verzeichnis die Datei Klassenarbeit_Vorname.html
Erstelle das Grundgerüst deiner html Seite (html,head und body).
Setze den „Titel“ deiner Seite auf „Klassenarbeit von dein Name„
Beachte: Alle folgenden Aufgaben werden in dieser Datei bearbeitet!
Aufgabe G2
Erstelle die folgende Überschrift 1. Ordnung: „Tabelle Nr. 1 von dein Name„.
Erstelle eine Tabelle mit 3 Zeilen und 4 Spalten.
Der Rahmen soll sichtbar sein und 1 pixel stark.
Füge in jede Zelle einen Monat ein (Januar, Februar, usw.)
Um Abstand zur nächsten Aufgabe zu erhalten, füge nach der Tabelle zwei Zeilenumbrüche ein.
Aufgabe G3
Der Speiseplan soll im Internet veröffentlicht werden
Dazu muss der Plan von dir in html erstellt werden.
Erstelle die folgende Überschrift 1. Ordnung: „Tabelle Nr. 2 von dein Name„.
Erstelle eine Tabelle mit 5 Zeilen und 3 Spalten.
Benutze den Inhalt des Bildes und übertrage die Informationen in deine Tabelle.
Achtung, du sollst nicht alles abtippen. Die erste Zeile enthält nur:
Montag und Erbsensuppe. Die dritte Spalte bleibt erstmal leer.
Aufgabe G4
Erstelle für den Speiseplan eine weitere Zeile. Diese Zeile soll Kopfzeile deiner Tabelle werden, also kommt sie ganz nach oben.
Die Zeile soll nur eine Zelle beinhalten, die über die gesamte Breite der Tabelle geht.
Der Inhalt der Zelle lautet „Speiseplan von dein Name„.
Aufgabe E1
Im Folgenden sollen einige Formatierungen vorgenommen werden.
Breite der Tabelle: 75%.
Hintergrundfarbe: #FFFFCC.
Rahmen sichtbar mit 1px.
Der Abstand der Zellen untereinander soll 5 Pixel betragen (cellspacing).
Der Inhalt einer Zelle soll 25 Pixel Abstand zur Zelle haben (cellpadding).
Die Tabelle soll zentriert im Browser angezeigt werden (align).
Aufgabe E2
Im Folgenden sollen einige Formatierungen bezüglich der Schriftgestaltung des Speiseplans vorgenommen werden.
Der Satz „Speiseplan von dein Name“ soll als Überschrift 1. Ordnung.
Die Tage in Fettschrift.
Der Name des Essens in Schrägschrift.
Aufgabe V1
Das Wort „Erbsensuppe“ soll als Link auf die Seite www.erbsensuppe.de zeigen (a).
Die Zelle mit dem „Speiseplan von …“ bekommt die Hintergrundfarbe orange.
In der dritten Spalte soll zu jedem Gericht ein passendes Bild eingefügt werden. Breite 300 Pixel. Hier findest du eine Auswahl.
Beachte!! Die Bilder müssen im gleichen Verzeichnis wie deine html-Datei gespeichert werden.
Du kannst die folgenden Bilder benutzen.
Es soll eine neue erste Zeile geben. Diese Zeile beinhaltet eine Spalte, die so breit wie die Tabelle ist.
In dieser Spalte soll das folgende Logo des Anbieters erscheinen. Das Bild soll 400 Pixel breit und zentriert sein.
Aufgabe Zusatz
Gestalte die Zeile für Samstag.
Abgabe – hier darf nichts schief gehen! Genau lesen!
Wähle die Aufgabe Klassenarbeit html auf Its Learning aus.
Ziehe per drag and drop die html Datei und die entsprechenden Bilder in die Aufgabe, sodass die Dateien hochgeladen werden.
Klicke anschließend auf Speichern.
Viel Erfolg!