Fortbildung Schulwebsite: Technische Grundlagen
Dieser Beitrag ergänzt meine Fortbildung mit weiter führenden Links zu den angesprochenen Themen. Er ist Teil einer Serie von Beiträgen. Die übrigen Beiträge der Serie finden Sie am Ende des Beitrags aufgelistet.
Nützliche Tools
- Webdeveloper Toolbar — Ein unverzichtbares Add-on für Firefox.
- Firebug — Ebenfalls ein extrem nützliches Firefox Add-on für Webdesigner
- Typetester — Online Tool, mit dem man die Darstellung von Schriften auf Websites prüfen kann.
Übergreifende Tutorials und Referenzen
- Einführung in XHTML, CSS und Webdesign — Sehr gute und umfangreiche Einführung von Michael Jendryschik
- Sitepoint Reference: HTML, CSS und JavaScript — Absolut empfehlenswert.
- Webdesign Infos — Meine Sammlung von Links, Tutorials und Buchtipps zum Thema Webdesign
- HTML Dog — Sehr gute Anleitung für HTML und CSS
- WebDev Bookmarks — Extrem umfanreiche Sammlung guter Links von Vitaly Friedmann
Webdesign Magazine
Webstandards
- Webstandards Workshop — Sehr gute Einführung von Maxdesign (in der Übersetzung von Stefan Walter). Hier finden sich viele weiter führende Links zu Referenzdokumenten.
- Web Standards Project
- Warum Layout mit Tabellen dumm ist — Auch wenn der Titel etwas großspurig und herablassend daher kommt: inhaltlich eine hervorragende Zusammenstellung von Gründen für Webdesign mit Webstandards.
- Webdesign mit Webstandards — Sehr umfangreiche Zusammenfassung von Roger Johansson
- Semantischer Code — Erklärung dieses Prinzips von Heike Edinger und Timo Wirth. Weitere Infos im Beitrag Retro Coding der selben Autoren.
- Use the right Doctype — Beitrag von Eric Meyer, der Doctypes erklärt
(X)HTML
- XHTML Styleguide — Gute Erklärung von XHTML
- XHTML Tutorial — Von W3Schools
HTML 5
- Mark Pilgrim: Dive into HTML5 — Gutes Einführungsbuch zu HTML 5, kostenlos online zu lesen.
- HTML5 – ein Überblick — Übersicht bei Dr. Web
- HTML 5 Einführungen der Webkrauts
CSS (Cascading Style Sheets)
- House of Style CSS Infos — Umfangreiche Sammlung von Tools und Anleitungen
- CSS Boxmodell erklärt
- CSS Techniken — Sammlung verschiedener nützlicher CSS Techniken
- Suckerfish CSS Dropdown Menüs (und die weiter verbesserte Nachfolgeversion)
- CSS 4 You — Deutsche CSS Referenz
- Understanding the Box Model — Grundlegende Erklärung von Simon Willison
- Internet Explorer and the CSS box model — Erklärung der fehlerhaften Umsetzung des Box Models in Internet Explorer Versionen < 5.5 (ab IE 6 stimmt die Darstellung im Internet Explorer, aber nur, wenn der Browser nicht im Quirks-Mode ist.
- YAML – Yet another multi-column layout — Flexible Lösung für praktisch jedes Seitenlayout.
- CSS Layouts von Thomas Stich
- CSS Layout von Glish.com
- CSS Layout Tutorial von Andrew Krespanis
- Ein CSS Layout erstellen
- 3-column complex Layout
- The Layout Reservoir
Typographie-Techniken
- CSS Schriftdarstellung durch Grafiken — Übersicht verschiedener Techniken
- sIFR Schriftdarstellung — Grafische Schritftdarstellung mit Flash
