Klartext Informatik · Paket 2: Webdokumente: HTML und CSS Fünf Einheiten · 60 Seiten farbig und schwarzweiß · dreifach differenziert · mit Lösungen und Bewertungsraster

Informatik Einführungsphase · dreifach differenziert · mit Lösungen und Bewertungsraster · 12 Seiten farbig und schwarzweißEin Bild ohne alt-Text ist für einen blinden Nutzer nicht vorhanden. Das ist kein Stilfehler, das ist ein Ausschluss.Dieses Heft sagt außerdem, was zu diesem Thema nicht belegt ist. Es gibt keine belegte Obergrenze für die Länge eines alt-Textes. Die verbreitete Regel „maximal 125 Zeichen“ stammt aus einer alten Screenreader-Beschränkung und ist heute gegenstandslos.Das ist drinDeckblatt und Überblick mit einem möglichen Ablauf für eine Doppelstunde (Seite 1 und 2)Fachlicher Kern für die Lehrkraft: Überschriften sind eine Gliederung und Verweise, Bilder, Alternativtexte (Seite 3 und 4)Befundseite: belegt, uneinheitlich, nicht belegt — die ehrliche Einordnung (Seite 5)Drei Arbeitsblätter mit fünf Aufgaben von AFB I bis AFB III (Seite 6 bis 8)Vier Hilfekarten zum Ausschneiden und ein Selbstcheck ohne Auswertung (Seite 9)Lösungen als Erwartungshorizont, dazu ein Bewertungsraster für die Beurteilungsaufgabe (Seite 10 und 11)Quellenseite mit Stand September 2026 (Seite 12)Was die Klasse danach kannÜberschriftenhierarchie korrekt aufbauenrelative und absolute Verweise unterscheiden und richtig einsetzenBilder mit sinnvollen Alternativtexten einbindenDie drei NiveaustufenErste Stufe: Vorlage mit Kommentaren, in die eingesetzt wirdZweite Stufe: Vorlage mit Gerüst ohne KommentareDritte Stufe: leeres Blatt, zusätzlich eine Tabelle mit KopfzellenFormat und DruckFormat: PDF im A4-Hochformat, jede Datei einmal farbig und einmal in Schwarzweiß, damit der Ausdruck im Schulkopierer nichts kostet. Schriften sind eingebettet, alle Grafiken sind selbst gezeichnet und uneingeschränkt kommerziell nutzbar. Das Material ist nicht veränderbar.EinordnungThemenfeld E.2 · HTML-DokumenteBezugsrahmen ist das Kerncurriculum für die gymnasiale Oberstufe Informatik in Hessen; der fachliche Teil ist bundesweit einsetzbar. Stand September 2026. Dieses Material ist eine Arbeitshilfe für den Unterricht und ersetzt weder das Kerncurriculum noch eine Rechtsberatung.

Klassenstufen: EF (10./11. Jhg.), Q1 (11./12. Jhg.)

Informatik Einführungsphase · dreifach differenziert · mit Lösungen und Bewertungsraster · 12 Seiten farbig und schwarzweißEine Prüfung im Browser ist Komfort, keine Sicherheit. Wer sie für Sicherheit hält, baut eine Lücke.Dieses Heft sagt außerdem, was zu diesem Thema nicht belegt ist. Dass POST „sicherer“ sei als GET, ist ein verbreiteter Irrtum. Beide übertragen im Klartext, wenn kein HTTPS verwendet wird. POST hält die Daten nur aus der URL und damit aus Verlauf und Serverprotokoll heraus.Das ist drinDeckblatt und Überblick mit einem möglichen Ablauf für eine Doppelstunde (Seite 1 und 2)Fachlicher Kern für die Lehrkraft: Der Weg einer Eingabe und GET oder POST (Seite 3 und 4)Befundseite: belegt, uneinheitlich, nicht belegt — die ehrliche Einordnung (Seite 5)Drei Arbeitsblätter mit fünf Aufgaben von AFB I bis AFB III (Seite 6 bis 8)Vier Hilfekarten zum Ausschneiden und ein Selbstcheck ohne Auswertung (Seite 9)Lösungen als Erwartungshorizont, dazu ein Bewertungsraster für die Beurteilungsaufgabe (Seite 10 und 11)Quellenseite mit Stand September 2026 (Seite 12)Was die Klasse danach kannein Formular mit passenden Eingabetypen und Beschriftungen aufbauenGET und POST hinsichtlich Sichtbarkeit und Eignung unterscheidenbeurteilen, welche Prüfung im Browser und welche auf dem Server gehörtDie drei NiveaustufenErste Stufe: Formularvorlage mit KommentarenZweite Stufe: Formularvorlage als GerüstDritte Stufe: leeres Blatt, zusätzlich Datenschutzhinweis formulierenWachsendes PaketDiese Einheit gehört zu Paket 2 „Webdokumente: HTML und CSS". Das Paket enthält fünf Einheiten, die aufeinander aufbauen, und ist als wachsendes Paket angelegt: Wer es kauft, bekommt jede Erweiterung ohne Aufpreis, und der Paketpreis steigt mit jedem neuen Teil. Alle sechs Pakete zusammen ergeben 30 Einheiten für die gesamte Einführungsphase.Format und DruckFormat: PDF im A4-Hochformat, jede Datei einmal farbig und einmal in Schwarzweiß, damit der Ausdruck im Schulkopierer nichts kostet. Schriften sind eingebettet, alle Grafiken sind selbst gezeichnet und uneingeschränkt kommerziell nutzbar. Das Material ist nicht veränderbar.EinordnungThemenfeld E.2 · HTML-DokumenteBezugsrahmen ist das Kerncurriculum für die gymnasiale Oberstufe Informatik in Hessen; der fachliche Teil ist bundesweit einsetzbar. Stand September 2026. Dieses Material ist eine Arbeitshilfe für den Unterricht und ersetzt weder das Kerncurriculum noch eine Rechtsberatung.

