Sivun otsikko

Ingressin tulee olla noin 300-350 merkkiä pitkä. Tämä teksti tulee siniseen osaan sivun yläosaan. Pääkuva tulee olla vaakakuva. Jos haluat, voit lisätä ingressin alle linkin. Uudesta kokoelmasivusta tulee aina ilmoittaa viestinnän asiantuntijalle tai markkinointiin, jotta se kiinnitetään oikeaan paikkaan sivuilla!

Kirjoita linkkiin, mihin lukija ohjataan

Aloita aina osion otsikolla

Alaotsikkoon voit laittaa tarkempaa kuvausta tekstistä yhden lauseen verran.

Kun kokoelmasivusta halutaan tehdä kaksipalstainen, laitetaan ensimmäisen otsikon alle osio, jonka sisään laitetaan sarakkeet. Ensimmäisen sarake vasemmalla on aina tekstiä. Oikealle puolelle laitetaan mieluiten kuva tai video, joskus se voi olla tekstiä. Ensimmäisen osion taustaväri on syytä pitää valkoisena.

Tekstin ja median tulee olla mahdollisimman samankorkuisia. Tekstistä määrää voi muokata esimeriksi alaotsikoinnin lisäämisellä tai poistamisella.

Huolehdithan, että käyttämäsi kieli on selkeää ja ymmärrettävää. Voit tarkistaa ohjeita kielityyliin Jyväskylän yliopiston brändioppaasta, joka löytyy aineistopankistamme.

Linkki JYU:n aineistopankkiin

Videon tekstiin on hyvä kertoa lyhyesti, mistä video kertoo.

Älä tee näin!

Älä boldaa otsikoita
Älä koskaan kirjoita linkin osoitetta tekstiin (https://www.jyu.fi)
Älä muuta sivua kaksipalstaisesta yksipalstaiseksi tai toisinpäin
Älä kirjoita englantia suomenkieliselle sivulle tai päinvastoin
Älä nimeä liitetiedostoja epäselvästi
Älä käytä joka osion taustalla taustaväriä

IT_criteria

Tee näin!

Käytä valmiita otsikoita kappale-pudotusvalikosta
Tee linkit tekstin sisään ja kirjoita minne linkki vie
Rytmitä sivua kuvilla ja tekstillä, voit myös valita osioiden taustavärejä
Huolehdi, että sarakkeet ovat suunnilleen samankorkuisia (eli yhtä paljon tekstiä tai teksti plus media)
Käytä taustavärejä tehostekeinona

Tee linkit linkkilista-elementillä

Banneri auttaa erottautumaan

Banner-elementillä voit tehdä isoja, kuvallisia nostoja sivuston sisältä. Jos aiheesta on tehty esimerkiksi Tiedonportti-artikkeli tai uutinen, voit nostaa sen esiin bannerilla. Bannereiden sisältöjä kannattaa vaihtaa tasaisin väliajoin, jotta sivun ilme pysyy raikkaana.

Lue lisää tapahtumasta

Ohjeita haitarin käytöstä

Alaotsikkoa ei ole pakko lisätä, mutta se kertoo lukijalle enemmän osion sisällöstä.

Jos tekstissä on pitkiä listoja, voit käyttää haitari-elementtiä niiden piilottamiseen. Haitarissa näkyviin jää tekstin otsikko, joten mieti asiaa tarkasti kuvaava otsikko, jotta lukija tietää mitä haitari sisältää. Jos sinulla on useampi lista tai muu asia piilotettavaksi haitariin, lisää aina uusi accordion item, ei uutta haitaria.

Haitarin sisälle voi listata esimerkiksi työryhmän jäseniä listana tai menneitä tapahtumia. Haitarin sisälle ei (tällä hetkellä) pysty lisäämään kuvia, mutta asia on pienkehityslistalla. Haitarin sisälle voi lisätä linkkejä.

Haitarissa kannattaa olla yksi selkeä sisältö.

Keski-Suomen hyvinvointialueen aluehallitus ja Jyväskylän yliopisto tapasivat 26.3.2024 — Kuvatekstissä kerrotaan, ketä kuvassa on tai kerrotaan muuhun tekstiin liittyvästä asiasta.

Kuvan lisääminen

Vie sivuille vain hyvälaatuisia, vähintään 500 kB:n kokoisia vaakakuvia. Kuvat leikkaantuvat automaattisesti 8:16-muotoon. Jos kuvasi leikkautuu väärin, tee sille lisää taustaa esim. Paint-ohjelmassa.

Kuvan voi viedä ensin Sisältö-valikon kautta. Lisää mediatiedosto -valikon kautta viedään kuvia, liitetiedostoja sekä videoita verkkosivujen kansioon. Kuva tallentuu kansioon antamallasi tiedostonimellä, joten huolehdi, että tiedoston nimi kuvaa hyvin kuvan sisältöä. Älä laita +-merkkiä tiedoston nimeen. Jos kuvasi on kuvituskuva, voit klikata päälle Decorative-asetuksen, jolloin vaihtoehtoinen teksti -kohtaa ei tarvitse käyttää. Tuo teksti on ruudunlukijalle. Jos kuvassa on tunnistettavia henkilöitä, kirjoita heidän nimensä vaihtoehtoinen teksti -kohtaan.