Webdesign Special - Vom Entwurf bis zur Website - 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- 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-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 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- 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…
mehrweniger lesen
Beginn
18.02.2025
Ende
08.05.2025
Uhrzeit
Di, Do 18:00-21:15
Dauer
84.00 UE
Ort
Online | Zugangslink wird zeitnah versandt , ,
Weitere Termine | Standort | Kosten |
---|---|---|
11.02.2025 - 20.03.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 |
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 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
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
24BTDE0351
Plätze
15
Diese Kurse könnten Sie auch interessieren ...
Uber Weiterbildungsvorschläge
Do it Yourself! Werkzeugkunde in der Praxis
Arabische Ornamente zeichnen
Blumen, Vögel und Insekten mit chinesischer Tuschemalerei
Mangas zeichnen (10-14 Jahre)
Malstudio für Kinder (6-10 Jahre)
Blumenvasen töpfern und bemalen für Kinder (6-12 Jahre)
Blumenvasen töpfern und bemalen
Fotopraxis
Ausbildung zum/zur gewerblichen und medizinischen Masseur:in - Aufnahmeworkshop
Das kleine Glas Einmaleins
Antirassistisches Schreiben
Art Clay Silberschmuck
Technische Grundlagen der Fotografie
Gemeinsam Musizieren und mit Rhythmus improvisieren
Vocal Training für Frauen
Basiskurs Österreichische Kunstgeschichte: Barock und Rokoko (Webinar)
Violine (7 x 25 min)
CAD Bau II Planerstellung
Malen mit Pigmenten
Buchbinden leicht gemacht
Erstellen von Grundschnitten für Damenbekleidung - Stufe 1
Vorbereitung auf die Lehrabschlussprüfung Technischer Zeichner
Action Painting
Kreative Schreibwerkstatt: 'Schreiben, wie es mir gefällt'
THE BIG ROCKY HORROR PARTY
Seifen selbst sieden – ein altes Handwerk
Kunstgeschichte konkret – wie man Skulpturen betrachtet Onlinekurs
Theaterworkshop für Kinder (8-12 Jahre)
Nähen kurz & kompakt – Anfänger*innen
Malen wie die Alten Meister
Einführung in das Elektroden und Schutzgasschweißen mit Stahl/Eisen
Sing Along - best of Rock Pop Jazz & Co.
AutoCAD 2D Grundlagen
Grafik Spezial - Adobe Photoshop, InDesign und Illustrator
Adobe Photoshop Grundlagen
Adobe Illustrator - Aufbau
AutoCAD 2D meets Inventor 3D
ePLAN Grundlagen
Fusion 360
Amigurumi häkeln
Malen kann jede*r
Zeichnen: Grundtechniken
Mitmachkonzert für Kinder - Best of Bernhard Fibich (ab 3 Jahren)
Adobe Photoshop / Illustrator - Aufbau
Vernissage Klassen Fritz Oesterlein
KUNST DIREKT mit Nina Maron
Akt-Zeichnen und -Malen
Einführung MIG - MAG - Schutzgasschweißen von Stahl - Eisen - Alu - Nirosta
Basiskurs Kunstgeschichte im Fokus: Barockgärten (Webinar)
Berufsausbildung Analoge Großformat Fotografie
SolidWorks Prüfung
SolidWorks Prüfung
Beeindruckende Fotos mit der Sofortbildkamera
Schreibwerkstatt: Von der Sprache zum Spiel
Arabische Architektur zeichnen
Kunst und Anarchie im 17. Jahrhundert (Webinar)
Epochen und Stilformen der Architektur Onlinekurs
Digitale Fotografie I
SEMA Holzbau Aufbau
Vorbereitung auf die Lehrabschlussprüfung Konstrukteur
Zeichnen - einfach und inspirierend
Besser Fotografieren – Fotoworkshop
Fotowalk Skulpturenpark Lindabrunn
Kreative Keramik: Grundtechniken mit Ton
Nähwerkstatt: Allerlei Nähzeug
Zauberwerkstatt für Kinder (ab 7 Jahren)
Temari-Kugeln – das Rosen-Muster – leicht Fortgeschrittene
Porträt- und Aktzeichnen – Anfänger*innen
Einführung in Elektrotechnik und Elektronik I
ArchiCAD Hochbautechniker Aufbau
Home-Recording – first steps
Adobe InDesign I - Einführung
Grafikdesign: Grundlagen bis Advanced mit Photoshop/Illustrator/Indesign
AutoCAD für Lehrlinge - Vermessungstechnik
Erstellen von Grundschnitten für Damenbekleidung - Stufe 2
Kreative Keramik: Grundtechniken mit Ton
Karikaturen zeichnen für Erwachsene
Einführung in das Elektroden und Schutzgasschweißen mit Stahl/Eisen
UX/UI Product Design Bootcamp (Online/LIVE)
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
UI/UX-Design (inkl. CMS)
A&A Ausbildung zum/r Dipl. Webdesigner/in
3D-Druck mit SketchUp
Online Infoabend zur Weiterbildung während der Bildungskarenz an der LIK Akademie für Foto und Design
Mimi, Schneewittchen & die 7 Zwerge 3+
Glasgravur mit dem Dremel
ABSCHLUSSKONZERT: The Longfield Gospel Choir
Bildbearbeitung mit Adobe Photoshop II - Aufbau
A&A Mediendesign/Mediengestaltung (UI/UX, CMS, Grafikdesign)
Dipl. Mediendesign/Mediengestaltung (inkl. HTML/CSS)
Autodesk Inventor Aufbau
Vom Selfie zum Familienportrait – Ein Portraitfotokurs für das Smartphone
Silberschmuck aus Art-Clay-Silber selber machen
Certified Cultural Manager (DAM)
Certified Innovation Manager (DAM)
Certified Sustainability Manager (DAM)
Seifen selbst sieden – ein altes Handwerk
Adobe Illustrator Grundlagen
Rosen zeichnen und malen
Digital Content-Management ( ͡° ͜ʖ ͡°) Suchmaschinenoptimierung (SEO), Webdesign, WordPress, KI, Google, Texten für Web & Social Media
Digital Content Management ⭐️ Diplomlehrgang ⭐️ Website-Betreuung, Texten für Web und Social Media - SEO, Bildbearbeitung, Google, KI, ChatGPT
Content Management & SEO Diplomlehrgang ⭐️ Suchmaschinenoptimierung (SEO), Newsletter, Webshop, Social Media , KI, ChatGPT
Autodesk Inventor Aufbau
!Diplomlehrgang ⭐️ Content-Management & SEO - Texten für Web & Social Media - WordPress, Newsletter, Webshop, Google, KI, ChatGPT
1A Content-Management & SEO Diplomlehrgang ⭐️ Texten für Web & Social Media - KI, ChatGPT, Google, Webshop, Newsletter
Autodesk Inventor Aufbau
Herstellung von Kinder- und Babybekleidung
Zertifizierte:r Grafik-Designer:in - Informationsveranstaltung
Basiskurs zum Nähprofi
CAD für Konstrukteure - Maschinenbau - Stahlbau - Metallbau - Werkzeugbautechniker
Autodesk Inventor 3D Konstrukteur Prüfung
CAD Bau III 3D Modul
Adobe Photoshop Grundlagen
SEMA Holzbau Prüfung
Töpfern für die ganze Familie (ab 6 Jahre)
Happy Painting Ölmalerei – Landschaft
AutoCAD 2D Aufbau
AutoCAD - Das Layout
Kammermusik klassisch – Vorbesprechung
VOCALgeSTÖBER
Basiskurs Kunstgeschichte im Fokus: Barockaltäre
Intensivlehrgang Modernes Verlagswesen
Unverbindlicher online Infoabend der LIK Akademie für Foto und Design
Webdesign Special - Vom Entwurf bis zur Website - Lehrgang mit Praxisprojekt
Malerei-Atelier
Informationsveranstaltung CAD Weiterbildungen
AutoCAD Architecture für Lehrlinge - Bautechnische Zeichner
Ausbildung Photojournalismus und Pressefotografie
CAD Bau IV Workshop
CAD Tischler:in Grundlagen
'Picture perfect' – Bessere Fotos mit dem Smartphone in wenigen Schritten
Basiskurs Europäische Kunstgeschichte: Romantik und Klassizismus Webinar
Adobe Photoshop - Grundlagen - Machen Sie sich ein Bild!
Kinder Musical-Workshop: 'Tanz der Vampire'
Grafik Spezial - Adobe Photoshop, InDesign und Illustrator
CAD Bau V Prüfung
Gesangsunterricht Freude am Singen II
Akkordeon (Klavier oder Knopfgriff)
Gesangsunterricht Freude am Singen I
Klavier II Bernadinello
Klavier I Bernadinello
Alle Menschen sind Philosophen - von der Lust am Denken
AutoCAD 2D Grundlagen
ArchiCAD für Lehrlinge - Bautechnische Zeichner
Autodesk Revit Grundlagen - Bau
CAD für Technische Zeichner
Kammermusik klassisch – mäßig Fortgeschrittene und Fortgeschrittene
Kammermusik klassisch – Fortgeschrittene
Kalligrafie – Fortgeschrittene
Malort Jeder Mensch kann malen Kinder bis 6 Jahre
Malort Jeder Mensch kann malen
AutoCAD für Lehrlinge - Vermessungstechnik
Gegenständliches Zeichnen und Malen von Naturobjekten
Grafikdesign - Diplomlehrgang zur Erstellung von Grafiken fr Print und Web
Aquarellmalerei für Einsteiger:innen und Fortgeschrittene
Aquarellmalerei - Faszination Wasser und Farbe
Dipl. Mediendesign/Mediengestaltung (inkl. HTML/CSS)
Porzellanmalerei – altes Wissen im neuen Glanz 1
Basiskurs Österreichische Kunstgeschichte: Romantik und Klassizismus
Gitarre I
Gitarre II
Aquarellmalerei traditionell & experimentell
Der Blick ins Gesicht - Portraitkurs
LEHRGANG: 'Schreiben & Veröffentlichen' Schreiben für Film und Theater
Nähcafé
Trommeln mit TAFFA
Digitale Fotografie I
Spiel mit Körper und Sprache
AutoCAD 2D Aufbau
Autodesk Revit Aufbau - Bau
AutoCAD 2D Grundlagen
Autodesk Inventor Grundlagen
DIE WIENER SCHULE DES SCHREIBENS – Lehrgang für Creative Writing in 6 Modulen
Grafikdesign: Grundlagen bis Advanced mit Photoshop/Illustrator/Indesign
A&A Ausbildung zum/r Dipl. Grafikdesigner/in
AutoCAD 2D Grundlagen
A&A Mediendesign/Mediengestaltung (UI/UX, CMS, Grafikdesign)
Vernissage Preisträger*innen Open Call 2024
Klavier II
Klavier I
Bullet Journal Methode für Anfängerinnen und Anfänger
AutoCAD 2D Aufbau
Online Infoabend zur Weiterbildung während der Bildungskarenz an der LIK Akademie für Foto und Design
Nähcafé
Adobe Illustrator Grundlagen
AutoCAD 2D Aufbau
Konstruktionslehrgang Teil 2
Sammlungsarbeit 5.0
Diplomlehrgang Fotografie Wien oder Online
Diplomlehrgang Fotodesign Wien oder Online
Diplomlehrgang Fotodesign Wien oder Online
Ausbildung Fotodesigner / Fotodesignerin Wien oder Online
Diplomlehrgang Fotografie Wien Online
Ausbildung Grafikdesign - Mediengestalter*in
Diplomlehrgang Fotodesign Wien oder Online
Diplomlehrgang Fotografie Wien oder Online
Autodesk Inventor Grundlagen
Diplomlehrgang Fotografie Wien
Ausbildung Mediengestalter/in Wien