Webdesign Special - Vom Entwurf bis zur Website - Lehrgang mit Praxisprojekt

Institut: Berufsförderungsinstitut (BFI) - Wien
Bereich: Kunst, Design, Gestaltung

Kursbeschreibung

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
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 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 2Basiswissen 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 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 einrichtenModul 4HTML & CSS Vertiefung- semantisches HTML - AOM (accessibility-object-model) & das role-Attribut- Gradient und Schatten- Silbentrennung- Animation & timing-func…
Beginn
11.02.2025
Ende
20.03.2025
Uhrzeit
Di, Do 08:30-15:30
Dauer
84.00 UE
Ort
Online | Zugangslink wird zeitnah versandt , ,
Weitere Termine Tabelle
Weitere Termine Standort Kosten
18.02.2025 - 08.05.2025 (zum Kurs) Online | Zugangslink wird zeitnah versandt , , € 2.550
Ratenzahlung möglich
13.05.2025 - 26.06.2025 (zum Kurs) Online | Zugangslink wird zeitnah versandt , , € 2.550
Ratenzahlung möglich
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 EnglischBitte 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
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
24BTDE0349
Plätze
15

Diese Kurse könnten Sie auch interessieren ...

Uber Weiterbildungsvorschläge