zurück zur Hauptseite

Einführung

Auf Webseiten ist jeder täglich unterwegs. Doch wie werden solche Webseiten erstellt? Ist das schwierig? Die Antwort lautet: nein. Und aus diesem Grund wollen wir das machen, damit wir selbst unsere eigenen Webseiten erstellen können.

Definition

Die Hypertext Markup Language (kurz: HTML) ist eine Beschreibungssprache (Auszeichnungssprache) zur Gliederung, Strukturierung und Formatierung von Text und anderen Daten (wie Links, Bilder, Videos, ...). Wie alle Länder Muttersprachen besitzen, so hat das Internet HTML als Grundsprache.
Großes Ziel von Webseiten ist dabei immer die Trennung der eigentlich "Rohdaten" von der Darstellung. HTML für eine Webseite den Aufbau (Struktur) und den Inhalt. Das eigentlich Layout bzw. Design einer HTML-Seite kann mit hilfe einer CSS-Datei schnell verändert werden.
CSS steht für Cascading Style Sheet und ist neben HTML auch eine Grundsprache des WWW. Mittels CSS werden die Inhalte und die Struktur von Seiten weiterführend gestaltet. Solche Gestaltungsattribute kann die Textausrichtung, Farbe, ... sein. Dadurch kann man beispielsweise alle Attributwerte von Überschriften in einer Webseite schnell ändern, ohne die Attributwerte für Farbe, Schriftgröße, etc. von jeder Überschrift zu ändern. CSS ist damit ähnlich einer Formatvorlage in Microsoft Word. Damit diese funktioniert, muss vorher eine Überschrift der passenden Formatvorlage zugeordnet sein, was mit Struktur als Aufgabe von HTML gemeint ist.
Neben HTML und CSS kommt bei Webseiten häufig auch noch JavaScript als Skriptsprache hinzu. Diese soll Webseiten dynmaischer machen und Interaktivität in Webseiten bringen.

Übersicht

Eine gute Übersicht und eine ausführliche Beschreibung von HTML, CSS und JavaScript ist auf selfhtml zu finden: Übersicht

Ziele

In diesem Kurs soll das Erlernen von HTML und CSS im Vordergrund stehen. Mit JavaScript beschäftigen wir uns im späteren Kontext. Wir nutzen dabei HTML5 und CSS3, da diese von allen modernen Browser unterstützt werden. Am Ende sollen eigene (einfache) Webseiten erstellt werden können.

Aufbau des Kurses

In diesem Kurs soll mit Hilfe verschiedener Kapitel Wissenselemente vermittelt und direkt praktisch geübt werden können. Dabei werden verschiedene Begrifflichkeiten und "Codebausteine" vermittelt. Es empfiehlt sich nebenbei eine Liste für diese Codebausteine anzufertigen, um für sich selbst ein Merkblatt zu haben.
Neben den Übungen direkt im Browser gibt es auch Abgabeübungen. Diese sind im Abgabe-Laufwerk K:/Informatik_?/Jacob/Gruppennummer abzulegen. Der jeweilige Dateiname ist auf den Übungsseiten vermerkt.

Software

Um HTML-Seiten bzw. CSS-Datein zu erstellen braucht es keinerlei spezielle oder kostenpflichtige Software. Bereits ein einfacher Texteditor reicht aus, solange man die jeweilige Dateiendung *.html oder *.css beachtet. (Achtung: Wenn man mit dem Texteditor arbeitet, wird die Datei meist als *.txt abgespeichert und der Brwoser weiß nicht, dass dies als Webseite zu öffnen ist.)
Um sich die Arbeit zu erleichtern und Übersichtlichkeit zu gewinnen, ist die Nutzung des freien und kostenlosen Programms Notepad++ zu empfehlen. Dieser besitzt eine Syntax-Highlighting-Funktion, was das Programmieren mit unterschiedlichen Programmiersprachen erleichtert. Es können aber auch andere Programme nach dem eigenen Geeschmack genutzt werden.

Fragen

Für Rückfragen, Probleme oder Anmerkungen kontaktiere bitte deinen Informatik-Lehrer Herrn Jacob persönlich oder per Mail. (Mail-Adresse ist auf der Schulhomepage zu finden.)

zurück zur Hauptseite