Dokumentin ulkoasu
- Sivuston ulkoasun on oltava selkeä ja yhtenäinen koko sivustolla.
- Koko sivuston ulkoasun muotoilu on tehtävä
käyttäen kolmea (3) erillistä CSS-tiedostoa.
Yksi CSS-tiedosto on tarkoitettu kaikille medioille (media="all") ja kaksi muuta antavat
lisämäärityksiä seuraaville medioille:
- handheld
- Muotoile navigoinnit tavalla, joka soveltuu hyvin pieneen näyttöön
- Varmista, että esim. kuvat skaalataan pieneen näyttöön sopiviksi
- Tiivistä asiaa sopivasti poistamalla esim. turhia marginaaleja ja reunuksia
- Linearisoi suuret taulukot
- print
- Poista tulostuksesta turhat navigoinnit ja muut tulostuksen kannalta epäoleelliset kohdat.
- handheld
- Ulkoasun määrityksiä ei saa upottaa XHTML-koodiin.
- Sivuston on näytettävä järkevältä graafisilla valtaselaimilla, tekstiselaimilla sekä ääni- ja mobiiliselaimilla vähintään niin, että sivuston sisältö on saavutettavissa. Sivuston ulkoasun ei siis tarvitse olla täsmälleen samanlainen kaikilla selaimilla.
- Määritä sivuille taustaväri ja tekstin väri.
- Navigointi on tuotava ulkoasumäärityksillä selvästi esiin käyttäen esimerkiksi rajaa, taustaväriä tai marginaaleja.
- Sivun ulkoasun on järkevästi skaalauduttava käyttäjän selaimen
kirjasimen ja selainikkunan koon mukaan.
- Käytä siis ominaisuuksien arvoissa pääasiassa vain suhteellisia yksiköitä kuten em ja %.
- Ulkoasun on mukauduttava myös käytetyn median suhteen. Esim. navigointipalkki ei saa täyttää koko kännykän ruutua.
- Lisäksi CSS-tyyleissä on käytettävä ainakin seuraavia ominaisuuksia
- float
- position
- display
- :hover
- :link
- :visited
