Käytettävyys www-sivujen suunnittelussa Anna Perttilä

Koko: px
Aloita esitys sivulta:

Download "Käytettävyys www-sivujen suunnittelussa Anna Perttilä"

Transkriptio

1 Käytettävyys www-sivujen suunnittelussa Anna Perttilä 1 Mitä käytettävyys on 2 Tavoite, kohderyhmä ja motiivi 3 Ymmärrettävyys 4 Www-sivusto on kokonaisuus 5 Konkreettista www-suunnittelussa 5.1 Ohjeisto 5.2 Sivujen resoluutio 5.3 Title -merkki 5.4 Laitteistovaatimukset 5.5 Linkit 5.6 Kuvat 5.7 Päivitys 5.8 Luettavuus 5.9 Animaatiot 5.10 Testaus LÄHTEET

2 Käytettävyys www-sivujen suunnittelussa Käyttöliittymä on tuotteen ja käyttäjän välinen rajapinta. Se kattaa kaiken, minkä käyttäjä havaitsee tuotteesta ja minkä avulla hän on vuorovaikutuksessa tuotteen kanssa. Käyttöliittymiin törmää päivittäin muun muassa työskennellessä tietokoneella, käyttämällä kännykkää tai katsoessaan kotona dvd:ltä elokuvaa. Www-sivut ovat yksi tuote jossa käyttöliittymä on merkittävässä asemassa. Millä perusteella sinä surfaat Internet-sivuilla? Tässä ohjeessa käytän esimerkkinä Oikotie.fi verkkosivuja. Sivuston löytää osoitteesta www. oikotie.fi. Ensivaikutelma on tärkein ja tämän takia visuaalinen ulkoasu on merkittävä www-sivuilla. Käyttäjä tekee hyvin nopeasti havaintonsa sivuista ja mikäli se ei miellytä, käyttäjä saattaa vaihtaa palveluntarjoajaa. Ulkoasun lisäksi käytettävyys vaikuttaa käyttäjäkokemukseen. 1 Mitä käytettävyys on? ISO eli kansainvälinen standardijärjestö määrittelee käytettävyyden näin: Käytettävyyden mittareita ovat vaikuttavuus, tehokkuus ja tyytyväisyys: miten tarkasti ja täydellisesti käyttäjä saavuttaa asetetut tavoitteet, kuinka paljon tähän kuluu voimavaro- 2 Tavoite, kohderyhmä ja motiivi Käyttöliittymän yleisenä tavoitteena on olla huomaamaton. Käyttöliittymä huomataan aina kun käyttäjä ei onnistu tekemässään toiminnossa tai käyttöliittymässä on virhe. Hyvässä www-sivun käyttöliittymässä sanoma, ilmaisu ja kohderyhmä ovat sopusoinnussa.

3 Sellaista www-sivustoa ei taida ollakaan, joka miellyttäisi kaikkia ihmisiä. Joku ei pidä väreistä, toinen haluaisi animaatiota, kolmas ei ymmärrä kieltä, jota sivustoilla käytetään. Tämän takia suunnitteluvaiheessa on hyvä määrittää sivuston tavoite, kohderyhmä ja käyttäjien motiivi. Määrittelyssä tulisi siis vastata kysymyksiin: Mitä me haluamme? Kenelle sivusto suunnitellaan? Miksi käyttäjän pitäisi kiinnostua tästä sivustosta? Kohderyhmä kannattaa rajata hyvin. Pelkästään suomalaisille ihmisille määritelty sivusto jättää liian paljon liikkumavaraa. Ikä, mieltymykset, arvot sekä käyttäjän kokemus Internetissä liikkumisesta auttavat jo paljon suunnittelemaan sivuston juuri oikealle kohderyhmälle. Motiivilla tarkoitetaan käyttäjän syytä käyttää sivustoa. Minkä takia käyttäjä olisi kiinnostunut sivustosta? Onko sivusto tarkoitettu viihteeksi, opetuskäyttöön, tiedonhakuun, kulutustoimintaan vai mihin? 3 Ymmärrettävyys Www-sivuissa, kuten myös muissa käyttöliittymissä tärkeää on helppo omaksuminen. Muihin laitekäyttöliittymiin verrattuna wwwsivujen tulisi olla niin helppokäyttöiset että käyttäjä pystyy etenemään tehtävissään jo heti ensimmäisellä käyttökerrallaan. Harvoin saat erikseen ohjekirjaa, jossa sinua neuvotaan kuinka www-sivuja tulisi käyttää. Hyvänä esimerkkinä voidaan pitää www-sivuja, joissa on hakutoimintoja. Hyvä käyttöliittymä sisältää itsessään ohjeita, millaisia merkkejä, missä muodossa ja mihin kohtaan käyttäjä täyttää tietoja. Monesti tulee vastaan sivustoja joissa on liian paljon oletuksia, joiden takia käyttäjä saattaa jäädä paikoilleen, koska ei esimerkiksi tiedä että kaikki sivun sarakkeet tulisi täyttää, jotta ohjelma voi jatkaa eteenpäin.

4 4 W Www-sivusto on kokonaisuus Omaksumisessa helpottaa sivuston yhtenäinen ulkoasu, rakenne ja toimintamalli. Käyttäjän tulisi nähdä sivusto kokonaisuutena, eikä vain sivu sivun jälkeen. Yhtenäinen ulkoasu saavutetaan graafisen suunnittelun avulla, kuten ottamalla huomioon sivuston värimaailma. Yhtenäinen värimaailma sivujen välillä kertoo käyttäjälle, mitkä asiat kuuluvat yhteen. Tätä voi myös käyttää tehokeinona, jos halutaan erottaa asioita toisistaan. Rakenteella tarkoitetaan niin sanottua sivuston pohjaratkaisua. Usein näkee sivustoratkaisuja joissa sivun keskellä on osa, johon sijoitetaan pääteksti ja sivuille linkkejä, mainoksia tai muita pienempiä tekstikenttiä sekä yläosaan navigointia helpottavat linkit. Tärkeää on, ettei käyttäjän katse joudu harhailemaan aina kun siirtyy toiselle sivuston sivulle vaan löytää etsimänsä aina samasta paikasta kuten esimerkiksi päätekstin. Toimivan rakenteen avulla käyttäjän huomio voidaan suunnata haluttuihin kohtiin. Esimerkiksi yrityksen logo on usein sijoitettu sivun vasempaan ylänurkkaan, koska on huomattu että ihmisen katse kiinnittää huomion ensimmäisenä vasempaan ylänurkkaan ja etenee siitä sivuille ja alaspäin. Erottuvuudessa auttaa värikontrastit sekä kirjainten ja kuvioiden koko. Toimintamalli on asia, jonka käyttäjä oppii sivustoilla ollessaan, mikäli sivusto tukee yhtenäistä toimintamallia. Navigointi eli suunnistaminen sivustolla tulee tehdä yhdenmukaisesti. Käyttäjän tulisi aina tietää missä hän sijaitsee sivustolla, kuinka hän pääsee eteenpäin ja kuinka taaksepäin. Sivu, joka sisältää lomakkeen, esimerkiksi rekrytointi tai kysely, ei riitä että käyttäjä painaa selaimen Takaisinnappia. Tämä saattaa pyyhkiä muististaan edelliset täytetyt kohdat, eikä välttämättä päästä enää käyttäjää takaisin. Sivujen suunnittelijan ei siis pidä luottaa selainkohtaisiin navigointi työkaluihin.

