Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Koko: px
Aloita esitys sivulta:

Download "Kopseptisuunnittelu Verkkomultimedia ICT1tn004"

Transkriptio

1 Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Sivustokartta Käsikirjoitus Graafinen suunnitelma Elina Ulpovaara

2 Konseptisuunnittelu ICT1TN004 toiminnallisuus toimintatarinat -> käyttötarinat kuvatarinat vuokaaviot käyttötapaukset -nimi -suorittaja -tarkoitus - alkutilanne - lopputilanne -kuvaus - vaihtoehdot - poikkeukset sisältö sivusto -rakenne sivu - rautalankamallit - käsikirjoitus - graafinen suunnitelma Kaiken suunnittelun taustalla on tavoite ja kohderyhmä.

3 Sisällön käsittely sisältö Sisällön käsittely: Sisältö on tärkeintä jokaisessa sivustossa/sivussa. Paraskaan tekniikka ja hieno kuvitus ei pelasta huonoa sisältöä. Hyvä sisältökään ei riitä vaan sisältö täytyy organisoida eli järjestää hyvin. Muista kohderyhmän vaikutus sisältöön ja sisällön järjestykseen. Tehtävänäsi on suunnitella ja toteuttaa pk-yrityksen wwwsivusto. sivuston tavoite ja kohderyhmä 1. Mitä asioita sivustoosi tulee? 2. Järjestä asiat loogisella tavalla. Aloita jakamalla sisältö eri osuuksiin. Tee myös alijaot osuuksien sisällä. 3. Tee sisältörunko. Voit käyttää esim. ranskalaisia viivoja tai miellekarttaa. 4. Arvioi valmis sisältörunko.

4 sivusto -rakenne Sivustokartta Sivustokartta eli sivuston rakenne Sivustokartta on kuvallinen esitys sivuston rakenteesta, kulusta sekä sisällön ja tietojen ryhmittelystä. Jokainen sivu omaan laatikkoon Linkit näkyviin (tärkeimmät) Kotisivu index.html Yritys company.html Y. Historia c_biographies.html Yhteystiedot c_contact.html Nimeämiskäytännöt: Päätä vakiotapa, jolla tiedostot nimetään. Organisatorinen nimeäminen Html-nimeäminen 1. Kotisivu 2. Yritys 2.1 Yrityksen historia 2.2 Yhteystiedot

5 6. Toteuta sivustokartta tekemäsi sisältörungon perusteella. Mieti vielä rakenteen loogisuutta. 7. Mieti ja toteuta samalla nimeämiskäytäntö. kotterot vaihtoautot jätä ilmoitus yritys Tämä on myös hyvä pohja hakemistorakenteen suunnitteluun. henkilöautot pakettiautot yhteystiedot työntekijät erikoisuudet

6 sivu - rautalankamallit - käsikirjoitus - graafinen suunnitelma Rautalankamallit Sivuston kuvallinen käsikirjoitus Tehdään luonnokset tärkeimmistä sivuista: navigointi, otsikot, tekstin sijoittelu, kuvat jne. logo Kuva etsi etsi Päänavigointi alinavigointi Asiasisältö 8. Suunnittele ja piirrä kaikista tärkeimmistä sivumalleista rautalankamallit. Tässä tehtävässä toteutetaan pieni sivusto, joten suunnitellaan kaikki mallit. 9. Numeroi tai nimeä mallit (etusivu, alasivu, sisältösivu, tietosivu...)

7 Käyttöliittymän iteratiivinen kehittäminen paperiprototyypeillä: toteuta riittävän samankaltainen prototyyppi tuotteen käyttöliittymästä kuin lopullinen palvelu testaa prototyyppiä ja analysoi tulokset tee korjaukset prototyyppiin ja testaa uudelleen kun prototyyppi on valmis, tee siitä rautalanka malli korjataan ja suunnitellaan lisää yksityiskohtia suunnitellaan tehdään paperiprototyyppi Hyödyt paperiprotoilusta: - edullista - iterointi nopeaa - helppoa, ei vaadi erikoistekniikoita - arvioinnin ja arvostelun kynnys matala ICT1TN004 analysoidaan valmis rautalankamalli

