Dieses Video-Training startet mit den ersten Schritten, die Sie machen müssen, um eine Website von Anfang an zu entwickeln. Dazu gehört eine geschickte Dateistruktur genauso wie die ersten Zeilen HTML-Code zu schreiben oder geeignete Tools einzusetzen. Mit praxisnahen Beispielen erleben Sie, wie Sie Formulare erstellen, Bilder, Videos und Sounds einbetten und sogar eigene Schriftarten mit Hilfe der Webfonts einbinden.
Mit HTML5 und CSS3 besteht dank der modernen Webbrowser die Möglichkeit, zeitgemässe und interaktive Websites zu programmieren. Wichtig ist zu bedenken, wie Sie die neuen Funktionen einsetzen können, ohne dabei die alten Browser zu übergehen und die Seite immer noch nutzbar und ansehnlich zu machen.
Damit allein ist es jedoch noch nicht getan. Jeden Tag kommen neue Endgeräte auf den Markt und schon jetzt ist die Masse an Bildschirmauflösungen und Bedienkonzepten relativ schwer zu überschauen. CSS3-Media-Queries ermöglichen mit Hilfe von CSS3 die Adaption für verschiedene Ausgabemedien. So passt man lediglich das Aussehen der Webseite an den Ausgabebildschirm an, ohne dabei den eigentlichen strukturellen Aufbau der Webseite neu erstellen zu müssen. Lassen Sie sich in diesem Video-Training den kompletten Weg zur modernen Website Schritt für Schritt erläutern!
Der Inhalt des Video-Trainings "HTML und CSS":
Einführung in die Welt der Webentwicklung
Zum Einstieg erläutert Anselm Hannemann Grundlegendes zum Thema, die Entstehungsgeschichte und warum Webstandards so wichtig sind.
Grundlagen
HTML5 ist der neue Standard. Wir verwenden es bereits, zeigen mehr zur Dateistruktur und wie man es richtig macht.
Software und Tools
In diesem Kapitel sprechen wir über Editoren, seien es reine Text-Editoren oder Code-Editoren, die eine grafische Darstellung zur Kontrolle bereitstellen oder aber WYSIWYG.
HTML
Ein umfangreiches Kapitel, das Ihnen viele Begrifflichkeiten und Elemente erklärt und die Grundlage für ein erfolgreiches Arbeiten darstellt.
Inline-Elemente
Dieses Kapitel vermittelt Ihnen Basiswissen zu den verschiedenen Inline-Elementen.
Tabelleninhalte
Erfahren Sie hier mehr rund um Tabellen, wie man sie erstellt und wie Kopf- und Fußzeilen definiert werden.
Referenzierungen
Das Kapitel vermittelt Ihnen Grundwissen zu Referenzierungen. Sie lernen Unterschiede von relativen und absoluten Pfaden kennen, genauso wie Links, Anker- und Hash-Tags.
iFrames
In diesem Abschnitt erfahren Sie alles über iFrames, die Ihnen die Möglichkeit bieten, fremde Webseiten einzubinden.
Formulare
Dieses Kapitel stellt Ihnen die Möglichkeiten von Formularen und deren Feldern vor. Sie erlauben eine Vielzahl von Vordefinitionen zur Vereinfachung der Informationsübermittlung, wie zum Beispiel eine E-Mail-Validierung.
CSS
Lernen Sie von Grund auf die HTML-Ergänzungssprache der Cascading Stylesheets. Damit können Sie HTML-Elemente exakt formatieren, positionieren und ein ganzes Layout umsetzen.
Boxen mit CSS formatieren
Ein Kapitel zum Boxmodell zeigt, wie Sie das Boxmodell korrekt nutzen oder es mit CSS3 sogar für Ihre Bedürfnisse anpassen können.
Farben
Dieser Abschnitt befasst sich mit den Farbräumen und Farbwerten in CSS3 und wie Sie damit Ihre Website aufpeppen.
Elementformatierungen mit CSS
Mit Elementgrenzen von Blockelementen lassen sich vielfältige Formatierungen durchführen, positionieren und auch miteinander kombinieren.
Schriftformatierung mit CSS
Hier erfahren Sie mehr zu Schriftfamilien, von Schriftschnitten bis hin zu Schlagschatten auf Text. Alles realisierbar mit CSS3.
Tabellenformatierung mit CSS
Die Filme in diesem Abschnitt verraten, wie Sie per CSS Ihre Tabellen ordentlich und ansprechend aufbereiten.
Formulare formatieren
Ein kurzes Kapitel zu Formularen und deren Darstellung erläutert Ihnen, was Sie in der Praxis wissen müssen, damit sich Ihre Besucher auch bei komplexen Formularen schnell zurechtfinden.
Praxis-Workshop
Mit diesem Praxisworkshop festigen Sie Ihr erlerntes Wissen und erstellen eine Website von den ersten Schritten bis zum fertigen Ergebnis.
Über den Autor:
Anselm Hannemann ist selbstständiger Web-Experte mit seiner Novolo Designagentur, die sich auf Website-, WebApps-, digitale Magazin- und klassische Printlösungen spezialisiert hat. W3C-standardkonforme Webseiten werden durch neueste HTML5- und CSS3-Technik für iPhone, iPad und Android-Phones optimiert.
Sein umfassendes Wissen auf diesem Gebiet nutzt Anselm Hannemann nicht nur für das Design innovativer und benutzerfreundlicher Websites, sondern vermittelt es auch als Workshopleiter und Trainer mit viel Liebe für neue Technologien. Seine Arbeiten beruhen sowohl auf kontemporärer, als auch auf zukünftiger Technologie um einfache Handhabe bei bestmöglicher Performance zu garantieren.
Zusätzlich dazu ist er Organisator der Deutschen Publishing Konferenz und Standortleiter sowohl der InDesign User Groups in München, als auch der MODX User Groups Deutschland. Genauso engagiert wie in der Welt der Zeichen und Codes ist er auch in der Pixel und Dots.