Webdesign mit HTML und CSS - Lehrgang mit Praxisprojekt - Lehrgang mit Praxisprojekt
Institut: Berufsförderungsinstitut (BFI) - WienBereich: Kunst, Design, Gestaltung
Kursbeschreibung
Modul 1HTML & CSS Grundlagen- Was ist HTML? Was ist CSS?- Editoren, Webseitenstruktur- Block und Inlineelemente- Kommentare, Absätze und Überschriften- Listen, Tabellen, Trennlinien- Absolute und relative Adressierung- Einbindung von Hyperlinks und Grafiken- CSS in HTML einbinden- CSS-Vererbung- Kaskadierung, Selektoren- Klassen und IDs- Formatierung von HTML-Elementen- Schrift, Farben- Textformate- Maßeinheiten, Abmessungen- rechtliche Grundlagen- Usability und Performance- Barrierefreiheit im Web- Webhosting und Domainregistrierung- HTML-Dokumente auf einen Webserver stellen- Meta-Angaben- Grundlagen SEO- Grundlagen DSGVO- Formulare- Einbinden von Multimediadateien (Video, Sound etc.)- Einbinden von YouTube & Google Maps- Einbinden von JavaScript- CSS-Box-Modell- CSS-Achsen- Positionierungsschema - Float-Elemente- Hintergrundbilder einbinden und formatieren/positionieren- Webtypografie- CSS für unterschiedliche Ausgabemedien (Drucker, etc.)- Responsives Webdesign Basics- mobile first / desktop first- Grundlagen Layoutsysteme (float, flex, grid)Modul 2Basiswissen Webdesign- Projektmanagement- Prototyping, Sitemap und Wireframe- Website-Mockup (zB. mit Figma) - Gesetzeslage und Sicherheit- Barrierefreiheit im Web- Landingpages & Call-to-action- Grafiken im Web (Formate, Auflösung, Farbraum, Pixel vs. Vektorgrafik)Modul 3VSCode - Quelltext-Editor (open-source & plattformunabhängig) - Herunterladen und Installieren von VSCode- Verwenden der grundlegenden Editorfunktionen von VS Code- Installieren und Nutzen von Erweiterungen für die Webentwicklung- Konfigurieren von VSCode- Tastatur-Shortcuts verwenden und einrichten- Produktiver coden mit KI-AssistentenModul 4HTML & CSS Vertiefung- semantisches HTML - AOM (accessibility-object-model) & das role-Attribut- Gradient und Schatten- Silbentrennung- Animation & timing-function- Transformationen- Pseudo-Klassen und Elemente- CSS-Combinatoren- popup-Elemente- aspect-ratio- fluid/responsive text- responsive mobile navigation- flex-Layout im Detail- vendor prefixing- Bildergalerien & Slider- HTML/CSS Framework Bootstrap GrundlagenModul 5 - Webdesigner-Tools- Tipps und Tricks für WebdesignerInnen- nützliche Quellen für WebdesgnerInnen im WebModul 6Anfertigung der Projektarbeit außerhalb der Präsenzzeiten und Abschlussprüfung
Modul 1HTML & CSS Grundlagen- Was ist HTML? Was ist CSS?- Editoren, Webseitenstruktur- Block und Inlineelemente- Kommentare, Absätze und Überschriften- Listen, Tabellen, Trennlinien- Absolute und relative Adressierung- Einbindung von Hyperlinks und Grafiken- CSS in HTML einbinden- CSS-Vererbung- Kaskadierung, Selektoren- Klassen und IDs- Formatierung von HTML-Elementen- Schrift, Farben- Textformate- Maßeinheiten, Abmessungen- rechtliche Grundlagen- Usability und Performance- Barrierefreiheit im Web- Webhosting und Domainregistrierung- HTML-Dokumente auf einen Webserver stellen- Meta-Angaben- Grundlagen SEO- Grundlagen DSGVO- Formulare- Einbinden von Multimediadateien (Video, Sound etc.)- Einbinden von YouTube & Google Maps- Einbinden von JavaScript- CSS-Box-Modell- CSS-Achsen- Positionierungsschema - Float-Elemente- Hintergrundbilder einbinden und formatieren/positionieren- Webtypografie- CSS für unterschiedliche Ausgabemedien (Drucker, etc.)- Responsives Webdesign Basics- mobile first / desktop first- Grundlagen Layoutsysteme (float, flex, grid)Modul 2Basiswissen Webdesign- Projektmanagement- Prototyping, Sitemap und Wireframe- Website-Mockup (zB. mit Figma) - Gesetzeslage und Sicherheit- Barrierefreiheit im Web- Landingpages & Call-to-action- Grafiken im Web (Formate, Auflösung, Farbraum, Pixel vs. Vektorgrafik)Modul 3VSCode - Quelltext-Editor (open-source & plattformunabhängig) - Herunterladen und Installieren von VSCode- Verwenden der grundlegenden Editorfunktionen von VS Code- Installieren und Nutzen von Erweiterungen für die Webentwicklung- Konfigurieren von VSCode- Tastatur-Shortcuts verwenden und einrichten- Produktiver coden mit KI-AssistentenModul 4HTML & CSS Vertiefung- semantisches HTML - AOM (accessibility-object-model) & das role-Attribut-…
mehrweniger lesen
Beginn
07.01.2026
Ende
25.03.2026
Uhrzeit
Mo, Mi 18:00-21:15
Dauer
84.00 UE
Ort
Online | Zugangslink wird zeitnah versandt , ,
| Weitere Termine | Standort | Kosten |
|---|---|---|
| 13.01.2026 - 26.02.2026 (zum Kurs) | Online | Zugangslink wird zeitnah versandt , , | € 2.550 Ratenzahlung möglich |
| 14.04.2026 - 28.05.2026 (zum Kurs) | Online | Zugangslink wird zeitnah versandt , , | € 2.550 Ratenzahlung möglich |
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 EDV- und Internetkenntnisse, z. B. Erstellen von Ordnern/Verzeichnissen, Verwalten von Dateien, Recherche im Internet, Arbeiten mit mehreren geöffneten Programmen, Arbeiten mit dem Internet-Browser und einem Textverarbeitungsprogramm- Grundkenntnisse in Englisch- PC/Laptop, Mikrofon + Lautsprecher (bzw. Headset) und stabiles Internet, Webcam (empfohlen)- empfohlen: Grundlagen Bildbearbeitung entsprechend des Kurses Adobe Photoshop - Grundlagen oder GIMP BildbearbeitungBitte beachten SieSie müssen für den Besuch dieses Lehrgangs keine Software oder ein ein Software-Abo kaufen! Welche Software bei diesem virtuellen Lehrgang verwendet wird, bespricht der Trainer / die Trainerin mit Ihnen zu Lehrgangsbeginn.Kursbegleitende Unterlagen und die Prüfung am letzten Kurstag sind im Preis inbegriffen.Wir empfehlen Ihnen im Anschluss an dieses Seminar den Besuch des Lehrgangs Webdevelopment mit JavaScript Basis oder des Lehrgangs Webdevelopment mit PHP & MySQL.Der Tageslehrgang ist für die Bildungskarenz geeignet.
Ziele
Schönheit liegt im Auge des Betrachters - gutes Webdesign nicht. Es folgt gewissen Spielregeln in der Gestaltung und stellt den Nutzen für die Besucher:innen über die Optik. In diesem praxisorientierten Lehrgang zeigen wir Ihnen, was gutes Webdesign ausmacht und vermitteln Ihnen Schritt für Schritt die Fertigkeiten, um selbst professionelle Websites zu erstellen. Am Ende des Lehrgangs haben Sie nicht nur das theoretische Rüstzeug, sondern auch Ihre erste selbst designte Website als Referenz für Ihre weitere Karriere in der Tasche.
Zielgruppe
Selbstständige und Kleinunternehmer:innen sowie Mitarbeiter:innen von Werbeabteilungen oder Werbeagenturen, die grundlegendes Wissen zur Planung, gestalterischen Umsetzung und Wartung einer Website für private und/oder kommerzielle Zwecke erhalten wollen
Zertifikat(e)
Ja, bei Erfüllung aller erforderlichen Voraussetzungen
Kosten
€ 2.550
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
Referent
Iris Martinek, Inh. iRiSGRaFiX e.U. - Grafik, Webdesign und -development
Andreas Reinisch, Experte für Datenbank-Programmierung, Datensatz.at
Kursnummer
25BTDE0364
Plätze
15
Diese Kurse könnten Sie auch interessieren ...
Uber Weiterbildungsvorschläge
Modeschmuck aus edlen Schmucksteinen
Science Walk: Auf den Spuren von Otto Wagner Teil 3
Arbeiten mit Ton
Einführung in Elektrotechnik und Elektronik I
ICH WAR NOCH NIEMALS IN NEW YORK
Die Liebe zum Detail – Textilwerkstatt Teil 2
Näh- und Schnittwerkstatt Teil 2
Weihnachtskarten Papierschöpfen
Keramik – Modellieren und Aufbautechnik
Workshop: Druckwerkstatt – Anfänger*innen & mäßig Fortgeschrittene
Aquarellmalerei Workshop
Puppenwerkstatt: Ich bastle mir ein Weihnachts-Schmusi
Seifen selbst sieden – ein altes Handwerk
Intensivkurs: Künstliche Intelligenz in der Wirtschaft (Modul 2)
Jodeln
Nadelfilzen – Plastisches Gestalten mit Filz, Fasern und Fantasie
Ausbildung zum/zur zertifizierten KI-Beauftragten
Klavier, Gesang (7 x 25 min)
Adobe Illustrator - Aufbau -
VLAN - 2. Lehrjahr
Informationsabend KI
Modeschmuck aus edlen Schmucksteinen als besonderes Weihnachtsgeschenk
A&A Dipl. Mediendesign/Mediengestaltung (UI/UX-CMS-Grafikdesign)
Einführung MIG/MAG-Schutzgasschweißen von Stahl, Alu und Nirosta
Social-Media-Design mit Canva
Webdesign-Ausbildung (Diplom): UX/UI-CMS-HTML/CSS
HTML/CSS Webprogrammierung
Adobe After Effects CC: Perfekte Motion Graphics gestalten - Compositing, Motion Graphics Design und Animation
Porträt-Zeichnen und -Malen
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Fotografieren – Einzelunterricht (4 x 50 Minuten)
Weihnachtswerkstatt für die ganze Familie
Gitarre (7 x 25 min)
Weihnachts-Haiku schreiben
Klavier (7 x 25 min)
Klavier und Gesang (7 x 25 min)
Audio-Bearbeitung mit Audacity
Dunkelkammertechnik – Einführung Teil 2
Acryl- und Aquarellmalerei
Comics, Karikaturen und Cartoons
Foto-Orte in Wien
Zirkuswerkstatt für Kinder (6-10 Jahre)
Kids-Kreativ-Workshop: Perspektivische Tiefe (9-13 Jahre)
Last Minute - DIY Geschenke und Giveaways für Weihnachten und Silvester
Do it yourself! Wände tapezieren
Burlesque Fotografie 'Bühnenzauber und Ästhetik: Fotografie im Burlesque-Stil'
Zwirnknöpfe – Weihnachtsgeschenke
Krimitag des SYNDIKATS
Ikebana
Nähen kurz & kompakt – Anfänger*innen
Klavier und Gesang (7 x 25 min)
Chor.17
Elementares Musizieren (2-4 Jahre mit Begleitung)
Elementares Musizieren (1,5-3 Jahre mit Begleitung)
Häkeln kompakt
Spitzenklöppeln und Occhi
Weihnachtsbasteln für Kinder (8-12 Jahre)
Lilo & Stitch – Basteln mit Aloha-Gefühl
Lilo & Stitch – Aloha, Bühne!
Lilo & Stitch – Aloha, Bühne!
Maschinensicherheitskurs – Keine Angst vor Maschinen
Reparatur-Café in der VHS KunstHandWerk
Frottage
Weihnachts-Bastelwerkstatt (5-10 Jahre)
Weihnachts-Kreativworkshop für Kinder (4-7 Jahre)
Weihnachts-Kreativworkshop für Kinder (7-10 Jahre)
Keramik – Modellieren und Aufbautechnik
Landschaften mit chinesischer Tuschemalerei – das perfekte Weihnachtsgeschenk
Fotospaziergang durch Wien: Wien Museum (Dokumentation, Architektur)
Ich bastle mir ein Weihnachts-Schmusi
Kunstgeschichte – Weihnachten in der Kunst
Weihnachtsbasteln für Kinder (1-3 Jahre) mit Begleitperson
Weihnachtsbasteln für Kinder (4-7 Jahre) mit Begleitperson
Elementares Musizieren (1,5-3 Jahre + Begleitung)
Klavier für Kinder ab 6 Jahren (6 x 25 min)
Reparatur-Café in der VHS Alsergrund
Liechtenthal – Die Chronik des Alsergrunds
Mediendesign/Mediengestaltung (Diplom): Grafikdesign-UX-Webdesign
Mediendesign/Mediengestaltung (Diplom): Grafikdesign-UX-Webdesign (Online-zoom)
Maschinensicherheitskurs – Keine Angst vor Maschinen
A&A Ausbildung zum/r Dipl. Grafikdesigner/in (Live-Online/Distance Learning)
Auf der Spur der antiken römischen Fresken (Aquarellmalerei)
Makramée-Knüpfen – Workshop
Form geben – Basiskurs Bildhauerei Teil 2
Gitarre, E-Gitarre (7x 25 min)
Photogramme erstellen
Fashionfabrik: Meine eigene Modewerkstatt
Einführung in das Elektroden und Schutzgasschweißen mit Stahl
Töpfern an der Scheibe
Fotowalk: Weihnachtliches Wien
KI für Lehrpersonal - Modul 2
Karikatur-Porträt zeichnen
Erlebnisraum Buch
Einführung in die chinesische Tuschemalerei
Do it yourself! Werkzeugkunde in der Praxis
Fotokurs: Magische Weihnachtsmomente festhalten
Prüfung zum/zur zertifizierten KI-Beauftragten
In der Nacht vor Weihnachten
La Chanson: Noël en musique
KLASSIK COOL - Frau Holle (Kindergartenvorstellung)
Blumenampel aus Makramée knüpfen – Anfänger*innen
Frauen-Fotokurs
Art Clay Silver Schmuck als Weihnachtsgeschenk
Adobe Lightroom: professionelle Verarbeitung, Sortierung und Verwaltung Ihrer Fotos - Schnell, einfach und professionell
Elementares Musizieren (2-4 Jahre mit Begleitung)
Erste Schritte ins Musizieren (3-4 Jahre) Teil 2
Einführung in Elektrotechnik und Elektronik – Grundlagen II
KLASSIK COOL – Frau Holle
Das kreative Kinder-Atelier (1,5-4,5 Jahre + Begleitung)
Einführung WIG/TIG-Schutzgasschweißen mit Stahl
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Certified Cultural Manager (DAM)
Certified Sustainability Manager (DAM)
Certified Innovation Manager (DAM)
Informationsabend KI
Comic zeichnen für Kinder (6-10 Jahre)
Karikatur-Porträt zeichnen
Tarock – Spielrunde für Fortgeschrittene
Blockflöte (7 x 25 min) mit Heimvorteil
Öl- und Acrylmalerei
Adobe Illustrator Grundlagen und Aufbau
Ölmalerei zum Kennenlernen
Basiskurs Österreichische Kunstgeschichte: Barock und Rokoko
Grundlagen der Aquarellmalerei
Ausbildung zum/zur zertifizierten KI-Beauftragten
Malstudio für Kinder (6-10 Jahre)
Mit (Handy-)Kamera bei der Original Wiener Schneekugelmanufaktur
Ikebana: Neujahr in Blüte
Porträt zeichnen
Aquarell- und Acrylmalerei
Mit Jodeln ins neue Jahr!
Aquarell-Landschaftsmalerei
Kreativ. Intuitiv. Du. – Selbstporträts mit dem Smartphone
Drechseln
Blockflöte (7 x 25 min)
Schreibwerkstatt: Gruppenschreibspiele kennenlernen
Lithografie vom Stein - Anfänger*innen
Biografisches Zeichnen – das eigene Visionboard gestalten
Nähwerkstatt: Allerlei Nähzeug
IMPROTHEATER - Das Leben ist ein Spiel
Einführung MIG/MAG-Schutzgasschweißen von Stahl, Alu und Nirosta
Sing Along – Best of Rock Pop Jazz & Co.
Wildbienen, Marienkäfer, Florfliegen & Co – Ein Insektenhotel bauen
Reparatur-Café in der VHS KunstHandWerk
Kunstgeschichte konkret – wie man Skulpturen betrachtet Onlinekurs
Nadelspitzekurs – Anfänger*innen
Kreative Fototechniken mit Mehrfachbelichtung
Action Painting
Do it yourself! Elektroinstallationen
Intensivkurs: Künstliche Intelligenz in der Wirtschaft (Modul 1)
Intensivkurs: Künstliche Intelligenz in der Wirtschaft (Modul 1)
Keramik-Kunst-Klasse an der Töpferscheibe
Sing Together – ein Sound, ein Team
Sing Solo – Ihre Stimme, Ihr Moment
Keramik-Kunst-Klasse an der Töpferscheibe
Karikatur zeichnen für Fortgeschrittene
Musiktheorie zum Kennenlernen
Althangrund – Die Chronik des Alsergrunds
Kreativatelier für Kleinkinder mit Begleitperson (1-3 Jahre)
Kreativatelier für Senior*innen
Oberflächenbehandlung
Aquarellmalerei
Workshop: Häkeln und Stricken mit Filzwolle
Abstrakte Aquarellmalerei
Alltags-Drucktechniken
Die Welt der Illustration: Karikatur-Porträt
Offenes Malatelier für Kursteilnehmende (ohne Kursleitung)
Aquarellmalerei
In Stein gemeißelt – aus Stein geformt – Zusatztermine
Der Raum in der Illustration
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Clownsein für Kinder (ab 7 Jahren)
Die Kunst des Scheiterns – Clownspiel für Erwachsene
Aquarellmalerei Blumen
Schach für Kinder (ab 8 Jahren) und Erwachsene
Comic zeichnen für Kinder (6-10 Jahre)
Farben, Formen und Fantasie – Ihre kreative Auszeit
Holzbearbeitung II – Zinken, Graten, Zapfen und Schleifen
Medienfachmann/-frau TWO IN ONE
Meditatives Malen
Collage Onlinekurs
Vernissage zur Fotoausstellung 'Wien mit anderen Augen sehen'
Häkeln für Anfänger*innen
Adobe Illustrator - Grundlagen - Bringen Sie Ihre Kreativität ins Spiel!
Blockflöte (7 x 25 min) mit Heimvorteil
Gitarre, Ukulele, Chromatische Mundharmonika (7 x 25 min)
Webdesign mit HTML und CSS - Lehrgang mit Praxisprojekt - Lehrgang mit Praxisprojekt
Grundlagen Fotografie – Anfänger*innen
Akt-Zeichnen und -Malen
Erlebnisraum Buch
Einführung in das Elektroden und Schutzgasschweißen mit Stahl
Wiener Geflecht zum Ausprobieren
Einführung in die digitale Fotografie – meine Kamera
Orientalische Muster
A&A Ausbildung zum/r Dipl. Grafikdesigner/in (Live-Online/Distance Learning)
A&A Dipl. Mediendesign/Mediengestaltung (UI/UX-CMS-Grafikdesign)
Grafikdesign-Diplom: Grundlagen & Advanced mit Photoshop/Illustrator/Indesign
Mediendesign/Mediengestaltung (Diplom): Grafikdesign-UX-Webdesign
Mediendesign/Mediengestaltung (Diplom): Grafikdesign-UX-Webdesign (Online-zoom)
Webdesign-Ausbildung (Diplom): UX/UI-CMS-HTML/CSS