8 Käsikirjoitus Kirjoitetaan auki jokainen sivu, eli mitä tekstejä, taulukoita, kuvia jne. sivuilla on. Sivujen yhteiset osiot kuten tunnuskuvat/logot, navigoinnit riittää, että kirjoitat vain yhden kerran. Käsikirjoittamisen työvälineet: vapaamuotoinen kirjoittaminen taulukkokäsikirjoitusmenetelmä ohessa olevan esimerkin mukaisesti ICT1TN004

9 Esimerkki: Kotterot vaihtoautot netistä ilman välikäsiä 2) navigointi 1) tunnuskuva + otsikko 3) sivun otsikko 4) Tekstit, kuvat ja muu sisältö 5) Yhteistyökumppanien linkit ja mainokset

10 Sivu: index.html, Kotterot Oy:n kotisivu Sivun idea: Kotterot Oy:n kotisivu, kerrotaan liikeidea ja linkit muille sivuille. Osio 1) Tunnuskuva ja otsikko Sisältö Kotterot.gif Kotterot OY 2) Navigointi kotisivu vaihtoautot jätä ilmoitus - yritys 3) Sivun otsikko Kotterot vaihtoautot netistä ilman välikäsiä 4) Tekstit, kuvat ja muu sisltö Kotterot Oy:n sivuilta löydät nopeasti ja edullisesti sinulle sopivan vaihtoauton. Autojen välitys tapahtuu suoraan myyjältä ostajalle ilman turhia välikäsiä. Palvelun kautta voit myös jättää autosi myyntiin ja odotella kotona takkatulen ääressä yhteyden ottoa autosi oston merkeissä. Kuva: kottero2.jpg Huom. Jos tekstit ovat pitkiä, niistä kannattaa tehdä erillinen liite.

11 Graaffinen suunnitelma Tee sivustosi ulkoasusta visuaalinen suunnitelma, josta ilmenee sivuston visuaalinen teema, jonka lähtökohtana on kohderyhmä ja sivuston tavoite selaimen kohdeikkunan koko, katseltavana ja maksimoituna käytätkö venyviä sivuja vai kiinteää leveyttä (ja korkeutta) kaikkien rakenneosien tarkat paikat, koot ja värit kaikkien tekstien (pääotsikko, alaotsikot, leipätekstit, kuvatekstit, linkit aktiivisena ja passiivisena ja muut tarvittavat tekstit) fontit, koot, värit, välistykset ja harvennukset. Graafisen suunnitelman työvälineet: vapaamuotoinen kirjoittaminen ohjeen 1 mukaan ohjeen 2 mukaan käyttäen leiskasuunnitelmia

12 Ohje 1 1. Yleiskuvaus sovelluksen teemasta 2. Sovelluksen yleinen ulkoasu 2.1 Näyttökoko suunnittelun lähtökohtana oleva sivun peruskoko kannanotto mukautuvuuteen 2.2 Tausta taustan yleisilme 2.3 Tekstit pääotsikko alaotsikot leipäteksti kuvatekstit linkit tausta fontti väri koko muuta huomioitavaa

13 Ohje 1 jatkuu 2.4 Kuvat ja grafiikka kuvien yleisilme animaatiot grafiikat: viivat ym. 2.5 Taulukot Taulukoiden ulkoasu: taustat, tekstit, kehykset 2.6 Luettelot Luetteloiden ulkoasu 2.7 Navigointiratkaisu Perusnavigoinnin esittely 2.8 Muut elementit 3. Yksittäisten sivujen poikkeukset 4. Suunnitteluleiskoja Leiskoja perussivuista, joista näkyy sovelluksen ulkoasusuunnittelun lisäksi sommittelu.

14 Ohje 2 1. Yleiskuvaus sovelluksen teemasta 2. Näyttökoko suunnittelun lähtökohtana oleva sivun peruskoko kannanotto mukautuvuuteen Muut asiat voit esittää hyväksi käyttäen leiskoja.