Klassenstufen: EF (10./11. Jhg.), Q1 (11./12. Jhg.)

Informatik Einführungsphase · dreifach differenziert · mit Lösungen und Bewertungsraster · 12 Seiten farbig und schwarzweißResponsives Layout braucht keine Bibliothek. Es braucht eine Achse und drei Eigenschaften.Dieses Heft sagt außerdem, was zu diesem Thema nicht belegt ist. „Mobile first ist immer besser“ ist eine Konvention, keine belegte Regel. Der belegbare Vorteil ist technisch: min-width-Abfragen erzeugen weniger Überschreibungen als max-width-Abfragen.Das ist drinDeckblatt und Überblick mit einem möglichen Ablauf für eine Doppelstunde (Seite 1 und 2)Fachlicher Kern für die Lehrkraft: Zwei Achsen, vier Eigenschaften und Umbrechen und wachsen (Seite 3 und 4)Befundseite: belegt, uneinheitlich, nicht belegt — die ehrliche Einordnung (Seite 5)Drei Arbeitsblätter mit fünf Aufgaben von AFB I bis AFB III (Seite 6 bis 8)Vier Hilfekarten zum Ausschneiden und ein Selbstcheck ohne Auswertung (Seite 9)Lösungen als Erwartungshorizont, dazu ein Bewertungsraster für die Beurteilungsaufgabe (Seite 10 und 11)Quellenseite mit Stand September 2026 (Seite 12)Was die Klasse danach kannFlexbox-Container und -Elemente unterscheidenHauptachse und Querachse gezielt steuerneine einfache Seite für Handy und Bildschirm anpassenDie drei NiveaustufenErste Stufe: Regelsätze mit LückenZweite Stufe: Regelsätze aus StichwörternDritte Stufe: frei, zusätzlich eine zweite Media QueryFormat und DruckFormat: PDF im A4-Hochformat, jede Datei einmal farbig und einmal in Schwarzweiß, damit der Ausdruck im Schulkopierer nichts kostet. Schriften sind eingebettet, alle Grafiken sind selbst gezeichnet und uneingeschränkt kommerziell nutzbar. Das Material ist nicht veränderbar.EinordnungThemenfeld E.2 · HTML-DokumenteBezugsrahmen ist das Kerncurriculum für die gymnasiale Oberstufe Informatik in Hessen; der fachliche Teil ist bundesweit einsetzbar. Stand September 2026. Dieses Material ist eine Arbeitshilfe für den Unterricht und ersetzt weder das Kerncurriculum noch eine Rechtsberatung.

Klassenstufen: EF (10./11. Jhg.), Q1 (11./12. Jhg.)

Informatik Einführungsphase · dreifach differenziert · mit Lösungen und Bewertungsraster · 12 Seiten farbig und schwarzweißDie Standardbreite in CSS meint den Inhalt, nicht den Kasten. Eine Zeile ändert das — und erspart drei Stunden Suchen.Dieses Heft sagt außerdem, was zu diesem Thema nicht belegt ist. !important gilt oft als „verboten“. Belegt ist das nicht — in Nutzer-Stylesheets für Barrierefreiheit ist es der vorgesehene Weg. Im eigenen Projekt ist es dagegen fast immer ein Zeichen für einen Spezifitätsfehler weiter oben.Das ist drinDeckblatt und Überblick mit einem möglichen Ablauf für eine Doppelstunde (Seite 1 und 2)Fachlicher Kern für die Lehrkraft: Vier Schichten, eine Breite und Welche Regel gewinnt (Seite 3 und 4)Befundseite: belegt, uneinheitlich, nicht belegt — die ehrliche Einordnung (Seite 5)Drei Arbeitsblätter mit fünf Aufgaben von AFB I bis AFB III (Seite 6 bis 8)Vier Hilfekarten zum Ausschneiden und ein Selbstcheck ohne Auswertung (Seite 9)Lösungen als Erwartungshorizont, dazu ein Bewertungsraster für die Beurteilungsaufgabe (Seite 10 und 11)Quellenseite mit Stand September 2026 (Seite 12)Was die Klasse danach kannCSS über Element-, Klassen- und ID-Selektoren gezielt anwendendie vier Bereiche des Box-Modells benennen und ihre Wirkung berechnenerklären, welche Regel bei einem Konflikt gewinntDie drei NiveaustufenErste Stufe: Rechnung als durchgerechnetes Beispiel darüberZweite Stufe: Rechnung als Schema mit LückenDritte Stufe: ohne Vorgabe, zusätzlich margin-collapsing erklärenFormat und DruckFormat: PDF im A4-Hochformat, jede Datei einmal farbig und einmal in Schwarzweiß, damit der Ausdruck im Schulkopierer nichts kostet. Schriften sind eingebettet, alle Grafiken sind selbst gezeichnet und uneingeschränkt kommerziell nutzbar. Das Material ist nicht veränderbar.EinordnungThemenfeld E.2 · HTML-DokumenteBezugsrahmen ist das Kerncurriculum für die gymnasiale Oberstufe Informatik in Hessen; der fachliche Teil ist bundesweit einsetzbar. Stand September 2026. Dieses Material ist eine Arbeitshilfe für den Unterricht und ersetzt weder das Kerncurriculum noch eine Rechtsberatung.

Klassenstufen: EF (10./11. Jhg.), Q1 (11./12. Jhg.)