Tyylitiedoston pohja
Suunnittele sivuston ulkoasu. Muotoile suunnitelmasivun ulkoasu yhdellä CSS-tyylitiedostolla sen näköiseksi kuin miltä ajattelisit lopullisen sivuston kokonaisuudessaan näyttävän. Tämän tyylin ei tarvitse olla lopullinen vaan pohjustava ulkoasumääritys.
Ulkoasusuunnitelmalta vaaditaan seuraavat asiat:
- Ei ulkoasun määrityksiä XHTML-dokumenttiin. Älä myöskään rivitä XHTML-dokumenttia br-elementillä vaan määrittele välit CSS:ään.
- Suhteelliset koonmääritykset CSS:ään. Käytä esim. em- ja %-määreitä. px-määrettä saa käyttää vain syystä, esim. kuva-alueen tai pienten reunusten määrittämiseen.
- Määrittele sivustolla käytettävät värit ja kirjasimet.
- Määrittele lohkojen väliset täytteet, rajat ja marginaalit.
- Määrittele jokaiselle sivulle tulevan navigointipalkin tai -reunuksen sijoitus, ulkomuoto ja linkit. Navigoinnin on erottuttava selkeästi sivun muusta sisällöstä.
- Vakionavigointipalkki on asemoitava paikalleen.
- Tyylipohjaa ei saa suoraan kopioida muilta sivuilta! (esim. muista harkoista, kurssin sivuilta tai demotehtävistä)