15 Ohje 2 jatkuu: 3. Komponenttien mitat ja paikat Sivun leveys 900 px Sivu keskitetään Liikemerkki: 200x78 px Oikean reunat kuvat: 75x68 px 10px 153px 200px 230px 15px 10px 240px 8em 10em

16 Tausta valkoinen: rgb(255,255,255) Ohje 2 jatkuu: 4. Komponenttien värit, viivojen paksuudet Border: 1px solid rgb(0,0,0) rgb(255,255,255) rgb(172,205,21) rgb(255,255,255)

17 Ohje 2 jatkuu: 5. Typografia Sivuston perusfontti: font-family: Tahoma, Arial, Helvetica, sans-serif color: rgb(0,0,0) Murupolku: font-size:0.7em hover: color: #0066cc h1: oletus h3: oletus Navigointi: color: rgb(255,255,255) hover: color: rgb(0,102,204).ollaan color:rgb(0,0,0) p: oletus Linkit tekstissä: -oletus -hover color: rgb(0,122,201) background-color: rgb(255,255,255)

18 Ohje 2 jatkuu: 6. Listat, taulukot ja muut elementit Listat Oletus Taulukot border: 1px solid rgb(0,122,201) border-collapse:collapse td, th padding:5px tekstin ja reunan välinen tila 5px vertical-align:top tekstit aina alkaa solun yläreunasta text-align:left tekstit sijoitetaan vasempaan reunaan Esittele kaikki sivustosi elementit

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004. Elina Ulpovaara

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004. Elina Ulpovaara Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004 Elina Ulpovaara Käyttäjäkeskeinen suunnittelu Tavoitteena: * käytettävyys tuotteeseen * hyvä käyttökokemus käyttäjälle tuotteen liiketoiminnalliset

Lisätiedot

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004 Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004 17.8.2009 Elina Ulpovaara Käyttäjäkeskeinen suunnittelu Tavoitteena: * käytettävyys tuotteeseen * hyvä käyttökokemus käyttäjälle tuotteen

Lisätiedot

Code Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/

Code Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/ Code Camp for Girls Sanna Nygård Lokakuussa 2015 www.frantic.com/codecamp/ HTML? HTML? HyperText Markup Language Ei ole nettisivua ilman HTML:ää Rakenteinen, hierarkkinen dokumentti Vain rakenne ja sisältö,

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004. Elina Ulpovaara

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

Lisätiedot

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry Graafinen ohjeistus Lemmikkilinnut Kaijuli ry Sisältö 1. Värit 2. Fontti 3. Logo 4. Graafiset elementit 5. Ylätunnisteen käyttö 6. Lainaukset ja nostot 7. Dokumenttipohjat Värit C 81 M 58 Y 51 K 34 R 50

Lisätiedot

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle Pyydämme suunnitelijaa ottamaan huomioon seuraavat ohjeet verkkokaupan ulkoasun suunnittelua koskien. Näin vältämme lisäkustannukset

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

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

ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013

ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013 ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013 1. Suunnitelma Konsepti 1. Yksinkertainen ja rento tapa välittää konkreettisempaa ja epämuodollisempaa tietoa digiviestinnän opiskelun arjesta

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

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

WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU

WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU 2 http://www.w3.org/tr/wcag10/ http://www.w3.org/tr/wcag10/full-checklist.html 3 sivuston suunnittelun ja toteutuksen vaiheet 1. Vaatimusmäärittely Verkkopalvelun

Lisätiedot

Johtokunta 2.11.2009 155. Graafinen ohjeistus

Johtokunta 2.11.2009 155. Graafinen ohjeistus Johtokunta 2.11.2009 155 Graafinen ohjeistus Sisällys: 1. Käyttäjälle 3 2. Liikelaitoskuntayhtymän logo ja sen käyttö 4 3. Graafisen ilmeen perusvärit 6 4. Kirjasimet ja tekstityypit 7 5. Liikelaitoskuntayhtymän

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

LOPPURAPORTTI MediaWorks -sivuston graafinen suunnittelu Visuaalinen suunnittelu 3op

