HTML 5 für Einsteiger
HTML5 Tutorial
Ich möchte hier den absoluten Einsteigern, die über keinerlei Vorkenntnisse in HTML5 verfügen
schrittweise zeigen wie man eine EIGENE Webseite
zusammenstellen kann ...
Es geht hier also NICHT darum alles bis ins kleinste Detail zu erklären sondern
HTML5 möglichst einfach und anschaulich zu
erklären.
Damit du dich noch schneller in HTML5 einarbeiten kannst habe ich auf fast jeder
Seite Links zu Videos hinterlegt in denen ich dir
die Inhalte an praktischen Beispielen zu
veranschaulichen versuche.
Am Ende fast jeder der nachfolgenden Lektionen findest du Aufgabenstellungen - deren Durcharbeiten soll -
ganz nach dem Motto "Learning by Doing" - dein
erworbenes Wissen verfestigen ...
[Video
zur Lektion]Wenn du den Video - Link hier links siehst und darauf klickst
kannst du ein Video zu dem auf der Seite enthaltenen Inhalt dir anschauen...
Wenn du die folgenden Lektionen durcharbeitest wirst du u.a. wissen was HTML5 eigentlich ist, wozu man einen
HTML-Editor braucht, welcher HTML-Editor besonders nützlich ist, wie man Videos einfügen kann, wie man
Audios einfügen kann - und vieles mehr ... Viel Erfolg!
Lektion 1: Was ist überhaupt
HTML5?
Lektion 2: Wozu braucht man überhaupt
einen Editor?
Lektion 3: HTML mit Microsoft Visual Studio
Code Portable
Lektion 4: ein HTML - Grundgerüst
erstellen
Lektion 5: Datei- und Ordnernamen,
Sonderzeichen /
Codierung, Pfadangaben
Lektion 6: Zeilenumbrüche, Absätze,
Zitate, präformatierter Text einfügen
Lektion 7: Grafiken einfügen
Lektion 8: Einfache Tabellen
einfügen
Lektion 9: Überschriften mit einem Tag
einfügen
Lektion 10: Horizontale Trennlinien
einfügen
Lektion 11: ein eigenes Video
einfügen
Lektion 12: Geordnete und ungeordnete Listen
einfügen
Lektion 13: eine eigene Audio-Datei
einfügen
Lektion 14: (Hyper) - Links
einfügen
Lektion 15: Kommentare einfügen
Lektion 16: Übersichtlich HTML
programmieren
Lektion 17: ein Youtube - Video mit einem
Iframe einbinden
Lektion 18: Kopfdaten in den head einer
Webseite einfügen
Lektion 19: Ulrakurzeinblick in Layout und
Gestaltung einer Webseite mit CSS
Lektion 20: HTML und CSS - Quelltext validieren
(überprüfen)
Disclaimer / Impressum
Die hier dargebotenen Informationen sind für Lehrzwecke bzw. den Unterrichtsgebrauch
an österreichischen Schulen gedacht!
Die auf hier veröffentlichten Seiten beinhalten ganz oder teilweise Material aus verschiedenen Quellen. Diese
Quellen unterliegen einem internationalen Copyright (Urheberrecht) und anderen gesetzlich festgeschriebenen
Bedingungen und sind eingetragene Warenzeichen. Die Quellen sind nicht verantwortlich für Verzögerungen,
Ungenauigkeiten, Fehler oder Auslassungen aus dem Originalmaterial oder für daraus entstehende Schäden.
Soweit ich mittels Hyperlink auf Internet-Seiten Dritter verweise, dient dies allein Informationszwecken, ohne
dass sich der Nutzer auf die Aktualität, Richtigkeit oder Vollständigkeit der Informationen berufen oder
verlassen kann.
Alle Angaben auf dieser Webseite wurden mit größter Sorgfalt erarbeitet bzw. zusammengestellt. Trotzdem sind
Fehler nicht ganz auszuschließen. Ich sehe mich deshalb gezwungen, darauf hinzuweisen, dass weder eine Garantie
noch die juristische Verantwortung oder irgendeine Haftung für Folgen, die auf fehlerhafte oder unvollständige
Angaben zurückgehen von mir übernommen werden kann. Für die Mitteilung eventueller Fehler bin ich jederzeit
dankbar.
Dieses Werk ist lizenziert unter einer Creative Commons Namensnennung
-
Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 3.0 Österreich Lizenz.
markusoppitz
@
gmail
.
com