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.
Modul 1
HTML & 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 ID’s
- 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 2
Basiswissen Webdesign
- Projektmanagement
- Prototyping, Sitemap und Wireframe
- Website-Mockup (zB. mit Figma)
- Gesetzeslage und Sicherheit
- Landingpages & Call-to-action
- Grafiken im Web (Formate, Auflösung, Farbraum, Pixel – vs. Vektorgrafik)
Modul 3
VSCode - 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
Modul 4
HTML & 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
- Bildergalierien & Slider
- HTML/CSS Framework Bootstrap – Grundlagen
Modul 5
- Webdesigner-Tools
- Tipps und Tricks für WebdesignerInnen
- nützliche Quellen für WebdesgnerInnen im Web
Modul 6
Anfertigung der Projektarbeit außerhalb der Präsenzzeiten und Abschlussprüfung
- Sie realisieren Ihre eigenen Design-Ideen.
- Sie verfügen über gute Planungs- wie Gestaltungsprinzipien und technisches Handwerkszeug zur Gestaltung und Wartung von Websites bzw. Intranetsites.
- Das Praxisprojekt belegt Ihre erworbenen Webdesigner-Skills - Ihr Referenzwerk für die Berufswelt.
- Sie haben eine gute Basis für Ihren nächsten Weiterbildungsschritt am BFI Wien geschaffen, den Lehrgang "Webdesign Special - Aufbau" und/oder die "Ausbildung Web Developer".
Nach positiv beurteilter Projektarbeit und bestandener Prüfung erhalten Sie das BFI Wien Zeugnis und dokumentieren dadurch offiziell Ihr Können.
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
Der Lehrgang findet virtuell (online, live mit Trainerin) statt. Sie erhalten alle weiteren Infos und den Zugang zur Webplattform rechtzeitig vor Kursbeginn per E-Mail!
Sie müssen für den Besuch dieses Lehrgangs keine Software oder 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 Seminars Webdevelopment mit JavaScript - Basis oder des Lehrgangs Web Developer.
Der Tageslehrgang ist für die Bildungskarenz geeignet.
