Modul JavaScript

HTML- und CSS-Schnellbleiche mit Martin Vögeli

HTML in 21 Minuten lernen? [Quelle]

Hardcopy featured a 10-year-old boy one night. His psychotic mother wouldn't take her meds and was beating him up. He wanted to live with his father but the judge wouldn't change his custody arrangement.

So the 10-year-old kid built a Web site to encourage Internetters to contact the judge in support of a change in custody.

I tell this story to my friends who ask me for help in building their static HTML Web sites: "The abused 10-year-old got his site to work; I think you can, too."

If they persist, I tell them to find a page that they like, choose Save As in Netscape, then edit the text with the editor of their choice. I've never known anyone who couldn't throw together a simple page in under 21 minutes.

HTML- und CSS-Schnellbleiche

Wir eignen uns die grundlegenden Kenntnisse von HTML und CSS an einem Beispiel an. Zusätzliches Wissen können Sie sich mit Hilfe von SELFHTML beibringen:

http://selfhtml.teamone.de/html/
http://www.davesite.com/webstation/html/

http://selfhtml.teamone.de/css/
http://www.mediaevent.de/css2/

Validieren Sie HTML- und CSS-Code!

Lernen Sie aus Fehlern! Lassen Sie sich Ihren Code dashalb kontrollieren. Sie können dies online tun, ohne eine Fachkraft konsultieren zu müssen:

http://validator.w3.org/
http://www.doctor-html.com/

http://jigsaw.w3.org/css-validator/
http://htmlhelp.org/tools/csscheck/

Beseitigen Sie Barrieren

Unter Accessibility versteht man die Entwicklung und Bereitstellung von Internetseiten, deren Oberfläche keine Personen (z. B. Blinde) ausschliesst.

http://bobby.watchfire.com/
http://www.contentquality.com/

Aufgabe

Analysieren Sie die Homepage einer Website (die eigene oder zum Beispiel die von ABB, UBS, vom Bund oder der ETHZ) auf ihre:

Standardkompatibilität(HTML und CSS). Tip: Benutzen Sie die Validatoren vom W3C.
Suchmaschinenoptimierung. Tip: Webmasterplan bietet ein gutes Tool dafür an.
Accessibility (Erreichbarkeit). Tip: Fragen Sie doch Bobby nach seiner Meinung.

Verfassen Sie einen kurzen Bericht im Forum (HTML, CSS, JS) mit den Hauptfehlern und geben Sie an, wie diese behoben werden könnten.