PR221 | HTML/HTML5 - Grundlagen

HTML und CSS bilden das fundamentale Rückgrat jeder Webentwicklung. In diesem Seminar erkunden wir die grundlegenden Konzepte und fortgeschrittenen Techniken dieser beiden Sprachen. Die Fähigkeit, Webinhalte zu strukturieren, zu gestalten und zugänglich zu machen, ist für jeden, der im digitalen Raum präsent ist, von entscheidender Bedeutung. Dieses Seminar bietet eine umfassende Einführung in HTML und CSS, einschließlich der Trennung von Inhalt und Layout, der semantischen Strukturierung von Webseiten und der Anwendung von CSS für ansprechende Designs.

• Beherrschung der Grundlagen von HTML und CSS
• Verständnis der semantischen Strukturierung von Webinhalten
• Fähigkeit zur Erstellung von responsiven Webseitenlayouts mit CSS
• Kenntnis fortgeschrittener HTML-Themen wie Microdaten und rechtliche Anforderungen

Dieses Seminar richtet sich an Einsteiger im Bereich Webdesign, angehende Webentwickler, Marketingfachleute, Content-Ersteller und alle, die sich solide Kenntnisse in HTML und CSS aneignen möchten. Der Kurs bietet eine strukturierte Einführung in die Welt des Webdesigns und legt den Grundstein für die Erstellung professioneller Webseiten.

Sie sollten grundlegende Computerkenntnisse haben und mit der Nutzung von Internetbrowsern vertraut sein. Es sind keine spezifischen Programmierkenntnisse erforderlich.

Grundlagen von HTML

• Trennung von Inhalt und Layout mit HTML & CSS
• HTML Code und seine Darstellung im Browser
• Verwendung von Doctype Deklarationen

Aufbau einer HTML-Seite

• Struktur einer HTML-Seite
• Der Head-Bereich: Metadaten und Einbindung externer Skripte
• Einfügen von Kommentaren

Strukturierung der Inhalte

• Definition von Seitenbereichen wie Header, Footer usw.
• Verwendung semantischer HTML-Tags
• Unterscheidung von Linien- und Blockelementen

HTML-Elemente und ihre Verwendung

• Einsatz von Textelementen wie Absätzen, Überschriften, Listen
• Einbinden von Grafiken und Verwendung von Tabellen
• Erstellen von Hyperlinks zu internen und externen Seiten und Dokumenten
• Verknüpfung von Text und Grafiken als Hyperlinks

Gestaltung mit Cascading Style Sheets (CSS)

• Einführung in CSS und seine Funktionsweise
• Formatierung von Seiteninhalten mit CSS
• Anwendung von Flexbox und Grid für Seitenlayouts
• Verwendung von Float- und Clear-Anweisungen

Ausblick auf fortgeschrittene HTML-Themen

• Verwendung von Microdaten und schema.org
• Gestaltung von barrierefreiem Design
• Berücksichtigung rechtlicher Bestimmungen wie Urheberrecht, Impressumspflicht und Datenschutz