Beschreibung
M08: HTML & CSS
Dieses Softwaretool ist ein oftmals aufgeführtes Modul unserer „Weiterbildung 4.0 – Digitale und innovative Tools für den Job von Morgen“. In den unterschiedlichen Qualifikationen rund um Digitales Marketing und der Multimedia Development wird grundlegendes und aufbauendes Wissen sowie die praktische Anwendung und Nutzung dieses Tools vermittelt. HTML & CSS gehört zu den elementaren Grundlagen für ein professionelles Arbeiten in den folgenden Qualifikationen:
& Medien- & Webdevelopment Experte & Socialmedia Experte
& E-Commerce-Manager & Spezialist im Online-Marketing
& Online-Redakteur & Web-Programmierer
Voraussetzungen
Teilnahme an M0: Einstiegsmodul, Deutsch in Wort und Schrift, weitere Fremdsprache wünschenswert. Kaufmännische, mediengestalterische, technische Ausbildung oder berufliche Vorkenntnisse aus dem kaufmännischen, journalistischen, mediengestalterischen und / oder technischen Bereich.
Unterrichtszeit
Montag bis Donnerstag von 8:00 bis 16:30 Uhr (4 x 10 UE)
Freitag von 08:00 bis 14:00 Uhr (7 UE)
Inhalt
Einführung in die Welt des Web * Überblick über Programmiersprachen im Web * Allgemeines Hintergrundwissen zur Erstellung, Planung und Strukturierung von Internetseiten * Dateistruktur von HTML, CSS und Medien * Ideenfindung, Scribbling, Layout (z.B. in Adobe XD) * Arbeiten mit Brackets * Einblick in Adobe Dreamweaver * Seitenaufbau mit (X)HTML 5 und CSS 3 * Syntax von HTML * Logische Formatierung mit HTML * Überschriften, Absätze und Auflistungen * Einstieg in CSS und CSS-basierte Layoutentwicklung * Responsives Layout * Möglichkeiten zur Textdarstellung * Einbinden von Schriftarten * Design-Möglichkeiten mit CSS * Farbangaben und Farbverläufe * CSS-Boxmodell, Ab-stände und Ränder * Bilder / Hintergrundbilder / Grafiken in HTML platzieren und anpassen * Einsatz von Widgets (z.B. Bilder-Galerien) * Platzieren von Videos * Interne und externe Verlinkung in HTML * Navigation innerhalb einer Website * OnePager * Gestalten von Navigationsmenüs * Layout mit Flex-box * Abfragemöglichkeiten in einer Website * Animationen * Positionierung * CSS Transition * Media Queries * Formulare Basics * Umgehen von Browser-CSS * Praktische Anwendung des Erlernten