Sivupohjien täyttö suppeat sivupohjat

Koko: px
Aloita esitys sivulta:

Download "Sivupohjien täyttö suppeat sivupohjat"

Transkriptio

1 Sivupohjien täyttö suppeat sivupohjat Tässä kuvataan sivupohjien muokkaus askelittain yksinkertaisemman sivupohjan avulla. Tätä ohjetta tunnollisesti seuraamalla saat aikaan yksinkertaiset, mutta toimivat kotisivut yhdistyksellesi. Ohjeessa on käytetty kaikkein yksinkertaista ulkoasua. Keskity siihen vasta kun kaikki tarvittava tieto on sivuillasi. Avaa aina muokattava sivutiedosto editorissa ja selaimessa. Selaimessa sen avaat tuplaklikkaamalla tiedostoa, editorissa avaat klikkaamalla tiedostoa hiiren oikealla napilla ja valitsemalla avaa ohjelmalla -> muistio, eng. notepad (tai ohjelmalla textpad jos olet sen asentanut käyttöön). Sivupohjan etusivu (index.html) Etusivu on aina oltava muotoa index.html, onkin tärkeää että sitä ei nimetä uudelleen. Sivun koodaus ja <head></head> -lohko Sivun aivan yläosaan tulee aina yllä kuvattu sivun määrittely. Siinä mm. valitaan sivuston koodaus ja käytettävä kieli. Älä tee siihen muutoksia jos et ole aivan varma mitä olet tekemässä. <head> </head> elementtiin joudut jo tekemään joitakin muutoksia. Siellä määritellään sivun otsikko ja joitakin metatietoja. description-kohtaan voit lisätä jotakin kuvaavia termejä, nämä auttavat hakukoneita löytämään sivusi. Huomaa, että niiden on tultava aina lainausmerkkien sisään ja ne erotellaan pilkulla. Esim: kirkonkylän kyläsivut, kyläsivut, kyläyhdistys. Title-elementin sisälle tulee kotisivujen otsikko joka näkyy selaimen otsikkorivillä. Pidä se lyhyenä ja kuvaavana. Esimerkki:

2 Tulos: <body> -elementin alku ja sivun yläbanneri Lisää tähän <h1> </h1> -otsikkoelementtiin yhdistyksesi nimi. Maksimipituus noin 40 merkkiä. Jos nimestä tulee pidempi eikä se näytä siistiltä otsikkopalkissa, joudut muokata tyylitiedostoon tekstin kokoa. Katso ohjeet siitä css-osiosta. Jos haluat banneriksi kuvan, vaikkapa kyläraitin tai kylätalon kuvan, ohjeet myös siihen löytyvät laajemman sivumallin ohjeesta. Esimerkki:

3 Tulos: Navigointipalkki Tässä luodaan yläosan navigointipalkki. Jos säilytät sivun sisällön sivupohjien mukaisena, näitä ei tarvitse muokata. Muokkaamista ei suositella, mutta jos sivusi sitä edellyttävät, se on kuvattu laajempien kotisivujen ohjeissa.

4 Sivun tekstiosat Kotisivun tekstiosat on jaettu kahteen eri sarakkeeseen. Vasemmanpuolimmainen joka on sivukoodissa ensimmäisenä käsittää ¾ sivun koosta (n. 660px) ja on varsinaista tekstiosaa varten. Oikeanpuoleinen osa on ¼ sivun koosta (n. 190px). Sivun koko leveyssuunnassa on yhteensä 900 pikseliä, joten sen käyttö on matkapuhelimella ja muilla mobiililaitteilla helppoa. Ensimmäisenä käsittelyssä on vasemmanpuoleinen tekstiosa: Sivu on itseasiassa jaettu taulukolla kahteen eri kokoiseen soluun. Tässä aloitetaan taulukko aloituselementillä, ja siihen ei ole tarvetta koskea. Ole kuitenkin huolellinen että nämä elementit säilyvät sivupohjissa oikeilla paikoillaan että sivuston rakenteellisuus säilyy.

5 Yllä on vasen osa kokonaisuudessaan. Ylimmällä koodirivillä määritellään osan kooksi 75% koko taulukon leveydestä. Seuraavana on tekstiosan otsikko. Huomaa että <h1> </h1> -otsikkoa käytetään vaan kerran kussakin solussa. Jaa tekstiä alaotsikolla niin moneen osaan kuin haluat, <h2> </h2> on seuraavan tason otsikko, <h3> </h3> on pienin mallissa käytetty otsikkotaso. Muista että teksti täytyy tulla kappale-elementtien sisälle eli: <p> Tekstiä. </p>. Kappale-elementtien sisällä tehdyt tekstin ulkoasun muokkaukset eivät näy selainikkunassa, kaikki muotoilu tulee käyttää elementtejä käyttäen, sijoita jokainen kappale siis oman kappale-elementtinsä sisälle. Muista, että kappaleelementitkin ovat vain tekstiä, joten kun kirjoitat niitä, ole tarkkana että merkki tulee oikein hakasineen. Esimerkkisivulla tekstin sisään on lisätty jonkin verran linkkejä muualle esimerkkisivustoon. Linkki on aina muotoa <a href= linkin osoite > linkin kuvaus </a>. Pidä huolta että linkin osoite tulee lainausmerkkien sisälle. Huomaa taas että koodin muotoilu editorissa ei näy selainikkunassa. Esimerkki:

