Seminar/Schulung: HTML5 und CSS3 – Grundlagen

Inhalt

HTML- und CSS-Kenntnisse werden mittlerweile in vielen Bereichen vorausgesetzt. Waren diese Sprachen in der Vergangenheit in erster Linie Web-Designern vorbehalten, so schreiben heute auch Designer und Redakteure regelmäßig HTML und CSS oder besitzen zumindest ein solides Grundverständnis um die Zusammenarbeit mit Kollegen unkomplizierter zu gestalten.

In diesem mindestens zweitägigen Grundkurs erlernen Sie wie Websites auf Basis von HTML5 und CSS3 entwickelt werden. Sie erfahren, wie HTML funktioniert, wie Sie Inhalte auszeichnen und wie die verschiedenen Bereiche einer Website aufgebaut sind. Sie setzen Schriften, Farben und grafische Effekte ein und lernen viele praktische Tools und Hilfsmittel kennen, die Sie bei Ihrer Arbeit unterstützen. Anhand leicht verständlicher Übungen schreiben Sie den Code des gemeinsamen Beispielprojekts und lernen Schritt für Schritt alle HTML- und CSS-Grundlagen kennen, die notwendig sind um nach dem Seminar selbstständig tiefer in die Website-Gestaltung einsteigen zu können.
Sie erfahren wie typische Fehler vermieden werden, wie Sie überprüfen können ob Ihr Code Schwachstellen aufweist und wie Sie Probleme selbstständig erkennen und beheben.
Und da Websites heute auf allen Displaygrößen (Smartphone, Tablet, Desktop etc.) funktionieren müssen, lernen Sie von Beginn an die Grundlagen des Responsive Web Designs kennen und sind somit bestens für die Zukunft gerüstet.

Agenda

Einführung in HTML5

• Webstandards und Grundlagen
• Syntax und Semantik
• Inhalte auszeichnen und strukturieren
• Das Document Object Model (DOM)
• Validatoren und Hilfsmittel
• Browserkompatibilität
• Barrierefreiheit und Suchmaschinenoptimierung

Einführung in CSS3

• Syntax
• Selektoren
• HTML und CSS verbinden
• Vererbung
• Die Kaskade
• Das CSS Box Model
• Browserkompatibilität

Beispielprojekt

• Das HTML-Grundgerüst entwickeln
• Inhalte strukturieren
• Texte und Bilder
• Listen und Navigationselemente
• Farben und Hintergründe
• Schriften und Webfonts
• Floating und Positionierung
• Verlinkungen und Anker
• Grafiken und Effekte
• Online-Tools und Hilfsmittel
• Interaktionen und Animationen
• CSS Media Queries
• Responsive Web Design Grundlagen
• Design im Browser
• Upload und Servergrundlagen

Voraussetzungen der Teilnehmer

Das Seminar richtet sich an Teilnehmer ohne HTML- bzw. CSS-Kenntnisse. Die einzelnen Übungen werden gemeinsam im Code-Editor erarbeitet, daher sind solide EDV-Kenntnisse Voraussetzung für dieses Seminar.

Dozent: Jonas Hellwig