Digitales Arbeiten als zertifizierter Web Designer mit HTML und CSS

Büromanagement, Digitales Arbeiten im Office, Zertifizierter Web Designer, HTML und CSS

Die Digitalisierung in Unternehmen und der stark wachsende Markt des Onlinehandels zieht eine große Nachfrage nach qualifizierten Web Designern nach sich. Gefragt sind Professionals, die Webseiten mit ansprechendem Design und optimaler Usability auf allen Endgeräten konzipieren und umsetzen können. Nach Abschluss dieser Weiterbildung haben Sie als zertifizierter Web Designer beste Chancen auf eine abwechslungsreiche und zukunftssichere Tätigkeit in den Bereichen Web Design und -entwicklung, UI/UX-Design oder auch in der Online-Redaktion eines Unternehmens. Beschäftigt sind kreative Web-Profis unter anderem in Internet- und Werbeagenturen, IT- und Marketing-Abteilungen größerer Unternehmen oder auf freiberuflicher Basis. Grundkenntnisse in HTML und CSS sind in vielen Bereichen und Tätigkeiten von großem Nutzen und können wichtige Weichen für Ihren beruflichen Erfolg stellen.

Büromanagement 4.0 - Digitales Arbeiten im Office

• Selbstorganisation
• Zeitmanagement-Methoden
• Zeitmanagement und Terminplanung mit Outlook
• Teamarbeit und Kommunikation mit Microsoft 365
• Teams: Digital kommunizieren und Dateien bearbeiten
• OneNote: digitale Notizen für einen papierfreien Arbeitsplatz
• Forms: Erfassung und Quantifizierung von Daten
• Planner: visuelle Aufgabenverwaltung
• Korrespondenz im Büro 4.0
• serviceorientiertes Schreiben von Briefen und E-Mails
• Schreib- und Gestaltungsregeln nach DIN 5008
• Archivierung und Dokumentation

Zertifizierte/-r Web Designer/-inHTML5

• Definition und Grundlagen
• Zeichenkodierung
• Einfache Textformatierung, Listen und Aufzählungen
• Einbinden von Bildern, Hyperlinks
• Tabellen und Formulare, iFrames
• Einbinden von Video und Audio, Meta-Tags

Responsive Webdesign mit CSS3

• Grundlagen und einfache Layouts
• Bedingte Selektoren
• Pseudoklassen und Pseudoelemente
• Flexible Layouts mit Flexbox
• Grafische Elemente und Keyframe-Animationen
• Dynamisches CSS mit Kalkulationen und Variablen
• Media Queries
• Praxisbeispiel: Das Store-Layout für Mobilgeräte optimieren

SCSS & Bootstrap 4

• Einführung in Bootstrap
• Mit Bootstrap layouten
• Bootstraps Grid-System
• Jumbotron und Abstände, Farben und Textformatierung
• Navigationen, Bootstrap-Layouts anpassen

UX-/UI-Design

• Bedarfs- und Anforderungsanalyse
• Das konzeptionelle Leitmotiv
• Informations- und Navigationsarchitektur, Layout
• Design und Gestaltung, Text und Typographie
• Content, Usability und Barrierefreiheit

Prüfungsvorbereitung und Prüfung
HTML & CSSHTML5

• Einführung in HTML5
• Das HTML-Grundgerüst
• Textformatierungen
• Die Elementtypen block, inline, inline-block
• Arbeiten mit Bildern
• HTML-Attribute
• Navigation mit Links (interne Verlinkung)
• Tabellen in HTML

CSS3

• Einführung in CSS
• Verwendung der CSS-Library Bootstrap
• Erstellung von Formularen
• Einbindung von Video, Audio und iFrames
• Formatierung, Kommentare, Maßeinheiten
• Schrift- und Hintergrundfarbe
• Einbindung von CSS
• Positionierung von Elementen
• Verwendung von Selektoren
• Pseudoklassen und -elemente in CSS
• Navigationsaufbau

Aufbau und Umsetzung einer Webseite

• Schriften, Icons und Grafiken im Web
• Aufbau einer Navigation mit CSS
• Kopf-, Content- und Fußbereich
• Effekte, Verläufe und Animationen
• Responsive Anpassung
• Unterseiten, Impressum und Datenschutzseite
• Verwendung von Plugins
• Aufbau einer Webseite mit Bootstrap