6 Otsikkojen ja kappaleiden määrää ei ole mitenkään rajattu, myöskin linkkejä ja kuvia voi tekstin sisään lisätä. Yleensä kuitenkin vähemmän on parempi, varsinkin etusivu tulisi avautua kokonaisuudessaan selainikkunassa ensimmäisellä avauksella. Voit sijoittaa loput materiaaleista sitten muualle sivustolle. Tulos:

7 Seuraavaksi käsitellään oikeanpuoleinen sarake. Se on varsin monikäyttöinen ja siihen voi lisätä monenlaisia tietoja, kuten yhteystietoja, tietoiskuja, linkkejä aineistoihin, tai vaikkapa pieniä kuvia elämöittämään sivuja. Käyttöä ei ole mitenkään rajattu, mutta kuvien maksimikoko on rajattu 190 pikseliin leveyssuunnassa. Myös pitkät sähköpostiosoitteet, nimet ja vastaavat voivat aiheuttaa ulkoasun vääristymää jos niissä ei ole välilyöntejä että selain pystyy ne automaattisesti rivittämään. Tarkista siis aina selainikkunassa että ulkoasu näyttää siistiltä. Huomaa että henkilökohtaiset yhteystiedot on paras laittaa aina sivuille kuvana, että tietoturva säilyy. Jos lisäät yhdistyksen sähköpostiosoitteen sellaisenaan sivulle, tulee olla varma siitä että sähköpostipalvelussa on käytössä tarvittavat roskapostisuodatukset. Muista aina pyytää asianomaiselta lupa ennen kuin lisäät mitään henkilöön liittyviä tietoja sivuille. Lisää etusivulle vähimmäistietoina yhdistyksen virallinen nimi ja Y-tunnus, yhdistyksen puhelinnumero ja sähköpostiosoite. Jos yhdistyksen puhelinnumerona on yksityisnumero, lisää myös henkilön nimi ja asema yhdistyksessä, sekä ajat, jolloin numerosta voi henkilöä tavoitella. Voit lisätä tiedot sivulle monella eri tavalla, alla on yksi esimerkki. Esimerkki:

8 Jäsentelyssä on käytetty <br /> -elementtiä, joka aiheuttaa tekstissä pakotetun rivinvaihdon. Älä kuitenkaan käytä tätä jäsentelemään normaalia tekstiä, sitä varten on kappale-elementit. Voit kuitenkin käyttää niitä varovaisesti luomaan listoja, jos et halua käyttää varsinaisia luetteloelementtejä <ul> </ul> numeroimattoman tai <ol> </ol> numeroidun listan luomiseksi Tulos:

9 Seuraavana koodissa päätetään tekstiosat sisältävä taulukko sekä sivun pääosan elementti. Ole tarkkana että nämä lohkopäätökset säilyvät oikeassa paikassaan, muuten sivun rakenteellisuus rikkoontuu ja sivu ei välttämättä toimi selaimessa. Viimeisenä elementtinä koodissa on alabanneri. Alabanneria käytetään kuitenkin vain joissakin tyylitiedostoissa luomassa ulkoasukokonaisuuksia ja silloinkin sitä tarvitsee harvoin muokata. Niiden eroista löydät ohjeet kyseisten tyylitiedostojen kansioista sivupohja-paketeissa. Muissa ulkoasuissa siihen ei tarvitse tehdä muutoksia. Viimeisenä koodissa on päätöselementit, joilla lopetetaan sivun runko </body> Sekä lopullinen selaimessa näkyvä nettisivu sidotaan paketiksi </html>. Päätöselementti päättää aina verkkosivun. Olet saanut ensimmäisen sivun valmiiksi, tarkista siis selaimessasi että se näyttää toimivalta ja oikealta. Jos sisältö näyttää oikealta, mutta ulkoasu ei miellytä silmääsi, älä tässä vaiheessa huolehdi siitä, sillä sitä muokataan myöhemmin kun sivut ovat muutoin valmiit. Tärkeintä on että saat kaikki tarvittavat ja tärkeät tiedot sivuillesi. Jatka seuraavan sivun muokkausta. Se ei ole yhtään sen vaikeampi kuin ensimmäinenkään. Olet nyt oppinut tekemään kotisivuja.

