HTML und CSS

Lernpfad

HTML und CSS

Dies ist ein Lernpfad zur Einführung in HTML und CSS. HTML (engl. Hypertext Markup Language) ist eine Auszeichnungssprache für Dokumente. Unter Hypertext versteht man die Möglichkeit, mit Verweisen zu bestimmten Stellen innerhalb und außerhalb des Dokuments springen zu können. Diese Dokumente können im World Wide Web unabhängig von Betriebssystem als Webseiten in jedem Browser angezeigt werden. Dieser Lernpfad soll in 3 Doppelstunden zu einer eigenen Webseite führen und Schülern in wenigen Stunden erste Schritte im Webdesign mit schnellen Ergebnissen unternehmen. Zur Festigung gibt es interaktive Quizze.

HTML und CSS

1. HTML als Auszeichnungssprache
   • meine erste Webseite
   • unsichtbar, aber nötig: Dokumentstruktur
2. Jetzt kommt Farbe ins Spiel: CSS
3. responsives Mehrspaltenlayout
4. von der Webseite zum Web-Projekt

Weblinks

• W3C: Das WWW-Konsortium ist für die Festlegung der HTML-Standards zuständig.
• Hypertext Markup Language

Tutorials

• SELFHTML: Portalseite HTML mit umfangreicher, aktueller Dokumentation aller Elemente

  Viele Tutorials zu Webseitenerstellung, Barrierefreiheit und Responsivem WebDesign

  • Selfhtml: in HTML Einsteiger-Seminar am Beispiel einer Schreinerei-Webseite
  • HTML5-Grundgerüst zum Aufbau einer Webseite
  • HTML5-Seitenstrukturierung mit den neuen HTML5-Elementen

Spickzettel

Download

Cheat Sheet (Spickzettel) für die ersten Schritte in HTML und CSS (pdf, 266k)

Farben und Farb-Codes

• Farbkonzept (SELFHTML)
• Standard-Farbpaletten (SELFHTML)