Kontakt
Webdesignstudio WedDesign
Eduard Wischnewski
Am Justusberg 7
41849 Wassenberg
Webdesign lernen: Tipps & Praxis
Schritt-für-Schritt Webdesign Tutorials und Hilfe vom Webdesigner
Ich begleite dich praxisnah beim Erlernen von Webdesign – von den Grundlagen wie HTML und CSS über WordPress-Anpassungen bis hin zu modernen, responsiven Layouts. Die Tutorials sind so aufgebaut, dass du Schritt für Schritt Fortschritte machst und direkt an realen Projekten lernst.
Ob du ganz neu bist oder deine Webdesign-Fähigkeiten vertiefen möchtest: Hier findest du verständliche Anleitungen, hilfreiche Tipps und Support vom Profi. So sicherst du dir das Know-how, um ansprechende und nutzerfreundliche Webseiten zu entwickeln.
WordPress Child Theme erstellen
Ein praxisnahes Tutorial, wie du ein WordPress Child Theme anlegst, aktivierst und sicher für eigene Anpassungen nutzt – ohne Änderungen im Haupttheme zu verlieren.
QR-Code Generator + Tutorial
Mit meinem kostenlosen QR-Code Generator kannst du schnell und einfach individuelle QR-Codes aus Texten oder URLs erstellen. QR-Code Generator auf deiner eigenen Webseite
Theme Umschalten
Ein einfaches Lernbeispiel, wie du in WordPress zwischen Hell- und Dunkel-Theme umschaltest. Unten findest du Beispiel-Code für Button, Styles und Skript – zum Anschauen und Kopieren.
Back to Top Button Generator
Mit unserem kostenlosen Back to Top Button Generator für WordPress kannst du ganz einfach deinen eigenen Scroll-Button konfigurieren, individuell anpassen …
CSS Flexbox Tutorial
Mit CSS Flexbox kannst du Layouts flexibel, modern und responsive gestalten. Du lernst hier, wie Elemente im Container angeordnet, ausgerichtet und mit Abstand versehen werden.
HTML Escape Generator
Hier kannst du beliebigen HTML-Code eingeben, um ihn in sicheren, escaped HTML-Code umzuwandeln. Das ist hilfreich, wenn du HTML-Code in Beiträgen, Tutorials oder auf Webseiten zeigen möchtest …
Custom WordPress Theme erstellen
Schritt für Schritt Tutorial. In diesem Tutorial erfährst du, wie du ein minimalistisches eigenes WordPress Theme erstellst. Du bekommst das Grundgerüst mit den wichtigsten Dateien, Codeschnipseln & guten Tipps zum Start.
Video im Header erstellen
Ein einfaches Beispiel, wie du ein Video als Hintergrund im Header deiner Webseite einsetzt und für Mobilgeräte ein statisches Bild anzeigst. HTML & PHP: Header mit Video und Bild für Mobile
Tutorial: Sticky Header
Sticky Header erstellen – Tutorial. In diesem Tutorial lernst du, wie du mit CSS und JavaScript einen fixierten Header erstellst, der beim Scrollen immer oben am Bildschirm bleibt.
Back to Top Button
Dieses Tutorial zeigt dir, wie du einen „Back to Top“ Button erstellst, der beim Scrollen erscheint und dich mit einem Klick sanft zum Seitenanfang bringt. Du erhältst Varianten mit reinem JavaScript und mit jQuery, inkl. HTML und CSS.
Vielseitige Icon-Kollektion
Vielseitige Icon-Kollektion – Symbole für jede Kategorie. Über 250 sorgfältig ausgewählte Symbole, perfekt geordnet in 11 thematische Kategorien wie Technologie, Internet, Bildung, Business und Social Media.
HTML Sonderzeichen Liste
Pfeile, Formen & Symbole. HTML Sonderzeichen, speziell zugeschnitten für Webdesigner und Entwickler. Übersichtliche Sammlung von häufig genutzten Zeichen, inklusive Pfeilen, geometrischen Formen, Symbolen und Web-Icons.
Lazy Loading
Lazy Loading für Bilder und Videos – Ladezeiten optimieren. Lazy Loading bedeutet, dass Medien wie Bilder oder Videos erst dann geladen werden, wenn sie im sichtbaren Bereich des Nutzers (Viewport) erscheinen.
Keyframe-Animationen
Keyframe-Animationen mit CSS & JavaScript. In diesem Tutorial lernst du, wie du mit CSS @keyframes komplexe und wiederholte Animationen erstellst. Hier sind Beispiele mit Erklärungen und praktischer Demo.
Kreative Pause
Pfannkuchen-Rezept für deine Webdesign-Auszeit. Du arbeitest im Home-Office, designst Webseiten und programmierst? Manchmal braucht man einfach eine kleine Pause, um den Kopf frei zu bekommen.
Caching & Minification
Eine schnelle Webseite ist entscheidend für bessere Nutzererfahrung, SEO und Conversion. Zwei wichtige Techniken sind Caching und Minification. Dieses Tutorial erklärt die Grundlagen und gibt Tipps zu Tools und Plugins.
Sonderzeichen auf der Tastatur
Alle wichtigen Zeichen und Tastenkombinationen für Windows und Mac – einfach erklärt. Auf dieser Seite bekommst du eine einfache, übersichtliche Anleitung, wie du Sonderzeichen unter Windows und auf dem Mac eingibst.
Responsive Webdesign
Responsive Webdesign sorgt dafür, dass deine Webseite auf verschiedenen Geräten – vom Smartphone über Tablets bis zum Desktop – optimal dargestellt wird. So passt sich deine Seite jedem Gerät an.
HTML-Tabellen Tutorial
Ausführliche Erklärung für Anfänger. Eine HTML-Tabelle ist ein Raster aus Zeilen und Spalten, mit dem du strukturierte Daten übersichtlich darstellen kannst. Dabei kommen verschiedene HTML-Elemente und Attribute zum Einsatz.
Contact Form 7 Botschutz
Dieses Beispiel zeigt ein Contact Form 7 Formular mit drei verschiedenen SPAM-Schutzmethoden: Unsichtbare Checkbox („subscribe“), Sichtbare Checkbox („bot-trick“), Time Trap. Zusammenfassung und Tipps
Kommentare CSS HTML JS PHP
Kommentare sind kurze Hinweise im Quellcode, die Entwicklern Kontext, Absichten und Hinweise geben. In diesem Tutorial lernst du die Syntax für HTML, CSS/SCSS, JavaScript (inkl. JSDoc), PHP (PHPDoc) und weitere
KI Video mit Freepik erstellen
Bild hochgeladen, Prompt (am besten auf Englisch) eingegeben und nach ~2 Minuten das fertige, teilanimierte Video erhalten. Schnell, simpel und perfekt für Posts, Stories und Grüße.