Jacob HTML 01

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
zurück zur [https://programmingwiki.de/Unterricht_Jacob Hauptseite]
<h1>Einführung</h1>
<h2>Definition</h2>
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. <br/>
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. <br/>
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 gemint ist. <br/>
Neben HTML und CSS kommt bei Webseiten häufig auch noch JavaScript als Skriptsprache hinzu. Diese soll Webseiten dynmaischer machen und Interaktivität in Websieten bringen.

<h2>Übersicht</h2>
Eine gute Übersicht und eine ausführliche Beschreibung von HTML, CSS und JavaScript ist auf selfhtml zu finden: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Trennung_von_Inhalt,_Pr%C3%A4sentation_und_Verhalten Übersicht]

<h2>Ziele</h2>
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.

<h2>Aufbau des Kurses</h2>
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. <br/>
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.

<h2>Software</h2>
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.) <br/>
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.

<h2>Fragen</h2>
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.)
<br/><br/>
zurück zur [https://programmingwiki.de/Unterricht_Jacob Hauptseite]