Zum Inhalt springen

Formatierungen

Aus MOOCsWiki Staging
aiMOOC-Siegel aiMOOC

Formatierungen

QR-Code


Einleitung

Eine Webseite als Beispiel: Überschriften, Textabschnitte, Bilder und Links strukturieren Inhalte.
Eine Webseite als Beispiel: Überschriften, Textabschnitte, Bilder und Links strukturieren Inhalte.

Formatierungen helfen dir, Informationen in Texten, Präsentationen und Webseiten übersichtlich und verständlich darzustellen. Du lernst, Schrift, Absätze, Überschriften, Listen, Tabellen und Bilder gezielt einzusetzen. Zielgruppe: Klassen 6 bis 9. Ein gutes Layout verbessert die Orientierung, ersetzt aber keine sachlich richtigen Inhalte.

Schrift und Hervorhebung

Schriftgröße, Schriftart und Schriftschnitt beeinflussen die Lesbarkeit. Nutze möglichst wenige Schriftarten und hebe nur wichtige Wörter fett hervor. Kursiv eignet sich etwa für Werktitel. Unterstreichungen können auf Webseiten mit Links verwechselt werden. Ein ausreichender Kontrast zwischen Schrift und Hintergrund erleichtert das Lesen.

Absätze und Überschriften

Ein Absatz bündelt einen Gedanken. Überschriften zeigen die Gliederung und sollten eine sinnvolle Reihenfolge bilden. Ein Dokument beginnt mit einer Hauptüberschrift, danach folgen Unterüberschriften. Nutze Formatvorlagen statt jede Überschrift einzeln von Hand zu gestalten: Das erleichtert Änderungen und barrierefreie Navigation.

Listen, Tabellen und Ausrichtung

Aufzählungen eignen sich für gleichrangige Informationen; nummerierte Listen für Abläufe. Tabellen vergleichen Daten in Zeilen und Spalten. Sie sollten klare Spaltenüberschriften besitzen. Links ausgerichteter Fließtext ist meist leichter zu lesen als Blocksatz mit großen Wortabständen. Weißraum trennt zusammengehörige Inhalte.

Bilder, Quellen und Medien

Bilder veranschaulichen Inhalte, sollten aber einen klaren Bezug zum Thema haben. Gib Quelle, Urheber und Lizenz an. Für barrierefreie Dokumente benötigen informative Bilder einen Alternativtext, der ihren Inhalt beschreibt. Dekorative Bilder brauchen je nach System keine inhaltliche Beschreibung. Prüfe Medienrechte vor jeder Veröffentlichung.

Digitale Formatierung und Barrierefreiheit

In Textverarbeitungen helfen Formatvorlagen, konsistente Dokumente zu gestalten. In MediaWiki kennzeichnen Gleichheitszeichen Überschriften und drei Apostrophe fetten Text. HTML beschreibt Struktur, CSS die Gestaltung. Verwende echte Listen und Tabellen statt optischer Nachbildungen. Prüfe Zoom, Tastaturbedienung, Kontrast und Lesereihenfolge.

Interaktive Aufgaben


Quiz: Teste dein Wissen

Wozu dienen Überschriften? (Sie gliedern Inhalte) (!Sie ersetzen Quellen) (!Sie verschlüsseln Texte) (!Sie löschen Absätze)



Welche Hervorhebung ist sparsam sinnvoll? (Fettschrift für Schlüsselbegriffe) (!Jedes Wort fett) (!Alle Sätze unterstreichen) (!Ständig Schriftarten wechseln)



Wann ist eine nummerierte Liste sinnvoll? (Bei einer Reihenfolge von Schritten) (!Bei einem einzelnen Titel) (!Als Bildunterschrift) (!Für jede Tabellenzelle)



Was hilft bei der Lesbarkeit? (Hoher Textkontrast) (!Sehr kleine Schrift) (!Unruhiger Hintergrund) (!Viele Schriftarten)



Was beschreibt Alternativtext? (Wichtige Bildinformation) (!Nur den Dateinamen) (!Die Schriftgröße) (!Den Speicherort)



Was ist eine Formatvorlage? (Wiederverwendbare Gestaltungsregel) (!Ein Bildformat) (!Eine Audiodatei) (!Ein Passwort)



Wozu dienen Tabellen? (Zum geordneten Vergleich von Daten) (!Zum Verbergen von Quellen) (!Zum Abspielen von Ton) (!Zum Ersetzen jeder Liste)



Welche Ausrichtung ist für Fließtext oft gut? (Linksbündig) (!Zufällig wechselnd) (!Jedes Wort zentriert) (!Vertikal gespiegelt)