5 Navigointia helpottavat sivuston sisäiset linkit. Esimerkkinä voisi ottaa Oikotien www-sivut. Vasemmassa yläkulmassa on Oikotien-logo, joka on linkitetty aina siirtymään sivuston etusivulle. Koko yläosa on varattu navigointiin sivustolla. Se sisältää välilehtiä, joiden alta löytyy vielä alavalikkoja. Värien avulla käyttäjä huomaa missä kohtaa hierarkkisesti käyttäjä sijaitsee. Sivukartta onkin tärkeimpiä asioita mitä suunnittelussa tulee ottaa huomioon. Sivukartta helpottaa sekä suunnittelijaa, että käyttäjää. (ks.kuva1) Kuva 1. Oikotie.fi verkkosivut 5 Konkreettista www-suunnittelussa 5.1 Ohjeisto Yrityksillä saattaa olla käytössään graafinen ohjeisto, jolla voidaan määritellä fontti, värimaailma, logot ynnä muuta. Tarkista ensin toimeksianto ennen kuin alat suunnittelemaan sivuja pidemmälle. 5.2 Sivujen resoluutio Yleensä sivut suunnitellaan toimimaan resoluutiolla 800x600 näytöllä. Tässä tapauksessa sivu saa olla enintään 800

6 pikselin levyinen. Tätä leveämpi sivu saisi aikaan vaakasuuntaisen vierityspalkin. Taulukoiden avulla on myös mahdollista suunnitella resoluutiosta riippumaton sivu, joka joustaa selainikkunan koon mukaisesti. 5.3 Title -merkki Kun aloitat www-sivun tekemistä, tee sivulle otsikko. HTML-koodissa merkki title tarkoittaa otsikkoa juuri kyseiselle sivulle. Tämä otsikko tulee myös käyttäjälle näkyviin selaimen yläkehykseen niin sanottuun siniseen palkkiin. Nimeäminen on tärkeää yleisvaikutelman kannalta. Saattaa herättää kysymyksiä jos selaimessa lukee vain Default.html tai Untitled.html sen sijaan siinä voisi lukea vaikka YritysX - Etusivu. 5.4 Laitteistovaatimukset Kohderyhmää määriteltäessä piti ottaa huomioon käyttäjän kokemus Internetin käytöstä. Toinen mikä tulee ottaa huomioon www-sivujen toteutuksessa, on tapa, jolla ne toteutetaan. On syytä miettiä käyttäjän laitteistovaatimuksia. Esimerkkinä, jos suunnittelet www-sivut käyttäen Flash- tekniikkaa ota huomioon, ettei kaikilla ole asennettuna flashia tukevaa ohjelmistoa selaimessaan. Mieti miltä sivustosi näyttää kun tämä tilanne toteutuu. Saako käyttäjä eteensä vain tyhjän sivun, jossa ei lue mitään vai tuleeko esiin sivu josta käyttäjää pyydetään lataamaan flash- tuki koneelleen linkin kautta tai vielä paremmin että hän pääsee sivustolle, jossa ei käytetä flash- tekniikkaa. Muista että käyttäjä tekee havaintonsa näkemästään ja kyllästyy nopeasti, mikäli ei pääse etenemään. 10 sekuntiakin saattaa olla jo liian pitkä aika odottaa sivuston latautumista.

7 5.5 Linkit Sekä kuvia että tekstiä voidaan linkittää muihin sivuihin. Käyttäjän kannalta on kuitenkin hyvä, jos hän tietää, mitä linkin takaa löytyy, eli mitä tapahtuu kun käyttäjä painaa linkkiä. Linkitetyssä tekstissä on hyvä käyttää selventävää tekstiä, esimerkiksi Laurean etusivulle. Linkit on hyvä myös erottaa muusta tekstistä fontin tai värin avulla. Ihmisen huomio kiinnittyy liikkeeseen ja poikkeavuuteen, joten jos asetat linkin niin että se reagoi kursorin liikkeeseen, linkki tulee sivulla paremmin esille. Tämä voi myös haitata luettavuutta. Mieti siis linkkien paikat huolella. Kun sivua linkitetään samassa sivustossa olevaan sivuun, on syytä asettaa linkin kohde eli target samoihin kehyksiin eli html -koodissa arvo top. Mikäli taas linkki lähtee ulos sivustoilta vaikkapa yrityksen yhteistyökumppanin sivuille, on linkin kohde syytä määrittää arvo blank. Tämä tarkoittaa että sivu aukeaa uuteen selainikkunaan. Muiden tekemiä sivuja ei saa ilman tekijän lupaa avata omiin kehyksiin. Linkit kannattaa myös sijoittaa muiden linkkien läheisyyteen, jolloin käyttäjälle muodostuu kuva kokonaisuudesta, jossa on mukana toiminnallisuutta. 5.6 Kuvat Kuvia käytettäessä niiden tulee olla aiheeseen liittyviä. Ne herättävät huomiota, mutta niiden tarkoituksena on myös tukea esitettävää asiaa. Verkkosivuilla kuvien tallennustyyppinä käytetään sekä Jpg- että gif- muotoa. Jpg soveltuu parhaiten, mikäli sivulla käytetään taustakuvaa. Kuvien tiedostokoko tulee pitää pienenä. Yksittäisen kuvan koko suositellaan olevan maksimissaan 20 kilotavua, jotta se ei haittaisi sivujen latautumisessa. Kuvien resoluution ei tarvitse olla niin korkea kuin esimerkiksi painotöissä. Suositus resoluutio onkin 72. Kuvat eivät aina lataudu ja joskus käyttäjä saattaa asettaa selaimensa niin, ettei se lataa kuvia näytölle sivuston lataamisen nopeuttamiseksi. Tämän takia yksittäisissä kuvissa olisi hyvä sisällyttää Alt-teksti, jonka tarkoituksena on kuvata käyttäjälle, mikä kuva on kyseessä.