LOPPURAPORTTI MediaWorks -sivuston graafinen suunnittelu Visuaalinen suunnittelu 3op Kaisa Reponen Nina Ranki VBP07S LOPPURAPORTTI MediaWorks -sivuston graafinen suunnittelu Visuaalinen suunnittelu 3op Hyväksyjä pvm. 1 Sisällys 1 JOHDANTO... 2 2 PROJEKTIN TEHTÄVÄ JA TAVOITE... 2 3 PROJEKTI...

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

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Graafiset ohjeet Päivitetty 27.5.2013 I LVI-TU LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Sisältö Tunnus...3 Typografia...4 Värit...5 Käyntikortit ja sähköinen allekirjoitus...6 Lomakkeet

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

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

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

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

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN SAK:N PAIKALLISJÄRJESTÖJEN NETTIPALVELUT s. 1/7 PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN RAKENNE Paikallisjärjestöjen omille sivuille pääsee suoralla osoitteella, joka on muotoa www.sak-paikalliset.fi/paikkakunta

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

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

GRAAFINEN OHJEISTO OLLILA TRANS OY

GRAAFINEN OHJEISTO OLLILA TRANS OY GRAAFINEN OHJEISTO OLLILA TRANS OY Ohjeiston sisältö Tämän ohjeiston tarkoitus on antaa selkeät suuntaviivat Ollila Trans Oy:n viestinnälle. Annettuja ohjeita noudattamalla yrityksestä annetaan yhtenäinen,

Lisätiedot

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen NETTISIVUOHJE SISÄLTÖ 2 JULKAISUJÄRJESTELMÄ tietoa WordPress julkaisujärjestelmästä perustoiminnot (kirjautuminen, asetukset) 6 MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Lisätiedot

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska Käyttöliittymä ja tuotantokäsikirjoitus Heini Puuska Sisältö 1 Käyttöliittymä... 1 2 Tuotantokäsikirjoitus... 2 2.1 Kurssin esittely... 2 2.2 Oppimistehtävä 1... 2 2.3 Oppimistehtävä 2... 2 2.4 Reflektio

Lisätiedot

Graafinen ohjeisto Santa s United ry 2015

Graafinen ohjeisto Santa s United ry 2015 Graafinen ohjeisto Santa s United ry 2015 Sisällysluettelo Värit... 1 Logon värimäärittelyt....1 Logo, liikemerkki ja tunnus... 2 Yleistä...2 Santa s United tunnus...2 Tunnuksen käyttö...3 Suoja-alueet...4

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

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

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset Graafinen ohjeisto värit tunnus 2 Sisältö johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 typografia sovellukset JOHdanto Siuron Piharakennus Oy on kasvava pirkanmaalainen maarakennusyhtiö,

Lisätiedot

tervetuloa internetiin:

tervetuloa internetiin: Tässä osassa opit rakentamaan omat kotisivut lisäämään tekstiä ja kuvia valitsemaan teeman liittämään taustan kotisivuille Toinen osa antaa apua kotisivujen rakentamisessa yhdistyksen tai kerhon käyttöön.

Lisätiedot

Sisällysluettelo. 1 Johdanto 3

Sisällysluettelo. 1 Johdanto 3 GRAAFINEN OHJEISTO Sisällysluettelo 1 Johdanto 3 2 Logon/liikemerkin rakenne 3 2.1 Logon/liikemerkin rakenne 4 markkinointiviestinnässä 2.2 Suoja-alue 4 2.3 Värit ja esitystavat 5 2.4 Värit markkinointiviestinnässä

Lisätiedot

GRAAFINEN OHJEISTO 1

GRAAFINEN OHJEISTO 1 GRAAFINEN OHJEISTO 1 SISÄLLYSLUETTELO JOHDANTO Johdanto... 3 Logon eri versiot... 4 Kuinka logoa ei tule käyttää.... 5 Logon suoja-alue... 6 Slogan.... 7 Typografia... 8 Tämän manuaalin tarkoitus on ohjeistaa

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

Talotietojen päivittäminen

