Kategorie: Klasse 10-3

Veröffentlicht am

Informatik-Projekt: Wir entwickeln ein Spiel mit der Godot-Engine

Einführungsvideo

Projektablauf

  1. Wer arbeitet zusammen?
  2. Lern mithilfe des Videos die Grundlagen des Umgangs mit der Godot-Engine
  3. Überlegt, wie ihr euer Spiel weiterentwickeln wollt
    • Wie sollen der Level gestaltet werden?
    • Wie funktionieren Levelübergänge?
    • Was müsst ihr noch lernen, um das Spiel weiterzuentwickeln? Sucht euch entsprechende Tutorials.
    • Wer übernimmt welchen Part? (Aufgabenverteilung)

Tool

  • Planer (ToDo-Liste)
  • OneNote (Dokumentation) – Ich richte euch heute ein ClassOneNote für eure Dokummentation an.

Erstellt euch ein KANBAN-Board mit Planer

Projektzeit: 8 UE (also 4 Doppelstunden)

weitere Links

Veröffentlicht am

Fehlersuche in HTML

Ich hab euch am Abgabe-Laufwerk eine mit Fehlern gespickte Seite bereitgestellt. Findet dich Fehler.

SeiteAnzahl der Fehler
index.html5
seite1.html3
seite2.html2
seite3.html2
seite4.html1

Veröffentlicht am

Bewertungsgrundlagen HTML-Projekt

  1. Korrektes HTML 5P
  2. gut strukturierter, übersichtlicher Code 5P
  3. Verwendung der HTML-Elemente H1, p, img, a evtl. ul und li für die Navigation 5P
  4. funktionierende Navigation 5P
  5. sinnvolle Seiten- und Absatzstruktur 2P
  6. Gesamtkonzept der Seite 2P
  7. (Verwendung von CSS) 2P

Veröffentlicht am

HTML-Projekt

Erstelle eine Website mit 4 Seiten (+Quellenseite). Die Seiten sollen durch ein gemeinsames Menü (Navigation) verbunden werden. Jeder Seite sollte min. 1 Überschrift (besser mehr), 300 Wörter Text in min. 3 Absätzen und 1 dazu passendes Bild enthalten.

Das Thema bleibt euch überlassen. Es kann über deinen letztes Urlaubsland sein, dein Hobby oder irgendetwas Anderes sein, für das ihr euch gerade interessiert.

Beachte bei den Bildern das Urheberrecht. D.h. Informiere dich welche Bilder du wie im Internet nutzen kannst.

Ihr könnt gerne eine KI zum erzeugen des Textes nutzen (Erstelle eine weitere Seite mit deinen Verwendeten Quellen). Auf das Projekt gibt es zwei Noten. Eine Note für Recherche und Inhalt und eine Note für HTML & CSS Nutzung.

Ihr habt maximal 3 Doppelstunden Zeit.

Tipps zum Ablauf:

  1. Erstelle zunächst die Grundgerüste für die Seiten. Deine Startseite muss index.html heißen (diese wird vom Webserver automatisch zuerst aufgerufen) Alle anderen Seiten können bliebig benannt werden (verwende websichere Dateinamen, kein Leerzeichen, keine deutschen Umlaute). Alle Dateien benötigen die Endung .html
  2. Verbind die Seiten mit Links die in einer unsortierten Liste angeordnet sein.
    (Auf der Seite zu Bildern findest du ein Video zu relativen und absoluten Pfaden)
  3. Fülle die Seiten mit Inhalt (Texten und Bilder)
  4. Erstelle eine zentrales CSS-Datei für das Projekt

Beispiel: meine kleine Seite zu KI

Veröffentlicht am

HTML-Einführung

HTML(HyperText Markup Language) ist keine Programmiersprache, sondern eine Auszeichnungssprache und wurde von Tim Bernes-Lee 1990 entwickelt. Eine Auszeichnungssprache hat die Aufgabe, logische Bestandteile eines textorientierten Dokuments zu beschreiben. Das ursprüngliche HTML enthielt nur 18 Elemente. Einige davon, wie h1-h6, p, a, ol, ul und li benutzen wir noch heute.

HTML

  1. Dokumentation
  2. Was braucht man um HTML-Dokumente zu schreiben?
  3. Grundgerüst einer HTML-Seite
  4. HTML-Elemente und Tags
  5. Inline- und Blockelemente
  6. Bilder in Webseiten (ausführlich)

CSS

  1. Trennung von Inhalt und Design
  2. Wie kommt das CSS ins HTML?
  3. CSS-Syntax
  4. Ausblick