AIB 9: Mehrere Seiten erstellen

Schritt-für-Schritt-Anleitung als Vorbereitung für dein Klassenarbeitsprojekt

1. Ordner erstellen

Erstelle auf dem Desktop oder in deinen Dokumenten einen neuen Ordner.

Nenne ihn: Meine_Webseite

In diesem Ordner werden alle HTML-Dateien und auch die eingebauten Bilder gespeichert.


2. Editor öffnen

Öffne einen Texteditor.

Bei Windows:

  1. Klicke auf das Startmenü.
  2. Suche nach Editor oder Notepad.
  3. Öffne das Programm.

Wichtig: Nicht Word benutzen, weil Word keine einfache HTML-Datei erstellt.


3. Startseite erstellen

Gib bitte den nötigen – schon erlernten – HTML-Code in den Editor ein…

Neu -> HTML-Code für Navigation auf die Seiten und zurück zur Startseite:

<h2>Navigation</h2>
<ul>
<li><a href=seite1.html>Weiter zu Seite 1</a></li>
<li><a
href=seite2.html>Weiter zu Seite 2</a></li>
<li><a href=index.html>Zurück zur Startseite</a></li>

</ul>


4: Datei richtig speichern

Speichere die Datei im Ordner Meine_Webseite.

Der Dateiname muss lauten: index.html

Wichtig:
  • Die Datei darf nicht index.html.txt heißen.
  • Bei Windows im Speichern-Fenster am besten auswählen:
    • Dateityp: Alle Dateien
    • Dateiname: index.html
    • Codierung: UTF-8

5. Datei im Browser öffnen

Öffne den Ordner Meine_Website.

Doppelklicke auf die Datei:

index.html
Die Datei öffnet sich im Browser. Jetzt sollte deine erste Website sichtbar sein.

6. Zweite Seite erstellen

Öffne wieder den Editor. Gib entsprechenden Code ein und speichere die Datei im gleichen Ordner unter dem Namen: seite1.html

Danach öffnest du wieder die Datei index.html im Browser und klickst auf den Link zu Seite 1.

7. Dritte Seite erstellen

Öffne wieder den Editor. Gib entsprechenden Code ein und speichere die Datei im gleichen Ordner unter dem Namen: seite2.html

Danach öffnest du wieder die Datei index.html im Browser und klickst auf den Link zu Seite 1.
Speichere die Datei im gleichen Ordner unter dem Namen: seite2.html

8. Kontrolle

Am Ende muss dein Ordner so aussehen:

Meine_Website
│
├── index.html
├── seite1.html
└── seite2.html
Veröffentlicht unter AIB | Verschlagwortet mit

Deutsch 7c: Postkarte aus Kaub

Blick von der Loreley – © Ralf Breuer 2026

Wie schreibt und versendet man eine Postkarte?

Im Folgenden wird erklärt, wie man eine Postkarte schreibt und verschickt.

Als Erstes kauft man eine Postkarte und eine Briefmarke im Wert von 0,95 € (Stand: 2026). Dann dreht man die Postkarte um. Auf der Rückseite sieht man, dass die linke Seite für den Text ist und die rechte Seite für die Adresse.

Danach schreibt man auf die linke Seite einen kurzen Text. Man beginnt mit einer Anrede, zum Beispiel „Liebe Mama, lieber Papa“. Daraufhin schreibt man, was man auf einer Klassenfahrt erlebt hat. Zum Schluss schreibt man eine Grußformel wie „Liebe Grüße“ und setzt seinen Namen darunter.

Anschließend schreibt man auf die rechte Seite die Adresse der Eltern. Zuerst schreibt man den Namen. Darunter folgen die Straße mit Hausnummer sowie die Postleitzahl und der Ort. Dabei achtet man darauf, dass alles gut lesbar ist.

Danach klebt man die Briefmarke oben rechts auf die Postkarte und drückt sie fest an. Zum Schluss geht man zu einem Briefkasten und wirft die fertige Postkarte hinein.

Hat man alle diese Schritte richtig ausgeführt, wird die Postkarte zugestellt und die Eltern erhalten die Grüße.

Wörter zum Verknüpfen der einzelnen Schritte:

Kunst 7c: Video unserer Klassenfahrt

🧠 Aufgabe

Ihr erstellt ein kreatives Video aus Bildern, die ich euch über iCloud zur Verfügung stellen werde (SDUI-Link).

Ihr habt dabei freie Gestaltungsmöglichkeiten: Erzählt eine kleine Geschichte, erstellt eine Bildfolge oder setzt die Bilder einfach kreativ in Szene.


📲 Arbeitsanleitung

  1. Bilder herunterladen
    • Ladet die Bilder und Videos aus iCloud (Link per SDUI) auf euer Handy oder euer iPad.
  2. App auswählen
    • Nutzt z. B. iMovie oder CapCut
  3. Video erstellen
    • Bilder einfügen
    • Reihenfolge selbst festlegen
    • Dauer der Bilder anpassen
    • Übergänge einbauen
  4. Kreativ werden 🎨
    Ihr dürft:
    • Musik oder Geräusche hinzufügen
    • Texte oder Titel einbauen
    • mit Tempo, Reihenfolge und Wirkung spielen

👉 Es gibt kein „richtig“ oder „falsch“ – wichtig ist, dass ihr euch Gedanken macht und eure Idee erkennbar ist.


📤 Abgabe

  • Exportiert euer Video
  • Gebt es wie besprochen ab (z. B. AirDrop / SDUI)

