{"id":4878,"date":"2021-10-26T08:39:53","date_gmt":"2021-10-26T05:39:53","guid":{"rendered":"https:\/\/jml.kapsi.fi\/jussi\/?p=4878"},"modified":"2026-03-04T15:54:50","modified_gmt":"2026-03-04T13:54:50","slug":"nain-toteutat-verkkojulkaisun","status":"publish","type":"post","link":"https:\/\/jml.kapsi.fi\/jussi\/2021\/10\/26\/nain-toteutat-verkkojulkaisun\/","title":{"rendered":"N\u00e4in toteutat verkkojulkaisun"},"content":{"rendered":"\n<p>Tutkimus-, kehitt\u00e4mis- ja innovaatiohankkeiden (TKI) toiminnassa syntyvi\u00e4 ty\u00f6n tuloksia levitet\u00e4\u00e4n esimerkiksi tuottamalla julkaisuja, jotka ovat saatavilla verkossa. Vaihtoehto pdf-tiedostomuotoiselle julkaisulle on verkkojulkaisu, joka toimii perinteisen verkkosivuston logiikalla. Se koostuu joukosta yksitt\u00e4isi\u00e4 verkkosivuja, joiden v\u00e4lill\u00e4 voi navigoida, ja sen sis\u00e4ll\u00f6t ovat luettavissa ja katseltavissa verkkoselaimella ja avustavan teknologian avulla. T\u00e4m\u00e4 tuo etuja pdf-muotoiseen s\u00e4hk\u00f6iseen julkaisuun verrattuna.<\/p>\n\n\n\n<p>Saavutettavan pdf-tiedoston luominen ja yll\u00e4pit\u00e4minen voi olla varsin ty\u00f6l\u00e4s teht\u00e4v\u00e4. Hankejulkaisuksi sopiva, melko yksinkertainen, teksti\u00e4 ja kuvia sis\u00e4lt\u00e4v\u00e4 verkkosivusto on kohtalaisen helppo rakentaa saavutettavaksi. Hyvin pitk\u00e4lle p\u00e4\u00e4st\u00e4\u00e4n, kun huolehditaan tekstien ja taustojen riitt\u00e4v\u00e4st\u00e4 kontrastista sek\u00e4 sivujen rakenteen merkitsemisest\u00e4 oikeilla otsikkotasoilla. Kun viel\u00e4 muistetaan k\u00e4ytt\u00e4\u00e4 informatiivisia linkkitekstej\u00e4 ja kuvien alt-tekstej\u00e4, ja tarvittaessa kirjoitetaan kuville ja kaavioille laajemmat tekstivastineet, on julkaisu hyvin laajan lukijakunnan saavutettavissa.<\/p>\n\n\n\n<p>Saavutettava verkkosivusto toimii laajalti eri p\u00e4\u00e4telaitteissa ja sit\u00e4 voidaan k\u00e4ytt\u00e4\u00e4 avustavan teknologian, esimerkiksi ruudunlukijan, kanssa. Sivusto my\u00f6s indeksoituu hakukoneisiin ja on l\u00f6ydett\u00e4viss\u00e4 ja helposti luettavissa, kun sivuston aiheita etsit\u00e4\u00e4n verkosta. Sivuston eri osioihin on mahdollista linkitt\u00e4\u00e4, jolloin sivuston sis\u00e4lt\u00f6j\u00e4 on helppo levitt\u00e4\u00e4 eteenp\u00e4in jakamalla niihin suoria linkkej\u00e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Verkkojulkaisu mahdollistaa sis\u00e4ll\u00f6n tehokkaan levi\u00e4misen.<\/p>\n<\/blockquote>\n\n\n\n<p>Verkkosivusto on tarvittaessa helposti p\u00e4ivitett\u00e4viss\u00e4. Pdf-julkaisua tuotettaessa on usein tarve graafiselle osaajalle, joka ty\u00f6st\u00e4\u00e4 julkaisun taitetun version ja luo siit\u00e4 lopullisen pdf-version. Julkaisun p\u00e4ivitt\u00e4minen voi olla ty\u00f6l\u00e4st\u00e4, jos alkuper\u00e4iset taittotiedostot ovat tekij\u00e4n hallussa tai jos tiedostot eiv\u00e4t ole en\u00e4\u00e4 saatavilla. Verkkojulkaisu voidaan rakentaa pienen perehtymisen my\u00f6t\u00e4 omaksuttavan sis\u00e4ll\u00f6nhallintaj\u00e4rjestelm\u00e4n avulla, jolloin julkaisun p\u00e4ivitt\u00e4minen on helppoa ja p\u00e4ivitysvastuuta voidaan jakaa useammalle henkil\u00f6lle.<\/p>\n\n\n\n<p>Verkkosivustona toteutetusta julkaisusta voidaan saada k\u00e4vij\u00e4tilastoja ja esimerkiksi n\u00e4hd\u00e4, mit\u00e4 sis\u00e4lt\u00f6j\u00e4 lukijat erityisesti lukevat. Pdf-julkaisusta voidaan tilastoida parhaimmillaan latausm\u00e4\u00e4r\u00e4 sek\u00e4 reitti, jonka kautta lukija p\u00e4\u00e4tyi julkaisun lataussivulle, jos julkaisualusta t\u00e4m\u00e4n mahdollistaa. Verkkojulkaisu sen sijaan mahdolistaa monipuolisen k\u00e4vij\u00e4tilastoinnin. Tilastoinnin my\u00f6t\u00e4 voidaan n\u00e4hd\u00e4, mist\u00e4 k\u00e4vij\u00e4t julkaisuun tulivat, mit\u00e4 tietoa he hakivat ja mille sis\u00e4lt\u00f6sivulle he saapuivat, kuinka he liikkuivat sivuilla ja kauanko he viipyiv\u00e4t kunkin sis\u00e4ll\u00f6n parissa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verkkojulkaisun rakentaminen<\/h2>\n\n\n\n<p>Julkaisun t\u00e4rkein asia on sen tietosis\u00e4lt\u00f6, joka yleens\u00e4 tarkoittaa kokoelmaa tekstej\u00e4 ja kuvia. Julkaisuja voidaan toimittaa ja ty\u00f6st\u00e4\u00e4 esimerkiksi siten, ett\u00e4 materiaalit jaetaan jossain sopivassa pilvipalveluissa. Verkkojulkaisua rakentaessa voidaan hy\u00f6dynt\u00e4\u00e4 esimerkiksi&nbsp;<a href=\"https:\/\/sites.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Sites -alustaa<\/a>, jossa sis\u00e4lt\u00f6j\u00e4 voidaan rakentaa valmiiksi verkkosivuston logiikalla. Sis\u00e4lt\u00f6jen ollessa l\u00e4hes valmiit materiaali voidaan siirt\u00e4\u00e4 ja muotoilla lopulliselle julkaisualustalle.<\/p>\n\n\n\n<p>Toteutin verkkojulkaisun Vaikuttava projekti, joka k\u00e4sittelee vaikuttavuutta hanketoiminnan elinkaaren eri vaiheissa. Julkaisun on toimittanut Osuma-hankkeen projektip\u00e4\u00e4llikk\u00f6, yliopettaja Katri Halonen. T\u00e4ss\u00e4 ty\u00f6ss\u00e4 Google Sites -alustan hy\u00f6dynt\u00e4minen sis\u00e4ll\u00f6ntuotannossa osoittautui lopullisen julkaisun n\u00e4k\u00f6kulmasta toimivaksi valinnaksi, koska Sitesilla julkaisu saatiin jo alkuvaiheessa sis\u00e4ll\u00f6ntuottajien kesken verkkosivuston muotoon ja rakenteeseen. Kun tuli aika siirt\u00e4\u00e4 materiaali varsinaiseen julkaisuj\u00e4rjestelm\u00e4\u00e4n, oli sis\u00e4ll\u00f6t jo hyvin j\u00e4sennelty selkeiden yl\u00e4otsikkojen alle.<\/p>\n\n\n\n<p>Siirtovaiheessa kiteytettiin rakenteen osalta en\u00e4\u00e4 kahta yl\u00e4otsikkoa: \u201cViestinn\u00e4n vaikuttavuus\u201d vaihtui muotoon \u201cViestint\u00e4\u201d ja&nbsp; \u201cHyv\u00e4n k\u00e4yt\u00e4nteen paikantaminen\u201d muotoon \u201cHyv\u00e4 k\u00e4yt\u00e4nne\u201d. Tarkoitus oli, ett\u00e4 sivuston navigaatio-osion muodostavat aihealueiden nimet olisivat mahdollisimman selke\u00e4t ja ytimekk\u00e4\u00e4t hahmottamisen ja k\u00e4ytett\u00e4vyyden vuoksi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sis\u00e4ll\u00f6nhallinta<\/h2>\n\n\n\n<p><a href=\"https:\/\/vaikuttavaprojekti.metropolia.fi\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vaikuttava projekti -sivusto<\/a>&nbsp;on toteutettu WordPress-julkaisuj\u00e4rjestelm\u00e4ll\u00e4. WordPress-ohjelmisto, jonka voi ladata&nbsp;<a href=\"https:\/\/www.wordpres.org\/\">WordPress.org<\/a>&nbsp;-sivustolta, on asennettu Metropolia Ammattikorkeakoulun palvelimelle ja muokattu tarkoitukseen sopivaksi.<\/p>\n\n\n\n<p>Sivuston ulkoasu on toteutettu&nbsp;<a href=\"https:\/\/fi.wordpress.org\/themes\/reykjavik\/\">Reykjavik-ulkoasuteeman<\/a>&nbsp;pohjalle. Teema on maksuton ja sen on rakentanut&nbsp;<a href=\"https:\/\/www.webmandesign.eu\/\">WebMan Design \/ Oliver Juhas<\/a>. WebMan Desing -teemat ovat l\u00e4ht\u00f6kohtaisesti saavutettavia, joten niiden pohjalta voi rakentaa saavutettavia sivustoja luottaen siihen, ett\u00e4 esimerkiksi tekstien kontrastit ja teeman tuottama koodi ovat saavutettavia.<\/p>\n\n\n\n<p>Vaikuttava projekti -sivustolla jokaisella sis\u00e4lt\u00f6osiolla on WordPress-j\u00e4rjestelm\u00e4n otsakekuva-toiminnolla toteutettu, n\u00e4ytt\u00e4v\u00e4 kuvaelementti sivun otsikon alla. Otsakekuvien tarkoituksena on kevent\u00e4\u00e4 tekstisis\u00e4lt\u00f6\u00e4 ja antaa kullekin osiolle oma visuaalinen kiinnekohta. Otsakekuvaelementti toistuu sis\u00e4lt\u00f6sivuilla \u201chaitari (accordion)\u201d-toiminnolla toteutettujen alaosioiden otsikoissa.<\/p>\n\n\n\n<p>WordPress-ohjelmistolle on saatavilla runsaasti erilaisia lis\u00e4osia, joilla ohjemiston toiminnallisuuksia ja ominaisuuksia voidaan lis\u00e4t\u00e4. Vaikuttava projekti -sivustolla on k\u00e4yt\u00f6ss\u00e4 vain yksi lis\u00e4osa,&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/accordion-blocks\/\">Accordion Blocks<\/a>. Lis\u00e4osalla on toteutettu otsikkosivujen alaosien piilottaminen ja esiin tuominen k\u00e4ytt\u00e4j\u00e4n toiminnan mukaisesti. Kun sis\u00e4lt\u00f6sivu avataan, ovat alaosiot suljettuina, ja kun osion otsikkoa klikataan, avautuu osio luettavaksi. Lis\u00e4osa on teknisesti saavutettava, eli sis\u00e4lt\u00f6 on luettavissa ruudunlukijalla sis\u00e4lt\u00f6ihin p\u00e4\u00e4see navigoimaan n\u00e4pp\u00e4imist\u00f6ll\u00e4, jos k\u00e4ytt\u00e4j\u00e4 ei esimerkiksi kykene k\u00e4ytt\u00e4m\u00e4\u00e4n hiirt\u00e4 tai kosketuslevy\u00e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Viisi vinkki\u00e4 verkkojulkaisuun<\/h2>\n\n\n\n<p>Parhaat vinkit verkkojulkaisun toteuttamiseen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Selkeyt\u00e4 yl\u00e4otsikot, m\u00e4\u00e4rittele p\u00e4\u00e4navigaatio<\/li>\n\n\n\n<li>Luo sis\u00e4lt\u00f6soivuille toistuva, johdonmukainen rakenne<\/li>\n\n\n\n<li>Korosta ja el\u00e4v\u00f6it\u00e4, mutta ei liikaa<\/li>\n\n\n\n<li>Kevenn\u00e4 kuvilla<\/li>\n\n\n\n<li>Karsi, yksinkertaista<\/li>\n<\/ol>\n\n\n\n<p><strong>Selkeyt\u00e4 aihealueet sek\u00e4 yl\u00e4otsikot ja m\u00e4\u00e4rittele p\u00e4\u00e4navigaatio<\/strong>.&nbsp;Kun julkaisun rakenne on looginen ja jaettu selkeiden yl\u00e4otsikoiden alle, on helppo tuottaa verkkosivustolle johdonmukainen navigaatio, joka kertoo lukijalle, mist\u00e4 julkaisussa on kyse ja mist\u00e4 asiat l\u00f6ytyv\u00e4t.<\/p>\n\n\n\n<p><strong>Luo sis\u00e4lt\u00f6sivuille toistuva, johdonmukainen rakenne. <\/strong>K\u00e4ytett\u00e4vyyden ja saavutettavuuden kannalta on hyv\u00e4 pit\u00e4\u00e4 eri sis\u00e4lt\u00f6sivut samankaltaisina, niin lukijan ei tarvitse jokaisella sivulla orientoitua uudelleen sis\u00e4ll\u00f6n esitt\u00e4mistapaan.<\/p>\n\n\n\n<p><strong>Korosta ja el\u00e4v\u00f6it\u00e4 kohtuudella.<\/strong> Pitki\u00e4 tekstimassoja on hyv\u00e4 jakaa sek\u00e4 korostaa asioita sopivasti, ja n\u00e4in antaa antaa lukijan kasteelle kiintopisteit\u00e4. Kannattaa kuitenkin varoa liioittelemasta; jos kaikkea korostaa ja el\u00e4v\u00f6itt\u00e4\u00e4, tulee sis\u00e4ll\u00f6st\u00e4 meluisaa sekamelskaa, jota on raskas hahmottaa.<\/p>\n\n\n\n<p><strong>Kevenn\u00e4 kuvilla.<\/strong> Kuvat kevent\u00e4v\u00e4t n\u00e4kev\u00e4n k\u00e4ytt\u00e4j\u00e4n k\u00e4ytt\u00f6kokemusta, ja kuvilla voi havainnollistaa ja kiteytt\u00e4\u00e4 asioita. Ylim\u00e4\u00e4r\u00e4isten kuvituskuvien k\u00e4ytt\u00f6\u00e4 kannattaa harkita, ett\u00e4 ajatus ja pysyy itse asiassa.<\/p>\n\n\n\n<p><strong>Karsi, yksinkertaista.<\/strong> Verkossa tietoa etsit\u00e4\u00e4n nopeasti silm\u00e4illen, joten on t\u00e4rke\u00e4\u00e4, ett\u00e4 lukija l\u00f6yt\u00e4\u00e4 heti ja helposti oleelliset asiat. Olennaiseen keskittyminen auttaa karsimaan ja kiteytt\u00e4m\u00e4\u00e4n asiat my\u00f6s julkaisua tehdess\u00e4, mik\u00e4 usein johtaa parempaan lopputulokseen my\u00f6s sis\u00e4ll\u00f6n kannalta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kirjoittaja<\/h2>\n\n\n\n<p>Jussi Linkola on projektisuunnittelija ja verkkoviestij\u00e4 Metropolia ammattikorkeakoulun Media, muotoilu ja konservointi -osaamisalueelta. Osuma-hankkeessa Jussi vastasi verkkosivujen sek\u00e4 Vaikuttava projekti -verkkojulkaisun toteutuksesta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lis\u00e4tietoja<\/h2>\n\n\n\n<p>Osuma-hanke toimi valtakunnallisten Osallistamalla osaamista -kehitt\u00e4misohjelmien aktivointi- ja koordinointihankkeena vuosina 2018-2021.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>Kirjoitus on <a href=\"https:\/\/blogit.metropolia.fi\/tikissa\/2021\/10\/21\/nain-toteutat-verkkojulkaisun\/\">julkaistu alun perin Metropolia Ammattikorkeakoulun Tikiss\u00e4-blogissa 25.10.2021<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutkimus-, kehitt\u00e4mis- ja innovaatiohankkeiden (TKI) toiminnassa syntyvi\u00e4 ty\u00f6n tuloksia levitet\u00e4\u00e4n esimerkiksi tuottamalla julkaisuja, jotka ovat saatavilla verkossa. Vaihtoehto pdf-tiedostomuotoiselle julkaisulle on verkkojulkaisu, joka toimii perinteisen verkkosivuston logiikalla. Se koostuu joukosta yksitt\u00e4isi\u00e4 verkkosivuja, joiden v\u00e4lill\u00e4 voi navigoida, ja sen sis\u00e4ll\u00f6t ovat luettavissa ja katseltavissa verkkoselaimella ja avustavan teknologian avulla. T\u00e4m\u00e4 tuo etuja pdf-muotoiseen s\u00e4hk\u00f6iseen julkaisuun verrattuna. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4879,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,356],"tags":[590],"class_list":["post-4878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-verkkojulkaiseminen","category-viestinta","tag-verkkojulkaisu"],"_links":{"self":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts\/4878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/comments?post=4878"}],"version-history":[{"count":2,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts\/4878\/revisions"}],"predecessor-version":[{"id":5406,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/posts\/4878\/revisions\/5406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/media\/4879"}],"wp:attachment":[{"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/media?parent=4878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/categories?post=4878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jml.kapsi.fi\/jussi\/wp-json\/wp\/v2\/tags?post=4878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}