Meine Videokurse

Seit 2006 erstelle ich Videotrainings zu HTML, CSS und anderen Webthemen. Auf dieser Seite stelle ich Ihnen einige Kurse kurz vor. Eine komplette Übersicht finden Sie bei LinkedIn Learning

LinkedIn Learning - Webtechniken lernen - 1. HTML
Webtechniken lernen
1. HTML
LinkedIn Learning - Webtechniken lernen, Teil 2: CSS-Grundlagen
Webtechniken lernen
2. CSS-Grundlagen
Cover - WordPress: Layouts erstellen mit dem Elementor Pagebuilder
WP-Pagebuilder
Elementor
Cover - Little Boxes - Layouten per Flexbox
Flexbox
im Detail
Foto zum WordPress-Standardtheme Twenty Seventeen
WP-Themes
Twenty Seventeen
Cover - Little Boxes - CSS3-Selektoren für Fortgeschrittene
Selektoren
im Detail

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 (mit ein bisschen CSS dabei) an einem praktischen Beispiel kennen. Der Klassiker, komplett überarbeitet, aktualisiert und erweitert.

Peter Müller
Webtechniken lernen, Teil 1: HTML
HTML und CSS für Einsteiger 

Veröffentlicht: 8. November 2018
Dauer: 3:52 Stunden  

Im zweiten Teil der Reihe »Webtechniken lernen« geht es um die Grundlagen der Gestaltung mit Cascading Style Sheets (CSS). Von der Textgestaltung geht die Reise über das Box-Modell bis zur Erstellung von einfachen Layouts. Quasi nebenbei erfahren Sie auf leicht verständliche Weise, was hinter Konzepten wie Spezifität, Box-Modell, Kaskade und Vererbung steckt.

Peter Müller 
Webtechniken lernen, Teil 2: CSS-Grundlagen
HTML und CSS für Einsteiger 

Veröffentlicht: 18. Januar 2019 
Dauer: 05:06 Stunden

Der Kurs bei LinkedIn Learning
Blogbeitrag zum Kurs

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

Der Kurs bei LinkedIn Learning
Blogbeitrag zum Kurs

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

Der Kurs 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

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

Der Kurs 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

Der Kurs 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  

Der Kurs 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  

Der Kurs bei LinkedIn Learning