⚠️ Wichtiger Hinweis: Veröffentlichung verboten

Die Bilder und Videos sind nur für den Unterricht gedacht.

Ihr dürft die Fotos und euer Video NICHT:

  • auf TikTok, Instagram, Snapchat usw. posten
  • an andere Personen weiterleiten
  • außerhalb der Schule verwenden

⚖️ Das „Recht am eigenen Bild“ (einfach erklärt)

Jeder Mensch darf selbst entscheiden, ob ein Foto oder Video von ihm veröffentlicht wird.

Das bedeutet:

  • Wenn jemand auf einem Bild zu sehen ist, darf dieses Bild nicht einfach veröffentlicht werden
  • Das gilt besonders für Mitschüler
  • Ohne Erlaubnis ist das verboten

👉 Wenn ihr dagegen verstoßt, kann das ernste Konsequenzen haben (z. B. Ärger in der Schule oder rechtliche Probleme).


⭐ Bewertung

  • Kreativität und Idee
  • Passende Reihenfolge der Bilder
  • Sorgfältige Umsetzung
  • Gesamteindruck

Deutsch 7c: Postkarte aus Kaub

Postkarte schreiben – Schritte:

  1. Postkarte vorbereiten
  • die bereits gekaufte Postkarte und Briefmarke bereitlegen
  • Postkarte umdrehen (Rückseite anschauen)
  • Aufteilung erkennen: links Text, rechts Adresse
  1. Text schreiben
  • Linke Seite nutzen
  • Anrede schreiben („Liebe Mama, lieber Papa“)
  • Erlebnisse kurz beschreiben (z. B. Klassenfahrt, Ausflüge)
  • Grußformel schreiben („Liebe Grüße“)
  • Namen darunter setzen
  1. Adresse eintragen
  • Rechte Seite nutzen
  • Empfänger aufschreiben:
    • Franka Weber
    • Schützenstraße 109
    • 53474 Bad Neuenahr-Ahrweiler
  • Sauber und leserlich schreiben
  1. Briefmarke (zur Zeit 0,95 €) aufkleben
  • Oben rechts aufkleben
  • Fest andrücken
  1. Postkarte einwerfen
  • Zum Briefkasten gehen
  • Postkarte einwerfen
  1. Ergebnis
  • Post wird zugestellt
  • Eltern erhalten die Postkarte und lesen die Grüße

📝 Tipps und Regeln zur Vorgangsbeschreibung

  • Sachlich schreiben
    • Keine Gefühle oder Meinungen („ich finde“, „das war toll“)
    • Nur beschreiben, was gemacht wird
  • Einleitung
    • „Im Folgenden wird beschrieben, wie man…“
  • Reihenfolge einhalten
    • Schritte logisch und in der richtigen Reihenfolge darstellen
    • Nichts überspringen
  • Schluss
    • „Wenn man dies alles so gemacht hat,…“
  • Im Präsens schreiben (Gegenwart)
    • Beispiel: „Man schreibt den Text“ (nicht: „man schrieb“)
  • Man-Form verwenden
    • Nicht „ich“ oder „wir“, sondern „man“
    • Beispiel: „Man klebt die Briefmarke auf“
  • Keine direkte Ansprache
    • Nicht „du musst jetzt…“, sondern neutral bleiben
  • Klare und einfache Sätze
    • Kurze, verständliche Sätze schreiben
    • Keine komplizierten Formulierungen
  • Zeit- und Reihenfolgewörter nutzen
    • z. B.: „zuerst“, „dann“, „anschließend“, „zum Schluss“
  • Genau und vollständig beschreiben
    • Alle wichtigen Schritte nennen
    • Wichtige Details einbauen (z. B. „oben rechts“)
  • Fachbegriffe richtig verwenden
    • z. B. „Adresse“, „Briefmarke“, „Empfänger“
  • Sauber und übersichtlich schreiben
    • Ordentliche Schrift (bei handschriftlichen Texten)
    • Sinnvolle Absätze oder Gliederung

AIB 9: Meine erste Webseite

Geht bitte mal auf www.breuer-info.de/aib und schaut euch diese einfache Webseite an.

  1. Schaut euch die Webseite an
  • Was seht ihr auf der Seite?
  • Welche Elemente könnt ihr erkennen? (z.B. Überschrift, Text, Liste)
  1. Öffnet den Seitenquelltext
  • Rechtsklick auf die Seite
  • „Seitenquelltext anzeigen“ auswählen
    (Alternativ: Strg + U drücken)
  1. Untersucht den HTML-Code
    Sucht im Quelltext nach folgenden HTML-Tags:
  • <h1> oder <h2> (Überschrift)
  • <p> (Text/Absatz)
  • <ul> oder <li> (Liste)
  1. Notiert eure Ergebnisse
    Beantwortet folgende Fragen:
  • Welche Überschrift steht im HTML-Code?
  • Findet ihr einen Absatz (<p>)?
  • Gibt es eine Liste (<ul> oder <li>)?
  • Welche HTML-Tags könnt ihr noch erkennen?

Ziel der Aufgabe

Ihr sollt erkennen, dass Webseiten aus HTML-Code bestehen und dass jede sichtbare Information auf der Webseite im Seitenquelltext zu finden ist.

Bearbeitet dann bitte die Lernkarte, die ich euch bei iServ gesendet habe.

Viel Erfolg!

Veröffentlicht unter AIB