CSS

Klasse 10-3

Programmier-Übung

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.

Themen

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

Klasse 10-3, Themen

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 CSS

Themen

Trennung von Inhalt und Design

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.

Hacker-Space, Themen

Grundlagen Webentwicklung

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

Nach oben scrollen