{"id":435,"date":"2023-12-14T18:50:04","date_gmt":"2023-12-14T18:50:04","guid":{"rendered":"https:\/\/ai.hasebox.de\/?p=435"},"modified":"2026-01-13T10:32:08","modified_gmt":"2026-01-13T10:32:08","slug":"klassenarbeit-html-speiseplan","status":"publish","type":"post","link":"https:\/\/ai.hasebox.de\/index.php\/2023\/12\/14\/klassenarbeit-html-speiseplan\/","title":{"rendered":"Klassenarbeit html – Speiseplan"},"content":{"rendered":"\n
\n

Aufgabe G1<\/h3>\n\n\n\n

Erstelle in deinem home-Verzeichnis den Ordner Klassenarbeit_Vorname<\/strong>.

Erstelle in diesem Verzeichnis die Datei Klassenarbeit_Vorname.html<\/strong><\/p>\n\n\n\n

Erstelle das Grundger\u00fcst deiner html Seite (html,head und body).<\/p>\n\n\n\n

Setze den „Titel“ deiner Seite auf  „Klassenarbeit  von dein Name<\/strong>„<\/p>\n\n\n\n

\n

Beachte: Alle folgenden Aufgaben werden in dieser Datei bearbeitet!<\/h3>\n<\/blockquote>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe G2<\/h3>\n\n\n\n

Erstelle die folgende \u00dcberschrift 1. Ordnung: „Tabelle Nr. 1 von dein Name<\/strong>„.<\/p>\n\n\n\n

Erstelle eine Tabelle mit 3 Zeilen und 4 Spalten.<\/p>\n\n\n\n

Der Rahmen soll sichtbar sein und 1 pixel stark.<\/p>\n\n\n\n

F\u00fcge in jede Zelle einen Monat ein (Januar, Februar, usw.)<\/p>\n\n\n\n

Um Abstand zur n\u00e4chsten Aufgabe zu erhalten, f\u00fcge nach der Tabelle zwei Zeilenumbr\u00fcche ein.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe G3<\/h3>\n\n\n\n

Der Speiseplan soll im Internet ver\u00f6ffentlicht werden<\/p>\n\n\n\n

Dazu muss der Plan von dir in html erstellt werden.<\/p>\n\n\n\n

Erstelle die folgende \u00dcberschrift 1. Ordnung: „Tabelle Nr. 2 von dein Name<\/strong>„.<\/p>\n\n\n\n

Erstelle eine Tabelle mit 5 Zeilen und 3 Spalten.<\/p>\n\n\n\n

Benutze den Inhalt des Bildes und \u00fcbertrage die Informationen in deine Tabelle.<\/p>\n\n\n\n

Achtung, du sollst nicht alles abtippen. Die erste Zeile enth\u00e4lt nur:
Montag und Erbsensuppe. Die dritte Spalte bleibt erstmal leer.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe G4<\/h3>\n\n\n\n

Erstelle f\u00fcr den Speiseplan eine weitere Zeile.\u00a0Diese Zeile soll Kopfzeile deiner Tabelle werden, also kommt sie ganz nach oben. <\/p>\n\n\n\n

Die Zeile soll nur<\/strong> eine Zelle beinhalten, die \u00fcber die gesamte Breite der Tabelle geht.<\/p>\n\n\n\n

Der Inhalt der Zelle lautet „Speiseplan von dein Name<\/strong>„.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe E1<\/h3>\n\n\n\n

Im Folgenden sollen einige Formatierungen vorgenommen werden.<\/p>\n\n\n\n

Breite der Tabelle: 75%.<\/p>\n\n\n\n

Hintergrundfarbe: #FFFFCC.<\/p>\n\n\n\n

Rahmen sichtbar mit 1px.<\/p>\n\n\n\n

Der Abstand der Zellen untereinander soll 5 Pixel betragen (cellspacing).<\/p>\n\n\n\n

Der Inhalt einer Zelle soll 25 Pixel Abstand zur Zelle haben (cellpadding).<\/p>\n\n\n\n

Die Tabelle soll zentriert im Browser angezeigt werden (align).<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe E2<\/h3>\n\n\n\n

Im Folgenden sollen einige Formatierungen bez\u00fcglich der Schriftgestaltung des Speiseplans vorgenommen werden.<\/p>\n\n\n\n

Der Satz „Speiseplan von dein Name“ soll als \u00dcberschrift 1. Ordnung.<\/p>\n\n\n\n

Die Tage in Fettschrift.<\/p>\n\n\n\n

Der Name des Essens in Schr\u00e4gschrift.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe V1<\/h3>\n\n\n\n

Das Wort „Erbsensuppe“ soll als Link auf die Seite www.erbsensuppe.de zeigen (a).<\/p>\n\n\n\n

Die Zelle mit dem „Speiseplan von …“ bekommt die Hintergrundfarbe orange.<\/p>\n\n\n\n

In der dritten Spalte soll zu jedem Gericht ein passendes Bild eingef\u00fcgt werden. Breite 300 Pixel. Hier findest du eine Auswahl.<\/p>\n\n\n\n


Beachte!!<\/strong> Die Bilder m\u00fcssen im gleichen Verzeichnis wie deine html-Datei gespeichert werden.
Du kannst die folgenden Bilder benutzen.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

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.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n

Aufgabe Zusatz<\/h3>\n\n\n\n

Gestalte die Zeile f\u00fcr Samstag<\/strong>.
<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n

Abgabe – hier darf nichts schief gehen! Genau lesen!<\/h3>\n\n\n\n

W\u00e4hle 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\u00dfend auf Speichern.<\/p>\n<\/div>\n\n\n\n

\n

Viel Erfolg!<\/strong><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

Aufgabe G1 Erstelle in deinem home-Verzeichnis den Ordner Klassenarbeit_Vorname. Erstelle in diesem Verzeichnis die Datei Klassenarbeit_Vorname.html Erstelle das Grundger\u00fcst 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 \u00dcberschrift 1. Ordnung: „Tabelle Nr. 1 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[47],"tags":[],"class_list":["post-435","post","type-post","status-publish","format-standard","hentry","category-html2"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":7,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"predecessor-version":[{"id":2461,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/435\/revisions\/2461"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}