8 Alt-tekstin ei tule olla pitkä. Alt-tekstissä ei tarvitse selittää tarkasti koko kuvaa sininen soikio, josta on halkaistu röpelöinen V-muotoinen aukko. Soikion alla lukee LAUREA vaan pelkkä Laurean logo tai punainen auto riittävät kuvaamaan, mistä on kyse. Mikäli teet yritykselle www-sivuja, kannattaa kuvamateriaalia sekä logot pyytää suoraan yritykseltä itseltään. Näin säästytään tekijänoikeusongelmilta sekä usein yritys noudattaa jotakin graafista ohjeistusta ja näin on helpompi pysyä sovitussa, kun esimerkiksi logot ovat yhdenmukaiset. Esimerkkinä Laurean viralliset logot on ladattavissa www-sivuilta. Muista tekijänoikeus eli kysy lupa, mikäli kuva ei ole omasi tai yleisessä käytössä. 5.7 Päivitys Internetin parhaita puolia on se että sieltä löytyy tietoa reaaliajassa. Tieto vanhenee nopeasti, joten päivityksellä on suuri merkitys sivuston käytettävyyden kannalta. Sivusto karkottaa käyttäjän, mikäli hän huomaa että olemassa oleva tieto on vanhentunut ja hän löytää tarvitsemansa tiedon muuta kautta. Sivustoilla on hyvä merkitä, milloin sivuja on päivitetty. Käyttäjä näkee heti, onko jotakin uutta tullut, ilman että hänen tarvitsee lähteä selaamaan koko sivustoa läpi. 5.8 Luettavuus Jotta sivusto olisi mahdollisimman luettavaa, kiinnitä huomiota seuraaviin asioihin. Mahtuuko sivu kuvaruudulle kerrallaan? Scrollausta eli vierityspalkkia tulee välttää erityisesti vaakasuunnassa. Onko sivun otsikot ymmärrettävissä? Otsikoiden perusteella on hahmotettava, mitä sivu käsittelee. Sama koskee linkkejä. Ne tulee erottua muista. Käyttäjälle on hyvä kertoa mitä avattavan linkin alta paljastuu. Tekstin kieliasun tulee noudattaa samaa linjaa. Slangia ja kirjakieltä ei kannata sekoittaa samalla sivulla. Sama koskee vieraskielisyyttä. Esimerkiksi suomenkieliset sivustot kannattaa tehdä erikseen kuin että samalle sivulle kirjoittaa ensin suomeksi ja sitten englanniksi. Fonttina www-sivuissa käytetään yleisiä kirjasinleikkauksia, jotka kuuluvat käyttöjärjestelmän peruskirjasimiin.

9 Näitä ovat muun muassa Arial, Helvetica, Times ja Verdana. Käyttämällä näitä, voidaan varmistua siitä että käyttäjän selaimessa sivusto näyttää samanlaiselta kuin suunnitellussakin. Kirjaisin koko voidaan määrittää joko pisteinä tai se voidaan suhteuttaa selain ikkunaan sopivaksi. Olennaista on, ettei käyttäjä tarvitse suurennuslasia lukeakseen sivustoa. Versaalit eli isot kirjaimet herättävät huomiota, mutta ovat luettavuudeltaan huonoja. Älä siis käytä niitä muuten kuin tarvittaessa lyhyenä otsikkona. Ota huomioon sivun informaation määrä. Näytöltä on raskaampaa lukea kuin paperista tai kirjasta. Pyri siis pakkaamaan informaatio mahdollisimman luettavaan muotoon, niin ettei käyttäjä sekoa riveissä tai nukahda lukiessaan. 5.9 Animaatiot Mikäli sivustoilla käytetään animaatioita, tulee miettiä, onko niiden käyttö perusteltua. Animaatiot kuin myös kuvat ovat tehokeinoja ja niillä tulee havainnollistaa käsiteltävää asiaa. Animaatiot on hyvä myös pystyä pysäyttämään, mikäli käyttäjä ei niitä halua nähdä. Esimerkkinä elokuvien viralliset www-sivut, joissa usein alussa on jokin intro, jonka yli käyttäjä voi hypätä, mikäli ei halua kuluttaa aikaa sen lataamiseen ja katsomiseen Testaus Lopuksi testaa sivustoa vaikkapa kaverillasi. Pyri siihen että kohderyhmääsi kuuluva henkilö saa myös testata sivustoa. Tällöin saat tiedon, mikä on hyvää ja mitä pitää kehittää. Harvoin testauksenkaan jälkeen sivusto on virheetön, koska testaustilanteet ja henkilöt vaikuttavat tuloksiin. Jokainen huomio on kuitenkin tärkeä, koska silloin voidaan pois sulkea aina yksi virhe enemmän loppukäyttäjältä.

10 LÄHTEET HTML-perusteet, Satu Luojus Kerava 2005, Laurea- ammattikorkeakoulu www-sivut jokaiselle sopiviksi Korpela J.K. Tietoyhteiskunnan kehittämiskeskus ry TIEKE, Helsinki 2003 Digitaalinen media, Keränen V. Lamberg N. Penttinen J Jyväskylä, Docendo Finland Oy, Sanoma WSOY- konserni Käyttäjän ehdoilla: Verkkografiikka Hatva A. International Standardization Organization

Verkkokirjoittaminen. Anna Perttilä Tarja Chydenius

Verkkokirjoittaminen. Anna Perttilä Tarja Chydenius Verkkokirjoittaminen Anna Perttilä Tarja Chydenius 1 Suosi lyhyttä tekstiä 2 Kenelle kirjoitat 3 Helpota lukijan työtä; lajittele tekstisi 3.1 Otsikot 3.2 Johdanto 3.3 Väliotsikot 3.4 Pääteksti 4 Linkit:

Lisätiedot

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen Kiipulan ammattiopisto Liiketalous ja tietojenkäsittely Erja Saarinen 2 Sisällysluettelo 1. Johdanto... 3 2. Hyvät internetsivut... 3 3. Kuvien koko... 4 4. Sivujen lataus... 4 5. Sivukartta... 5 6. Sisältö...

Lisätiedot

GRAAFINEN OHJEISTO SUOMEN VAPAA-AJANKALASTAJIEN KES KUSJÄRJESTÖ

