Tyylitiedoston pohja

• Suunnitelma
  1. Aihe
  2. Kuvaus
  3. Lomake
  4. Hakemistorakenne
  5. Navigointi
  6. Ulkoasupohja
  7. Kooste
  8. Tarkistus
• Toteutus
  1. Sivut
  2. Rakenne
  3. Ulkoasu
  4. Esteettömyys
  5. Navigointi
  6. Lomakkeet
  7. Palvelinasetukset
  8. Tiivistelmä
  9. Testaus
  10. Palauttaminen

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ä)