Komponentit: kuinka luot sisältöä?
Täältä löydät tietoa eri komponenteista ja siitä, miten niitä voi käyttää aalto.fi-sivustolla.
Aalto.fi-sivuston kuva- ja mediakomponentit
Kuva- ja mediakomponentteja voi näyttää usealla eri tavalla aalto.fi-sivustolla. Lisätietoja mediakaruselli-, galleria- ja videokomponenteista sekä kuvista.
Kuvien käyttäminen
Kuvia käytetään tekstin visualisointiin ja lukijan huomion kiinnittämiseen. Kuvakomponentteja on kahdenlaisia: Single image ja Image with text.
Single image
Yksittäisestä kuvasta koostuvan komponentin avulla voit lisätä kuvan tekstikappaleiden väliin. Tämä komponentti ei sisällä tekstiä, vaan ainoastaan kuvan ja (tarvittaessa) kuvatekstin.
Artikkelisivujen kuvilla on kolme mahdollista kokoa: keskikokoinen, suuri ja erittäin suuri. Oikealla olevassa kuvassa on esitetty, miten nämä koot eroavat toisistaan.
Alla on esimerkki yksittäisestä kuvasta, jolla on kuvateksti.
Kuva tekstillä eli "Image with text" -komponentti
Lue alta lisää kuvan sijoituksesta sekä adaptiivisesta ja oletusasetuksesta image with text -komponenttia käytettäessä.
Media gallery
Mediagalleriakomponentti koostuu joukosta mediaelementtejä, kuten kuvista, videoista tai GIF-animaatioista, jotka on ryhmitelty galleriaan. Se sisältää gallerian kuvauksen, ja jokaisella mediaelementillä voi olla kuvateksti. Voit valita galleriasi leveydeksi kaksi, kolme tai neljä saraketta. Tämä on esimerkki mediagalleriakompontentista. Voit suurentaa elementit napsauttamalla niitä.
VIDEO
Media slider
Media sliderilla voidaan esittää useita tiettyyn aiheeseen liittyviä kuvia tai tekstikappaleita. Se on hyvä vaihtoehto tilastojen tai numeroiden esittämiseen. Tämä komponentti sisältää tekstin kuvauksen ja slider-elementin. Lukija voi selata sisältöä nuolten avulla.
Slider-elementit voidaan näyttää kolmessa eri tilassa: pienenä, keskikokoisena ja suurena. Pienessä ja keskikokoisessa tilassa on samanlainen ympyränmuotoinen kuva. Erona on se, että pienessä tilassa kuva täyttää ympyrän, kun keskikokoisessa tilassa taas ympyrä ainoastaan kehystää sen. Suuressa tilassa kuvan muoto on suorakulmainen ja suurempi.
Alla on esimerkkejä näistä kolmesta tilasta. Suurenna kuvat napsauttamalla niitä.
Videon käyttäminen
Video clip -komponentti integroi artikkeliin videon ulkoisesta tai sisäisestä lähteestä. Katso alla oleva esimerkkivideo Aalto-yliopiston Youtube-kanavalta.
Saavutettavuusvaatimukset
Kaikkien aalto.fi-sivustolle ladattujen ja upotettujen videoiden tulee olla EU:n saavutettavuusvaatimusten mukaisia. Sivustolle 23.9.2020 jälkeen ladattujen tai upotettujen videoiden tulee olla tekstitettyjä.
Tekstitykset Panopto-videoihin
Tutustu muihin komponentteihin
Alla olevan linkin takaa löydät linkit kaikkiin ohjeisiimme eri komponenteista.
Vinkkejä kuvien käyttöön aalto.fi-sivustolla
Tätä palvelua tarjoaa:
Viestintäpalvelut
Löysitkö tästä tarvitsemasi tiedon? Jos et, ota meihin yhteyttä.
- Julkaistu:
- Päivitetty: