Webdesign mit HTML und CSS inklusive KI-Unterstützung: von den Grundlagen bis zum eigenen Projekt im zeitgemäßem Workflow -

Institut: Berufsförderungsinstitut (BFI) - Wien
Bereich: 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 Grundlagen



Modul 3 | HTML-Editor und KI


- Installation und Verwendung von Erweiterungen für Webdesigner

- Konfiguration des Editors

- Tastatur-Shortcuts

- KI im Editor einrichten und nutzen



Modul 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 CSS



Modul 5 | Webdesigner-Tools


- Tipps und Tricks für WebdesignerInnen

- nützliche Quellen für WebdesgnerInnen im Web



Modul 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
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 , ,
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
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