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 1
HTML
LinkedIn Learning - Webtechniken lernen, Teil 2: CSS-Grundlagen
Webtechniken 2
CSS-Grundlagen
Webtechniken lernen 3: CSS-Layout
Webtechniken 3
CSS-Layout
Cover - WordPress: Layouts erstellen mit dem Elementor Pagebuilder
WP-Layout
mit Elementor
linkedin-learning-wordpress5-twenty-nineteen
WP-Themes
Twenty Nineteen
Cover - Little Boxes - Layouten per Flexbox
Flexbox
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 1: HTML
HTML und CSS für Einsteiger 

Veröffentlicht: 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 2: CSS-Grundlagen
HTML und CSS für Einsteiger 

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

Der Kurs bei LinkedIn Learning
Blogbeitrag zu Teil 2

Im dritten Teil dreht sich alles um die Gestaltung von mehrspaltigen und responsiven Layout mit CSS: Traditionelle Eigenschaften wie position und float plus Media Queries werden dabei ebenso vorgestellt wie die neuen Module Flexbox und CSS Grid.

Peter Müller 
Webtechniken lernen 3: CSS-Layout
HTML und CSS für Einsteiger 

Veröffentlicht: April 2019 
Dauer: 05:08 Stunden

Der Kurs bei LinkedIn Learning
Blogbeitrag zu Teil 3

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

Twenty Nineteen, das mit WordPress 5.0 erschienene Standard-Theme, eignet sich für Blogs und kleinere Websites und ist ideal zum Kennenlernen des neuen Block-Editors. „Gutenberg“. In diesem Video-Training werfen Sie zunächst einen Blick auf die Online-Demo von Twenty Nineteen. Dann sehen Sie, wie Sie das Theme mit dem Customizer an Ihre Anforderungen anpassen können und wie es optimal mit „Gutenberg“ zusammenarbeitet.

linkedin-learning-wordpress5-twenty-nineteen

Peter Müller
WordPress 5 – Twenty Nineteen
Das ideale Theme zum Kennenlernen des Block-Editors von WordPress 5

Laufzeit 00:59 Stunden · April 2019

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.

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

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