Schau dir das folgende Video zum Thema „GenAI Dreieck“ an. Schick mir deine Website und deine doku.docx in einem zip-Archiv (KIUebung_nachname_vorname.zip) komprimiert per Mail. Wenn du nicht weißt, wie das geht, frag die KI! Hier könnt ihr euch Notepadd++ kostenlos herunterladen und installieren Abgabetermin: 15.12.2025
Aufgabe:Baue in HTML und CSS eine Mini-Webseite mit den folgenden Elementen: Teil A: HTML-Struktur 1. HTML-Grundaufbau: Erstelle eine HTML-Datei mit: 2. Tabelle mit 10 Zeilen und 5 Spalten Die Tabelle soll darstellen, wie Daten strukturiert werden. Beispielsweise könnte sie eine Liste von Kunden enthalten: Inhalt der Tabelle: 3. Verwendung von Klassen-Selektoren: Teil B: CSS-Regeln 1.
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
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 CSS
Ein extrem großer Vorteil von CSS ist die Trennung des Designs vom eigentlichen Inhalt, der in HTML-Dateien steckt. Das Design wird dazu in eine eigene Datei ausgelagert und kann dann für alle Seiten eines Internetauftritts verwendet werden. Werden dann Änderungen am Design gemacht, sind durch diese gemeinsame CSS-Datei sofort alle Einzelseiten auf dem neuesten Stand.
Was du eigentlich lernen musst, ist HTML, CSS und evtl. JavaScript (je nachdem wir tief du in das Thema einsteigen willst. Ich persönlich mag den Youtube-Kanal The Morpheus Tutorials, hier findest du sehr viele fachlich gute Tutorials zum vielen IT-Themen. Ich nutze und schätze folgende Online-Doku zum Webentwicklungsthemen: Hier im Unterricht benutzen wir notepad++. Ich
