Starte jetzt dein Fernstudium Gepr. Web-Designer/in (SGD)
Ob Unternehmens-Website, Online-Shop oder Multimedia-Portal – Webdesign hat einen entscheidenden Einfluss darauf, wie Internetpräsenzen von Nutzer:innen, Kund:innen und der Öffentlichkeit wahrgenommen werden und wie erfolgreich sie sind.
Mit dieser Fortbildung eignest du dir vielseitige Kompetenzen zur Gestaltung und Erstellung von Web-Auftritten an – von Baukastensystemen für einfache Projekte bis hin zu komplexeren Lösungen mit HTML5, CSS, JavaScript und Content-Management-Systemen (CMS).
Du lernst, passende Lösungen für unterschiedliche Anforderungen zu entwickeln und diese fachgerecht umzusetzen.
Seit 1948 Pionier im Fernlernen
Deine Vorteile im Fernstudium
Maximale
Flexibilität
Intensive
Studienbetreuung
Ausgezeichnete
Qualität
4 Wochen
gratis testen
Keyfacts zum Fernkurs
sgd-Abschlusszeugnis nach erfolgreicher Kursteilnahme
sgd-Zertifikat nach Anfertigung einer praktischen Abschlussarbeit
Empfehlung: 18 Monate bei ca. 10 bis 12 Stunden pro Woche
Jederzeit – an 365 Tagen im Jahr
Ohne Anmeldung, kein Risiko
Deine Förderungsmöglichkeiten
WEBENTWICKLUNG
Grundlagen der Webentwicklung: Grundbegriffe • World Wide Web (WWW) • Webentwicklung vs. Webdesign vs. Printdesign • Entwurfskonzepte • Gestaltungselemente • Medien. Grundlagen der visuellen Kommunikation: Gestalterische Sehweise: Flächen, Achsen, Symmetrien • Bildaufbau, Komposition, Gestaltungsraster • Farben: Modelle und Wahrnehmung • Typografie • Bilder und Symbole.
BILDBEARBEITUNG
Fotodesign mit Adobe Photoshop Elements: Grundlagen der Bildbearbeitung • Farb- und Helligkeitskorrekturen • Retuschieren • Auswahltechniken.
KONZEPTION VON INTERNETSEITEN
Grundlagen: Klassisches Projektmanagement • Agile Webentwicklung • Briefing und Angebot.
Klassisches Projektmanagement: Phasen eines Webprojekts • Lasten- und Pflichtenheft • Grob- und Feinkonzept.
Agile Webentwicklung: Agiles Manifest • Zyklen • Konzept • Tools • Kalkulation • Scrum • Kanban • Prototyping.
Design Thinking: Einführung.
Umsetzung und Inbetriebnahme: Implementierung und Endkontrolle • Testen • Rechtssichere Seiten • Barierrefreiheit • Performance • Nachhaltigkeit • Suchmaschinenoptimierung • Präsentation beim Kunden.
ERSTELLUNG VON WEBSEITEN
Gestaltung von Webseiten: Das HTML-Prinzip • Geeignete Editoren • strukturelle und gestalterische Elemente von HTML • Cascading Stylesheets (CSS): Syntax, Farbmodelle, Klassen • weiterführende Elemente und Frameworks von HTML • Formulare • Multimedia-Einbettung • Schriften • Gestalterische Effekte mit CSS • Transformationen mit CSS.
Responsive Webdesign: Begrifflichkeiten • Strategien für das mobile Web • CSS-Layout • Einführung in das Responsive Webdesign • Praxisbeispiel • Responsive Images.
Codebasierter Editor Visual Studio Code: Einführung • Effizientes Arbeiten mit VS-Code • Auto-Vervollständigung • Multiline-Editing • Automatische Code-Formatierung • Git-Integration • Erweiterungen installieren.
Installation eines lokalen Webservers: Einführung in XAMPP. Dateiübertragung per FTP: Einführung in FileZilla.
KI ALS UNTERSTÜTZUNG BEI DER WEBSITEENTWICKLUNG
Bedeutung der KI für die Codeerzeugung: Begrifflichkeiten • Nutzen bei der Programmierung. KI-Tools für die Codeerzeugung: Allgemeine Tools • Auf Codeerzeugung spezialisierte KI • GitHub Copilot • Einsatzmöglichkeiten für KI.
Erstellung von Webseiten – Beispiele: Code erzeugen lassen • Code umschreiben lassen • Dokumentation von CSS • Erklärungen von KI • Fehlerbehebung in CSS-Code • Layout-Erstellung. Grenzen und Gefahren: Datenschutz • Urheberrecht • KI vs. Experten • KI und Sicherheit • Codequalität • Energieverbrauch • Abhängigkeit.
Wichtige Fähigkeiten bei der Nutzung: • Zerlegung in Teilaufgaben • Code lesen • Prompt-Engineerung • Solides Wissen • Erfahrung im Testen von Seiten • Kreativität.
ONLINERECHT
Rechtliche Aspekte für digitale Medienproduktionen: Meinungs- und Informationsfreiheit • Medienfreiheiten • Persönlichkeitsschutz • Urheberrecht • Telekommunikationsrecht • Gewerbliche Schutzrechte.
JAVASCRIPT
Einführung in JavaScript: JavaScript und HTML • Erste Schritte mit JavaScript • Variablen und Operatoren • Arrays • Funktionen • Verzweigungen und Schleifen • Formulare • Bildwechsel • Eventhandling.
Animationen Animationen für Webseiten: Einführung in den Google Web Designer • Interaktive Webanimationen mit HTML • Fortgeschrittene Animationstechniken.
Frameworks Bootstrap: Einbindung und Funktionsweise • Anwendungsbeispiel • Interaktive Komponenten. Entwicklertools: Firefox-Entwicklertools • Chrome-Entwicklertools.
CONTENT-MANAGEMENT-SYSTEME
Einführung: Vorteile eines Content-Management-Systems • Grundlegende Funktionsweise • Überblick über Open-Source-Content-Management-Systeme.
WordPress: Einführung und Installation • Administration • Konzepte und Begriffe • Texte und Bilder • Themes • Plug-ins • Update und Sicherheit.
ONLINE- UND SUCHMASCHINENMARKETING
Onlinemarketing: Grundlagen • Instrumente • Perspektiven.
Suchmaschinenmarketing: Einführung und Überblick • Bedeutung für das Onlinemarketing • Unterschied SEO und SEA • Ziele.
Suchmaschinen: Das Prinzip der Crawler • Keywords und Suchintentionen • Bewertung von Inhalten durch Suchmaschinen • PageRank • Rankingfaktoren.
Strategien: SEO-Strategien und -prozess • Keywords • Google Search Console • 15 Schritte für eine bessere Website.
Suchmaschinenwerbung: Einführung in Google Ads • Das Google-Werbenetzwerk • Google Ads: Erste Schritte.
SERVERSEITIGE PROGRAMMIERUNG
Datenbankgestützte Webanwendungen: Grundlagen. Serverseitige
Programmierung mit PHP: Einführung in PHP • Erste Schritte mit PHP • Formulare auswerten mit PHP.
MySQL/MariaDB: Datenbankmanagementsysteme • Einführung in MySQL/MariaDB • Zusammenarbeit zwischen PHP und MySQL • Anwendungsbeispiel.
Editoren, IDEs und Frameworks: Vergleich von Editoren und IDEs • Überblick PHP-Frameworks.
XML: Einführung in XML.
Kursteilnahme
Für die Teilnahme benötigst du fundierte Computer- und Anwenderkenntnisse in Windows oder macOS sowie grundlegende Erfahrungen im Umgang mit dem Internet.
Technik
Für den Lehrgang benötigst du:
- einen Internetzugang
- einen Multimedia-PC oder Laptop mit Windows oder macOS 13 (mind. 8 GB RAM)
- einen aktuellen Browser
- Webspace im Internet (eine Anleitung zu einem kostenlosen Angebot erhältst du von uns)
Unser Tipp:
Besonders komfortabel lernst du mit der Kombination aus SGD-App auf deinem Smartphone und einem PC, Laptop oder Tablet.
- Studienmappe
- 1 Begleitheft
- 24 Studienhefte
- Lernvideos
- Übungsdateien
- Adobe Photoshop Elements 2025 (für die Lizenzdauer von 3 Jahren)
- Zugang zum SGD-OnlineCampus
Unsere exklusiven Studienservices:
Bei uns hast du für alle Belange deinen persönlichen Ansprechpartner: Ob Studienplanung, Einsendeaufgaben oder Zeugnisübergabe – bei organisatorischen Angelegenheiten steht dir unser freundliches Beraterteam gern zur Seite.
Für deinen Lernerfolg sind unsere Fernlehrer für dich da. Sie korrigieren nicht nur deine Einsendeaufgaben, sondern geben dir in jeder Studienphase Antworten, Tipps und wertvolle Hinweise zum Erreichen deiner ganz persönlichen Ziele.
In diesem Lehrgang nutzt du den SGD-OnlineCampus. Dort hast du außerdem Zugriff auf deine Digitalen Lernkarten.
| Mit KILEA steht Ihnen 24/7 eine intelligente, persönliche und zuverlässige Lernbegleiterin zur Seite. Die KI hilft Ihnen, Ihre Lernfragen in Echtzeit zu beantworten und Ihr Wissen direkt zu überprüfen – optimal für ein modernes, effizientes und individuelles Lernerlebnis. KILEA – damit Sie noch einfacher und erfolgreicher Ihr Ziel erreichen. |
| Ausgezeichnet! EADL Innovation Silver Award 2025 Im Mai 2025 ist KILEA mit dem Silberpreis der EADL Innovation Awards ausgezeichnet worden. Die Jury der European Association for Distance Learning (EADL) hob besonders die intelligente Integration von KILEA IN die Lernreise sowie das Zusammenspiel von KI und Lehrenden hervor. So werden Lehrkräfte entlastet und können sich noch stärker auf die persönliche Betreuung konzentrieren. Mehr erfahren |  |
Online-Infoveranstaltung
am 30. Juli 2026 | 18:00 Uhr.
Lerne die SGD, die Fernstudiengänge und das Konzept Fernstudium in unserer Online-Infoveranstaltung kennen.
Bei der SGD stehen deine Wünsche und Bedürfnisse im Mittelpunkt: Wir wollen, dass du dich voll und ganz auf das Lernen konzentrieren kannst. Deshalb unterstützen wir dich von Anfang an mit unserem ausgezeichneten Rundum-Service.
Die richtige Fernschule und den passenden Fernstudiengang zu finden, ist nicht immer einfach. Wir nennen dir 12 gute Gründe, warum du ein Fernstudium bei der SGD starten solltest und warum du bei der SGD immer den besten Preis erhältst.
Wir freuen uns und sind sehr stolz, dir die Videoeinsendungen des SGD-Videowettbewerbs präsentieren zu dürfen.
Nach erfolgreicher Lehrgangsteilnahme erhältst du das SGD-Abschlusszeugnis „Web-Designer/in“ als Bestätigung deiner Leistungen.
Nach Anfertigung einer praktischen Abschlussarbeit erhältst du zusätzlich das SGD-Zertifikat „Geprüfte/r Web-Designer/in (SGD)“.
Auf Wunsch kannst du beide Zeugnisse auch als international verwendbare Dokumente in englischer Sprache erhalten.
Das besondere SGD-Angebot: Dein persönlicher Testmonat. Du hast ein gesetzliches Widerrufsrecht von 14 Tagen. Zusätzlich erhälst du als freiwillige Zusatzleistung von der SGD weitere 14 Tage Zeit, die Leistungen und den Service in aller Ruhe zu testen. Solltest du nicht überzeugt sein und von deinem Widerrufsrecht Gebrauch machen, werden dir für diese 4 Wochen natürlich keine Studiengebühren berechnet – diese Zeit ist dann absolut kostenlos für dich. Wenn du deinen Fernlehrgang fortsetzen willst, zählt diese Zeit zur regulären Studiendauer und wird entsprechend den Angaben auf den Innenseiten der Studienanmeldung berechnet.
Starte deshalb jetzt ohne Risiko mit deinem Kurs „
Möchtest du anschließend ein Studium an der Wilhelm Büchner Hochschule beginnen? Mit diesem SGD-Abschluss können dir bis zu 8 Credit Points angerechnet werden. So kannst du Zeit im Studium einsparen. Hier findest du alle Studiengänge, auf die dir Credit Points angerechnet werden können:
- Angewandte Informatik: bis zu 8 cp
- Informatik: bis zu 8 cp
- App-Entwicklung: bis zu 6 cp
- Data Science: bis zu 6 cp
- Digitale Medien: bis zu 6 cp
- Game Development: bis zu 6 cp
- IT-Sicherheit: bis zu 6 cp
- Medizinische Informatik: bis zu 6 cp
- Wirtschaftsinformatik: bis zu 6 cp
- Technische Informatik: bis zu 6 cp
Über das AVL-Tool der WBH kannst du deinen Antrag einfach stellen und prüfen, welche Leistungen in welcher Höhe angerechnet werden können.
Berufliche Perspektive mit Weiterbildung zum Web-Designer
Durch die starke Nachfrage nach qualifizierten Web-Designer:innen ergeben sich vielfältige Einsatzmöglichkeiten auf dem Arbeitsmarkt. Tätigkeiten finden sich unter anderem in Multimedia- und Internetagenturen, in IT- und Marketingabteilungen von Unternehmen sowie in Online-Shops, Online-Magazinen und digitalen Plattformen.
Der Kurs richtet sich sowohl an Einsteiger:innen mit wenigen Vorkenntnissen als auch an Personen mit ersten Erfahrungen im Webdesign und in der Webentwicklung.
Besonders geeignet ist die Weiterbildung für Kreative aus den Bereichen Grafik, Gestaltung und Text sowie für Fachkräfte aus Marketing, E-Commerce und IT, die ihr Profil erweitern möchten. So lassen sich bestehende Aufgabenfelder gezielt ausbauen und vertiefen.
Lernziele der Weiterbildung zum Web-Designer
Schritt für Schritt erwirbst du alle Fertigkeiten, um animierte und interaktive Websites für den professionellen Einsatz zu planen, zu gestalten und online zu veröffentlichen. Dabei lernst du verschiedene Werkzeuge kennen, mit denen du Webprojekte passend zur jeweiligen Aufgabe umsetzen kannst.
Zu Beginn vermittelt der Kurs die Grundlagen der Webentwicklung – von Gestaltungselementen bis zur visuellen Kommunikation. Du erstellst Webseiten mit HTML, CSS und den Prinzipien des responsiven Designs und optimierst deine Bildbearbeitung mit Adobe Photoshop Elements.
Du lernst, Webprojekte mit klassischen Projektmanagement-Methoden sowie agilen Ansätzen wie Scrum und Kanban zu planen und zu steuern. Mit WordPress und Bootstrap setzt du flexible Webseiten um und entwickelst interaktive Anwendungen mit JavaScript sowie moderne Animationen, zum Beispiel mit dem Google Web Designer.
Ein weiterer Schwerpunkt ist der Einsatz von KI-gestützten Tools wie GitHub Copilot, inklusive ihrer Möglichkeiten und Grenzen. Zusätzlich lernst du rechtliche Grundlagen, Suchmaschinenoptimierung (SEO) und die Planung von Google-Ads-Kampagnen.
Abschließend erwirbst du Kenntnisse in der Entwicklung datenbankgestützter Anwendungen mit PHP und MySQL sowie Grundlagen von XML und serverseitiger Programmierung.
Bildungsqualität, auf die du dich verlassen kannst