GRAAFINEN OHJEISTO SUOMEN VAPAA-AJANKALASTAJIEN KES KUSJÄRJESTÖ GRAAFINEN OHJEISTO SUOMEN VAPAA-AJANKALASTAJIEN KES KUSJÄRJESTÖ Päivitetty 16.5.2006 TAVO ITTEENA YH TENÄINEN JA TUNNISTETTAVA JÄRJES TÖ ILME Graafinen ohjeisto antaa ohjeet ja mallit siitä, miltä Suomen

Lisätiedot

Graafinen ohjeisto 3.2. Tunnus (ilman koulutus-sanaa) ja tunnuksen suoja-alue Tunnuksen muotoilu perustuu sanaan FINVA, erillistä liikemerkkiä ei käytetä. Tunnuksessa yhteen sulautuvat Finanssi ja vakuutus.

Lisätiedot

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Minne Seppälä Avat 2014 Dokumentaatio 1 PROJEKTIN KUVAUS... 3 1.1 Projektin aloitus... 3 1.2 Aikataulu... 4 1.3 Kustannusarvio... 4 2 ULKOASU... 5 2.1

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

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

SeaMonkey pikaopas - 1

SeaMonkey pikaopas - 1 SeaMonkey pikaopas SeaMonkey on ilmainen ja yksinkertainen www-sivujen teko-ohjelma. Sillä on kätevää koostaa yksinkertaisia sivuja ilman, että täytyy tietää jotain HTML-koodista. Tämä opas esittelee sivuston

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

FrontPage 2000 - Näkymät

FrontPage 2000 - Näkymät FrontPage 2000 - Näkymät FrontPagessa on kuusi erilaista näkymää sivustoon. Sivunäkymä Tässä näkymässä luodaan sivut eli näkymä vastaa paljolti Wordin tekstinkäsittelyohjelman näkymää. Tässä on myös muokattava

Lisätiedot

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Sisällysluettelo Kirjautuminen ja ylläpito...3 Kirjautuminen sivustolle...3 Ylläpitovalikko...3 Artikkeleiden muokkaaminen...4 Artikkelin asetukset...4

Lisätiedot

Verkkokirjoittaminen. Verkkolukeminen

Verkkokirjoittaminen. Verkkolukeminen 0 Nopeaa silmäilyä: Pääotsikot, kuvat, kuvatekstit, väliotsikot, linkit, luettelot, korostukset. 0 Hitaampaa kuin paperilla olevan tekstin lukeminen 0 F-tyyppinen lukeminen Verkkolukeminen Verkkokirjoittaminen

Lisätiedot

MOODLE-OHJE: Linkin lisääminen tehtävänannon yhteyteen. Web-linkin lisääminen

MOODLE-OHJE: Linkin lisääminen tehtävänannon yhteyteen. Web-linkin lisääminen Web-linkin lisääminen Kirjauduttuasi sisään SAMK Moodleen, mene omalle opintojaksollesi ja siirry muokkaustilaan. Muokkaustila päälle painike löytyy opintojakson etusivulta yläoikealta. Kun muokkaustila

Lisätiedot

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia Graafinen ohjeistus Taustaa Logon elementit Mittasuhtet Suoja-alue Värimääritykset Logon sijoittelu Kirjasintyypit eli typografia Taustaa Nuorten Kotkien alkuperäinen logo on vaakunamalliseen kehyksen

Lisätiedot

Miksi tarvitsemme verkkokirjoittamisen taitoa?

Miksi tarvitsemme verkkokirjoittamisen taitoa? Verkkokirjoittaminen Luento Miksi tarvitsemme verkkokirjoittamisen taitoa? Mitä on verkkokirjoittaminen? Ennen: internet-sivujen tekeminen Nyt: blogit, wikit, sähköpostit Sosiaalisen median aikakautena

Lisätiedot

Key to Freedom GRAAFINEN OHJEISTO

Key to Freedom GRAAFINEN OHJEISTO Key to Freedom GRAAFINEN OHJEISTO 1 SISÄLLYSLUETTELO Johdanto... 5 Logon eri versiot... 7 Kuinka logoa ei tule käyttää... 11 Logon suoja-alue... 13 Slogan... 15 Typografia... 17 Värimaailma... 19 Käyntikorttipohja...

Lisätiedot

Oma kartta Google Maps -palveluun

Oma kartta Google Maps -palveluun TAMPERE 1 (6) Oma kartta Google Maps -palveluun Google Maps palveluun on mahdollista luoda karttoja omilla paikkamerkeillä. Tilin luonti Google-palveluihin Tehdäksesi karttoja omilla paikkamerkinnöillä,

Lisätiedot

Tekstieditorin käyttö ja kuvien käsittely

Tekstieditorin käyttö ja kuvien käsittely Tekstieditorin käyttö ja kuvien käsittely Teksti- ja kuvaeditori Useassa Kotisivukoneen työkalussa on käytössä monipuolinen tekstieditori, johon voidaan tekstin lisäksi liittää myös kuvia, linkkejä ja

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

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011 LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO SammutinHuolto Nevanperä Ky 2011 2(12) Sisältö 1. Johdanto 3 2. Tunnus 4 - Tunnuksen koko 5 - Tunnuksen suoja-alue 6 - Tunnuksen käyttö 7 3. Värimääritykset

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

Asiakas ja tavoite. Tekninen toteutus

Asiakas ja tavoite. Tekninen toteutus Asiakas ja tavoite Heikieli on vuonna 2015 perustettu yhden hengen asiantuntijayritys, joka tarjoaa käännös- ja oikolukupalveluita englannista ja saksasta suomeksi. Freelance-kääntäjiä on Suomessa paljon,

Lisätiedot

Aineistot tulee toimittaa aineistoaikataulun ja -ohjeiden mukaisesti ennen kampanjan alkua osoitteeseen: verkkomainonta@almamedia.fi.

Aineistot tulee toimittaa aineistoaikataulun ja -ohjeiden mukaisesti ennen kampanjan alkua osoitteeseen: verkkomainonta@almamedia.fi. Yleisohjeet mainosaineistoille Aineistot tulee toimittaa aineistoaikataulun ja -ohjeiden mukaisesti ennen kampanjan alkua osoitteeseen: verkkomainonta@almamedia.fi. Kun lähetät aineistoja sähköpostitse,

Lisätiedot

KESKUSTANUORTEN NETTISIVUT- OHJEITA PIIRIYLLÄPITÄJÄLLE 1. KIRJAUTUMINEN