Talotietojen päivittäminen Talotietojen päivittäminen www.seurantalot.fi-sivustolle Pikaohje seurantalojen omistajayhdistyksille 17.6.2015 Suomen Kotiseutuliitto 1 Ohjeen sisältö Palveluun kirjautuminen s. 3 Talosivu s. 4 Tietojen

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

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

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio. ActivInspire JATKO AINEISTON TUOTTAMINEN Uuden aineiston tekemisen alkua helpottaa etukäteen tehty suunnitelma (tekstit, kuvat, videot, linkit) miellekarttaa hyödyntäen. Valmista aineistoa voi muokata

Lisätiedot

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Graafiset ohjeet 1 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Tunnus Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus on järjestön nimen alkukirjaimista muodostettu nimilogo,

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

suomen palopäällystöliiton jäsenmatrikkeli

suomen palopäällystöliiton jäsenmatrikkeli gr a a f ine n oh je is t o suomen palopäällystöliiton jäsenmatrikkeli l ogo Suomen Palopäällystöliiton logo on sinetin ja tekstin yhdistelmä. Tässä on esitettynä sen perusversio jota pyritään käyttämään

Lisätiedot

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville.

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville. Graafinen ohjeisto Miten graafisilla sovelluksilla viestitään ja opastetaan? Toimiva graafinen ilme sovelluksineen kiteyttää yrityksen imagon, yhtenäistää yrityskulttuuria ja vapauttaa tärkeitä resursseja

Lisätiedot

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006 H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin

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

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto Valkeakosken ammatti- ja aikuisopiston Graafinen ohjeisto Logo Liekkireunat Otsikkoteksti Luetteloteksti Osoite Graafisen ilmeen osat Valkeakosken ammatti- ja aikuiskoulutuskeskuksen visuaalinen ilme muodostuu

Lisätiedot

Graafinen ohjeisto 1.0

Graafinen ohjeisto 1.0 Graafinen ohjeisto 1.0 01 01 Peruselementit Logo POP vakuutuksen logo on suunniteltu digitaaliseen ympäristöön ja siksi digitaalinen näkyvyys määrittelee ilmeen. Play-elementti Play-elementti painikkeenomaisena

Lisätiedot

YRITYSESITE / COMPANY BROCHURE

YRITYSESITE / COMPANY BROCHURE YRITYSESITE / COMPANY BROCHURE 1 2 PAINO/PRINTING: WG PRINT OY, VAASA KANSI/COVER: GALERIE ART SILK 250G SISÄSIVUT/INSIDE: GALERIE ART SILK 130G KANSIKUVA/COVER PHOTO, VAASA SCIENCE PARK: TIMO LEHTONEN

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

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

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

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

Suomi Finland 100 -tunnus. Graafinen ohjeisto Lokakuu 2015

Suomi Finland 100 -tunnus. Graafinen ohjeisto Lokakuu 2015 Suomi Finland 100 -tunnus Graafinen ohjeisto Lokakuu 2015 Tunnus Tämä on Suomen itsenäisyyden satavuotisjuhlavuoden tunnus perusmuodossaan. Se on juhlavuoden visuaalisen ilmeen arvokkain elementti, jota

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

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO Selvitystyön raportti Päivitetty 3/2015 GRAAFINEN OHJEISTO TUNNUS 3 TUNNUKSEN VERSIOT JA KÄYTTÖ 4 VÄRIT 5 GRAAFINEN ELEMENTTI

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

WORD TYYLILLÄ. Tietohallintokeskus hannele.rajaniemi@jyu.fi. Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen

WORD TYYLILLÄ. Tietohallintokeskus hannele.rajaniemi@jyu.fi. Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen WORD TYYLILLÄ Tietohallintokeskus hannele.rajaniemi@jyu.fi Sisältö 2 h Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen Tyylien muokkaaminen Asiakirjamallit * Sisällysluettelo otsikkotyylien

Lisätiedot

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO SISÄLTÖ Johdanto...3 Logo...4 Logon käyttö...6 Logo ja sloganit...8 Typografia...10 Värit...12 Valokuvien käyttö...14 2 Suomen Vapaakirkon lapsi-

Lisätiedot

1 Opinnäytetyön graafiset ohjeet. 2 Sivun asetukset. 3 Sivunumerointi. 4 Otsikot

