Navigointi Verkkomultimedia ICT1tn004. Elina Ulpovaara

Koko: px
Aloita esitys sivulta:

Download "Navigointi Verkkomultimedia ICT1tn004. Elina Ulpovaara"

Transkriptio

1 Navigointi Verkkomultimedia ICT1tn004 Elina Ulpovaara

2 Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on? Mihin sivulta pääsee? Navigointipalkit sijaitsevat selkeällä paikalla ja joka sivulla samassa kohtaa. Miten sivulle tultiin? Navigointia helpotetaan ristiinlinkityksillä Sivulta voidaan siirtyä suoraan saman aiheen sivuihin. Muista kohderyhmälle tutut termit myös navigoinnissa. Navigaation ja otsikoiden avulla pystytään esittää käyttäjän sijainti. Siirtyminen sivuston etusivulle ja edelliselle sivulle onnistuu kaikilta sivuilta.

3 Valikot Navigointielementit: Valikot Leivänmurupolut Muut linkit Sisältöalueen linkit Päävalikko Koko sivustossa samassa paikassa Pääsee sivuston eri osiin Paikka yleensä Vaakavalikkona sivun ylälaidassa Etu: selkeys Pystyvalikkona sivun vasemmassa laidassa Etu: laajennettavuus Mahtuu enemmän elementtejä kuin vaakavalikkoon Oikeassa reunassa ja sivun alalaidassa olevat valikot jäävät usein käyttäjältä huomaamatta. Alivalikot Erilainen jokaisella sivulla/sivuston osassa Jos päävalikko on vaakavalikkona, niin alivalikko on yleensä päävalikon alla vaakavalikkona vasemmassa reunassa pystyvalikkona Jos päävalikko on pystyvalikkona, niin alavalikko on yleensä päävalikon elementtien välissä pystyvalikossa Erilaiset pudotusvalikot

4 ICT1TN004

5 Leivänmurupolut Leivänmurupolku kertoo sivun sijainnin sivustossa sivuhierarkian mukaan. antaa mahdollisuuden siirtyä sivustossa suoraan ylöspäin. Murupolun paikka yleensä on yläotsikkoalueella mahdollisen vaakavalikon alapuolella. Sivu, jolla ollaan. Esim. HAAGA-HELIAn sivuilta: Ei ole linkki. Toteutuksesta Linkkisanojen oltava samoja kuin valikossa. Ei kannata käyttää, jos sivustohierarkia on matala.

6 Muut linkit Varsinainen navigointivalikon lisäksi sivulla voi olla muita linkkejä: linkit muihin kieliversioihin suomeksi, på svenska linkit vakiosisältöön sivukartta ohjeet palaute hakutoiminnot tulostettava versio HH:n sivun oikea yläkulma. Apulinkkien paikka voi olla esimerkiksi otsikko-osassa oikeassa reunassa tai sivun alapalkissa. Sisältöalueen linkit tarkentavat asiaa tai antavan siitä lisää tietoa. Sijoitetaan yleensä tekstin alle, jonka aiheeseen linkki kuuluu.

7 Sivustokartta Sivustokarttaan tulee näkyviin kaikki sivut. Kartta esittää sivuston sisältörakenteen. Kartasta voi siirtyä mille sivulle hyvänsä. Miksi kannattaa tehdä sivustokartta? Antaa kokonaiskuvan sivustosta. Auttaa löytämään tietoa. Jos sivusto on erittäin laaja, niin kartan sijasta voi tehdä aakkosellisen tai asiakohtaisen hakemiston.

8 Ticocafe Etusivu Palvelut Tilat Softis-kahvila Bittisali Kellari Ota yhteyttä Etusivu Palvelut Tilat Softis-kahvila Bittisali Kellari Ota yhteyttä

9 Linkkien ulkoasusta Linkit täytyy tunnistaa Linkit joko sijaitsevat navigointialueella tai näyttävät linkeiltä. Muualla kuin navigointialueella yleensä alleviivattuna ja sinisenä. Linkit sivuston ulkopuolelle Merkittävä sopivalla tavalla (->->) Linkkilistat Linkit tiedostoihin Kerro tiedoston muoto ja koko Kahvilan esittely (pdf, 900kt)