KESKUSTANUORTEN NETTISIVUT- OHJEITA PIIRIYLLÄPITÄJÄLLE 1. KIRJAUTUMINEN KESKUSTANUORTEN NETTISIVUT- OHJEITA PIIRIYLLÄPITÄJÄLLE 1. KIRJAUTUMINEN -Mene osoitteeseen keskustanuoret.fi/user - Kirjoita saamasi käyttäjätunnus ja salasana - Klikkaa yllä olevaa piirisi logoa niin

Lisätiedot

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE JULKAISUJÄRJESTELMÄÄN KIRJAUTUMINEN. Osoitekenttään kirjoitetaan www.domain.fi/admin. Kirjoita käyttäjätunnus: xxxxxx. Salasana:

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

Verkkojulkaiseminen Minna Väisänen. HTML5-tehtävä

Verkkojulkaiseminen Minna Väisänen. HTML5-tehtävä Verkkojulkaiseminen Minna Väisänen HTML5-tehtävä Kirjoita Dreamweaverissa oheisen nettisivun koodi. Lisää xx-kohtiin omat tietosi. Kuvan nimi on joki.jpg. Ensin tehdään sivusto ja sitten yksittäinen sivu.

Lisätiedot

Purot.net Wiki. Tutkielma. Paavo Räisänen. Centria Ammattikorkeakoulu 24.10.2012

Purot.net Wiki. Tutkielma. Paavo Räisänen. Centria Ammattikorkeakoulu 24.10.2012 Purot.net Wiki Tutkielma Paavo Räisänen Centria Ammattikorkeakoulu 24.10.2012 Sisällysluettelo 1: Esittely 2: Perustaminen 3: Uuden sivun luonti 4: Kuvien lisääminen 5: Linkin lisääminen 6: Lopuksi 1:

Lisätiedot

www.kotisivukone.fi Pikaopas kotisivujen tekoon

www.kotisivukone.fi Pikaopas kotisivujen tekoon Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet avannut kotisivut Kotisivukoneella, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen

Lisätiedot

Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja.

Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja. RUUTU DYNAAMINEN SPOTTI TEKNISET OHJEET Versio 1.0 Yleistä Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja. Dynaamiset spotit ovat flash mainoksia, jotka mahdollistavat

Lisätiedot

Nimi: Opnro: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä. 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla:

Nimi: Opnro: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä. 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla: a) käytettävyys b) käyttäjäkeskeinen suunnittelu c) luonnollinen kieli

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50

Lisätiedot

Kirjan toteutus BoD easybook -taittotyökalun avulla

Kirjan toteutus BoD easybook -taittotyökalun avulla Kirjan toteutus BoD easybook -taittotyökalun avulla Seuraavilla sivuilla esittelemme yksityiskohtaisesti, miten voit helposti ja nopeasti yhdistää kuvia ja tekstiä easybook -taittotyökalun avulla. Edellytykset

Lisätiedot

Omat tietoni -käyttöopas (kansainvälinen)

Omat tietoni -käyttöopas (kansainvälinen) Omat tietoni -käyttöopas (kansainvälinen) Tässä käyttöoppaassa annetaan käyttöohjeet Omat tietoni -osiota varten, joka on portaali, joka tarjoaa Ashlandin työntekijöille keskitetyn paikan käyttää ja hallita

Lisätiedot

Moodle-oppimisympäristö

Moodle-oppimisympäristö k5kcaptivate Moodle-oppimisympäristö Opiskelijan opas Sisältö 1. Mikä on Moodle? 2. Mistä löydän Moodlen? 3. Kuinka muokkaan käyttäjätietojani? 4. Kuinka ilmoittaudun kurssille? 5. Kuinka käytän Moodlen

Lisätiedot

Sonera Viestintäpalvelu VIP VIP Laajennettu raportointi Ohje

Sonera Viestintäpalvelu VIP VIP Laajennettu raportointi Ohje Sonera Viestintäpalvelu VIP VIP Laajennettu raportointi Ohje Sisällysluettelo VIP Laajennettu raportointi... 3 Luo raportti Laajennetun raportoinnin työkaluilla... 4 Avaa Laajennettu raportointi... 4 Valitse

Lisätiedot

Ohjeistus yhdistysten internetpäivittäjille

Ohjeistus yhdistysten internetpäivittäjille Ohjeistus yhdistysten internetpäivittäjille Oman yhdistyksen tietojen päivittäminen www.krell.fi-sivuille Huom! Tarvitset päivittämistä varten tunnukset, jotka saat ottamalla yhteyden Kristillisen Eläkeliiton

Lisätiedot

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

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

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

1 Yleistä Web-editorista... 3. 1.1 Web-editori -dokumentin luominen... 3. 2 Pikatoimintopainikkeet... 3. 2.1 Tallenna... 3

1 Yleistä Web-editorista... 3. 1.1 Web-editori -dokumentin luominen... 3. 2 Pikatoimintopainikkeet... 3. 2.1 Tallenna... 3 Web-editori 2 Optima Web-editori -ohje Sisällysluettelo 1 Yleistä Web-editorista... 3 1.1 Web-editori -dokumentin luominen... 3 2 Pikatoimintopainikkeet... 3 2.1 Tallenna... 3 2.2 Peru / Tee uudelleen...

Lisätiedot

v4.0 Palvelukuvaus 1.11.2014

v4.0 Palvelukuvaus 1.11.2014 v4.0 Palvelukuvaus 1.11.2014 - 2-5 Internetsivustopaketti nettihelmi nettihelmi on Avaimet käteen Internetsivusto ratkaisu. Palvelu sisältää laadukkaan graafisen ulkoasun nettihelmi perussivupohjaan ja

Lisätiedot

MAINOSRATKAISUT 2013. Autotalli.com tarjoaa näkyvyyden oikealle kohderyhmälle mainosviestiä tukevassa mediaympäristössä:

MAINOSRATKAISUT 2013. Autotalli.com tarjoaa näkyvyyden oikealle kohderyhmälle mainosviestiä tukevassa mediaympäristössä: MAINOSRATKAISUT 0 Internet on tärkeä tiedonhakukanava auton ostoprosessissa. Verkosta saadun tiedon perusteella tehdään ostopäätöksiä sekä uusista autoista että vaihtoautoista. Verkkoa hyödynnetään autoa

Lisätiedot

NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun

NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun OpenSpace NetEazer julkaisujärjestelmä on täydellinen informaatiojärjestelmä nykyaikaisten wwwpalvelujen sisällöntuotantoon.

Lisätiedot

Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen

Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen Tervetuloa mukaan rakentamaan yr-blogiamme! Lue seuraavat ohjeet ennen artikkelisi julkaisemista. Pääset kirjautumaan sisään osoitteessa

Lisätiedot

