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
14.04.2026
Ende
28.05.2026
Uhrzeit
Di, Do 08:30-15:30
Dauer
84.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 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
25BTDE0363
Plätze
15
Diese Kurse könnten Sie auch interessieren ...
Uber Weiterbildungsvorschläge
Art Clay Silver
Objektvergoldung mit Schlagmetall – eine kreative Technik der Oberflächenveredelung – Anfänger*innen
Vernissage zur Ausstellung der Bilder von Iris Kopera
Chor – Step by Step
Gitarre, Ukulele, Chromatische Mundharmonika (7 x 25 min)
Du musst das Leben nicht verstehen / Dann wird es werden wie ein Fest
Basiskurs Österreichische Kunstgeschichte: Barock und Rokoko
Der Blick ins Gesicht - Portraitkurs
Aquarellmalerei
Zauberwerkstatt für Kinder (ab 7 Jahren)
Ikebana
Erstellung einer Hofchronik
Malen mit Pigmenten
Comics zeichnen lernen für Kinder (8-12 Jahre)
Fotowalk: Das moderne Wien
Besser Fotografieren – Fotoworkshop
KLASSIK COOL! Der Karneval der Tiere
Keramik – Modellieren und Aufbautechnik
Buchbinden leicht gemacht
Acrylworkshop für Anfänger:innen
Fluid Painting Basics – Farbe in Bewegung
Basiskurs für Nähanfänger*innen
Die Kunst des Scheiterns – Clownspiel für Erwachsene
Intuitives Malen für Kinder (6-10 Jahre)
Intuitive abstrakte Malerei für Erwachsene
Schauspiel-Workshop für Kinder (9-12 Jahre)
Schauspiel
Nähen kurz & kompakt – Anfänger*innen
Schreibwerkstatt: Kurzgeschichten
VOCALgeSTÖBER
Handwerkzeuge mit Wassersteinen schärfen
Nähen
Holzrelief schnitzen – Anfänger*innen
Vortrag Perlen – Zauber aus dem Wasser
Offenes Malatelier für Kursteilnehmende (ohne Kursleitung)
Einführung in das Datenschutzrecht
Adobe InDesign - Aufbau - Druckvorlagen professionell erstellen
Kleidertausch-Party
SPECIAL CONCERT: 25 Jahre Longfield Gospel Singers
Gitarre, E-Gitarre, Ukulele (7 x 25 min) mit Heimvorteil Verlängerung
Adobe InDesign I - Einführung
Intensivkurs: Künstliche Intelligenz in der Wirtschaft (Modul 1)
Nähmaschinen- und Materialkunde – Nähstarter*innen
Nähen für Anfänger*innen zum Ausprobieren
Kostenloser Online-Infotermin für den Lehrgang Malerei der Kunst VHS
DIE WIENER SCHULE DES SCHREIBENS – Lehrgang für Creative Writing in 7 Modulen
Seh-Schule für Bilder von Menschen: Gesichter zeichnen, mit Modell
Glasurtermin mit Ivy Reinprecht
Gitarre, E-Gitarre, Ukulele (7 x 25 min) mit Heimvorteil
Kreative Keramik: Grundtechniken mit Ton
Porträt-Zeichnen und -Malen
Einführung in das Elektroden und Schutzgasschweißen mit Stahl
Künstlerisch-akustische Interpretation aus dem Auge des Hurrikans
Grafikdesign-Diplom: Grundlagen & Advanced mit Photoshop/Illustrator/Indesign
Mediendesign/Mediengestaltung (Diplom): Grafikdesign-UX-Webdesign (Online-zoom)
Mediendesign/Mediengestaltung (Diplom): Grafikdesign-UX-Webdesign
Beats, Sound-Landschaften und Song-Skizzen selbst produzieren Onlinekurs
Infoveranstaltung Fachausbildung IT - Applikationsentwicklung/Coding oder Betriebs- und Systemtechnik
Malen für Kinder (6-10 Jahre)
Elementares Musizieren (1,5-3 Jahre)
Elementares Musizieren (3-4 Jahre)
Musikalische Frühförderung (4-6 Jahre)
Trompete zum Kennenlernen
Formen und Gestalten mit Ton Schnupperkurs
Einführung in die digitale Fotografie – Bildgestaltung
Lesung Mittelalterliche Karner und Kleindenkmäler
Lesung: Benni Blues – Una serata con le parole di Stefano Benni / Ein Abend mit den Worten von Stefano Benni
Teppichweben
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Offenes Kreativ-Atelier
Do it yourself! Werkzeugkunde in der Praxis
Aquarell kräftig-großformatig – Fortgeschrittene
Auf der Spur der antiken römischen Fresken (Aquarellmalerei)
Auf die Bühne! Theater-Schnupperkurs
Foto-Übungs- und Experimentierabend mit Porträtmodell
Basiskurs Österreichische Kunstgeschichte: Romantik und Klassizismus
Upcycle T-Shirts zu Slips
INFO-Veranstaltung Fachakademie für Angewandte Informatik
Gesangsabend
Chor – Anfänger*innen zum Kennenlernen
Informationsabend KI
Intuitives Malen
Silberschmuck aus Art Clay Silver selber machen
Zwirnknöpfe – Anfänger*innen
Ausbildung zum/zur gewerblichen und medizinischen Masseur:in - Aufnahme- und Schnupperworkshop
Drehbuchwerkstatt für Film & Fernsehen
Glasurtermin mit Shaya Safaisini
Vorbesprechung Klavier, Keyboard
Nachhaltiges Buchbinden
Einführung in Elektrotechnik und Elektronik I
Temari-Kugeln – das Chrysantheme-Muster – Anfänger*innen
Wir zeichnen/malen Tiere
Abstrakte Landschaften spachteln und malen
LEHRGANG: 'Schreiben & Veröffentlichen' Romanschreiben
Kunstgeschichte – Der Winter in der Kunst
Manga-Zeichnen (ab 11 Jahren)
Frottage-Technik mit Graphit
Intensivwoche Digitale Fotografie Basics
Malereitechniken - Leinwand beschichten und aufspannen
Experimentelles Zeichnen
Monotypie – Druck-Unikate
Acrylmalkurs (Schichtmalerei) – Fortgeschrittene
Die Welt um uns herum sehen und zeichnen können
Ausbildung zum/zur zertifizierten KI-Beauftragten
Töpfern an der Scheibe - Perfektion
Stop Motion – Zeichentrickfilm für Kinder (10–14 Jahre)
Vom Strich zum Relief – Zeichnen, Modellieren & Schnitzen: Historisches Akanthusblatt in Ton und geometrisches Relief in Hartschaum
Acrylmalerei
Intensivkurs: Künstliche Intelligenz in der Wirtschaft (Modul 2)
Workshop im Wien Museum: Isotype-T-Shirts
Zertifizierter Datenschutzbeauftragter
Mit Fotografie experimentieren für Kinder (8-12 Jahre)
Workshop im Wien Museum: Kinderbuchillustration mit Isotype
Porträt-Workshop – Porträtieren intensiv erleben
Zwirnknöpfe – Anfänger*innen
Zertifizierte:r Grafik-Designer:in - Informationsveranstaltung
Basiskurs zum Nähprofi
Einführung MIG/MAG-Schutzgasschweißen von Stahl, Alu und Nirosta
Art Clay Silver Schmuck für den Valentinstag
Informationsabend KI
Comedy-Workshop
Fortgeschrittenes Filmbearbeiten mit Adobe Premiere Pro
DIA 1 - Diamanten im Schmuckhandel
Restaurieren alter Möbel und Möbelbau
Restaurieren alter Möbel und Möbelbau
Königrufen – Spielstrategien
Modeschmuck aus edlen Schmucksteinen als besonderes Geschenk für den Valentinstag
Holzbearbeitung I – Sägen, Hobeln, Stemmen
Reparatur-Café in der VHS KunstHandWerk
Comics, Cartoon, Karikatur
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Grundlagen und Perspektiven der Bildenden Kunst: Linie und Zeichnung
Die Welt der Illustration: Comic-Zeichnen
Die Welt der Illustration: Die politische Karikatur
Auf die Bühne! Schauspiel – Anfänger*innen
Porträtzeichnen und -malen mit Modell Teil 1
Porträt – Von der Zeichnung zum Bild
Acrylmalerei – Geist und Form Teil 1
Alltags-Drucktechniken
Form geben – Basiskurs Bildhauerei Teil 1
Gestalten von Bilderbüchern mit analogen Drucktechniken
Vortrag Diamanten einst und jetzt
In Stein gemeißelt – aus Stein geformt
Singt oyf Jiddisch! - mit Roman Grinberg
Adobe Illustrator - Aufbau -
Elementares Musizieren (1,5-3 Jahre) Teil 1
Musikalische Frühförderung (3-5 Jahre) Teil 1
Keyboard, Gitarre, Djembe (7 x 25 min) Onlinekurs
Improtheater
Elementares Musizieren (2-4 Jahre mit Begleitung)
Elementares Musizieren (3-5 Jahre mit Begleitung)
Nähen – Anfänger*innen und leicht Fortgeschrittene
Nähen – Anfänger*innen und leicht Fortgeschrittene
Klavier (7 x 25 min)
Akkordeon, Melodica, Klavier (7 x 25 min)
Gitarre (7 x 25 min)
Gesang und Stimmbildung (7 x 25 min)
Blockflöte / Querflöte / Klavier (7 x 25 min)
Keramik-Kunst-Klasse
Sing Together – ein Sound, ein Team
Sing Solo – Ihre Stimme, Ihr Moment
KLÖPPELN Beratung und Materialbesprechung
Geige (7 x 25 min) Teil 1
Kammermusik klassisch – Vorbesprechung
Ölmalerei Teil 1
Ölmalerei Teil 1
Querflöte (7x 25 min) Teil 1
Nähen
Akkordeon, Klavier (7 x 25 min)
Gesang, Stimmbildung, Klavier/E-Piano (7 x 25 min)
Jazzklavier (7 x 25 min)
Gitarre (7 x 25 min)
Zeichnen zum Kennenlernen
Gesang, Klavier, Keyboard (7 x 25 min) mit Heimvorteil zum Kennenlernen
Chor ohne Grenzen
Elementares Musizieren (10-18 Monate mit Begleitperson)
Elementares Musizieren (1,5-3 Jahre mit Begleitperson)
Elementares Musizieren (5-8 Jahre ohne Begleitperson)
Porzellanschmuck gestalten – feine Formen aus weißem Gold
Nähen – Für Anfänger*innen
Maschinensicherheitskurs – Keine Angst vor Maschinen
Gesangsunterricht (7 x 25 min)
Verbesserte Haltung durch richtiges Atmen (7 x 25 Min)
Klavier, Keyboard, E-Piano (7 x 25 min)
Nähen ganz einfach
VHS12-Nähcafe
Easy-Chor
Groovy Monday Pop Sessions
Gesangsunterricht: Jazz und Popularmusic (7 x 25 min)
Zeichnen mit Farbstiften
Töpfern, Platten- & Aufbautechnik
Töpfern, Platten- & Aufbautechnik
Klarinette (4 x 50 min) 14-tägig
Nähen
Gitarre, E-Gitarre (7x 25 min)
Klarinette, Saxophon, Keyboard (7 x 25 min)
Klavier (7 x 25 min)
Erste Schritte ins Musizieren (1,5-3 Jahre + Begleitung)
Erste Schritte ins Musizieren (10-18 Monate + Begleitung)
Acrylmalerei einmal anders Teil 1