Video-Kurs
Das HTML-Lernen im Webmaster Kurs wird durch Video, der Website und Unterlagen unterstützt. Im Folgenden sind die ersten 20 Videos in der chronologischen Reihenfolge des Kursablaufes aufgelistet. Insgesamt stehen über 80 Videos zur Verfügung.
Videos als Offline-Version in besserer Qualität
Wenn Sie Interesse an der Offline-Version in besserer Qualität haben.
Sie bekommen die Videos auf 2 Datenträger - alle Videos (über 100) mit einer Gesamtlaufzeit über 11 Stunden mit einer Auflösung von 1280x720. Besser lesbar als die folgenden Youtube-Videos, die einen kleinen Auszug aus den Videos darstellen.
Zum Bestellen des Webmasters Tutorial als Video.
Reihenfolge des HTML-Video-Tutorials
Die einzelnen Einheiten sind didaktisch aufbauend aufeinander abgestimmt. Daher ist das Einhalten der Reihenfolge sinnvoll (aber kein muss).
Die Videos werden laufend ergänzt und weitere Kapitel werden Online gestellt. Sehen sie einfach regelmäßig vorbei.
8 Schritte zur Website: Entwurf, Planung & Umsetzung
Erste HTML erstellen:
Warum HTML lernen? - erster HTML-TAG für Absatz
Überschrift als HTML-TAG <h1> bis <h6>
HTML & Überschrift <h1> bis <h6> - Lösung zur Aufgabe
Freeware HTML-Editor Scriptly
Tipps zu Scriptly - automatischer Zeilenumbruch bei Anzeige einstellen und farbliche Hervorhebung
Grundgerüst einer HTML-Seite - für was ist der DOCTYPE
Übung zum Grundgerüst und Tipps zum HTML-Editor
title-TAG und warum dieser für Suchmaschinen so wichtig ist
HTML-TAG <sup> und <sub> zum Hochstellen und Tiefstellen
Lösung zur Aufgabe: Hochstellen und Tiefstellen
Umlaute (äöüß) in HTML auszeichnen
Zeilenumbruch durch HTML-TAG <br />
Hervorhebungen durch HTML-TAG <b> und für kursiv den HTML-TAG <i>
Lösung zur Aufgabe für Hervorhebungen mit HTML-TAG <b> und <i>
logisch-semantische Hervorhebungen mit <strong> und <em>
HTML lernen durch eigene Fehler - HTML validieren lassen durch W3C Validator
HTML validieren lassen durch HTML-Editor Scriptly
Aufzählungen mit <li>, <ul> bzw. <ol>
Lösung zur Aufgabe mit der geschachtelten Aufzählung
Bilder in Website integrieren
Dateiformate bei Bilder für Internetseiten und deren Vor- und Nachteile
Links erstellen mit dem HTML-TAG <a>
Steuerung (wer mag auch Navigation) als logisches Element erstellen
Lösung zum Erstellen der Steuerung/Navigation als logisches Element
Verlinken auf andere Websites - externe Links setzen
automatisch neues Browserfenster bei externe Links
Sprungmarken über Links
Lösung zur Aufgabe mit den Sprungmarken
- Video-Kurs