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 video2brain

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.

Cover - WordPress: Layouts erstellen mit dem Elementor Pagebuilder

Peter Müller
WordPress: Layouts mit dem Elementor Page Builder
Professionelle WordPress-Layouts per Drag & Drop

Laufzeit 03:41 Stunden · 14. Dezember 2017

Bei video2brain  
Bei LinkedIn Learning

In diesem Training lernen Sie die Funktionsweise von HTML und CSS an einem praktischen Beispiel kennen: Webseiten bestehen aus rechteckigen Kästchen, den „little boxes“. Diese werden im Browserfenster übereinander, nebeneinander und ineinander gestapelt – HTML erstellt diese Kästchen, CSS gestaltet sie.

Cover - Little Boxes - Der HTML Crashkurs

Peter Müller
Little Boxes – der HTML-Crashkurs
HTML und CSS für Einsteiger 

Laufzeit 03:05 Stunden · 11. März 2015 (aktualisiert 09/2016) 

Bei video2brain
Bei LinkedIn Learning

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.

Cover - Little Boxes - Die CSS-Grundlagen

Peter Müller
Little Boxes – die CSS-Grundlagen
HTML und CSS für Einsteiger 

Laufzeit 03:58 Stunden · April 2015  

Bei video2brain
Bei LinkedIn Learning

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.

Cover - Little Boxes - Layouten per Flexbox

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

Bei video2brain
Bei LinkedIn Learning

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.

Cover Responsive Flexbox-Layouts für Fortgeschrittene

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

Bei video2brain
Bei LinkedIn Learning

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.

Foto zum WordPress-Standardtheme Twenty Seventeen

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

Bei video2brain
Bei LinkedIn Learning

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

Bei video2brain
Bei LinkedIn Learning

In diesem Training geht es um Selektoren: Attributselektoren, Pseudoelemente und Pseudoklassen werden ausführlich erklärt und anhand praktischer Beispiele vorgestellt. 

Cover - Little Boxes - CSS3-Selektoren für Fortgeschrittene

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  

Bei video2brain
Bei LinkedIn Learning

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
Bei LinkedIn Learning