10 Toinen alasivu (ajankohtaista.html) Olet saanut valmiiksi ensimmäisen sivun kokonaisuudessaan. Jatko onkin helpompaa sillä suuri osa sivujen sisällöstä on sama kuin etusivulla. Näin luodaan yhtenäinen rakenne koko sivustolle. Muuta siis: head, banner ja navi osat vastaamaan etusivun vastaavia. Jos haluat eritellä sivut toisistaan, voit muuttaa head-lohkon title-kohdan Kirkonkylän kyläsivut vaikka muotoon Kirkonkylän kyläsivut - ajankohtaista. Muutoin jatketaan main-lohkon sisältä. Tässä sivun sisällöksi on luotu yksinkertainen tapahtumalista. Jäsentelyyn ei ole käytetty mitään muuta kuin yksinkertaisia muotoiluelementtejä. Huomaa että on käytetty <strong> </strong> -elementtiä jolla päivämäärät on erotettu tekstistä. Muuten tapahtumat on jaoteltu yksittäisiin kappaleisiin. Luo uusi tapahtuma kopioimalla ja liittämällä koko kappale, muuttamalla päivämäärä ja muokkaamalla tekstiksi haluamasi sisältö. Voit lisätä linkkejä tapahtumien omille sivuille ja vastaaviin sisältöihin. Tämä on helpoin tapa tehdä tapahtumalista, mutta käytä sitä vain, jos yhdistykselläsi on muutama tapahtuma vuodessa, sillä tapahtumat on lisättävä listaan aina muokkaamalla itse sivukoodia. Jos tapahtumia on enemmän tai yhdistykselläsi on mm. kylätalon tai muiden kiinteistöjen varauksia, joita tarvitsee myös listata, on syytä etsiä joku toinen ratkaisu. Laajempien sivupohjien esimerkeissä on esitelty Google-kalenteripalvelun upottaminen sivulle, se onkin äärimmäisen suositeltavaa helppouden ja käytettävyyden kannalta. Muista että vanhat tapahtumamerkinnät on syytä poistaa, muuten sivustolla annetaan lukijoille kuva ettei siitä huolehdita. Google-kalenteripalvelu toimii tässäkin tapauksessa paremmin, sillä se näyttää vain ajankohtaisen sisällön ensimmäisellä avauksella.

11 Voit aina aloittaa yksinkertaisella tapahtumalistalla ja vaihtaa myöhemmin. Esimerkki: Tulos: Sivulla on vielä oikeanpuolinmainen sarake. Voit käyttää sitä vaikka muistuttamaan tärkeimmistä tapahtumista jotka tiedetään jo hyvissä ajoin etukäteen. Käyttöä sarakkeelle voi olla monenlaista, joten sovella sitä mielesi mukaan.

12 Tässä on lisätty tiedot tulevista kesän markkinoista. Tekstissä on linkki kuvitteelliselle markkinasivulle. Voit tehdä aina samaan kansioon oman sivun tapahtumaa tai tilaisuutta varten. Nimeä se omaksi tiedostoksiin, lisää sivustolle linkki sinne. Voit myös käyttää toista ulkoasua tarvittaessa erottamaan sitä muusta sivustosta. Voit vaikka nimetä jonkun valinnaisen tyylitiedoston tyyli2.css nimiseksi ja muokata <head> -lohkossa sisältämä linkki johtamaan sinne. Esimerkki: Tulos:

13 Kolmas alasivu (kyla.html) Kolmannen alasivun muokkaaminen aloitetaan taas muuttamalla head, banner ja navi osat vastaamaan etusivun vastaavia. Sivun runko-osat ovat yleensä ainoat, jotka vaativat jotain muutoksia, sillä sivuston looginen rakenne halutaan säilyttää jokaisella alasivulla. Huomaa ettei tiedostonnimiin tule ääkkösiä. Kylästä tulee siis kyla jne. Yksinkertaisemmassa mallissa kaikki kylää koskevat tiedot on liitetty yhden sivun alle, tämä ei kuitenkaan ole välttämättä tarkoituksenmukaista, varsinkin jos halutaan liittää enemmän kylää koskevia asioita. Jos sivusto pidetään hyvin kevyenä, pärjätään tosin tälläkin. Laajemmassa versiossa kyläsivu on jaettu useampaan alasivuun ja se onkin ehkä paras tapa tehdä tämä kyseinen sivuston osa. Tässä vaiheessa osaat jo muokata sivupohjien tekstiä. Jos asia vielä tuottaa päänvaivaa, katso ohjeen alusta index.hml -sivun muokkauksen ohjeesta. Kirjoita laajemmat tekstikappaleet aluksi normaaleiksi