10 Linkkivinkki tulostukseen <h2>ravintoloita Pasilan kulmilla</h2> <ul id="linkit"> <li><a href="http://www.olutravintolanurkka.fi/">olutravintola Nurkka</a> <li><a href="http://www.ravintolablancco.com/">blancco</a> <li><a href="http://www.lounaspaikat.com/web/">ratakivi</a> print { a:after {content:" (" attr(href) ") "; } Pseudoluokalla :after voidaan tulostaa elementin jälkeen tekstiä. Vastaavasti taas :before:lla voidaan tulostaa ennen elementtiä. a {color:rgb(0,0,0); text-decoration:none} } ICT1TN004

11 Navigointiesimerkki 1 <nav> <ul> <li> <a href="index.html">etusivu</a> <li> <a href="palvelut.html">palvelut</a> <li> <a href="hinnasto.html">hinnasto</a> <li> <a href="tiedot.html">yhteystiedot</a> </ul> </nav> ul:llä on oletuksena paddingleft arvoa 40px li:lle luettelomerkki pois leveydeksi 100px sopivasti marginaaleja ja padding-arvoja Linkeiltä alleviivaus pois ja väriksi musta nav ul {padding-left:0px} nav ul li {background-color:rgb(130,245,236); list-style-type:none; width:100px; margin-bottom:10px; padding:5px} nav a {text-decoration:none; color:rgb(0,0,0)}

12 Navigointiesimerkki 2 <nav> <ul> <li><a href="">etusivu</a> <li><a href="">palvelut</a> <li><a href="">tilat</a> <ul> <li><a href="">softis-kahvilat</a> <li><a href="">bittisali</a> <li><a href="">kellari</a> </ul> <li><a href="">ota yhteyttä</a> </ul> </nav>