1 Opinnäytetyön graafiset ohjeet. 2 Sivun asetukset. 3 Sivunumerointi. 4 Otsikot 1 1 Opinnäytetyön graafiset ohjeet Metropolia Ammattikorkeakoulun opinnäytetöissä noudatetaan seuraavia graafisia ohjeita. Graafiset ohjeet on tehty Metropolian opinnäytetyöryhmässä. Näiden graafisten

Lisätiedot

Palauta tehtävä nimellä E1_Omasukunimi.pptx Optimaan. Tallenna tiedosto myös USB -tikulle.

Palauta tehtävä nimellä E1_Omasukunimi.pptx Optimaan. Tallenna tiedosto myös USB -tikulle. Esitysgrafiikka 10 pistettä Tehtävään liittyvät tiedostot SkyDrive kansiossa: Kohtaamispaikka_kesken.pptx Matka tietotyön tulevaisuuteen Microsoft.pdf Microsoft_tyyliohjeistus.docx Kuvapankki kansio kohtaamispaikka.wma

Lisätiedot

Esitysgrafiikka (20 pistettä)

Esitysgrafiikka (20 pistettä) Esitysgrafiikka (20 pistettä) Yleistä Tehtävänäsi on rakentaa PowerPoint esitys osavuosikatsauksesta mielikuvituksellista automyyntiä tekevälle yritykselle Skills Car Turku. Käytettävät tiedostot Tiedostot

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

Vihjeitä Ratatan blogipohjan käyttämiseen ja muokkaamiseen

Vihjeitä Ratatan blogipohjan käyttämiseen ja muokkaamiseen Vihjeitä Ratatan blogipohjan käyttämiseen ja muokkaamiseen HOW TO: Blogin ilmeen muuttaminen Ennen kuin alat suunnitella blogiasi, muista, että tyylinmuokkaustyökalu, Stilbyggaren, on alunperin suunniteltu

Lisätiedot

Keski-Suomen Yhteisöjen Tuki Graafinen ohjeistus 2014. www.kyt.fi

Keski-Suomen Yhteisöjen Tuki Graafinen ohjeistus 2014. www.kyt.fi Keski-Suomen Yhteisöjen Tuki Graafinen ohjeistus 2014 1 www.kyt.fi Keski-Suomen Yhteisöjen Tuki on keskisuomalainen kansalaistoiminnan ja sitä edustavien yhteisöjen kehittäjä. Keski-Suomen Yhteisöjen Tuen

Lisätiedot

Väitöskirja -mallipohja

Väitöskirja -mallipohja JYVÄSKYLÄN YLIOPISTO Väitöskirja -mallipohja Word 2007/2010 IT-palvelut hannele.rajaniemi@jyu.fi https://koppa.jyu.fi/avoimet/thk/vaitoskirja sovellustuki@jyu.fi Sisältö Miten toimii väitöskirja/asiakirjamallipohja?

Lisätiedot

SISÄLLYS SISÄLLYS 2 TUNNUS 3 SUOJA-ALUE JA PIENIN KOKO 4 VÄRIMÄÄRITYKSET 5 TYPOGRAFIA 6 GRAAFISET ELEMENTIT 7 KÄYNTIKORTIT 8 KIRJELOMAKKEET 9

SISÄLLYS SISÄLLYS 2 TUNNUS 3 SUOJA-ALUE JA PIENIN KOKO 4 VÄRIMÄÄRITYKSET 5 TYPOGRAFIA 6 GRAAFISET ELEMENTIT 7 KÄYNTIKORTIT 8 KIRJELOMAKKEET 9 Suomen Lions-liitto ry:n GRAAFINEN OHJEISTO SISÄLLYS SISÄLLYS 2 TUNNUS 3 SUOJA-ALUE JA PIENIN KOKO 4 VÄRIMÄÄRITYKSET 5 TYPOGRAFIA 6 GRAAFISET ELEMENTIT 7 KÄYNTIKORTIT 8 KIRJELOMAKKEET 9 KIRJEKUORET 10

Lisätiedot

ohjeistus retkikerho