14 tekstitiedostoiksi, sen jälkeen kopioi ne sivupohjaan (ole tarkkana että ne tulevat oikeaan kohtaan taulukon solun sisälle, korvaa siis esimerkissä olevat otsikko- ja kappale-elementit omalla tekstilläsi). Sen jälkeen lisää otsikoiden ympärille sopivan tason otsikkoelementti ja lisää tekstin kappaleiden ympärille kappaleelementti. Tällöin teksti säilyy kotisivullasi suurin osin samannäköisenä kuin tekstitiedostossasi. Toimi siis seuraavasti: Tämä on otsikko Tämä on kappaleen tekstiä. Tämä on toisen kappaleen tekstiä. Tämä on alaotsikko Kopioi -> liitä ja muokkaa: Tämä on kappaleen tekstiä. <h1>tämä on otsikko</h1> <p>tämä on kappaleen tekstiä.</p> <p>tämä on toisen kappaleen tekstiä.</p> <h2>tämä on alaotsikko</h2> <p>tämä on kappaleen tekstiä.</p> Tällä tavalla teet nopeasti sivuille sisältöä varsinkin jos sinulla on valmiita tekstidokumentteja joissa on sopivaa sisältöä. Tällä sivulla ei haittaa vaikka tekstiä on enemmänkin, ja se ei avaudu ensimmäisessä ikkunassa. Liitä tänne kaikki kylää koskevat tiedot, yhdistystä koskeville tiedoille on oma sivunsa. Jos käytät pohjaa jonkun muun kuin kyläyhdistyksen käyttöön, voit tehdä tästä sivusta omasi yksinkertaisesti korvaamalla kaikki kylään liittyvät maininnat omalla otsikollasi, myös siis tiedostonnimen sekä navigaatiopalkeissa olevat viittaukset.

15 Neljäs alasivu (yhdistys.html)

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Ohjetta voidaan käyttää sivupohjien luonnin apuna, on kuitenkin suositeltavaa että

Lisätiedot

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,

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

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

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

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

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

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

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

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

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

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

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

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

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla BLOGGER ohjeita blogin pitämiseen Googlen Bloggerilla Sisältö Blogin luominen... 1 Uuden blogitekstin kirjoittaminen... 4 Kuvan lisääminen blogitekstiin... 5 Lisää kuva omalta koneelta... 6 Lisää kuva

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

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

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

opiskelijan ohje - kirjautuminen

opiskelijan ohje - kirjautuminen opiskelijan ohje - kirjautuminen estudio on Edupolin kehittämä e-oppimisympäristö koulutusryhmän verkkoalustana perinteisen luokkaopetuksen tukena. etäopiskelussa ja -opetuksessa kotoa tai työpaikalta.

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

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

,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

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

1. ASIAKKAAN OHJEET... 2. 1.1 Varauksen tekeminen... 2. 1.2 Käyttäjätunnuksen luominen... 4. 1.3 Varauksen peruminen... 4

1. ASIAKKAAN OHJEET... 2. 1.1 Varauksen tekeminen... 2. 1.2 Käyttäjätunnuksen luominen... 4. 1.3 Varauksen peruminen... 4 1. ASIAKKAAN OHJEET... 2 1.1 Varauksen tekeminen... 2 1.2 Käyttäjätunnuksen luominen... 4 1.3 Varauksen peruminen... 4 1.4 Omien tietojen muokkaaminen... 5 1.5 Salasanan muuttaminen... 5 2. TYÖNTEKIJÄN

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

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

BoD easyeditor -ohjeet

BoD easyeditor -ohjeet BoD easyeditor -ohjeet 1 Teksti 1.1 Sisällysluettelo ja luvut 1.2 Uuden luvun lisääminen ja muokkaaminen 1.3 Kirjoittaminen/tekstin lisääminen 1.4 Muotoilu 1.5 Muita toimintoja 2 kuvat 2.1 Kuvien lataaminen

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

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

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

Pikaohjeita OneNote OPS:in käyttäjille

Pikaohjeita OneNote OPS:in käyttäjille OneNote OPS OHJE Pikaohjeita OneNote OPS:in käyttäjille Vinkki: Jos et löydä hakemaasi, voit painaa F1-painiketta, joka avaa OneNote-ohjeen, josta voit hakea hakusanoilla vastausta kysymyksiisi liittyen

Lisätiedot

GOOGLE-SIVUSTOJEN KAÄ YTTOÄ OÄ NOTTO

GOOGLE-SIVUSTOJEN KAÄ YTTOÄ OÄ NOTTO GOOGLE-SIVUSTOJEN KAÄ YTTOÄ OÄ NOTTO Suomen Partiolaiset Finlands Scouter ry 09/2012 Tämän ohjeen avulla lippukuntanne voi luoda uudet nettisivut käyttäen valmista Google sivusto mallipohjaa. OHJE: Google

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

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 kirjautunut sisään kotisivuillesi, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen

Lisätiedot

UpdateIT 2010: Uutisten päivitys

UpdateIT 2010: Uutisten päivitys UpdateIT 2010: Uutisten päivitys 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 Uutisen lisääminen... 1