13 nav li ul {display:none} nav li:hover ul {display:block; Piilotetaan alivalikko. position:absolute; width:120px} Alivalikko näkyviin, kun hiiri tulee päävalikossa tietyn linkin päälle. Position:absolute -> alivalikko ei vie sivulta tilaa vaan asettuu alla olevan nav ul {padding-left:0;} sisällön päälle nav li {float:left; width:120px; Valikko vaakaan. list-style:none; font-size: 20px; text-align:center; background-color:rgb(102,204,0); border:solid 1px rgb(0,0,0) nav a {text-decoration:none; color:rgb(255,255,255);} Valikon olioiden ulkoasu.

14 Kuvakartta Kuvakartalla tarkoitetaan kuvaa, joka sisältää useampia linkkejä. Kuvakartta tehdään siten, että kuvaan määritellään ns. kuumia kohtia, jotka sisältävät linkin. Huom. Koodin voi rakentaa apuohjelmien tai www-editoreiden avulla. Linkki osoitteeseen lokakuu_tarjous3.html. Linkki osoitteeseen lokakuu_tarjous4.html. ICT1TN004

15 <img src="lokakuu.png" alt= lokakuu" width="300" height="200" usemap="#lokakuu" > <map id="lokakuu" name="lokakuu"> <area shape="rect" coords="23,96,92,149" href="#" > <area shape="circle" coords="233,66,43" href="#" > <area shape="poly" coords="141,139,176,109,224,135,220,182" href="#" > </map> 96px. ICT1TN004 23px. shape-attribuutilla on kolme eri arvoa rect Suorakaide: alkupiste ja loppupiste cirle Ympyrä: ympyrän keskipisteen paikka ja säde pikseleinä poly Monikulmio: kaikki pisteet (vaakaan, pystyyn)

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004

Navigointi Verkkomultimedia ICT1tn004 Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

Asemointi. 1. Lohkon korkeus ja leveys

Asemointi. 1. Lohkon korkeus ja leveys Asemointi Asemointi on elementtien sijoittelua. Sisältö: 1. Lohko korkeus ja leveys height, width min-height, max-height, min-width, max-width overflow, overflow-x, overflow-y 2. Float - kelluva sisältö

Lisätiedot

Sivupohja flat file julkaisujärjestelmälle. Kirjoittanut Jari Sarja (www.jarisarja.fi)

Sivupohja flat file julkaisujärjestelmälle. Kirjoittanut Jari Sarja (www.jarisarja.fi) 1 Sivupohja flat file julkaisujärjestelmälle Versio 1.1 /syyskuu 2011 Kirjoittanut Jari Sarja (www.jarisarja.fi) 2 Sisältö 1. Johdanto... 4 2. Ruudukkopohjainen taitto... 5 2.1. 960 Grid System... 5 2.2.

Lisätiedot

HTML5 jatkuu luettelo, linkit, sisäinen kehys, taulukko. Mirja Jaakkola

HTML5 jatkuu luettelo, linkit, sisäinen kehys, taulukko. Mirja Jaakkola HTML5 jatkuu luettelo, linkit, sisäinen kehys, taulukko Mirja Jaakkola Luettelot Luetteloelementillä esitetään eri tyyppisiä luetteloja ja listoja Luetteloelementeille on ominaista: luettelo ja luettelorivit

Lisätiedot

Ylläpitoalue - Etusivu

Ylläpitoalue - Etusivu Crasmanager 5.2 Ylläpitoalue - Etusivu Sivut osiossa sisällön selaus ja perussivujen ylläpito. Tietokannat osiossa tietokantojen ylläpito. Tiedostot osiossa kuvien ja liitetiedostojen hallinta. Työkalut

Lisätiedot

1. Lohkon korkeus ja leveys

1. Lohkon korkeus ja leveys Asemointi Asemointi on elementtien sijoittelua. Sisältö: height, width float - kelluva sisältö position Elina Ulpovaara 13.10.2009 1. Lohkon korkeus ja leveys Leveys - width Korkeus - height - mittayksiköt

Lisätiedot

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Sivustokartta Käsikirjoitus Graafinen suunnitelma Elina Ulpovaara Konseptisuunnittelu ICT1TN004 toiminnallisuus toimintatarinat -> käyttötarinat kuvatarinat

Lisätiedot

Kuva xhtml-sivulla. Mirja Jaakkola

Kuva xhtml-sivulla. Mirja Jaakkola Kuva xhtml-sivulla Mirja Jaakkola Sisältö 3. Kuva www-sivulla 4. img-elementti 5. Kuvan koko 6. Kuvan keskitys vaakasuoraan & kuvateksti 7. Kuvan tasaus pystysuoraan 8. Esimerkki: pystysuora tasaus eri

Lisätiedot

CSS tyyliä sivuihin osa II. Elina Ulpovaara

CSS tyyliä sivuihin osa II. Elina Ulpovaara CSS tyyliä sivuihin osa II Elina Ulpovaara Sisällys Laatikkomalli Margin Border Padding Outline Outline-offset Pyöristetyt kulmat Border-radius Tekstiin liittyviä css-ehdotuksia Text-align Text-decoration

Lisätiedot

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Viestintäpalvelut 9.6.2015 1 Sivupohjan tekeminen Ennen kuin alat tekemään hankkeen sivuja, tilaa Viestintäpalveluilta hankesivupohja ja ilmoita

Lisätiedot

selector { CSS property: value; property2: value; Code Camp for Girls 2015 - Sonja Jaakkola & Sanna Nygård

selector { CSS property: value; property2: value; Code Camp for Girls 2015 - Sonja Jaakkola & Sanna Nygård selector { CSS property: value; property2: value; Code Camp for Girls 2015 - Sonja Jaakkola & Sanna Nygård CSS selectorit Elementti HTML CSS otsikko h1 { color: pink; Luokka HTML CSS

Lisätiedot

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE 1. SISÄÄN KIRJAUTUMINEN Sisään kirjautuminen VerkkoVelho-ylläpitotyökaluun tapahtuu yrityksesi osoitteessa www.omaosoitteesi.fi/yllapito, esim. www.verkkovelho.fi/yllapito.

Lisätiedot

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

UpdateIT 2010: Editorin käyttöohje

UpdateIT 2010: Editorin käyttöohje UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...

Lisätiedot

XHTML jatkuu linkit, listat, taulukot. Mirja Jaakkola

XHTML jatkuu linkit, listat, taulukot. Mirja Jaakkola XHTML jatkuu linkit, listat, taulukot Mirja Jaakkola Sisällys 3. Linkki (anchor) 4. Suhteellinen linkki 5. Sivun sisäinen linkki 6. CSS ja linkit 7. Tehtävä 8. Listat eli luettelot 9. Järjestämätön lista

Lisätiedot

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT MOBISITE-TYÖKALU MobiSite on työkalu matkapuhelimeen soveltuvan mobiilisivuston rakentamiseen. AIMO-järjestelmän jatkuvasti päivittyvä päätelaitetunnistus tunnistaa useimmat puhelinmallit ja mukauttaa

Lisätiedot

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU ,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU Tässä pääsette tutustumaan Internet Explorerin (IE) käyttöön. Muitakin selainversioita löytyy, kuten esimerkiksi Netscape, Opera ja Mozilla. Näiden muiden selainten

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013 Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aineisto-valikon tai Add an activity or resource valikon (Asetukset lohko Activity chooser on toiminnon ollessa päällä). Valitse

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

Kuvat ja taustat ICT1TN004. Elina Ulpovaara

Kuvat ja taustat ICT1TN004. Elina Ulpovaara Kuvat ja taustat Elina Ulpovaara Sisältö Kuvan toteuttaminen Kuvan käyttötarkoitus Tiedostomuodot Img-elementti Figure- ja caption elementit Kuvan sijoittelu www-sivulla Kuvan keskitys Tekstin tasaus pystysuorassa

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE KOTISIVUJEN PÄIVITYSOHJE 1 SISÄLLYSLUETTELO KIRJAUDU PALVELUUN...3 KÄVIJÄSEURANTA...4 SIVUJEN PÄIVITYS...5 Sisältö...6 Sisältö / Työkalut...8 Sisältö / Taulukko...9 Sisältö / Kuvien tuominen...10 Sisältö

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan.

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan. Kotisivu Kotisivu on sivuston pääsivu Ensi kertaa sivustolle saapuvan käyttäjän pitäisi pystyä päättelemään sivuston tarkoitus kotisivun nähtyään. Usein lähtökohtana sivuston hierarkinen pääjaottelu, mutta

Lisätiedot

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014 Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aktiviteetti tai aineisto - linkin. Valitse linkin takaa avautuvasta listasta, millaisen aineiston haluat alueelle tuoda, ja paina

Lisätiedot

Kyvyt.fi eportfolion luominen

Kyvyt.fi eportfolion luominen Kyvyt.fi eportfolion luominen Portfolion tekeminen koostuu kolmesta vaiheesta: 1 Yksittäisten portfolio-sivujen luominen 2 Sivujen liittäminen yhteen sivustoksi - eportfolioksi 3 Katseluoikeuksien antaminen

Lisätiedot

KANSALAISKIOSKI Käyttöohje

KANSALAISKIOSKI Käyttöohje KANSALAISKIOSKI Käyttöohje Suomen Mediatoimisto Käyttöohje 2(7) Sisällysluettelo Sisällysluettelo 1.Miten esitän kysymyksen kansalaiskioskissa?...3 2.Mitä ovat kysymyksen esittämisen lisävalinnat?...5

Lisätiedot

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi Lanuti.fi 2015 Lapin nuorisotiedotus TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, 02150 Espoo Teknotie 14 16, 96930 Napapiiri, Rovaniemi Y-tunnus 1008465-8 www.tietotalo.fi Päivämäärä Versio Kuvaus

Lisätiedot

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa: XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),

Lisätiedot

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta. 3 HTML ja XHTML Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Lisätiedot

Office_365_loppukäyttäjän ohje. 15.5.2015 Esa Väistö

Office_365_loppukäyttäjän ohje. 15.5.2015 Esa Väistö Office_365_loppukäyttäjän ohje 15.5.2015 Esa Väistö 2 Sisällysluettelo Kuvaus... 3 Kirjautuminen Office_365:een... 3 Valikko... 4 Oppilaan näkymä alla.... 4 Opettajan näkymä alla... 4 Outlook (Oppilailla)...

Lisätiedot

Tietosuoja-portaali. päivittäjän ohje

Tietosuoja-portaali. päivittäjän ohje Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan

Lisätiedot

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016 / / WordPress KÄYTTÖOHJE Sotkamo 2016 Sisältö Sisältö 1. Yleistä 2. Kirjautuminen ylläpitoon 2.1. Kirjaudu osoitteessa: http://sotkamo.valudata.fi/admin Myöhemmin: http://www.sotkamo.fi/admin 2.2 Salasana

Lisätiedot

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta. Sisäänkirjauduttuasi näet palvelun etusivulla helppokäyttöisen hallintapaneelin. Vasemmassa reunassa on esillä viimeisimmät tehdyt muutokset

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

Museokartta 2015. Katselukäyttäjän ohje 8.6.2015, päivitetty 23.9.2015 Ohjeen sijainti: Intra/Ohjeet/Kulttuuriympäristö/Paikkatieto ohjeet

Museokartta 2015. Katselukäyttäjän ohje 8.6.2015, päivitetty 23.9.2015 Ohjeen sijainti: Intra/Ohjeet/Kulttuuriympäristö/Paikkatieto ohjeet Museokartta 2015 Katselukäyttäjän ohje 8.6.2015, päivitetty 23.9.2015 Ohjeen sijainti: Intra/Ohjeet/Kulttuuriympäristö/Paikkatieto ohjeet Kirjaudu Museoverkko tunnuksillasi linkistä http://museovirasto.maps.arcgis.com/apps/webappviewer/index.html?id=37851c99fc15421e9051a11b76e1c9ec

Lisätiedot

2016/07/05 08:58 1/12 Shortcut Menut

2016/07/05 08:58 1/12 Shortcut Menut 2016/07/05 08:58 1/12 Shortcut Menut Shortcut Menut Shortcut menut voidaan aktivoida seuraavista paikoista. Shortcut menun sisältö riippuu siitä, mistä se aktivoidaan. 1. Shortcut menu suunnitellusta linjasta

Lisätiedot

Oulun yliopiston www-sivujen tekeminen

Oulun yliopiston www-sivujen tekeminen Oulun yliopiston www-sivujen tekeminen Oulun yliopiston ja sen yksiköiden www-sivuilla noudatetaan yliopiston www-politiikan peruslinjauksia sekä graafisen ohjeiston mukaista visuaalista linjaa. Yhtenäisellä

Lisätiedot

Putteri Käyttöliittymä ja ulkoasu

Putteri Käyttöliittymä ja ulkoasu Putteri Käyttöliittymä ja ulkoasu Jukka Värri 15.10.2007 Versio: 1.0 Yleistä järjestelmästä Järjestelmän merkistö on UTF-8 (Unicode). Käyttöliittymä tulee järjestelmän mukaan. Uusia käyttöliittymiä ei

Lisätiedot

Suvi Junes/Pauliina Munter Tietohallinto/Opetusteknologiapalvelut 2014

Suvi Junes/Pauliina Munter Tietohallinto/Opetusteknologiapalvelut 2014 Moodlen lohkot Lohkojen lisääminen: Moodlen lohkot sisältävät kurssialueen hallinnointiin liittyviä toimintoja. Kun saat uuden tyhjän kurssialueen, sen molemmilla reunoilla on valmiina muutama keskeinen

Lisätiedot

CMS Made Simple Perusteet

CMS Made Simple Perusteet CMS Made Simple Perusteet 1. Hallintaan kirjautuminen Kirjautumisruutuun pääset lisäämällä osakaskuntasi www-osoitteen perään liitteen /admin. Käyttäjätunnuksena toimii onkija ja salasanana postitse saamasi

Lisätiedot

Kuinka aloitat kumppanuusmainonnan sivustollasi

Kuinka aloitat kumppanuusmainonnan sivustollasi Kuinka aloitat kumppanuusmainonnan sivustollasi Kuka voi tehdä kumppanuusmarkkinointia Kumppanuusmarkkinointia (affiliate marketing) voi tehdä kuka tahansa yksityishenkilö tai yritys. Jotta voit ryhtyä

Lisätiedot

HTML-ohjeet. Sivun perusrakenne