Sisällöntuottajan opas

Luettelomainen sivu

Tällä sivulla esitellään sisältömalli luettelomaisille sivuille. Luettelomaisilla sivuilla esitetään jotakin käyttäjille tärkeää historiatietoa.

Tällä sivulla

Mihin käytän luettelomaista sivua? 

Luettelomainen sivu on tietosivu, joka nimensä mukaisesti luetteloi johonkin teemaan liittyviä asioita. Näitä ovat yleensä esimerkiksi myönnetyt avustukset, järjestetyt koulutukset tai muu vastaava. Haluamme, että lukija löytää sivulta helposti etsimänsä tiedon, ja tieto on esitetty kiinnostavalla tavalla. 

Miten luettelomainen sivu rakennetaan?

Noudata seuraavia ohjeita luettelomaisen sivun rakentamiseen:

  • Älä käytä taulukoita. 
  • Jaottele tieto teemoihin. Teema voi olla esimerkiksi vuosi. Usein tieto kiinnostaa käyttäjää kuitenkin toisenlaisesta näkökulmasta. Esimerkiksi avustuksissa kiinnostavat ehkä omalle kunnalle myönnetyt avustukset. 
  • Lisää teemat sivulle otsikoina tai haitareina
    • Jos sivu ei ole pitkä tai tietoa ei ole paljon, käytä 2-tason otsikoita ja sivun sisäistä sisällysluetteloa. 2-tason otsikko on tällöin teema, ja 3-tason otsikko esimerkiksi avustuksen saaja. 
    • Jos sivu on pitkä tai siitä tulee pitkä, lisää sisältöhaitari niin, että teeman otsikko näkyy haitarin otsikkona.
  • Listaa tiedot tekstimuodossa allekkain, älä käytä taulukkoa. 
  • Jos listattaviin asioihin liittyy liitteitä, lisää ne aina tiedostolinkki-elementillä tekstielementin loppuun. 

Katso alta ohjeet kahden eri tyylin käyttämiseen. 

Esimerkki: myönnetyt avustukset, vuosittain

Hattulan kunta, 18 439 euroa

Turvallinen koulupäivä. Liikkumisen sujuvuus ja turvallisuus uuden koulun suunnittelussa ja toiminnassa. Hakija Juha Prittinen. 

Järvenpään kaupunki, 17 816 euroa

Väliaikaisten koulureittien turvallisuusratkaisut. Hakijat Timi Veikkolainen, Martina Jerima.

Avustukset

Esimerkki: myönnetyt avustukset, teemoittain

x

Avustukset

Esimerkki ilman haitareita: Koulumatkojen turvallisuuden hankkeet

Hattulan kunta

18 439 euroa. Turvallinen koulupäivä. Liikkumisen sujuvuus ja turvallisuus uuden koulun suunnittelussa ja toiminnassa. Hakija Juha Prittinen. 

Järvenpään kaupunki

17 816 euroa. Väliaikaisten koulureittien turvallisuusratkaisut. Hakijat Timi Veikkolainen, Martina Jerima.

Esimerkki: Teema 2 (h2)

Otsikko (h3)

Sivu on viimeksi päivitetty