Lisätiedot

OHJE WWW.MUKAANPARTIOON.FI -LIPPUKUNTASIVUN MUOKKAAMISEEN

OHJE WWW.MUKAANPARTIOON.FI -LIPPUKUNTASIVUN MUOKKAAMISEEN OHJE WWW.MUKAANPARTIOON.FI -LIPPUKUNTASIVUN MUOKKAAMISEEN 1. KIRJAUDU Navigoi osoitteeseen www.mukaanpartioon.fi. Aloita kirjautumalla: käyttäjätunnus: salasana: lippukunta HpL1Ka KUVA 1: Kirjautumislinkki

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

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja Julkaisujärjestelmän ohje 2014 2 PM-Julk aisujärjestelmän perusohjeet Julkaisujärjestelmän käyttöönotto Julkaisujärjestelämän avulla voit itsenäisesti muokata

Lisätiedot

ejuttu ohjeet kuinka sitä käytetään.

ejuttu ohjeet kuinka sitä käytetään. ejuttu ohjeet kuinka sitä käytetään. 1. Artikkelin lisääminen a. Kirjaudu sisään b. Lisää sisältöä c. Artikkeli i. Lisää pääkuva 1. Pääkuvalle kuvateksti ii. Anna artikkelille otsikko iii. Ingressi-kenttään

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

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

SharePoint Foundation 2010 perusteet ylläpitäjille

SharePoint Foundation 2010 perusteet ylläpitäjille SharePoint Foundation ylläpitäjän ohjeet Sivu 1/5 SharePoint Foundation 2010 perusteet ylläpitäjille SharePoint Foundationin avulla voit luoda nopeasti useita erilaisia sivustoja, joissa WWW-sivuja, tiedostoja,

Lisätiedot

Eteläpohjalaiset Kylät ry. TIETOA JA TAITOA MAASEUDUN YHDISTYKSILLE

Eteläpohjalaiset Kylät ry. TIETOA JA TAITOA MAASEUDUN YHDISTYKSILLE Eteläpohjalaiset Kylät ry. TIETOA JA TAITOA MAASEUDUN YHDISTYKSILLE Ohjelma: YHDISTYSTEN KOTISIVUT JA SOSIAALINEN MEDIA Sosiaalinen media Miksi? Millä välineillä? Hyötyjä ja haittoja Kotisivut Vaihtoehdot

Lisätiedot

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN Koulutusteknologian perusopinnot Digitaalinen portfolio oppimisen tukena 2010 Essi Vuopala 1. BLOGIN LUOMINEN Mene osoitteeseen http://www.wordpress.com

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

LibreOffice Writer perusteita

LibreOffice Writer perusteita LibreOffice Writer perusteita Käytetään Digabi-käyttöjärjestelmää (DigabiOS) ja harjoitellaan LibreOfficen käyttöä. 1. Ohjelman käynnistys Avaa Sovellusvalikko => Toimisto => LibreOffice Writer. Ohjelma

Lisätiedot

KYMP Webmail -palvelu

KYMP Webmail -palvelu KYMP Webmail -palvelu Sisältö 1. Kirjautuminen... 3 2. Viestin merkinnät... 4 3. Viestien lukeminen... 4 Viestiin vastaaminen... 4 Viestin välittäminen edelleen / uudelleen ohjaus... 5 4. Viestin kirjoittaminen...

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

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

MOODLE-KURSSIN LAATIMINEN /OPETTAJAN OHJEET

MOODLE-KURSSIN LAATIMINEN /OPETTAJAN OHJEET MOODLE-KURSSIN LAATIMINEN /OPETTAJAN OHJEET Jos haluat itsellesi tai jollekin ryhmälle uuden kurssipohjan, ota yhteyttä Virpi Järvenreunaan, Leena Kankaanpäähän, Mervi Lehtoseen, Konsta Ojaseen, Jarno

Lisätiedot

Esittely. Muistathan, että voit myös käyttää Petsietä aivan normaalina käyttäjänä kasvattajapalveluiden lisäksi. Antoisaa Petsien käyttöä!

Esittely. Muistathan, että voit myös käyttää Petsietä aivan normaalina käyttäjänä kasvattajapalveluiden lisäksi. Antoisaa Petsien käyttöä! Petsie kasvattaja 1 2 Sisällysluettelo Esittely...3 1. Kuinka pääset alkuun...4 1.1. Rekisteröinti...4 2. Lemmikit...4 2.1. Lemmikkien lisäys...4 2.2. Lemmikin tietojen muokkaus...4 3. Kasvattajasivu...5

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

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

Blogger-blogin käyttöönotto ja perusasiat Bloggerista & bloggauksesta

Blogger-blogin käyttöönotto ja perusasiat Bloggerista & bloggauksesta 1 Blogger-blogin käyttöönotto ja perusasiat Bloggerista & bloggauksesta Blogi on yhden tai useamman kirjoittajan verkkosivu tai -sivusto, jonka kautta voidaan julkaista omia kirjoituksia perinteisten julkaisukanavien

