1.1 Über dieses Tutorial
In diesem Kapitel beschäftigen wir uns mit den Grundlagen von HTML5. Das Ziel ist es, Ihnen einen möglichst einfachen aber umfangreichen Einstieg in das Erstellen von Internetseiten zu bieten. Dabei soll der sinnvolle Einsatz von HTML5 vermittelt werden.
1.1.1 Zielgruppe
Dieses Tutorial ist für Einsteiger ohne Vorkenntnisse in HTML5 geeignet. Es richtet sich an jeden, der eine eigene Webseite von Hand erstellen möchte. Es richtet sich an jeden, der dabei den Anspruch an sich selbst hat, validen HTML5 Code schreiben zu wollen!
Dieses Tutorial ist für Einsteiger mit Eigenmotivation! Es wird Ihnen bereits an dieser Stelle ans Herz gelegt, sich eigenständig tiefergehend mit der Materie zu beschäftigen. Sorgen Sie für Ihre persönlichen AHA Effekte! Suchen Sie dazu auch im Internet nach geeigneten Quellen und besorgen Sie sich passende Literatur.
Seien Sie stets experimentierfreudig! Schreiben Sie möglichst viel HTML5 Code, verändern Sie diesen und beobachten Sie die Auswirkungen im Browser!
1.1.2 Aufbau
In diesem Tutorial erfahren Sie, wie Internetseiten erstellt werden. Sie erfahren welche Programme Sie dazu benötigen und was es mit HTML5 auf sich hat. Sie lernen die Syntax und den semantischen Zweck der Sprache kennen.
Um ein einheitliches Vokabular zu schaffen, finden beiläufig einige Begriffserklärungen statt. Es wird die Funktionsweise der Browser und des Internets beschrieben. Zusätzlich lernen Sie den Umgang mit Dateien und Verzeichnissen im Zusammenhang mit der Webentwicklung kennen.
Im Verlauf des Tutorials wird eine einfache Website erstellt. Diese Website dient als Grundlage für unsere weitere Arbeit und wird in den folgenden Tutorials erweitert.
1.1.3 Informationsboxen
In diesem Tutorial gibt es verschiedene Arten von Informationsboxen, dabei gilt:
Die Informationsboxen enthalten praktische Tipps und Tricks sowie nützliches Hintergrundwissen. Beachten Sie diese Informationen bei Ihrer Arbeit mit HTML5!
An dieser Stelle werden Sie dazu aufgefordert, das Erlernte in die Praxis umzusetzen! Machen Sie sich die Mühe und schreiben Sie den Code von Hand in Ihrem Editor nach. Experimentieren Sie mit dem Ergebnis und machen Sie so Ihre eigenen Erfahrungen!
Hier erhalten Sie kurze Hinweise zu bestimmten Themen. Der interessierte Leser sollte sich über diese Themen näher informieren.
1.1.4 Vorgehensweise
In diesem Tutorial beschränken wir uns ganz bewusst auf die Arbeit mit HTML5! Das Aussehen der Webseiten interessiert uns in diesem Tutorial nicht! Hier interessiert uns nur der richtige Einsatz der HTML5 Elemente! Farbe, Form und Anordnung der Elemente erhalten Internetseiten durch die Computersprache CSS.
Die Grundlagen von HTML5 sind schnell zu erlernen und die ersten Erfolge erreichen Sie bereits in diesem Kapitel. Folgen Sie anschließend den weiterführenden Links und beschäftigen Sie sich mit deren Inhalten. Die HTML5 Dokumente werden schnell komplexer und dann ist ein fundiertes Wissen von Nöten um validen Code zu schreiben und die Übersicht zu behalten!
Im Anschluss an dieses Tutorial sollten Sie das Tutorial CSS - Einstieg durcharbeiten um die Grundlagen von CSS kennen zu lernen. Dort wird das Layout der hier erstellten Website angepasst.