Ohjeet asiakirjan lisäämiseen arkistoon

Ohjeet asiakirjan lisäämiseen arkistoon Ohjeet asiakirjan lisäämiseen arkistoon 1. Jos koneellesi ei vielä ole asennettu Open Office ohjelmaa, voit ladata sen linkistä joka löytyy Arkisto => Asiakirjapohjat sivulta seuran kotisivuilta. Jos ohjelma

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

Facebook-sivun luominen

Facebook-sivun luominen Facebook-sivun luominen Facebook-sivun luominen Etene vaihe vaiheelta 1 Kirjaudu Facebook-palveluun omalla käyttäjätunnuksellasi. Sen jälkeen sivun alareunassa näkyvät toimintolinkit, joista sinun täytyy

Lisätiedot

Oppilaan opas. Visuaaliviestinnän Instituutti VVI Oy. Versio 0.2 (2008-01-21)

Oppilaan opas. Visuaaliviestinnän Instituutti VVI Oy. Versio 0.2 (2008-01-21) Oppilaan opas Visuaaliviestinnän Instituutti VVI Oy Versio 0.2 (2008-01-21) Versio Päivämäärä Kuvaus 0.1 2005-01-16 Ensimmäinen versio. 0.2 2008-01-21 Korjattu kuvatiedostojen maksimiresoluutio ja muutamia

Lisätiedot

Kirjoitusohje Oped-Exo - ejulkaisulle

Kirjoitusohje Oped-Exo - ejulkaisulle No. Kirjoitusohje Oped-Exo - ejulkaisulle projektiassistentti Reima Kallinen Oped-Exo hanke Julkaistu 08.11.2004 (Muokattu 16.11.2004) Kallinen, R. Kirjoitusohje Oped-Exo-julkaisulle Julkaistu 08.11.2004

Lisätiedot

Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto

Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto Condess ratamestariohjelman käyttö Aloitus ja alkumäärittelyt Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto Kun kysytään kilpailun nimeä, syötä kuvaava nimi. Samaa nimeä käytetään oletuksena

Lisätiedot

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI...

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... GRAAFINEN OHJEISTO 1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 PÄÄLLEKKÄISVERSIO... 4 RINNAKKAISVERSIO... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... 5

Lisätiedot

MOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen

MOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen etusivulta yläoikealta. Kirjauduttuasi sisään SAMK Moodleen, mene omalle opintojaksollesi ja siirry muokkaustilaan. Muokkaustila päälle painike löytyy opintojakson Kun muokkaustila on päällä, siirry sen

Lisätiedot

NETTISIVUJEN PÄIVITYS OHJEET versio 1.1

NETTISIVUJEN PÄIVITYS OHJEET versio 1.1 1/7 Sisällysluettelo: YLEISOHJEET 1 HALLINTA 1 Hallinnan etusivu 2 Uutiset 3 Luo uusi uutinen 3 Luo uusi uutiskuva 4 Muokkaa vanhoja uutisia 4 Kuvagalleriat 4 Kalenteri 5 Joukkue 5 Pelaajat 5 Ottelut 6

Lisätiedot

Ohje tutkielman tekemiseen

Ohje tutkielman tekemiseen Sauvon koulukeskus 2011 Ohje tutkielman tekemiseen Aiheen valinta Etsi materiaalia Valitse itseäsi kiinnostava aihe. Sovi opettajan kanssa aiheen rajaus. Pyydä opettajalta tutkielmapassiin merkintä aiheen

Lisätiedot

Verkkokaupan ohje. Alkutieto. Scanlase verkkokauppa. Sisäänkirjautuminen

Verkkokaupan ohje. Alkutieto. Scanlase verkkokauppa. Sisäänkirjautuminen Verkkokaupan ohje Alkutieto Verkkokaupan tarkoitus on helpottaa Scanlase asiakkaiden tilaamisprosessia kun asiakkaat tarvitsevat tuotteita. Verkkokaupan ollessa pois toiminnasta tilaukset tulee tehdä puhelimitse

Lisätiedot

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko Sisällys Sisällys 1. Esipuhe Teksti 2. Liikemerkki ja värit eri käyttötilanteissa 2.1 Esimerkkejä liikemerkin käytöstä eri taustoissa 3. Liikemerkin mitat ja suoja-alue 4. Logo ja liikemerkki 5. Slogan

Lisätiedot

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta http://moodle.pkamk.fi/. Voit vaihtaa kielen valikosta.

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta http://moodle.pkamk.fi/. Voit vaihtaa kielen valikosta. TEEMA2 Aineistot Sisältö Moodleen kirjautuminen...1 Aineistot (Lisää aineisto ) - Web-sivu...2 - Linkit ulkoisille sivuille...4 - Valmiit tiedostot...5 Etusivun näkymän jäsennys otsikoilla...7 Tiedostojen

Lisätiedot

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Joomla pikaopas Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Paavo Räisänen www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida, tulostaa

Lisätiedot

Tiedostojen siirto ja FTP - 1

Tiedostojen siirto ja FTP - 1 Tiedostojen siirto ja FTP Tiedonsiirto Sibelius-Akatemian hakemistosi ja jonkun muun koneen välillä (esim. kotikoneesi) Taustaa FTP on lyhenne sanoista File Transfer Protocol. Se on yhteystapa jolla siirretään

Lisätiedot

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Sivu 1(16) Sisällysluettelo 1 Joomla! sivuston sisällöntuotanto... 2 2 Artikkeleiden julkaisu sivustolla... 4 3 Artikkelin julkaisemista

Lisätiedot

ViNOn graafinen ohjeisto, alpha 22.1.2013

ViNOn graafinen ohjeisto, alpha 22.1.2013 ViNOn graafinen ohjeisto, alpha 22.1.2013 Johdanto Graafiset ohjeistot ovat viestinnän alan yleinen käytäntö. Kaikessa järjestöviestinnässä käytetään organisaatiokohtaisia graafisia ohjeistuksia, jotta

Lisätiedot

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä: Nielsen: "Olen tutkinut Webin käytettävyyttä vuodesta 1994, ja jokaisessa tutkimuksessa esiin on noussut sama asia: käyttäjät haluaisivat sivujen latautuvan nopeammin. Aluksi olin sitä mieltä, että käyttäjät

Lisätiedot

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa)

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa) Ilmoittautumis järjestelmän otsikko alue Jokaisella tapahtumalla on otsikko-osa joka on samanlainen joka puolella sovellusta. Tämä Judokilpailuissa käytetty otsikko-osa koostuu viidestä linkistä, joita

Lisätiedot