Lisätiedot

Paperiton näyttösuunnitelma

Paperiton näyttösuunnitelma Paperiton näyttösuunnitelma Käyttöohje opettajalle ja työpaikkaohjaajalle Koonnut: Jarkko Lehmuskenttä Turun sivistystoimiala, Suunnittelu- ja kehittämispalvelut 18.10.2015 Versio 2.0 Ohje on koottu OPH:n

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

Nettisivujen Päivitysohje

Nettisivujen Päivitysohje Hämeenlinnan rauhanyhdistys ry Nettisivujen Päivitysohje Ohje päivitetty 18.7.2012 Hallintapaneeli Kirjautuminen nettisivujen hallintaan Hallintapaneeliin päästään kirjautumaan klikkaamalla linkkiä nettisivujen

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

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

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

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

Kyläsivujen InfoWeb-ohje

Kyläsivujen InfoWeb-ohje Kyläsivujen InfoWeb-ohje Kirjoita internet-selaimesi osoitekenttään kyläsivujen hallintaosoite; www.yla -savo.fi/admin Saavut seuraavalle sivulle, johon kirjoitat käyttäjätunnuksesi ja salasanasi: Paina

Lisätiedot

Microsoft Outlook Web Access. Pikaohje sähköpostin peruskäyttöön

Microsoft Outlook Web Access. Pikaohje sähköpostin peruskäyttöön Microsoft Outlook Web Access Pikaohje sähköpostin peruskäyttöön 1 Käyttö työpaikalla (Hallinto-verkossa) Käynnistetään sähköposti Työpöydällä olevasta Faiposti-pikakuvakkeesta (hiirellä kaksoisklikkaamalla).

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

1 Yleistä Kooste-objektista... 3. 1.1 Käyttöönotto... 3. 2 Kooste-objektin luominen... 4. 3 Sisällön lisääminen Kooste objektiin... 4. 3.1 Sivut...

1 Yleistä Kooste-objektista... 3. 1.1 Käyttöönotto... 3. 2 Kooste-objektin luominen... 4. 3 Sisällön lisääminen Kooste objektiin... 4. 3.1 Sivut... Kooste 2 Optima Kooste-ohje Sisällysluettelo 1 Yleistä Kooste-objektista... 3 1.1 Käyttöönotto... 3 2 Kooste-objektin luominen... 4 3 Sisällön lisääminen Kooste objektiin... 4 3.1 Sivut... 5 3.2 Sisältölohkot...

Lisätiedot

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word

Lisätiedot

Kuksa -jäsenrekisterin käyttöohje ryhmänjohtajille

Kuksa -jäsenrekisterin käyttöohje ryhmänjohtajille Kuksa -jäsenrekisterin käyttöohje ryhmänjohtajille Mistä löydän ryhmäni tiedot? 1) Valitse ylävalikosta Ryhmät. Hakukentän alla näet ryhmiesi tiedot. Klikkaamalla ryhmän nimeä pääset ryhmän tietoihin.

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

Doodle helppoa aikatauluttamista

Doodle helppoa aikatauluttamista Doodle helppoa aikatauluttamista Kuinka käytän Doodlea? -vaiheittainen opas käyttöön ja aikataulukyselyn luomiseen http://www.doodle.com/ Doodle on ohjelma joka auttaa sinua aikatauluttamaan kokouksia

Lisätiedot

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

PUTTERI JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE PUTTERI 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

Uuden Peda.netin käyttöönotto

Uuden Peda.netin käyttöönotto Sisällysluettelo Uuden Peda.netin käyttöönotto...2 Sisään- ja uloskirjautuminen...2 OmaTila...3 Peda.netin yleisrakenne...4 Työvälineet - Sivut...5 Sivun lisääminen omaan profiiliin:...5 Sivun poistaminen

Lisätiedot

Valitse aineisto otsikoineen maalaamalla se hiirella ja kopioimalla (Esim. ctrl-c). Vaihtoehtoisesti, Lataa CSV-tiedosto

Valitse aineisto otsikoineen maalaamalla se hiirella ja kopioimalla (Esim. ctrl-c). Vaihtoehtoisesti, Lataa CSV-tiedosto Versio k15 Näin laadit ilmastodiagrammin Libre Officen taulukkolaskentaohjelmalla. Ohje on laadittu käyttäen Libre Officen versiota 4.2.2.1. Voit ladata ohjelmiston omalle koneellesi osoitteesta fi.libreoffice.org.

Lisätiedot

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. HTML ja CSS Tästä se lähtee: portfolio-sivusto Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. index.html Sivuston pääsivu, joka avautuu selaimeen ensimmäisenä sivujen

Lisätiedot

