HTML



Schwierigkeitsgrad: Vertiefung

Empfohlene Kursdauer: 2 Tage


Programmbeschreibung:
HTML und CSS sind die Sprachen der Gestaltung von Internetseiten und Web-Applikationen. Mit der Auszeichnungssprache HTML werden Internetseiten erstellt, mit Hilfe der Cascading-Stylesheets (CSS) wird die in HTML erstellte Seitenstruktur mit Leben bzw. Gestaltung gefüllt.
Nicht nur Puristen, sondern auch normale Entwickler für Web-Content kommen nicht darum herum, die Sprache zu lernen, da die sogenannten WYSIWYG-Editoren (Dreamweaver oder ein Content-Management-System (CMS)) diese Aufgabe zwar meist sehr gut, aber nicht perfekt lösen. Man braucht dafür ja auch nicht mehr, als einen normalen Texteditor und etwas Fachwissen.

Kurzübersicht:
Die Teilnehmer erlernen, den HTML- und CSS-Code "zu Fuß" zu schreiben und dabei wichtige Fehlerquellen zu umgehen.

Empfohlene Vorkenntnisse:
Basiskenntnisse der Gestaltung von Webseiten im Umfang eines HTML-Basistrainings.


Kursinhalt:

Cascading Style Sheets (CSS)
– Webseiten mit CSS gestalten
– Tags, Klassen und IDs
– Web-Site-übergreifende Formatierungseinstellungen mit CSS
– Verschachtelte (Kaskadierende) Gestaltungsanweisungen
– Browserübergreifende Gestaltung

Ebenen
– Ebenen und Bereiche gestalten
– Sinnvolle Seitenaufteilung, Web-Layouts erstellen
– Responsives-, bzw. liquides Webdesign für unterschiedliche Endgeräte via HTML und CSS
– Gestaltungs-Frameworks (Bootstrap, Foundation, yaml)

Aktionen
– Client- und serverseitige Interation
– Skriptgesteuerte Aktionen einbinden
– JQuery-Anwendungsbeispiele
– Rollover-Images, Drop-Down-Menüs gestalten

Objekte
– Multimedia-Objekte, SVG-Grafiken einbinden
– Externe Web-Seiten und Web-Inhalte einbinden

ImageMaps
– Große Bilder aufteilen und verlinken
– Mehrere Hotspot-Links auf einem Bild

Formulare
– Formulargestaltung für Profis
– Labels, Formularbereiche
– Formulare validieren
– Eine einfache Formularmailer-Anwendung

Suchmaschinen
– Eine Webiste für Suchmaschinen optimieren (SEO)
– Content, Keywords u.v.m.

Tipps und Tricks
– Automatische Weiterleitung auf andere Inhalte
– Barrierefreie, zugängliche Web-Designs