Sami Hirvonen. Ulkoasut Media Works sivustolle

Sami Hirvonen. Ulkoasut Media Works sivustolle Metropolia ammattikorkeakoulu Mediatekniikan koulutusohjelma VBP07S Sami Hirvonen Ulkoasut Media Works sivustolle Loppuraportti 14.10.2010 Visuaalinen suunnittelu 2 Sisällys 1 Johdanto 3 2 Oppimisteknologiat

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

Yksilötilaajan ohje. TIEKE www.tieke.fi

Yksilötilaajan ohje. TIEKE www.tieke.fi Yksilötilaajan ohje TIEKE Yksilötilaajan ohje 1 (9) Yksilötilaajan ohje in lyhyesti Olet tilaamassa ja tekemässä testiä, jossa arvioit omia tieto- ja viestintäteknisiä taitojasi. Tämä ohje auttaa sinua

Lisätiedot

Sähköposti tehokäyttöön

Sähköposti tehokäyttöön Sähköposti tehokäyttöön Tarja Chydenius Anna Perttilä SÄHKÖPOSTI TEHOKÄYTTÖÖN 1 Sähköpostin etuja 1 2 Sähköposti ei ole aina paras valinta 1 3 Sähköpostin laatiminen 2 3.1 Vastaanottaja 2 3.2 Otsikkorivi

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

Monilla aloilla myös pukeutuminen ja käyttäytyminen ovat yrityksen visuaalisen linjan mukaista.

Monilla aloilla myös pukeutuminen ja käyttäytyminen ovat yrityksen visuaalisen linjan mukaista. PROFILOINNIN TYÖKALUT Yrityksen kaikilla merkeillä täytyy olla yhtenäinen linja. Visuaalinen kokonaisuus: symbolit, merkit, tunnukset, tunnusvärit, typografia muodostavat yhden eheän erottuvan linjan,

Lisätiedot

AINEISTOJEN TEKNINEN OHJEISTUS 2009

AINEISTOJEN TEKNINEN OHJEISTUS 2009 AINEISTOJEN TEKNINEN OHJEISTUS 2009 VERKKOMAINONTA Esa Verkkomedia noudattaa verkkomainonnassa alan yleisiä standardeja. Bannerimainokset voidaan toimittaa jpg-, gif-, html- tai flash-muodoissa. Lisäksi

Lisätiedot

Graafiset käyttöliittymät Sivunparantelu

Graafiset käyttöliittymät Sivunparantelu Graafiset käyttöliittymät Sivunparantelu Johdanto Tarkoituksenamme on parantaa Konebox.fi-verkkokaupan nettisivuja. Ensivaikutelman perusteella sivusto tuntuu todella kömpelöltä ja ahdistavalta. Sivu on

Lisätiedot

hannu hautala luontokuvakeskus Graafinen ohjeisto

hannu hautala luontokuvakeskus Graafinen ohjeisto Graafinen ohjeisto Tunnus ja värisymboliikka Merkin muoto perustuu lentävään kuukkeliin, joka on Kuusamon metsien onnea tuova seuralainen. Lennon suunta on positiivisesti ylös vasemmalle, joka on kokonaisuutta

Lisätiedot

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi?

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi? Internetin hyödyt ja vaarat Miten nettiä käytetään tehokkaasti hyväksi? Linkit Chrome https://www.google.com/intl/fi/chrome/browser/ Firefox http://www.mozilla.org/fi/ Opera http://www.opera.com/fi Vertailu

Lisätiedot

H9 Julkaiseminen webissä