Ohjeet psykoterapeuteille www.vapaatajat.fi. info@vapaatajat.fi

Ohjeet psykoterapeuteille www.vapaatajat.fi. info@vapaatajat.fi Ohjeet psykoterapeuteille www.vapaatajat.fi info@vapaatajat.fi Vapaat Ajat palvelun ohjeet psykoterapeuteille Tästä oppaasta löydät ohjeet Vapaat Ajat palvelun käyttöön. Käymme läpi palveluun rekisteröitymisen,

Lisätiedot

PDF-tiedostojen optimointi hakukoneille

PDF-tiedostojen optimointi hakukoneille PDF-tiedostojen optimointi hakukoneille PDF-tiedostojen optimointi herättää ristiriitaisia tunteita. Jotkut väittävät, että PDF:illä ei ole mitään arvoa hakukoneoptimointimielessä, toiset taas puhuvat

Lisätiedot

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut.

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut. Kotisivu ohje Kotisivu - ohjelmisto on webbipohjainen kotisivujen julkaisujärjestelmä jossa käyttäjä ei tarvitse erityistaitoja kyetäkseen julkaisemaan webbisivuja. Jos osaat käyttää Microsoft Word tekstinkäsittelyohjelmaa,

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

Suomen Yrittäjien kotisivupaketti: Ohjeet

Suomen Yrittäjien kotisivupaketti: Ohjeet Suomen Yrittäjien kotisivupaketti: Ohjeet Voit tehdä tyylikkäät kotisivut yhdistyksellesi Suomen Yrittäjien kotisivupaketilla. Aloittaaksesi tarvitset vain tietokoneen ja Internet yhteyden. Tarkempia neuvoja

Lisätiedot

http://www.microsoft.com/expression/

http://www.microsoft.com/expression/ Verkkojulkaisuharjoitus1 TAVOITE Harjoituksen tarkoituksena on opiskella käyttämään verkkojulkaisueditoria (Microsoft Expression Web) ja käynnistämään verkkosivu internetissä. VERKKOSIVUEDITORIN KÄYTTÖOHJEITA

Lisätiedot

ohjeita kirjautumiseen ja käyttöön

ohjeita kirjautumiseen ja käyttöön ohjeita kirjautumiseen ja käyttöön Kirjautumisesta Opiskelijat: kirjaudu aina tietokoneelle wilmatunnuksella etunimi.sukunimi@edu.ekami.fi + wilman salasana Opettajat: kirjaudu luokan opekoneelle @edu.ekami.fi

Lisätiedot

Kuvan pienentäminen Paint.NET-kuvankäsittelyohjelmalla

Kuvan pienentäminen Paint.NET-kuvankäsittelyohjelmalla Kuvan pienentäminen Paint.NET-kuvankäsittelyohjelmalla Avaa Paint.NET tuplaklikkaamalla sen pikakuvaketta. Paint.NET avautuu tämän näköisenä. Edessä on tyhjä paperi. Saadaksesi auki kuvan, jota aiot pienentää

Lisätiedot

Hallintaliittymän käyttöohje

Hallintaliittymän käyttöohje Hallintaliittymän käyttöohje 1. Yleisiä huomioita Hallintaliittymän käyttöä helpottavia yleisiä huomioita: - Käytä listanäkymien hakukentissä kentän vieressä olevaa hakunappia, älä enter-näppäintä. - Älä

Lisätiedot

1 eportfolio Kyvyt.fi - palvelun käytön aloittaminen

1 eportfolio Kyvyt.fi - palvelun käytön aloittaminen eportfolio Kyvyt.fi - palvelussa on Salpauksen ryhmä nimeltä AMMATTIOSAAJAN TYÖKYKYPASSI. Ryhmän jäsenenä saat käyttöösi suorittamiseen tarvittavat valmiit sivupohjat. Salpauksessa eportoliota käytetään

Lisätiedot

ez Publish ja Toolbar yleisohjeet

ez Publish ja Toolbar yleisohjeet ez Publish ja Toolbar yleisohjeet SISÄLLYSLUETTELO: 1. Perustyökalut 2 1.1 Sivupohjan valinta ja sivun lisäys 2 1.2 Sivun muokkaus, siirto ja poisto 2 1.3 Puurakenne, aakkospainike, TR-painike ja F-painike

Lisätiedot

Vasemmistonuorten verkkosivujen päivittäminen

Vasemmistonuorten verkkosivujen päivittäminen Vasemmistonuorten verkkosivujen päivittäminen Eliisa Alatalo, 2011 Sisällönhallinta Vasemmistonuorten sivuja pääset päivittämään osoitteessa: www.vasemmistonuoret.fi/cms Eteesi avautuu seuraava näkymä:

Lisätiedot

Vasemmistonuorten verkkosivujen päivittäminen

