Lernleitfäden und Webseiten

Als Lernleitfäden oder Tutorial bezeichnet man Webseiten, die strukturiert Inhalte vermitteln. Dabei liegt die Qualität oft in der Art, wie Lernende zum Selbstlernen aktiviert werden. Ein gutes Tutorial zeigt an einem klar umrissenen Problem, wie es gelöst werden kann.

Tutorials sind oft auch als Blogbeiträge zu finden, im Folgenden sind komplexere Konstrukte zusammengestellt.

HTML und CSS allgemein

Layout

  • http://de.learnlayout.com/ | Tipp!, ganz hervorragende Seite in Form eines kleinschrittigen Tutorials. Das Box-Modell wird dort auf sehr verständliche Weise erklärt. Auch die etwas trickreiche Positionierung mit float wird besprochen. Was fehlt, ist die neue Layouttechnik mit Flexbox.
  • http://learn.shayhowe.com/html-css/positioning-content/ | Sehr gute und ausführliche Einführung in die Positionierung von Inhalten mit float.

Listen, Menüs und Navigationen

  • Listamatic | Tipp!, systematisches Onlinetutorial zur Gestaltung von Listen als Menüs und Navigationselemente. Veraltet, in den Grundlagen der Formatierung von HTML-Listen immer noch gültig.
  • CSS Navigation Bar | Erstellung horizontaler und vertikaler Navigationsleisten mit CSS

Nur CSS

Python mit dem Fokus auf Webdevelopment