H9 Julkaiseminen webissä H9 Julkaiseminen webissä Tässä harjoituksessa opetetaan kaksi tapaa viedä tiedostoja jakoon webin kautta (tehtävä 1 ja tehtävä 3), sekä kokeillaan yksinkertaista, jokamiehen tapaa tehdä oma sivusto (tehtävä

Lisätiedot

LUOVA ETELÄ-KARJALA LOGO

LUOVA ETELÄ-KARJALA LOGO LUOVA ETELÄ-KARJALA LOGO Luova Etelä-Karjala logon lähtökohtana on maantieteellisen alueen muoto liitettynä Saimaaseen ja eteläkarjalaisten kädentaitoihin ja luovuuteen, monipuoliseen taito-tieto-osaamiseen.

Lisätiedot

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla 1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.

Lisätiedot

ESTEETTÖMYYSTESTAUSRAPORTTI TAPAHTUMAKALENTERI JA BLOGI / THL.FI 10.3.2014

ESTEETTÖMYYSTESTAUSRAPORTTI TAPAHTUMAKALENTERI JA BLOGI / THL.FI 10.3.2014 1 / 9 ESTEETTÖMYYSTESTAUSRAPORTTI TAPAHTUMAKALENTERI JA BLOGI / THL.FI 10.3.2014 2 / 9 1 Johdanto Tässä asiakirjassa raportoidaan havainnot, jotka tehtiin Annanpura Oy:n suorittaman thl.fisivuston toimeksiannossa

Lisätiedot

Mainontaa myydään aikapohjaisesti viikon jaksoissa. Erikoisratkaisut +15%, ääni +10%. Avaussivun mainonta on valtakunnallista.

Mainontaa myydään aikapohjaisesti viikon jaksoissa. Erikoisratkaisut +15%, ääni +10%. Avaussivun mainonta on valtakunnallista. AVAUSSIVU Mainontaa myydään aikapohjaisesti viikon jaksoissa. Erikoisratkaisut +15%, ääni +%. Avaussivun mainonta on valtakunnallista. 1a 1 Etuovi-div 305 x 16 px Mainosalue 56 x 56 px Etäisyys pohja 140

Lisätiedot

Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi

Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi Valtti Valmis tutkinto työelämävalttina, Jenni Kaisto Sisältö NÄKYMÄ SISÄÄNKIRJAUTUESSA... 1 NINGIN HALLINNOINTI JA MUOKKAUS... 3 KOJELAUTA...

Lisätiedot

Tunnuksen päivitys 19.9.2012

Tunnuksen päivitys 19.9.2012 Tunnuksen päivitys 19.9.2012 2 Tampereen yliopiston tunnus Tampereen yliopiston tunnus Tuhannet ihmiset näkevät Tampereen yliopiston tunnuksen päivittäin lomakkeissa, nettisivuilla, raporteissa, esitteissä.

Lisätiedot

ICT1TN004 Hakukoneoptimoin p ti Heikki Hiet Hie ala t

ICT1TN004 Hakukoneoptimoin p ti Heikki Hiet Hie ala t ICT1TN004 Hakukoneoptimointi Heikki Hietala Hakukoneoptimointi Sivuston laatiminen on vain osa työtä Laadittu sivusto on saatava myös hyvin esiin hakukoneissa Tavoitteena on kasvattaa ns. luonnollista

Lisätiedot

Perustietoja Mietoisten kyläportaalista... 2. Yhdistyksen ylläpitäjän kirjautuminen... 2. Yhdistyksen etusivun muokkaaminen... 2

Perustietoja Mietoisten kyläportaalista... 2. Yhdistyksen ylläpitäjän kirjautuminen... 2. Yhdistyksen etusivun muokkaaminen... 2 Mietoisten kyläportaalin käyttöohjeet alasivujen ylläpitäjille Päivitetty 8.4.2011 Sisältö Perustietoja Mietoisten kyläportaalista... 2 Yhdistyksen ylläpitäjän kirjautuminen... 2 Yhdistyksen etusivun muokkaaminen...

Lisätiedot

Comet laskutusasiakas -sivusto

Comet laskutusasiakas -sivusto Comet laskutusasiakas -sivusto Pysäköintirahan lataaminen Comet pysäköinin maksulaitteisiin laskutusasiakas sivustolla https://secure.comet.fi/comet/cpss Tuki: Tekninen tuki 0100 87 870 (arkisin 8.00 16.00)

Lisätiedot

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Graafinen ohjeisto Tunnus Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Visio: Suomi on Euroopan kilpailukykyisin

Lisätiedot

Windows 8.1:n vaiheittainen päivitysopas

Windows 8.1:n vaiheittainen päivitysopas Windows 8.1:n vaiheittainen päivitysopas Windows 8.1:n asennus ja päivitys Päivitä BIOS, sovellukset ja ohjaimet ja suorita Windows Update Valitse asennustyyppi Asenna Windows 8.1 Käy Samsungin päivitystukisivust

Lisätiedot

Jotta voit käyttää Facebookia täytyy sinun ensiksi luoda sinne käyttäjätili. Käyttäjätilin luominen onnistuu noudattamalla seuraavia ohjeita.

Jotta voit käyttää Facebookia täytyy sinun ensiksi luoda sinne käyttäjätili. Käyttäjätilin luominen onnistuu noudattamalla seuraavia ohjeita. Facebook-pikaopas Mikä Facebook on? Facebook on internetissä toimiva sosiaalinen palvelu, jonka avulla sen käyttäjät voivat olla yhteydessä ystäviinsä ja sukulaisiinsa, jakaa kuvia ja videoita sekä liittyä

Lisätiedot

Comet pysäköintimittarin asennus ja kytkeminen tietokoneeseesi (Windows XP) USB-kaapelilla.

Comet pysäköintimittarin asennus ja kytkeminen tietokoneeseesi (Windows XP) USB-kaapelilla. Comet pysäköintimittarin asennus ja kytkeminen tietokoneeseesi (Windows XP) USB-kaapelilla. HUOM! TÄMÄ OHJE ON COMET LAITTEEN ENSIMMÄISTÄ ASENNUSKERTAA VARTEN. Ladataksesi rahaa Comet pysäköintimittariisi

Lisätiedot

Uutiskirjesovelluksen käyttöohje

Uutiskirjesovelluksen käyttöohje Uutiskirjesovelluksen 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 2 Sisällys Johdanto... 1 Päänavigointi...

Lisätiedot

Helsingin Sanomat ipad

Helsingin Sanomat ipad Helsingin Sanomat ipad Sovelluksen mainosaineistojen tekniset ohjeet: kokosivu ja etusivu 13.5.2013 SISÄLLYS ipad-mainokset 2 Tekniikka ja tiedostokoot 3 Orientaatio 4 Linkit: richie-modal-browser 4 Gesture

Lisätiedot

Mikä on facebook? Rekisteröityminen

Mikä on facebook? Rekisteröityminen Mikä on facebook? Facebook on Internetissä toimiva sosiaalinen palvelu, jonka tarkoituksena on yhdistää ystäviä, työ ja opiskelu kavereita ja tuttuja. Ihmiset käyttävät facebookkia ollakseen yhteydessä

Lisätiedot

Matopeli C#:lla. Aram Abdulla Hassan. Ammattiopisto Tavastia. Opinnäytetyö

Matopeli C#:lla. Aram Abdulla Hassan. Ammattiopisto Tavastia. Opinnäytetyö Matopeli C#:lla Aram Abdulla Hassan Ammattiopisto Tavastia Opinnäytetyö Syksy 2014 1 Sisällysluettelo 1. Johdanto... 3 2. Projektin aihe: Matopeli C#:lla... 3 3. Projektissa käytetyt menetelmät ja työkalut

Lisätiedot

3. Ryhdy kirjoittamaan ja anna kaiken tulla paperille. Vääriä vastauksia ei ole.

3. Ryhdy kirjoittamaan ja anna kaiken tulla paperille. Vääriä vastauksia ei ole. 1 Unelma-asiakas Ohjeet tehtävän tekemiseen 1. Ota ja varaa itsellesi omaa aikaa. Mene esimerkiksi kahvilaan yksin istumaan, ota mukaasi nämä tehtävät, muistivihko ja kynä tai kannettava tietokone. Varaa

Lisätiedot

julkaiseminen verkossa

julkaiseminen verkossa julkaiseminen verkossa SuPerin webmastereiden koulutuspäivä Viestintä-Piritta Piritta Seppälä Vuosi 2015 www.viestintapiritta.fi viestintä-pirittan piritta @piritta Sosiaalisen median kouluttaja ja asiantuntija

Lisätiedot

Näin rakennat mielenkiintoiset nettisivut

Näin rakennat mielenkiintoiset nettisivut Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit

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

LUKKARIN KÄYTTÖOHJE Sisällys

LUKKARIN KÄYTTÖOHJE Sisällys LUKKARIN KÄYTTÖOHJE Sisällys 1. Yleistä... 2 2. Lukkarin käynnistys ja sisäänkirjautuminen... 2 3. Vapaa aikatauluhaku... 2 4. Lukujärjestyksen luominen ja avaaminen... 3 Lukukauden valinta... 3 Uuden

Lisätiedot

Graafinen ohjeisto 1

Graafinen ohjeisto 1 Graafinen ohjeisto 1 Sisältö Tunnuksista yleisesti... 3 Tunnuksen versiot ja rakenne.... 4 Merkin värit.... 5 Tunnuksen värivaihtoehtoja... 7 Tunnuksen suoja-alue.... 8 Tunnuksen sijoittelu.... 9 Pienen

Lisätiedot