Mit HTML und CSS besteht dank der modernen Webbrowser die Möglichkeit, zeitgemäße 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!
Aus dem Inhalt:
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.