1 - Filnavne:
Kun engelske bogstaver, bindestreg, underscore og tal. Ingen æøå,
mellemrum, etc!
2 - Brug kun én stylesheet-fil
En CSS-fil kan sagtens indeholde flere HTML-definitioner og CSS-klasser. Lav
ikke en fil for hver style-definition.
3 - Bland ikke HTML og CSS.
Definier kun fonte og skriftstørrelse med CSS. Brug ikke FONT-tagget.
Der er ingen grund til at blande de to. En style sat det rigtige sted sparer
adskellige FONT-tags.
4 - Class-navne må ikke indeholde "_" og "-"
Af en eller anden grund går det på mange browsere galt når
CSS-klasser har bindestreg eller underscore i navnet.
5 - Eksterne links skal have "http://" med.
Skal man linke til et andet website skal man have hele adressen med, inkl. "http://".
Glemmer man dette, og linker bare til fx. "www.dr.dk" forsøger
browseren at finde frem til en mappe ved navn "www.dr.dk" på
dit eget website.
6 - Filstruktur og -navngivning: mere konsekvent og systematisk.
Tænk jer om når i navngiver filer. Undgår rodede navne, for
lange navne, forkortelser som er umulige at gennemskue og blandinger af dansk
og engelsk. Brug lidt tid på at gennemtænke en navngivnings"politik"
7 - Pas på med ".htm" og ".html"
Vælg en af de to endelser og brug kun den.
8 - Slet ikke-brugte filer på webserveren.
Ryd op i jeres arbejdsbibliotek før i lægger indholdet op på
webserveren (eller over i "public_html"). Slet filer som ikke bruges
og de TMP-filer DreamWeaver har glemt.
9 - Alt-tekst
Husk "alt"-tekst på billeder som er andet end dekoration: knapper,
overskrifter og billeder med betydning.
10 - Ikke resize billeder med HTML
Skal et billede være mindre eller større end det er lavet, så
lav om på størrelsen i PhotoShop. Brug ikke "height"
og "width" parametrene i IMG-tagget. Et mindre billede som skaleres
op i browseren ser hakket ud. Et større som skaleres ned tvinger brugeren
til at downloade unødvendigt meget.
Links til billeder: image_map.gif
og slicing.psd
