Eine Einführung in den Aufbau von Webseiten und Oberflächen für Browserapps für Anfänger. Sie erhalten zunächst eine grundlegende Einführung in die Sprache HTML. Damit lernen Sie, wie und warum HTML als semantische Sprache Inhalte strukturiert. Sie entwickeln an einem Arbeitsbeispiel ein Dokumententemplate, lernen, wie typische HTML-Kompontenten, zum Beispiel für Navigationen oder Formulareingaben geschrieben werden. Zuletzt erfahren Sie, wie Inhalte so strukturiert und geschrieben werden, dass sie optimal von Suchmaschinen und Screenreadern verarbeitet werden können. So werden alle HTML-Elemente in Theorie und Praxis erläutert. Das Seminar führt sie dabei auch in die unterschiedlichen Versionen und Dokumententypen von HTML und XHTML ein. Dies beinhaltet auch die neuen Sektionselemente von HTML5 und HTML 5.1. (Eine Vertiefung und Erweiterung des gesamten HTML5 Wortschatzes und Funktionsumfangs finden Sie im Seminar „ S1291 - HTML5 - Der professionelle Einstieg in die Standardsprache des Webs“).
Im zweiten Teil werden Sie in die Gestaltung von Browserseiten mit Cascading Stylesheets eingeführt. Mit Stylesheets lassen sich alle Elemente aus HTML visuell gestalten, Ein- und Mehrspaltenlayouts umsetzen, Schriften, Farben und auch das Verhalten von Menüs und anderen dynamischen Elementen realisieren. Dazu setzen Sie die im ersten Teil entwickelten HTML Komponenten ein und erhalten so praxistaugliche Arbeitsbeispiele von der Pike auf. In der CSS Einführung lernen Sie alles über Selektoren und Pseudoklassen und deren praxisorientiertem Einsatz. Sie erhalten eine Vorgehensweise und Architektur and die Hand, mit der Stylesheets übersichtlich, wartbar und skalierbar geschrieben werden und so auch mit steigenden Projektanforderungen mitwachsen können. Der Kurs beinhaltet auch eine erste Einführung in Media Queries für Responsive Webseiten. (Für eine vollständige Erarbeitung empfehlen wir hier das Seminar „Responsive Webdesign (S1633)“).
Der HTML und CSS Workshop ist inhaltlich mit den Workshops für HTML5, Javascript und jQuery abgestimmt. Er setzt keine HTML oder CSS-Kenntnisse voraus.
Für Inhouseschlungen bietet der Dozent gerne einen auf ihre Projektanforderungen abgestimmten Workshop an, damit Sie Ihre Arbeitsergebnisse noch effektiver einsetzen können. Schicken Sie uns einfach Ihre Vorgaben, dann erstellen wir gemeinsam das Workshopgerüst.