Leveys, fontti ja värimaailma

Leveys

Verkkosivun leveys määrittelee, kuinka sivusto näkyy eri verkkoselaimilla (Internet Explorer, Mozilla Firefox, Opera jne.)

Selaiminen leveys: Sinun täytyy pohtia, kuinka kävijät katsovat verkkosivuasi. Miten isolla selaimella, millaisella resoluutiolla?

Kiinteä leveys: Kiinteä leveys on määritelty pikseleissä, joten se ei muutu selaimen koon mukaan.

Joustava leveys: Leveys muuttuu itsestään selainikkunan mukaan. tämä formaatti on laajalti käytetty ja arvostettu.

Fontti

  • Valitse tyypillisiä fontteja
  • Valitse ainakin kolme fonttia
  • Valitse mielellään Sans Serif -tyylin fontteja, sillä ne ovat helpompia lukea näytöltä. Esimerkiksi Arial ennemmin kuin Times New Roman.
  • Käytä samaa fonttia koko sivustolla säilyttääksesi yhdenmukaisuuden

 Fonttikoko

  • Pienempi fonttikoko kuin 12pt hidastaa lukunopeutta
  • Vanhemmille käyttäjille käytä fonttikokona vähintään 65pt
  • Älä koskaan käytä alle 9pt fonttikokoa
  • Käytä fonttikokoja priorisoidaksesi tekstejä. Esim. otsikot isommalla ja leipäteksti pienemmällä.

Värikoodit

 

Tutustu HTML -värikoodeihin täältä

 

Resurssit

Sanasto

Hae sanastosta