Meine Videokurse
Seit 2006 erstelle ich Videotrainings zu HTML, CSS und anderen Webthemen. Auf dieser Seite stelle ich Ihnen einige Trainings kurz vor. Eine komplette Übersicht finden Sie bei LinkedIn Learning.
Teil 1: HTML
Elementor
Twenty Seventeen
Der Little-Boxes-Klassiker neu aufgelegt, aktualisiert und erweitert. Webseiten bestehen aus rechteckigen Kästchen, die im Browserfenster übereinander, nebeneinander und ineinander gestapelt – HTML erstellt diese Kästchen, CSS gestaltet sie. In diesem Training lernen Sie die Funktionsweise von HTML und CSS an einem praktischen Beispiel kennen.
Peter Müller
Webtechniken lernen, Teil 1: HTML
HTML und CSS für Einsteiger
Veröffentlicht: 8. November 2018
Dauer: 3:52 Stunden
In diesem Videokurs lernen Sie, wie man mit einem einfachen Theme und der kostenlosen Version des Elementor Pagebuilder professionelle WordPress-Layouts erstellt. Mehr dazu im Blog.
Peter Müller
WordPress: Layouts mit dem Elementor Page Builder
Professionelle WordPress-Layouts per Drag & Drop
Laufzeit 03:41 Stunden · 14. Dezember 2017
Im zweiten Training der Little Boxes-Reihe geht es um die Grundlagen der Gestaltung mit Cascading Style Sheets (CSS). Von der einfachen Gestaltung einer Seite geht die Reise bis zur Einbindung von Webfonts. Quasi nebenbei erfahren Sie auf leicht verständliche Weise, was hinter Konzepten wie Spezifität, Box-Modell, Kaskade und Vererbung steckt.
Peter Müller
Little Boxes – die CSS-Grundlagen
HTML und CSS für Einsteiger
Laufzeit 03:58 Stunden · April 2015
Das »CSS Flexible Box Layout Module« wurde speziell zum Layouten per CSS entwickelt und ergänzt oder ersetzt traditionelle Techniken wie Float, absolute Positionierung oder Inline-Block.
Lernen Sie in diesem Video-Training alle Flexbox-Eigenschaften von Grund auf kennen und sehen Sie praktische Anwendungsbeispiele wie Navigation, Kontaktformular und Seitenlayout.
Peter Müller
Little Boxes – Layouten per Flexbox
Grundlagen zu Flex-Container und Flex-Items, flexible CSS-Layouts in der Praxis
Laufzeit 02:37 Stunden · April 2016
Das CSS Flexible Box Layout Module, besser bekannt als „Flexbox“, wurde speziell zum Layouten erfunden und vereint viele Vorteile von Float, Inline-Block oder Position, ohne deren Nachteile zu übernehmen.
In diesem Video-Training verwenden Sie Flexbox zur Gestaltung von verschiedenen responsiven Layouts: Sehen Sie, wie sich die Art und Weise der Webseitengestaltung grundlegend verändern wird und wie Sie Flexbox mit den richtigen Vorsichtsmaßnahmen schon heute einsetzen können.
Peter Müller
Responsive Flexbox-Layouts für Fortgeschrittene
Komponenten und Seitenlayouts im Detail: Navigationen, Holy-Grail und interaktive Buttons
Laufzeit 02:25 Stunden · Oktober 2016
Das Training ist ursprünglich auf englisch von Morten Rand-Hendriksen erschienen, und ich habe es übersetzt, angepasst und aktualisiert.
Alle Jahre wieder veröffentlicht das WordPress-Team ein neues Standardtheme, das nach der Jahreszahl benannt wird.Lernen Sie in diesem Video-Training das WordPress-Theme Twenty Seventeen kennen – von der Auswahl, Installation und individueller Anpassung im Customizer bis hin zum praktischen Einsatz: Das moderne Design mit großflächigen Bildern und Video-Header und die Startseite mit Inhalts-Abschnitten und Parallax-Effekt richten sich explizit an Betreiber von auf Business-Websites.
Peter Müller
WordPress-Theme für Einsteiger – Twenty Seventeen
Startseite mit Video-Header, Parallax-Effekt, zweispaltiges Layout und andere Elemente entdecken und nutzen
Laufzeit 00:58 Stunden · März 2017
Alle Jahre wieder veröffentlicht das WordPress-Team ein neues individuelles Theme, das nach der Jahreszahl benannt wird. Lernen Sie in diesem Video-Training das WordPress-Theme Twenty Sixteen kennen – von der Auswahl, Installation und individueller Anpassung im Customizer bis hin zum praktischen Einsatz.
Peter Müller
WordPress-Theme für Einsteiger – Twenty Sixteen
Installation, im Customizer anpassen, praktischer Einsatz
Laufzeit 01:26 Stunden · Januar 2016
In diesem Training geht es um Selektoren: Attributselektoren, Pseudoelemente und Pseudoklassen werden ausführlich erklärt und anhand praktischer Beispiele vorgestellt.
Peter Müller
Little Boxes – CSS3-Selektoren für Fortgeschrittene
Effektive Webseitengestaltung: Attributselektoren, Pseudoelemente und Pseudoklassen in der Praxis
Laufzeit 02:06 Stunden · Dezember 2015
Im dritten Training der Little Boxes-Reihe geht es um die Positionierung per CSS, insbesondere um float und position. Sie lernen das kontrollierte Zusammenspiel von Float und Clear ebenso kennen wie verschiedene Methoden zum Umschließen von Floats. Schritt für Schritt erstellen Sie eine floatbasierte, horizontale Navigation und mehrspaltige Layouts per Float und negativem Margin.
Peter Müller
Little Boxes – CSS-Positionierung und Float-Layouts
Absolute und relative Positionierung, floatbasierte Navigation, responsives Webdesign
Laufzeit 03:55 Stunden · August 2015
Bei video2brain finden Sie eine komplette Übersicht aller bisher erschienenen Videotrainings.