Webdesign mit HTML und CSS inklusive KI-Unterstützung: von den Grundlagen bis zum eigenen Projekt im zeitgemäßem Workflow -
Institut: Berufsförderungsinstitut (BFI) - WienBereich: Kunst, Design, Gestaltung
Kursbeschreibung
Modul 1 | HTML und CSS Grundlagen- Was ist HTML? Was ist CSS?- HTML-Editoren, arbeiten im Editor- Block- und Inlineelemente- Listen, Tabellen- Hyperlinks und Grafiken einbinden- Meta-Angaben- Formulare- Grundlagen SEO- Multimediaelemente (Video, Sound, YouTube,…)- CSS-Syntax & Selektoren- CSS-Vererbung & Kasskade- Formatierung von HTML-Elementen (Schriften, Farben, Textformate, Positionierungen,….)- CSS-Achsen- Maßeinheiten, Abmessungen- CSS-Box-Modell- Grundlagen responsives Webdesign- Grundlagen Layout-Systeme- Webhosting und Domain-Registrierung- Webseite veröffentlichen (FTP)Modul 2 | Basiswissen Webdesign- Barrierefreiheit im Web- usability & performance- rechtliche GrundlagenModul 3 | HTML-Editor und KI- Installation und Verwendung von Erweiterungen für Webdesigner- Konfiguration des Editors- Tastatur-Shortcuts- KI im Editor einrichten und nutzenModul 4 | HTML und CSS Vertiefung- Semantik in HTML/CSS- Moderne Layouts mit Flexbox und CSS Grid- Responsive Webdesign für unterschiedliche Endgeräte- Arbeiten mit CSS-Variablen (Custom Properties)- Fortgeschrittene Selektoren und CSS-Techniken- Übergänge, Transformationen und Animationen mit CSSModul 5 | Webdesigner-Tools- Tipps und Tricks für WebdesignerInnen- nützliche Quellen für WebdesgnerInnen im WebModul 6 | Projektarbeit- Anfertigung der Projektarbeit außerhalb der Präsenzzeiten und Abschlussprüfung
Modul 1 | HTML und CSS Grundlagen- Was ist HTML? Was ist CSS?- HTML-Editoren, arbeiten im Editor- Block- und Inlineelemente- Listen, Tabellen- Hyperlinks und Grafiken einbinden- Meta-Angaben- Formulare- Grundlagen SEO- Multimediaelemente (Video, Sound, YouTube,…)- CSS-Syntax & Selektoren- CSS-Vererbung & Kasskade- Formatierung von HTML-Elementen (Schriften, Farben, Textformate, Positionierungen,….)- CSS-Achsen- Maßeinheiten, Abmessungen- CSS-Box-Modell- Grundlagen responsives Webdesign- Grundlagen Layout-Systeme- Webhosting und Domain-Registrierung- Webseite veröffentlichen (FTP)Modul 2 | Basiswissen Webdesign- Barrierefreiheit im Web- usability & performance- rechtliche GrundlagenModul 3 | HTML-Editor und KI- Installation und Verwendung von Erweiterungen für Webdesigner- Konfiguration des Editors- Tastatur-Shortcuts- KI im Editor einrichten und nutzenModul 4 | HTML und CSS Vertiefung- Semantik in HTML/CSS- Moderne Layouts mit Flexbox und CSS Grid- Responsive Webdesign für unterschiedliche Endgeräte- Arbeiten mit CSS-Variablen (Custom Properties)- Fortgeschrittene Selektoren und CSS-Techniken- Übergänge, Transformationen und Animationen mit CSSModul 5 | Webdesigner-Tools- Tipps und Tricks für WebdesignerInnen- nützliche Quellen für WebdesgnerInnen im WebModul 6 | Projektarbeit- Anfertigung der Projektarbeit außerhalb der Präsenzzeiten und Abschlussprüfung
mehrweniger lesen
Beginn
29.09.2026
Ende
20.10.2026
Uhrzeit
Di-Do 08:30-15:30
Dauer
75.00 UE
Ort
Online | Zugangslink wird zeitnah versandt , ,
E-Mail
Kontakt
Servicecenter: 01 / 81178 - 10100
Ort
BFI Wien
Straße
Alfred-Dallinger-Platz 1
PLZ
1030
Ort
Wien
Land
Österreich
Bundesland
Wien
Fax
01/811 78 - 10111
- Gute PC- und Internet- Anwenderkenntnisse- Sicherer Umgang mit Maus und Tastatur- Grundkenntnisse in Englisch von Vorteil- PC/Laptop, Mikrofon + Lautsprecher (bzw. Headset), Webcam- Stabile InternetverbindungBitte beachten SieDieses Seminar findet virtuell (online, live mit Trainer:in) statt. Sie erhalten alle weiteren Infos und den Zugang zur Webplattform rechtzeitig vor Kursbeginn per E-Mail!Welche Software bei diesem Kurs verwendet wird, teilt Ihnen die Trainerin / der Trainer rechtzeitig vor Kursbeginn per E-Mail mit.Für einen nachhaltigen Lernerfolg ist die eigenständige Vertiefung der Kursinhalte außerhalb der Unterrichtszeiten notwendig. Dafür, ebenso wie für die Abschlussarbeit sollte ein zusätzlicher Lernaufwand von etwa 8–16 Stunden pro Woche eingeplant werden.
Ziele
Zeitgemäßes Webdesign braucht gestalterisches Verständnis, technisches Grundwissen und effiziente digitale Workflows. In diesem praxisorientierten Lehrgang erwerben Sie Schritt für Schritt fundierte Grundlagen und weiterführende Kenntnisse in HTML und CSS. Sie lernen, Websites strukturiert zu planen, barrierefrei, responsiv und professionell umzusetzen und ein eigenes Webprojekt zu realisieren. Zusätzlich erfahren Sie, wie KI-gestützte Codevorschläge direkt im Editor Ihre Arbeit sinnvoll unterstützen.
Zielgruppe
- Berufseinsteiger:innen sowie Quereinsteiger:innen, die eine Tätigkeit im Bereich Webdesign, Webentwicklung oder digitalen Medien anstreben.- Mitarbeiter:innen aus Marketing, Kommunikation, E-Commerce oder Content-Management, die technische Grundlagen erwerben möchten, digitale Projekte besser planen können und mit Entwicklerteams effizient zusammenarbeiten zu können.- Selbstständige, Unternehmer:innen und kreative Personen, die eigene Websites oder Online-Projekte professionell gestalten und umsetzen möchten.- Personen, die moderne Werkzeuge der Frontend-Entwicklung – einschließlich KI-gestützter Codeunterstützung – effizient und praxisorientiert einsetzen möchten.- Interessierte, die ihre digitalen Kompetenzen erweitern und fundierte Kenntnisse im Bereich moderner Webgestaltung aufbauen möchten.- Personen, die eine solide Grundlage für weiterführende Qualifizierungen oder Spezialisierungen im Bereich Webdesign und digitale Medien schaffen möchten.
Zertifikat(e)
Ja, bei Erfüllung aller erforderlichen Voraussetzungen
Kosten
€ 1.900
Ratenzahlung möglich
Ratenzahlung möglich
Förderungen
Bitte wenden Sie sich an Ihre/n BeraterIn. Informationen über andere Fördermöglichkeiten finden Sie unter www.bfi.wien
Kursnummer
26BTDE0363
Plätze
12
Diese Kurse könnten Sie auch interessieren ...
Uber Weiterbildungsvorschläge
Erste Schritte ins Musizieren (1,5-3 Jahre + Begleitung) zum Kennenlernen
Erste Schritte ins Musizieren (3-5 Jahre + Begleitung) zum Kennenlernen
Erste Schritte ins Musizieren (10-18 Monate + Begleitung) zum Kennenlernen
Nähen kurz & kompakt – Anfänger*innen
Reparatur-Café in der VHS Hernals
Block Printing: Stempelschnitzen zum Kennenlernen
Block Printing: Stempelschnitzen zum Kennenlernen
Klavier (2 x 25 min)
Gitarre, E-Gitarre (1 x 25 min) mit Heimvorteil
EK 7 - Synthesen, Imitationen, Kunstprodukte
Do it yourself! Fliesen legen
Buchbinden
Ausbildung Fotodesigner / Fotodesignerin Wien oder Online
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Character-Design und Comic-Figuren zeichnen
Intensivkurs Töpferscheibe & Handaufbautechniken
Online Infoabend zur Weiterbildung während der Weiterbildungszeit/Weiterbildungsteilzeit an der LIK Akademie für Foto und Design
Registerprobe VOCALgeSTÖBER: Alle Stimmlagen
Siebdruck für den Hausgebrauch
Gitarre, Ukulele, E-Gitarre (7 x 25 min)
Klavier / E-Piano (1 x 25 min)
Neu als Führungskraft! Souveräner Start in eine neue Rolle -
Informationsveranstaltung Meisterkurs Damenkleidermacher
Ausbildung Fotografie, Film und Mediendesign
Online Ausbildung Fotografie, Film und Mediendesign
Kleidertausch-Party
Ausbildung zum/zur freiberuflichen Heilmasseur:in - Informationsveranstaltung
Berufsausbildung Grafikdesign, Fotografie, Mediendesign und Film
Ausbildung zum/zur Gewerblichen und Medizinischen Masseur:in - Informationsveranstaltung
Klavier, Gesang (1 x 25 min) zum Kennenlernen
Porträtzeichnen – Menschen skizzieren
Nähen ausprobieren – Anfänger*innen
Ausbildung Fotografie, Film und Mediendesign
Farbenlehre: Farbharmonien und -kontraste
Nähmaschinen- und Materialkunde – Nähstarter*innen
DRAW & PAINT – Kreative-Space für Alle
Elementares Musizieren (10-18 Monate) mit Begleitung
Elementares Musizieren (1,5-3 Jahre) mit Begleitung
Arbeitsgemeinschaft Autorinnen*
Radio & Podcast
Gitarre, Ukulele, Chromatische Mundharmonika (7 x 25 min)
Blockflöte (7 x 25 min) mit Heimvorteil
Content Management & SEO Diplomlehrgang ⭐️ Suchmaschinenoptimierung (SEO), Newsletter, Webshop, KI
Digital Content Management & SEO Diplomlehrgang ⭐️ Suchmaschinenoptimierung (SEO), Newsletter, Webshop, Texten für Social Media , KI, ChatGPT, Gemini & Claude
Digital Content Management ⭐️ Social Media Marketing, Content Marketing, SEO, SEM, KI - Diplom!
Diplomlehrgang ⭐️ Content-Management & SEO - Texten für Web & Social Media - Bild-Bearbeitung, Newsletter, Webshop, Marketing, Google, KI
WordPress ⭐️ Webdesign: Deine eigene Website! Suchmaschinenoptimiert (SEO) inkl. Google, Webshop, ChatGPT, Gemini & Claude!
Webdesign: Deine eigene Website! Suchmaschinenoptimiert (SEO) inkl. Google, Webshop, ChatGPT, Gemini & Claude!
PAPIERarbeiter*in
Gitarre ausprobieren für Jugendliche und Erwachsene
Auf die Bühne! Theater-Schnupperkurs
Die Shadow-Wrap-Ferse stricken – Fortgeschrittene
Analoge Fotografie - Ausstellung erarbeiten
Vocational training in photography, film and media design
Klavier und Keyboard (1x 25 Min) zum Kennenlernen
Einführung in das Elektroden und Schutzgasschweißen mit Stahl
UX/UI-Design mit Figma (KI)-Lehrgang
Besprechung/Vorspiel-Termin für Streichensemble und Streichquartett
Nähen zum Kennenlernen
Experimentelle Aquarellmalerei
Gitarre ausprobieren für Kinder (5-12 Jahre)
Gitarre (1x 25 min)
Workshop Handy-Fotografie
Blockflöte (7 x 25 min) mit Heimvorteil
Urban Nature – Landschaft fotografisch entdecken mit dem Smartphone
Upcycle T-Shirts zu Slips
Aquarell ganz originell – ausprobieren
Experimentelle Fotografie
Gitarre, Ukulele, Chromatische Mundharmonika (7 x 25 min)
Klavier und Gesang (7 x 25 min)
Textildruck: Eco- & Medium-Print
Gitarre, E-Gitarre, Kontrabass, E-Bass (1 x 25 min)
Frauen-Farbwelten
Modellmodistin Modul 1 - Filzhut Grundlagen
Bäume zeichnen im Alten AKH
Zwirnknöpfe – Anfänger*innen
Check your bike: Fahrrad-Reparatur-Workshop
Chor.17
Vorbesprechung Klavier, Keyboard
Blockflöte (7 x 25 min)
Klavier und Gesang (7 x 25 min)
Art Clay Silberschmuck
Nähen kurz & kompakt – Anfänger*innen
Gitarre, E-Gitarre (7 x 25 min) mit Heimvorteil
Klavier und Violine (7 x 25 min)
Fotospaziergang Blumengärten Hirschstetten
Do it yourself! Elektroinstallationen
Polimentvergoldung
Buchbinden: Stiftekassette
Grafikdesign - Diplomlehrgang zur Erstellung von Grafiken für Print und Web
Porträtzeichnen und -malen mit Modell Teil 1
Nähen – Anfänger*innen Teil 1
Charakterdesign und Comiczeichnen für Kinder & Jugendliche (9-12 Jahre)
Keramikwerkstatt
Keramikwerkstatt
Akt – Von der Zeichnung zum Bild
Acrylmalerei – Geist und Form Teil 1
Trompete (7 x 25 min) Teil 1
Klavier, Akkordeon, Gitarre (7 x 25 min) Teil 1
In Stein gemeißelt – aus Stein geformt
Elementares Musizieren (1,5-3 Jahre)
Elementares Musizieren (10-18 Monate mit Begleitperson)
Kinder-Töpfern
Blockflöte für Kinder (6-10 Jahre) (7 x 25 min)
Einführung in die Architekturzeichnung
E-Piano (7 x 25 min) Teil 1
Musikalische Frühförderung (3-5 Jahre) Teil 1
Einstieg in Procreate
Gitarre, Ukulele (7 x 25 min) Teil 1
Gitarre in der Kleingruppe Teil 1
Ukulele in der Kleingruppe Teil 1
Ölmalerei Teil 1
Ölmalerei Teil 1
Malen und Zeichnen für Kinder und Jugendliche (7-16 Jahre)
Zeichnen und Malen – Anfänger*innen und leicht Fortgeschrittene
Jede*r kann zeichnen
Keramik
Das kreative Kinder-Atelier (3-5 Jahre)
Das kreative Kinder-Atelier (4-7 Jahre)
Bridge – Anfänger*innen Teil 1
Bridge – Fortgeschrittene Teil 1
Bridge – mäßig Fortgeschrittene Teil 1
Elementares Musizieren (10-18 Monate mit Begleitperson)
Elementares Musizieren (1,5-3 Jahre mit Begleitperson)
Elementares Musizieren (4-6 Jahre mit Begleitperson)
Elementares Musizieren (5-8 Jahre ohne Begleitperson)
Akkordeon, Melodica, Klavier (7 x 25 min)
Gesang und Stimmbildung (7 x 25 min)
Blockflöte / Querflöte / Klavier (7 x 25 min)
LA LE LU – Der Eltern-Kind-Chor für Eltern und Kinder ab 4 Jahren
Gesangsunterricht (7 x 25 min)
Mama-Baby-Singen – Geborgenheit durch die eigene Stimme
Popular-Gesang / Songwriting (7 x 25 min)
Keramik-Kunst-Klasse
Sing Solo: Individuelles Vocalcoaching mit oder ohne Mikrofon (4 x 25 min)
Zeichnen mit Farbstiften
Steirische Knopfharmonika (7 x 25 min)
Elternabend für Musical Academy Vienna Kurse
Nähen
Klavier (7 x 25 min)
Klavier für Kinder ab 6 Jahren (7 x 25 min)
Gitarre, E-Gitarre für Kinder ab 6 Jahren (7 x 25 min)
Aquarellmalerei
Gitarre, Mandoline (7 x 25 min)
Elementares Musizieren (1,5-3 Jahre) Teil 1
Geige, Cello, Blockflöte (7 x 25 min) Teil 1
Klavier, Gesang (7 x 25 min)
Acrylmalerei
Stricken – Anfänger*innen – Warm durch die kalte Jahreszeit
Klavier (7 x 25 min)
Akkordeon, Klavier (7 x 25 min)
Gesang, Stimmbildung, Klavier/E-Piano (7 x 25 min)
Erste Schritte ins Musizieren (1-2 Jahre mit Begleitung) Teil 1
Zeichnen lernen leicht gemacht
Klavier/E-Piano (7 x 25 min)
Gitarre (7 x 25 min)
Elementares Musizieren (1,5 - 3 Jahre mit Begleitung)
Elementares Musizieren (2-4 Jahre mit Begleitung)
Nähen
Elementares Musizieren (2-4 Jahre mit Begleitung)
Reparatur-Café in der VHS Alsergrund
Chinesische Tuschemalerei: Grundkurs
Maschinensicherheitskurs – Keine Angst vor Maschinen
Gesamtkarte Herbstsemester 2026-2027
Nähen – Anfänger*innen
Gitarre in der Gruppe – leicht Fortgeschritten
Verbesserte Haltung durch richtiges Atmen (7 x 25 Min)
Gitarre, E-Gitarre (7x 25 min)
Klarinette, Saxophon, Keyboard (7 x 25 min)
Klavier (7 x 25 min) Teil 1
Gitarre für Kinder - Anfänger (7-10 Jahre) Teil 1
Erste Schritte ins Musizieren (10-18 Monate + Begleitung)
Easy-Chor
Groovy Monday Pop Sessions
Musical Singen (7-11 Jahre)
Musical Academy Vienna. Casting für Hauptrollen in: Robin Hood
Gitarre, E-Gitarre und Bassgitarre (7 x 25 min) Teil 1
Gitarre, E-Gitarre (7 x 25 min)
Klavier (7 x 25 min)
Elementares Musizieren (3-5 Jahre + Begleitung)
Elementares Musizieren (1-3 Jahre + Begleitung)
Mundharmonika – chromatisch und diatonisch (6 x 25 min)
Erste Schritte ins Musizieren (3-4 Jahre mit Begleitung) Teil 1
Erste Schritte ins Musizieren (4-5 Jahre mit Begleitung) Teil 1
Gitarre, E-Gitarre (7 x 25 min)
Elementares Musizieren (1,5-3 Jahre) Teil 1
Klavier, Violine (7 x 25 min)
Schlagzeug (7 x 25 min)
Keyboard, Gitarre, Djembe (7 x 25 min) Onlinekurs
Gitarre, E-Gitarre, Ukulele (7 x 25 min) mit Heimvorteil
Elementares Musizieren (10-18 Monate mit Begleitung)
Elementares Musizieren (1,5-3 Jahre mit Begleitung)
Musical Klasse für Kids (5-7 Jahre)
Gitarre (7 x 25 min)
Saxophon, Blockflöte (7 x 25min)
Gitarre (7 x 25 min) Teil 1
Klavier (7 x 25 min) Teil 1
Geige (7 x 25 min) Teil 1
Geige (7 x 25 min) Teil 1