IN-Berlin im WEB: Tips zu HTML

Navigation

Aktuell
Über
Tarife
* Support
Community
Kontakt

Layout


Tips zu HTML
Wir möchten euch hier ein paar Tips geben, wie ihr zu eurer ersten WWW-Seite im HTML-Format kommt. Keine Bange, das ist gar nicht so schwer, also nur zu: es gibt im Netz einen Haufen Anleitungen zu HTML, in deutsch sind uns folgende Texte über den Weg gelaufen: von Hubert Partl die HTML-Einführung: http://www.boku.ac.at/htmleinf/ und die Online-Version des Buchs "HTML-Handbuch" von Stefan Münz: http://selfhtml.org/ wer lieber 'was fürs Bett haben will, kann auf das Angebot des Buchhandels zurückgreifen. Zur Auswahl steht das obige "HTML-handbuch", oder ein Exemplar aus der (recht alten) "Literaturliste Internet" Wer es ganz genau haben will, der liest die Standards bzw. die Doku der Browserhersteller: Die Standards gibt bei www.w3.org Netscapes HTML Documentation Microsofts Web Workshop Java, Javascript, DHTML, CSS? - Ein anderes Mal! Checkt nach Möglichkeit eure fertigen Seiten mit einem Syntaxchecker durch. In Perl gibt es z.B. weblint. Vom W3C gibt es alternativ: tidy. Dies sichert euch, das die Seiten auch auf anderen, weniger toleranten, Browsern funktionieren. Schaut euch die Seiten auf anderen Browsern an. HTML ist eine Struktur- und keine Layout-Sprache. Das Ergebnis kann auf anderen Browsern fürchterlich aussehen (andere Fonts, andere Interpretation und Bugs hier und da). Denkt auch an die Leute, die keine Graphiken laden wollen oder können (z.B. auf ASCII-Terminals und auf dem Nokia 9000 macht es auch keinen Spaß, im Stadtpark mit 9600bps auf ein Bildchen zu warten). Auch Blinde arbeiten mit Geräten die mit Bildern wenig anfangen können. Also verseht eure Bilder (<img src=...>) mit einem aussagekräftigen Text im alternate-tag. Verwendet bei "clickable image maps" die "client-side" Variante oder fügt eine Textauswahl separat hinzu. Der Seitenaufbau geht viel schneller, wenn ihr bei Graphiken die Größe des Bildes mit angebt. Schaut euch gut gemachte Seiten an. Alle Browser bieten die Möglichkeit, sich den HTML-Code direkt anzuschauen und evtl. auch abzuspeichern. Laßt euch von hochgestochenen Erwartungen und pingeligen Anleitungen wie dieser nicht abschrecken! Zum Schluß noch ein Hello World und der HTML-Code dazu.

Letzte Änderung: Dezember 2008

Wenn Sie diese Seite ausdrucken möchten, vergewissern Sie sich bitte, daß Sie bei Netscape unter "Datei - Seite einrichten" ("File - Page Setup") die Option "Text schwarz drucken" ("black text") aktiviert haben. Microsofts Internet-Explorer sollte den Text von alleine schwarz drucken...