Ziel:

In diesem Seminar lernen Sie, wie Sie professionelle Internetseiten auf Basis von HTML und CSS planen und erstellen. Sie erfahren, wie Sie Webseiten mit Adobe Dreamweaver und aktuellen KI-Tools aktualisieren und responsive Websites für mobile Endgeräte entwickeln.

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