Vasemmistonuorten verkkosivujen päivittäminen Vasemmistonuorten verkkosivujen päivittäminen Eliisa Alatalo, 2011 Sisällönhallinta Vasemmistonuorten sivuja pääset päivittämään osoitteessa: www.vasemmistonuoret.fi/cms Eteesi avautuu seuraava näkymä:

Lisätiedot

SUOMI LIIKKUU KOULULIIKUNTATAPAHTUMIEN ILMOITTAUTUMISJÄRJESTELMÄ

SUOMI LIIKKUU KOULULIIKUNTATAPAHTUMIEN ILMOITTAUTUMISJÄRJESTELMÄ SUOMI LIIKKUU KOULULIIKUNTATAPAHTUMIEN ILMOITTAUTUMISJÄRJESTELMÄ KÄYTTÄJÄN OHJE 2 S i v u SISÄLLYSLUETTELO 1. Kirjautuminen 3 2. Etusivunäkymä 4 3. Tapahtumat 5 3.1. Tapahtumaan ilmoittautuneet 6 3.2.

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

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

Sisältö. Päivitetty viimeksi 31.8.2011 Sivu 2 / 14

Sisältö. Päivitetty viimeksi 31.8.2011 Sivu 2 / 14 Ylläpitäjän ohje Sisältö Ylläpitäjän ohje... 1 Yleistä... 3 Vinkkejä ylläpitäjälle... 3 Osoitteet... 3 Internet-selain ja Flash-laajennus... 3 Julkinen sivunäkymä ja ylläpitonäkymä eri välilehdissä...

Lisätiedot

Ilmainen ja helppo tapa luoda verkkosivut omalle lionsklubillesi! Tervetuloa

Ilmainen ja helppo tapa luoda verkkosivut omalle lionsklubillesi! Tervetuloa Ilmainen ja helppo tapa luoda verkkosivut omalle lionsklubillesi! Tervetuloa Yleistä Sekä tämä materiaali että tämän hetken ohjeistukset löytyvät piirin www-sivuilta http://e-district.org/sites/107g/.

Lisätiedot

VATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys:

VATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys: VATT Talouden rakenteet Ohje: Pdf-dian liittäminen PowerPoint -esitykseen Tämä ohje koskee Acrobat Reader -ohjelman versiota 9 sekä Firefox ja Internet Explorer -selaimia. Huomaa, että aikaisemmissa versioissa

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

on klubin nimi pienillä kirjaimilla ja väliviivalla, esimerkiksi seinajoki; palkaneen-seutu; turku-aboa.

on klubin nimi pienillä kirjaimilla ja väliviivalla, esimerkiksi seinajoki; palkaneen-seutu; turku-aboa. Internet-projekti Jäsenalue / Sähköinen toimisto Syksyllä 2009 unioni on rakentanut uudistettua jäsenaluetta tai sähköistä toimistoa. Jäsenalueelle pääsee unionin nettisivujen vasemmasta palstasta, Kirjaudu

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

Condes. Quick Start opas. Suunnistuksen ratamestariohjelmisto. Versio 8. Quick Start - opas Condes 8. olfellows www.olfellows.fi 1.

Condes. Quick Start opas. Suunnistuksen ratamestariohjelmisto. Versio 8. Quick Start - opas Condes 8. olfellows www.olfellows.fi 1. Condes Suunnistuksen ratamestariohjelmisto Versio 8 Quick Start opas Yhteystiedot: olfellows Jouni Laaksonen Poijukuja 4 21120 RAISIO Sähköposti: jouni.laaksonen@olfellows.fi www.olfellows.fi olfellows

Lisätiedot

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu Pika-aloitusopas Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu Tämä asiakirja on laadittu auttamaan sinua hallinnoimaan nopeasti CEB TalentCentral

Lisätiedot

24h Admin V1.00 20.11.2004 / 24h_Admin_v100.pdf 1/9

24h Admin V1.00 20.11.2004 / 24h_Admin_v100.pdf 1/9 24h Admin V1.00 20.11.2004 / 24h_Admin_v100.pdf 1/9 Copyright Yleiskuvaus 1. Perusasioita kirjautumisesta 2. Kirjautuminen 3. Sivut 4. Yläpalkki 5. Sivujen kuvaukset 5.1 Versiotiedot 5.2 Pääsivu 5.3 Valikon

Lisätiedot

SUPERIN AMMATTIOSASTON VERKKOSIVUJEN PÄIVITYSTYÖKALUOHJE

SUPERIN AMMATTIOSASTON VERKKOSIVUJEN PÄIVITYSTYÖKALUOHJE SUPERIN AMMATTIOSASTON VERKKOSIVUJEN PÄIVITYSTYÖKALUOHJE SISÄLLYS 1. Ylläpitosivu ja tunnukset... 3 2. Sivutyypit ja kentät... 3 3. Sivurakenne... 4 4. Piilotetut ja julkaisemattomat sivut... 4 5. Uuden

Lisätiedot