ohjeistus retkikerho Graafinen ohjeistus Esittely Oulun luonnonsuojeluliiton alla toimiva Retkikerho on kanava, jonka avulla voi helposti irrottautua arjesta kaupungin lähiluontoon. Retkitarjonta on hyvin monipuolinen ja kerhon

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

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

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET Suomen partiolaiset Finlands scouter ry 04/2013, muokattu 02/2015 Tämä ohje on tarkoitettu Suomen Partiolaisten hallinnoimien projektisivustojen sisällöntuottajille

Lisätiedot

Uuden Moodle-kurssin luominen

Uuden Moodle-kurssin luominen Uuden Moodle-kurssin luominen Uuden kurssipohjan luomisessa on kolme vaihetta: 1. Kirjauduttuasi Moodleen klikkaa omien kurssien listauksen alta Kaikki kurssit painiketta: 1 (siirry suoraan kohtaan 2 jollet

Lisätiedot

LABORAATIOSELOSTUSTEN OHJE H. Honkanen

LABORAATIOSELOSTUSTEN OHJE H. Honkanen LABORAATIOSELOSTUSTEN OHJE H. Honkanen Tämä ohje täydentää ja täsmentää osaltaan selostuskäytäntöä laboraatioiden osalta. Yleinen ohje työselostuksista löytyy intranetista, ohjeen on laatinut Eero Soininen

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

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

Tehtäväsi on tuottaa ja linkittää keskenään eri tiedostoja Tulikiven toiminnasta.

Tehtäväsi on tuottaa ja linkittää keskenään eri tiedostoja Tulikiven toiminnasta. TYÖVÄLINEOHJELMIEN YHTEISKÄYTTÖ 1 Tehtäväsi on tuottaa ja linkittää keskenään eri tiedostoja Tulikiven toiminnasta. Yhteiskäytön tehtävien lähtötiedostot löydät verkkokansiosta T:\Tasks\Yhteiskaytto\Suomi.

Lisätiedot

GRAAFINEN OHJEISTUS OSA 1

GRAAFINEN OHJEISTUS OSA 1 GRAAFINEN OHJEISTUS OSA 1 Kaikki asiakkaidemme tarpeet liittyvät oman näkemyksen välittämiseen toiselle ihmiselle. Vain siitä on kyse, ja vain se on tärkeää. Olipa näkemys tarkoitettu sähköasentajalle,

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

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

Night People Finland Graafinen Ohjeistus 10.5.2011

Night People Finland Graafinen Ohjeistus 10.5.2011 Night People Finland Graafinen Ohjeistus 10.5.2011 Night People konserni tarjoaa asiakkaille parhaita mahdollisia elämyksiä kustannustehokkaasti turvallisessa ja laadukkaassa ympäristössä. NIGHT PEOPLE

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

PERUSTA VERKKOKAUPPA. info@cimacuu.net 044 0122 296 www.cimacuu.net

PERUSTA VERKKOKAUPPA. info@cimacuu.net 044 0122 296 www.cimacuu.net info@cimacuu.net 044 0122 296 www.cimacuu.net Valitse sopivin verkkokauppa. Postin ja Matkahuollon toimitusintegraatiot* *Postin ja Matkahuollon toimitusintegraatiot tekevät osoitekorttien ja seurantatunnusten

Lisätiedot

THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys

THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys THL - Kansalaispalvelujen graafiset tunnisteet Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys Palveluvaaka.fi & Omahoitopolut.fi Teemavärit Kansalaispalveluiden ilmeeseen

Lisätiedot

1 Graafinen ohjeisto

1 Graafinen ohjeisto Graafinen ohjeisto 1 Sisällys Johdanto... 2 Tunnuksen versiot... 3 Tunnuksen suoja-alue... 4 Tunnuksen käyttö... 5 Slogan... 6 Graafiset elementit ja niiden käyttö... 7 Värimaailma... 8 Typografia... 9

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

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

Sivupohjien täyttö suppeat sivupohjat

Sivupohjien täyttö suppeat sivupohjat Sivupohjien täyttö suppeat sivupohjat Tässä kuvataan sivupohjien muokkaus askelittain yksinkertaisemman sivupohjan avulla. Tätä ohjetta tunnollisesti seuraamalla saat aikaan yksinkertaiset, mutta toimivat

Lisätiedot

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm Graafinen ohje Tunnus Oulu Sinfonian tunnuksena käytetään ensisijaisesti ohessa kuvattua liikemerkin ja nimilogon kiinteää yhdistelmää. Käytössä on huolehdittava, että tunnuksen mittasuhteet sekä nimilogon

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

Graafinen ohjeisto. Turku Centre for Computer Science

Graafinen ohjeisto. Turku Centre for Computer Science Graafinen ohjeisto Turku Centre for Computer Science tunnus Tunnus. Turku Centre for Computer Sciencen tunnus muodostuu kahdesta elementistä: nuolimaisesta liikemerkistä ja TUCSnimilogosta. Liikemerkkiä

Lisätiedot

Acta-väitöskirjojen asetukset. Määritä ensin sivumääritykset ja sivunumerointi.

Acta-väitöskirjojen asetukset. Määritä ensin sivumääritykset ja sivunumerointi. Sisällys Acta-väitöskirjojen asetukset 2 Acta-väitöskirjojen tyylimäärittelyt 7 Acta-mallipohjan tyylien lataaminen 8 Kuviot, kuvat ja taulukot 9 Lähdeluettelon laatiminen 9 Väitöskirjan muuttaminen pdf:ksi

Lisätiedot

GRAAFINEN OHJEISTO 1

GRAAFINEN OHJEISTO 1 GRAAFINEN OHJEISTO 1 LIEHUTA LIPPUAMME YLPEYDELLÄ. Alkusanat 3 Tunnus 4 Värit 9 Typografia 10 Kaari 12 Sovelluksia 13 2 LIPULLINEN RATKAISU Aktiivinen ja valveilla oleva ammattiyhdistysliike tukee työntekijää

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

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

PROJEKTISIVUN LUOMINEN:

PROJEKTISIVUN LUOMINEN: PROJEKTISIVUN LUOMINEN: 1. KLIKKAA 2. KLIKKAA 3. 2.VALITSE Projektin nimi, Muista: loppuun sana projekti (mahdollistaa suodatuksen)+ PÄÄTTYNYT, jos projekti on päättynyt 1.KLIKKAA KIRJOITA TÄHÄN mahdollisimman

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

DIGITAALISEN TARINAN TUOTTAMINEN MICROSOFT PHOTO STORY 3- OHJELMAN AVULLA VAIHEINEEN

DIGITAALISEN TARINAN TUOTTAMINEN MICROSOFT PHOTO STORY 3- OHJELMAN AVULLA VAIHEINEEN OMAN ALAN ESITELMÄ DIGITAALISENA TARINANA Laaditaan digitarina jostakin oman alan aiheesta (ks. lista aiheista). Edetään seuraavasti: 1. Valitse listalta aihe. Voit myös ehdottaa omaa aihetta. 2. Mieti,

Lisätiedot

Visuaalinen käyttöliittymäanalyysi

Visuaalinen käyttöliittymäanalyysi Visuaalinen käyttöliittymäanalyysi Johdanto Tehtävänä on analysoida Saariston ekologia-kurssilla käytettävän tietokoneohjelman käyttöliittymän visuaalisia ominaisuuksia. Vastaa ensiksi VisaWi -lomakkeeseen

Lisätiedot

Graafisen ohjeiston sisältö 2

Graafisen ohjeiston sisältö 2 Graafinen ohjeisto Graafisen ohjeiston sisältö 2 Tämä on Kymenlaakson ammattikorkeakoulun Paja Gallerian graafinen ohjeisto, jota tulee noudattaa aina tehtäessä siihen liittyvää materiaalia. Graafisen

Lisätiedot

Tekstinkäsittely (20 pistettä)

Tekstinkäsittely (20 pistettä) Tekstinkäsittely (20 pistettä) Yleistä Tehtävänäsi on toteuttaa ilmoittautumislomake Turussa pidettäviin Open Nature kilpailuun, jossa eri oppilaitosten opettajat kisaavat eläinten ja kasvien tunnistuksesta

Lisätiedot