Worauf musst du bei Fremdbildern achten? (Lizenz und Urheber) (!Nur auf die Dateigröße) (!Nur auf die Farbe) (!Nur auf die Auflösung)



Was trennt HTML und CSS? (Struktur und Gestaltung) (!Ton und Bild) (!Autor und Verlag) (!Datei und Ordner)




Memory

Absatz Bündelt einen Gedanken
Überschrift Kennzeichnet einen Abschnitt
Kontrast Unterschied zwischen Vordergrund und Hintergrund
Alternativtext Beschreibt informative Bildinhalte
Formatvorlage Sichert einheitliche Gestaltung




Drag and Drop

Ordne den Begriff zu Beschreibung
Fettschrift Hebt Schlüsselbegriffe hervor
Aufzählung Zeigt gleichrangige Punkte
Tabelle Vergleicht Daten
Bildunterschrift Erläutert eine Abbildung
Zwischenüberschrift Gliedert einen längeren Text




Kreuzworträtsel

Absatz Wie heißt ein Textblock mit einem Gedanken?
Tabelle Wie heißt eine Anordnung aus Zeilen und Spalten?
Kontrast Wie heißt der Helligkeitsunterschied zwischen Text und Hintergrund?
Schrift Was wird durch Größe und Schnitt gestaltet?
Layout Wie heißt die Anordnung von Inhalten auf einer Seite?
Quelle Was gibst du bei übernommenen Informationen an?




LearningApps


Lückentext

Ergänze die Begriffe.
Eine

gliedert den Text. Eine

sorgt für einheitliche Gestaltung. Eine

vergleicht Daten. Ein

beschreibt informative Bilder. Ein hoher

verbessert die Lesbarkeit. Eine

zeigt gleichrangige Punkte.


Offene Aufgaben


Leicht

  1. Formatierung: Markiere in einem kurzen Text drei Schlüsselbegriffe.
  2. Formatierung: Teile einen ungegliederten Text in sinnvolle Absätze.
  3. Formatierung: Erstelle eine passende Hauptüberschrift und zwei Unterüberschriften.
  4. Formatierung: Formatiere eine Einkaufsliste als echte Aufzählung.


Standard

  1. Formatierung: Gestalte einen Infobrief mit zwei Formatvorlagen.
  2. Formatierung: Vergleiche zwei Schriftarten hinsichtlich ihrer Lesbarkeit.
  3. Formatierung: Erstelle eine Tabelle mit drei Spalten und klaren Überschriften.
  4. Formatierung: Beschreibe ein informatives Bild mit einem präzisen Alternativtext.


Schwer

  1. Formatierung: Überarbeite eine schlecht lesbare Präsentationsfolie und begründe deine Änderungen.
  2. Formatierung: Prüfe ein Dokument auf Kontrast, Struktur und barrierefreie Lesereihenfolge.
  3. Formatierung: Erstelle ein einseitiges Informationsblatt mit korrekt belegtem Bildmaterial.
  4. Formatierung: Vergleiche die Formatierung desselben Inhalts in Textverarbeitung und MediaWiki.




Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen



Lernkontrolle

  1. Textgestaltung: Erkläre, warum ein Dokument mit Formatvorlagen leichter zu überarbeiten ist.
  2. Textgestaltung: Begründe anhand eines Beispiels, wann eine Tabelle besser als eine Liste ist.
  3. Textgestaltung: Analysiere die Lesbarkeit eines selbst gewählten Infotextes.
  4. Textgestaltung: Übertrage Gestaltungsregeln auf eine Webseite und eine Präsentation.
  5. Textgestaltung: Entwirf Kriterien zur Bewertung einer barrierearmen Dokumentseite.


Lernnachweis

Zeige ein selbst gestaltetes Dokument mit einer klaren Überschriftenhierarchie, sinnvollen Absätzen, passenden Listen oder Tabellen und nachvollziehbaren Quellen. Erläutere deine Entscheidungen und dokumentiere eine Überarbeitung nach Rückmeldung.

OER und Wikipedia

Typografie – Wikipedia Textformatierung – Wikipedia W3C WAI: Barrierefreie Webinhalte


Verknüpfte Lernbereiche


aiMOOC Projekte



Schulfach+




aiMOOCs



aiMOOC Projekte









MOOCwiki · Deutsch

Nach dem Lernen ist vor dem Lernen

Entdecke direkt den nächsten Lernkurs. Weitere Inhalte erscheinen, wenn Du weiter nach unten scrollst.

Zur MOOCwiki-Hauptseite

Mediathek

Suche verfeinern

Dein Lernplan bestimmt, was oben steht. Alle anderen Inhalte bleiben erreichbar. Seitenaufrufe beeinflussen die Auswahl nicht.

Inhalte werden geladen ...

Mediathek wird aus dem Wiki geladen ...