https://www.linux.fi/w/api.php?action=feedcontributions&user=OpinsysASokero&feedformat=atomLinux.fi - Käyttäjän muokkaukset [fi]2024-03-28T16:51:56ZKäyttäjän muokkauksetMediaWiki 1.41.0https://www.linux.fi/w/index.php?title=Esitteen_tekeminen_Scribuksella&diff=30487Esitteen tekeminen Scribuksella2010-01-18T06:35:33Z<p>OpinsysASokero: </p>
<hr />
<div>[[Scribus]] on avoin taitto- ja julkaisuohjelmisto jolla voidaan taittaa esimerkiksi omia lehtiä tai julisteita. Tämän ohjeen tarkoituksena on tutustuttaa Scribuksen käyttöön ja perustoimintoihin esimerkkinä tehtävän esitteen avulla.<br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee pienimuotoisen esitteen tekemistä ilmaisella Scribus-taitto- ja julkaisuohjelmalla. Scribusta voidaan käyttää erilaisten lehtien, julisteiden, mainoste ym. painotuotteiden tekemiseen. Ohjeen tarkoituksena on tutustuttaa Scribuksen käyttöön tekemällä mallin mukainen esite. Ohjeessa esiteltäviä menetelmiä voidaan soveltaa omien töiden tekemiseen. <br />
<br />
== Alkuvalmistelut ==<br />
Tarkoituksena on luoda kuvan mukainen yksinkertainen malliesite.<br />
<br />
[[Kuva:1-scribus-esite1-valmis.jpg|thumb|250px|none]]<br />
<br />
Alkuvalmisteluina tarvitaan taustakuva, joka voi olla omista tiedostoista tai esimerkiksi internetistä löytyvä kuva. Malliesitteessä käytettävä kuva on myös vapaasti ladattavissa ohjeen lopussa olevasta linkistä. Taustalle tulevan kuvan olisi hyvä olla kuvasuhteiltaan mahdollisimman paljon A4-sivua muistuttava.<br />
<br />
== Esitteen tekeminen ==<br />
=== Scribuksen käynnistys ===<br />
Scribus-taitto-ohjelma löytyy yleensä käytettävän järjestelmän sovellusvalikosta. Scribus aukeaa käynnistyksen jälkeen tyhjään työtilaan tai seuraavan näköiseen uuden asiakirjan luonti-ikkunaan. Ikkunasta voidaan muokata tehtävän dokumentin asettelua, kokoa ja muita asetuksia kuten marginaaleja. <br />
<br />
* Valitse avautuneesta ikkunasta sivun kooksi ''A4'' ja oletusyksiköksi ''millimetrit''. Halutessaan voi myös muokata sivun marginaaleja. <br />
<br />
[[Kuva:2-scribus-esite1-aloitusvalikko.png|thumb|250px|none]] <br />
<br />
* Napsauta ''OK''<br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue, jossa marginaalit näkyvät sinisinä viivoina.<br />
<br />
=== Taustakuvan asettaminen ===<br />
Scribuksen käyttö perustuu sivun päälle lisättäviin erilaisiin kehyksiin. Esimerkiksi kun dokumenttiin halutaan lisätä kuva, piirretään ensin kuvakehys johon itse kuva voidaan sijoittaa. Samoin toimitaan myös tekstin ja erilaisten kuvioiden kanssa. Erilaiset kehystyökalut sijaitsevat seuraavasti.<br />
<br />
[[Kuva:3-scribus-esite1-tyokalut.png|thumb|250px|none]]<br />
<br />
# ''Lisää tekstikehys''<br />
# ''Lisää kuva''<br />
# ''Lisää taulukko''<br />
# ''Lisää kuvio''<br />
# ''Lisää monikulmio''<br />
<br />
==== Kuvan lisäys ====<br />
Seuraavaksi esitteelle asetetaan luontoaiheinen taustakuva rajaamalla sille ensin kehys. <br />
<br />
* Valitse ”''Lisää kuva''” -kehystyökalu.<br />
* Piirrä koko sivun kokoinen kehys alkaen vasemmasta yläreunasta päättyen oikeaan alareunaan.<br />
<br />
Nyt sivulla pitäisi olla suuri kehys, jossa keskellä on X-muotoinen kuvio. Tähän alueeseen tulee sivun taustakuva, joka lisätään seuraavasti.<br />
<br />
* Napsautetaan kuvakehyksen päällä hiiren kakkospainiketta.<br />
* Valitaan avautuneesta valikosta ”''Hae kuva''”.<br />
<br />
[[Kuva:4-scribus-esite1-hae_kuva.png|thumb|250px|none]]<br />
<br />
* Etsitään avautuvasta tiedostovalitsimesta kuva, joka halutaan taustalle ja napsautetaan ”''Avaa''”.<br />
<br />
Kuva latautuu nyt koostaan riippuen taustalle. <br />
<br />
==== Kuvan ominaisuudet ====<br />
Seuraavaksi mukautetaan kuva koko sivun peittäväksi.<br />
<br />
* Napsautetaan kuvakehystä hiiren kakkospainikkeella ja valitaan ''Ominaisuudet''.<br />
* Valitaan ''Kuva''-asetusten alta ”''Sovita kehyksen kokoon''” ja otetaan pois raksi kohdasta ”''Säilytä suhteet''”. Näin kuva tulee koko sivun peittäväksi.<br />
<br />
[[Kuva:5-scribus-esite1-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* ''Värit''-asetusten alta voidaan halutessa muuttaa Läpinäkyvyydeksi ''80%'', jolloin kuva hieman haalenee.<br />
* Suljetaan ''Ominaisuudet''-ikkuna.<br />
<br />
=== Tekstikenttien rajaaminen ===<br />
Seuraavaksi rajataan otsikolle, tekstille sekä ilmoittajalle omat alueensa. Ensin tehdään suorakulmio otsikon pohjaksi.<br />
<br />
* Valitaan työkaluriviltä ”''Lisää kuvio''” -työkalu.<br />
* Rajataan pohjan yläreunaan suorakaiteen muotoinen alue otsikkoa varten. Alueen tarkemman koon voi määrittää myöhemmin, mutta kannattaa jo nyt arvioida minkä kokoisen otsikon haluaa.<br />
* Napsautetaan otsikon aluetta hiiren kakkospainikkeella ja valitaan ”''Ominaisuudet''”.<br />
* Valitaan ''Värit''-asetukset<br />
* Valitaan sopiva taustaväri. Mallissa tämä on ”''Grey11''”.<br />
<br />
[[Kuva:6-scribus-esite1-varit.png|thumb|250px|none]]<br />
<br />
* Asetetaan läpinäkyvyys ''60%''.<br />
<br />
Esittelytekstille ja alareunassa olevalle alueelle varattava tila tehdään täysin samalla periaatteella. Ainoastaan kuvion koko ja sijainti poikkeavat ja niihin kannattaa ottaa mallia esimerkkikuvasta. Huomioitavaa on, että teksteille varattavat tilat tulevat marginaalien sisäpuolelle. Väriksi mallissa on esittelytekstin taustalle asetettu ”''Chocholate4''” 60% läpinäkyvyydellä ja alareunassa olevalle alueelle ”''Burlywood''” läpinäkyvyydellä 40%.<br />
<br />
[[Kuva:7-scribus-esite1-tausta.png|thumb|250px|none]]<br />
<br />
== Työn tallentaminen ja oppaan toinen osa ==<br />
Esitteen tekemistä jatketaan oppaan toisessa osassa lisäämällä siihen tekstit ja tutustumalla työn tallentamiseen ''PDF''-tiedostomuodossa. Mikäli ohjetta on seurattu esimerkin mukaisesti ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja napsauta ”''Tallenna''”.<br />
<br />
<br />
<br />
== Tekstien lisääminen ==<br />
Seuraavaksi kenttien sisälle lisätään tekstikehykset. <br />
[[Kuva:2-scribus-esite2-teksti.png|thumb|250px|none]]<br />
Ennen sitä teksteille luodaan kuitenkin oma erillinen taso. Tasot ovat ikään kuin päällekkäin asetettuja läpinäkyviä kalvoja. Tasojen keskinäistä järjestystä voidaan muuttaa tai ne voidaan tarvittaessa ottaa pois näkyvistä. Tasoja voidaan hyödyntää esimerkiksi teksteille, jolloin voidaan helposti tehdä samalle pohjalle useita erikielisiä asiakirjoja, joissa tekstit vaihdetaan ainoastaan tason näkyvyyttä vaihtamalla. Yleisin käyttötarkoitus niille on kuitenkin erotella eri merkityksissä olevaa sisältöä omiksi kokonaisuuksikseen, jolloin esimerkiksi tausta, tekstit ja kuvat voivat olla omilla tasoillaan. <br />
<br />
Yleisesti tasojen käyttö ei ole välttämätöntä ja esimerkiksi näin pienessä työssä niillä ei erityistä hyötyä saavuteta, mutta ne ovat mukana esimerkin vuoksi. Uusi taso luodaan seuraavasti. <br />
<br />
* Valitaan ''Työkalut'' > ''Tasot''.<br />
* Napsautetaan ”''Uusi taso''” painiketta.<br />
<br />
[[Kuva:3-scribus-esite2-tasot.png|thumb|250px|none]]<br />
<br />
* Annetaan uudelle tasolle nimeksi esimerkiksi ”''Tekstit''”.<br />
<br />
Nyt teksteille on luotu oma taso. Tasojen vieressä on pienet kuvakkeet joista silmä-kuvakkeella saa kyseisen tason näkyviin ja piiloon. Nyt olisi siis mahdollista tehdä esimerkiksi kaksi tasoa teksteille, joista toinen olisi suomenkielinen ja toinen ruotsinkielinen. Se kumpaa haluttaisiin käyttää voitaisiin valita toinen taso piilottamalla. Seuraavaksi lisätään itse tekstikehykset.<br />
<br />
* Tarkistetaan ''Tasot-''ikkunasta että ”''Tekstit''”-taso on aktiivinen. Tietyn tason voi aktivoida esimerkiksi napsauttamalla sen edessä olevaa numeroa.<br />
* Valitaan työkaluriviltä ”''Lisää tekstikehys''” -työkalu.<br />
* Piirretään aikaisemmin tehdyn ruskean otsikkoalueen päälle samankokoinen tekstikehys.<br />
* Napsautetaan kehyksen sisällä hiiren kakkospainikkeella ja valitaan ”''Muokkaa tekstiä...''”.<br />
* Kirjoitetaan avautuneeseen tekstieditoriin ”''Luontokerho''” ja painetaan ”''Päivitä tekstikehys ja poistu''” -painiketta. Väreistä ja fontin koosta ei tarvitse vielä välittää.<br />
<br />
[[Kuva:4-scribus-esite2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan tekstikehyksen päällä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''.<br />
* Mennnään asetusten kohtaa ”''Teksti''”.<br />
* Muutetaan fontin koko ja väri mieleisen kokoiseksi sekä keskitetään teksti. Mallikuvassa fontin värinä on ''Red3'' ja kokona ''98.0'' pt.<br />
<br />
[[Kuva:5-scribus-esite2-mallikuva.png|thumb|250px|none]]<br />
<br />
Jos tekstikehys muuttuu tyhjäksi ja sen oikeaan alareunaan ilmestyy pelkkä raksi, tekstin koko on asetettu liian suureksi, eikä se enää mahdu kehykseen. Ongelma poistuu pienentämällä fontin kokoa tai muuttamalla tekstikehyksen kokoa suuremmaksi vetämällä hiiren avulla sen reunoista.<br />
<br />
Jos vaikuttaa että tekstikehyksen alla oleva pohjakuvio on väärän kokoinen, sitä voi muuttaa vaihtamalla taso takaisin taustatasoon ja muuttamalla sen kokoa vetämällä.<br />
<br />
Kun otsikko näyttää hyvältä, tekstikehyksen voi lukita paikalleen Ominaisuudet-valikon ”''X,Y,X''”-valinnan alta löytyvällä ''lukko''-kuvakkeella. Tämän voi tehdä tarvittaessa myös taustakuvalle ja tekstien pohjalaatikoille. Näin kyseiset objektit eivät pääse vahingossa siirtymään paikaltaan.<br />
<br />
Muut tekstit lisätään samalla periaatteella. Kannattaa huolehtia, että ''tekstit''-taso on valittuna tekstikehyksiä lisättäessä, jolloin kaikki tekstit tulevat varmasti samalle tasolle. Malliesitteessä käytetyt tekstit löytyvät ohjeen lopusta, mikäli niitä haluaa käyttää. Esittelytekstissä on hyvä muokata fontin ja värin lisäksi riviväliä niin suureksi, että teksti peittää järkevästi sille varatun alueen.<br />
<br />
== Työn tallentaminen ==<br />
=== Tallentaminen Scribuksen omaan muokattavaan tiedostomuotoon ===<br />
Työ kannattaa tallentaa aina aluksi Scribuksen omassa tiedostomuodossa. Tällöin työ säilyttää varmasti kaiken tiedon ja on edelleen muokattavissa myöhemmin. Jos tallentaminen tehtäisiin heti johonkin ulkoiseen muotoon, kuten esimerkiksi ''svg''- tai ''pdf''-muotoon työ menettäisi muokattavuutensa. Tallentaminen Scribuksen omaan muotoon tapahtuu seuraavasti.<br />
<br />
* Valitaan ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Annetaan tiedostolle nimi ja ja napsautetaan ”''Tallenna''”-painiketta.<br />
<br />
=== Tallentaminen pdf-tiedostomuodossa ===<br />
Pdf-tiedostomuotoa voidaan käyttää kun työ on lopullisesti valmis ja sitä halutaan jakaa esimerkiksi tietoverkon välityksellä tai viedä se painettavaksi. Pdf-tiedostoa tulee käyttää siis ainoastaan dokumenttia levitettäessä, koska siinä muodossa se ei ole enää jälkeenpäin muokattavissa. Kyseinen työ kannattaa siis varsinaisesti tallentaa ja säilyttää myös Scribuksen omassa tiedostomuodossa. <br />
<br />
Pdf-tallennus onnistuu seuraavasti.<br />
<br />
* Valitaan ylävalikosta ''Tiedosto'' > ''Vie'' > ''Tallenna PDF:na''<br />
* Muutetaan avautuvasta valikosta tarvittaessa<br />
* Tallennetaan työ lopullisesti napsauttamalla ''Tallenna''-painiketta.<br />
<br />
== Esimerkkiesitteessä käytetty teksti ==<br />
<br />
<br />
Tervetuloa luontokerhoon!<br />
<br />
<br />
<br />
Käpyniityn koululla 15.6 alkaen. Kerhossa tutustutaan luonnossa liikkumiseen sekä kasvien ja eläinten tunnistamiseen. <br />
<br />
<br />
<br />
Kerho alkaa 15.6 klo 14<br />
<br />
Kerho päättyy 10.7<br />
<br />
Ilmoittautumiset ja lisätietoja numerosta 555-654321.<br />
<br />
Ilmoittautuminen 10.6 mennessä<br />
<br />
Maksu 20e/henkilö.<br />
<br />
Tekijän teksti<br />
<br />
Pekka Biologi, Käpyniityn luontoyhdistys<br />
<br />
== Esimerkkiesitteen lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehty esite ja siinä käytetty taustakuva. Esimerkki esite on Scribuksen omassa tiedostomuodossa, jolloin myös taustakuva on haettava erikseen. Molemmat tiedostot tulee tallentaa samaan kansioon, jotta esite avautuisi oikein. Molemmat tiedostot tulee ladata erikseen seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa ''esimerkkiesite'' [http://materiaali.linuxkouluun.fi/luontokerho_esimerkkiesite.sla tästä]<br />
# Lataa esimerkkiesitteen ''taustakuva'' [http://materiaali.linuxkouluun.fi/ranta_tausta.jpg tästä]<br />
<br />
=== Tiedoston avaaminen Scribuksessa ===<br />
Tiedosto avataan Scribuksessa seuraavasti.<br />
<br />
* Käynnistä Scribus<br />
* Valitse ''Tiedosto'' > ''Avaa''<br />
* Valitse ladattu esimerkkiesite<br />
* Napsauta ''Avaa ''<br />
<br />
Nyt esimerkkiesitteen tulisi avautua. Mikäli esite avautuu mutta taustakuvaa ei näy, kannattaa tarkistaa että molemmat ladatut tiedostot ovat samassa kansiossa.<br />
<br />
<br />
== Kysymyksiä ==<br />
=== Miten kehys voidaan lukita paikkaansa, niin että sitä ei vahingossa pääse siirtämään? ===<br />
Kehys voidaan lukita paikalleen seuraavasti.<br />
<br />
* Napsauta kehystä hiiren kakkospainikkeella ja valitse ominaisuudet.<br />
* Mene kohtaan'' X,Y,Z''.<br />
* Napsauta alhaalla olevaa ''lukko''-kuvaketa, jolloin kehys lukittuu.<br />
<br />
=== Miten saan lisättyä työhöni sivuja? ===<br />
Sivuja saa lisättyä valinnalla ''Sivu'' > ''Lisää''. Avautuvasta valikosta voidaan valita lisättävien sivujen määrä, kohta mihin sivut lisätään ja tarvittaessa käytettävä sivumalli.<br />
<br />
=== Mitä ovat sivumallit? ===<br />
Sivumallien avulla saadaan monisivuisista painotuotteista helposti ulkonäöltään yhtenäisiä. Sivumallit mahdollistavat sivuilla toistuvasti esiintyvien asioiden automaattisen lisäämisen. Esimerkiksi aina vasemmanpuoleisella sivulla esiintyvien kuvioiden/yläotsikoiden/taustakuvien/ym. asettaminen voidaan automatisoida, niin että niitä ei tarvitse asetella joka sivulle erikseen.<br />
<br />
=== Miten muutan paperin kokoa jälkikäteen? ===<br />
Paperin kokoa ei voi enää jälkikäteen muuttaa. Koon voi valita ainoastaan asiakirjan luonti vaiheessa.<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Lehden_taittaminen_Scribuksella&diff=30458Lehden taittaminen Scribuksella2010-01-15T10:59:12Z<p>OpinsysASokero: /* Sisällön lisääminen */ Kuvat galleriaan</p>
<hr />
<div>Tässä oppaassa tutustutaan tarkemmin Scribuksen taitto-ominaisuuksiin tehtävän esimerkkilehden avulla. Alussa tutustutaan sivumallien ja tyylien soveltamiseen sekä tekstin palstoittamiseen. Ohjetta voidaan soveltaa esimerkiksi oman koululehden tekemiseen.<br />
<br />
== Johdanto ==<br />
<br />
<br />
[[Kuva:1-scribus-lehti1-esim.png|thumb|250px|none]]Tämä ohje käsittelee yksinkertaisen lehden taittamista Scribus-ohjelmalla. Ohjeen tarkoituksena ei ole antaa täydellistä opastusta lehden taittamisesta, vaan tutustuttaa Scribuksen perusominaisuuksiin. Ohjeessa tehdään mallilehti, jossa käytettäviä tekniikoita ja periaatteita voidaan soveltaa omien lehtien tekemisessä. Mallilehti voidaan ladata ohjeen lopusta pdf-muodossa katseltavaksi ja Scribuksen omassa tallennusmuodossa oppaan toisen osan myötä.<br />
<br />
== Alkuvalmistelut ==<br />
Ennen varsinaisen lehdenteon aloittamista tulisi saatavilla olla muutama kuva ja tekstiä. Mallilehdessä olevat kuvat ovat vapaasti saatavilla ja kaikkien käytettävissä. Ne voidaan ladata omalle työasemalle ohjeen lopusta. Tekstinä on käytetty Lorem Ipsum ([http://www.lipsum.com/ http://www.lipsum.com/]) tekstigeneraattorilla tehtyä tekstiä. Kyseisellä sivulla voidaan helposti generoida latinankielistä tekstiä joka voidaan kopioida ja liittää käytettäväksi tämän ohjeen kanssa. Mahdollista on myös käyttää mitä tahansa tekstiä jonka arvelee soveltuvan ohjelman harjoitteluun.<br />
<br />
== Uuden asiakirjan luominen ==<br />
Lehden tekeminen aloitetaan käynnistämällä Scribus-ohjelma järjestelmän sovellusvalikosta. Scribuksen käynnistyttyä aukeaa uuden asiakirjan asetusten määritysikkuna.<br />
<br />
* Asetetaan sivun kooksi ''A4'' <br />
* Valitaan oletusyksiköksi ''millimetrit'' <br />
* Asetetaan kaikki sivun reunukset nollaksi. Sivun reunukset ovat täysin valkoiseksi jäävä marginaali joita tässä malli lehdessä ei haluta. <br />
<br />
[[Kuva:2-scribus-lehti1-uusi.png|thumb|250px|none]]<br />
<br />
Muista että sivun asetuksia ei voi enää jälkikäteen muuttaa, joten aloitettaessa on tiedettävä millaisen lehden haluaa tehdä.<br />
<br />
* Napsautetaan ''OK'' <br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue.<br />
<br />
== Kansisivun tekeminen ==<br />
Ensimmäisestä sivusta tulee lehden kansisivu.<br />
<br />
[[Kuva:3-scribus-lehti1-kansi.jpg|thumb|250px|none]]<br />
<br />
Kansisivu tehdään lähes täysin samaan tapaan kuin ”Esitteen tekeminen Scribuksella” -ohjeessa. Otsikon tausta on ainoastaan koostettu kolmesta osasta, kolmiosta ja kahdesta suorakulmiosta. Kolmio on tehty ”''Lisää monikulmio''” -työkalulla, jonka ominaisuuksia on muokattu niin, että saadaan alaspäin osoittava kolmio.<br />
<br />
[[Kuva:4-scribus-lehti1-monikulmio.png|thumb|250px|none]]<br />
<br />
Muilta osin kannen tekeminen onnistuu täysin esitteen teko-ohjeen vaiheita noudattamalla.<br />
<br />
== Sisäsivujen asetukset ==<br />
Sisäsivujen tekemisessä kannattaa ottaa käyttöön sivumallit ja kappaletyylit. Niiden avulla saadaan sivujen tekemisestä automatisoidumpaa, jolloin jokaisella sivulla toistuvaa asiaa ja kappaleiden tyylejä ei tarvitse aina erikseen määritellä. Samalla jos tehtävä painotuote esiintyy usein samalla asettelulla kuten esimerkiksi säännöllisesti tehtävä lehti, voidaan kerran tehdyt mallit ottaa suoraan käyttöön ja lisätä vain muuttuva sisältö.<br />
<br />
=== Kappaletyylit ===<br />
Kappaletyylien tekeminen tapahtuu seuraavasti. <br />
<br />
* Valitaan ''Muokkaa'' > ''Kappaletyylit''. <br />
* Valitan avautuneesta ikkunasta ”''Uusi''”. <br />
<br />
Ensimmäisenä luodaan tyyli nimeltä ”''Otsikko 1''”. <br />
<br />
* Asetetaan nimi-kenttään nimeksi ”''Otsikko 1''”. <br />
* Vaihdetaan kirjasimen kooksi ''20.0 pt''. <br />
* Asetetaan kappaleiden välisiksi etäisyyksiksi: yläpuolelle ''4.0 mm'', alapuolelle ''0,0 mm''. <br />
<br />
[[Kuva:5-scribus-lehti1-kappaletyylit.png|thumb|250px|none]]<br />
<br />
Nämä ovat esimerkkiarvot joita on käytetty mallissa. Kannattaa kokeilla eri fonttityyppejä ja -kokoja. Tee ”''Otsikko 1''” tyylin lisäksi tyylit ainakin tavalliselle tekstikappaleelle ja alatason otsikoille. Asetukset voivat olla esimerkiksi seuraavanlaiset.<br />
<br />
''Kappale'': <br />
<br />
Fontin koko: ''10.0 pt''. <br />
<br />
Etäisyydet: yläpuolelle ''0.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''15.0 pt''.<br />
<br />
Tasaus ''molempiin'' reunoihin<br />
<br />
''Otsikko 2'':<br />
<br />
Fontin koko: ''15.0 pt''.<br />
<br />
Etäisyydet: yläpuolelle ''2.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''18.0 pt''.<br />
<br />
Lopuksi on tärkeää muistaa painaa ”''Tallenna''”-painiketta ennen ”''Muokkaa tyylejä''”-ikkunan sulkemista tai kaikki tehdyt asetukset häviävät. Omat tyylit kannattaa luoda myös kuvateksteille, taulukoille, luetteloille ym. Tässä esimerkissä niitä ei kuitenkaan tehdä, koska nitä ei ole käytössä.<br />
<br />
== Mallisivut ==<br />
Kokonaisuudessaan mallilehdestä tulee viisisivuinen, jossa yksi on kansi, ja loput ovat sisäsivuja. Sisäsivuina tulee tällöin olemaan kaksi vasemman ja oikean puoleista sivua. Mitä enemmän tehtävässä lehdessä on sivuja ja mitä useammin samalla ulkoasulla lehteä tehdään, sitä hyödyllisempää on käyttää sivumalleja. Sivumallien avulla samaa ulkoasua voidaan monistaa helposti uusille sivuille ja asettaa niihin esimerkiksi automaattisesti toistuva sivunumerointi. Seuraavassa tehdään kaksi sivumallia, joista toinen vasemmalle ja toinen oikealle sivulle.<br />
<br />
=== Uusien sivujen lisääminen ===<br />
Lehteen lisätään uusia sivuja seuraavasti<br />
<br />
* Valitaan ''Sivu'' > ''Lisää''...<br />
* Avautuneeseen ikkunaan annetaan lisättävien sivujen lukumäärä. Esimerkkilehdessä on lisätty neljä tekstisivua.<br />
<br />
On hyvä huomata, että sivujen lisääminen voitaisiin tehdä hyvin vasta mallisivujen tekemisen jälkeen. Tällöin lisättäessä voitaisiin valita lisäysikkunasta kyseisille sivuille tuleva sivumalli. Nyt kun esimerkkitekstissä tulee käyttöön erillinen sivumalli sekä oikealle että vasemmalle sivulle, tehdään mallien määritys sivuille vasta myöhemmin. <br />
<br />
=== Mallisivujen tekeminen ===<br />
Mallisivujen muokkaaminen aloitetaan seuraavasti.<br />
<br />
* Valitaan ''Muokkaa'' > ''Mallisivut''...<br />
<br />
[[Kuva:6-scribus-lehti1-mallisivut.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ”''Uusi''” -painiketta <br />
* Annetaan mallisivulle nimeksi ”''Vasen''” <br />
* Valitaan ”''Muokkaa mallisivuja''” -ikkunaa sulkematta ylävalikosta ''Sivu'' > ''Apuviivojen hallinta'' <br />
* Lisätään avautuvaan ikkunaan kuvan mukaiset arvot apuviivojen avulla tekstin sijoittelu sivulle helpottuu ja samalla voidaan määrittää haluttavat marginaalit. Apuviivat eivät tulostu lopulliseen sivuun<br />
<br />
[[Kuva:7-scribus-lehti1-muokkaa_mallis.png|thumb|250px|none]]<br />
<br />
* Suljetaan ikkuna painamalla ''OK'' <br />
<br />
Seuraavaksi otetaan kopio mallisivusta ''Vasen'' valitsemalla se aktiiviseksi ja napsauttamalla ''kopioi''.<br />
<br />
Annetaan uudelle mallille nimeksi ''Oikea''.<br />
<br />
=== Sivunumeroiden asettaminen mallisivuihin ===<br />
Seuraavaksi malleihin asetetaan joka sivulla esiintyvät lehden nimi ja sivunumero. Sivunumerot asetetaan seuraavasti.<br />
<br />
* Valitaan ”''Muokkaa malleja''” -ikkunasta aktiiviseksi malli ''vasen'' ja siirrytään sivun alareunaan. <br />
* Halutessaan alareunaan voi lisätä joka sivulla toistuvan värin kuvan mukaisesti kuviokehyksen lisäämällä. Kuvan väri on ”''Beige''”, ''80%'' läpinäkyvyydellä.<br />
<br />
[[Kuva:8-scribus-lehti1-sivunumerot.png|thumb|250px|none]]<br />
<br />
* Kuvion päälle voidaan lisätä pienet tekstikehykset sivunumeroa sekä lehden nimeä varten. <br />
<br />
Sivunumeron saa lisättyä omaan tekstikehykseensä muokkaamalla tekstiä ja painamalla sivunumeron lisäykseen asetettua pikanäppäintä joka yleensä on oletuksena ''Ctrl+Shift+Alt+P''. (Mikäli kyseinen pikanäppäin ei toimi voi oman pikanäppäimen asentaa valitsemalla ''Tiedosto'' > ''Asetukset'' > ''Oikopolut''.) Sivunumeron lisäyksen jälkeen tekstikehykseen tulee merkki ''<nowiki>#</nowiki>''. Sivumalleja käyttämällä sivunumeroja ei siis tarvitse syöttää joka sivulle erikseen käsin, vaan ohjelma päivittää niitä automaattisesti.<br />
<br />
Lisää toiseen tekstikehykseen esimerkiksi lehden otsikko kuten esimerkkikuvassa.<br />
<br />
Sivumallin ”''Oikea''” muokkaus tapahtuu täysin samalla tavalla. Mallilehdessä se tehtiin seuraavan näköiseksi.<br />
<br />
[[Kuva:9-scribus-lehti1-osoite.png|thumb|250px|none]]<br />
<br />
=== Mallisivujen asettaminen sivuihin ===<br />
Viimeisenä vaiheena lisätään sivumallit osoittamaan oikeita sivuja.<br />
<br />
* Valitaan ''Ikkuna'' > ''Sivujen hallinta''.<br />
<br />
Sivumalli kohdistetaan tiettyyn sivuun raahaamalla ”''Sivumallit''”-kohdasta haluttu malli kohdesivun päälle. Ensimmäinen sivu on tässä tapauksessa kansisivu joten se ei tarvitse mallia. Muille sivuille mallit asetetaan valitsemalla vuoronperään oikea ja vasen sivu.<br />
<br />
== Työn tallentaminen ==<br />
<br />
Esimerkkilehden tekemistä jatketaan lisäämällä valmiita mallisivuja käyttäen tekstit, kuvia sekä palstoitus. Mikäli ohjetta on seurattu esimerkin mukaan ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se välillä tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja ja napsauta ”''Tallenna''”. <br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Seuraavassa on tehtävä esimerkkisisältö.<br />
<gallery><br />
<br />
Kuva:1-scribus-lehti2-sivu1.jpg|Etusivu<br />
Kuva:2-scribus-lehti2-sivu2.png|Sivu 1<br />
Kuva:3-scribus-lehti2-sivu3.png|Sivu 2<br />
Kuva:4-scribus-lehti2-sivu4.png|Sivu 3<br />
Kuva:5-scribus-lehti2-sivu5.png|Sivu 4<br />
</gallery><br />
Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
=== Tekstikehysten tekeminen ===<br />
Varsinainen tekstien lisääminen ja palstoittaminen Scribuksessa on varsin yksinkertaista. Tässä vaiheessa olisi hyvä olla selvillä mikä teksti ja kuvat sivuille tullaan lisäämään. Malliesimerkisssä on käytetty valmista Lorum Ipsum esimerkkitekstiä, jossa kappaleet on eroteltu yhdellä välilyönnillä ja otsikot merkattu ''<nowiki>*</nowiki>''-merkillä, joka sitten tyylejä asetettaessa poistetaan. Tämä teksti ja muut esimerkissä käytettävät materiaalit voidaan ladata omalle työasemalle ohjeen viimeisen kappaleen mukaisesti. Tyylien toiminta on samantapaista kuin esimerkiksi OpenOffice.org ohjelmistoissa, joten jos tyylien käyttö ei ole tuttua niin kannattaa tutustua myös siihen sekä "''Tehoa tekstinkäsittelyyn artikkeliin''".<br />
<br />
Ensimmäisen tekstisivun tekeminen malliesimerkin mukaan aloitetaan seuraavasti.<br />
<br />
* Jos olet tehnyt tekstit omalle tasolleen, muista vaihtaa se aktiiviseksi tasoksi.<br />
<br />
[[Kuva:6-scribus-lehti2-tasot.png|thumb|250px|none]]<br />
<br />
* Tehdään pääotsikolle oma tekstikehys pituussuunnassa sivun keskelle, lisätään otsikko, valitaan sopiva fontti ja muut ominaisuudet. Huomaa, että myös pääotsikolle olisi voitu tarvittaessa tehdä jo aiemmin oma tyyli.<br />
<br />
[[Kuva:7-scribus-lehti2-paakehys.png|thumb|250px|none]]<br />
<br />
* Rajataan varsinaiselle tekstille tila ''tekstikehys''-työkalulla.<br />
<br />
[[Kuva:8-scribus-lehti2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Rajataan myös kaikille muille sivuille koko sivun kokoiset tekstikehykset tulevia tekstejä varten <br />
<br />
[[Kuva:9-scribus-lehti2-sivukehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehystä hiiren kakkospainikkeella ja valitaan ''hae teksti''. <br />
* Valitaan auvautuneesta tiedostovalitsimesta haluttu tekstitiedosto jota halutaan käyttää. <br />
<br />
Tässä vaiheessa teksti ilmestyy yhtenä pötkönä kehykseen ja alareunaan ilmestyy raksi viittaamaan, että kaikki teksti ei ole vielä näkyvissä.<br />
<br />
[[Kuva:10-scribus-lehti2-kaikkiteksti.png|thumb|250px|none]]<br />
<br />
=== Tyylien asettaminen ===<br />
Asetetaan seuraavaksi koko tekstille tyylit.<br />
<br />
* Aktivoidaan tekstikehys ja napsautetaan sitä hiiren kakkospainikkeella. <br />
* Valitaan "''muokkaa tekstiä''". <br />
* Valitaan tekstieditorista koko teksti joko hiirellä mustaamalla tai painamalla näppäinyhdistelmää ''Ctrl + A''. <br />
* Valitse tyyliksi ”''kappale''”, jonka jälkeen koko tekstin pohjatyyliksi tulee kappale-tyyli.<br />
<br />
[[Kuva:11-scribus-lehti2-tyylit.png|thumb|250px|none]]<br />
<br />
* Etsitään tekstin seasta otsikot, tai jos valmiita otsikoita ei ole, lisätään tekstin sekaan muutama. Esimerkkitekstiä käytettäessä ajatellut otsikot on merkattu'' *''-merkillä, joka voidaan poistaa tyyliä lisättäessä.<br />
* Asetetaan kursori yksi kerrallaan otsikon kohdalle ja valitse tyyliksi sopiva otsikkotyyli. <br />
* Napsautetaan lopuksi vihreää ”''Päivitä tekstikehys ja poistu''”-painiketta. <br />
<br />
=== Palstoitus ===<br />
Nyt tekstin kappaleille on asetettu tyylit ja seuraavaksi asetetaan palstoitus ja tekstin jatkaminen muille sivuille tehtyihin tekstikehyksiin.<br />
<br />
* Napsautetaan tekstikehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. Jokaisen sivun kehystä on tässä tapauksessa muutettava erikseen.<br />
* Asetetaan ensimmäiselle sivulle palstojen määräksi ''kaksi'' ja muille sivuille ''kolme''. Väliksi molempiin voidaan asettaa ''5 mm''. <br />
<br />
[[Kuva:12-scribus-lehti2-palstoitus.png|thumb|250px|none]]<br />
<br />
=== Tekstin jakaminen toisiin kehyksiin ===<br />
Seuraavaksi jatketaan teksti muille sivuille.<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehys aktiiviseksi ja valitaan yläosan työkalupalkista toiminto ”''linkitä tekstikehykset''”. Tällä työkalulla voidaan jatkaa ylitsemenevää tekstiä seuraavaan kehykseen.<br />
<br />
[[Kuva:13-scribus-lehti2-kehykset.png|thumb|250px|none]]<br />
<br />
* Tämän jälkeen napsautetaan hiirellä seuraavan sivun tekstikehystä, jolloin teksti jatkuu tähän kehykseen. <br />
<br />
Tämä sama toiminto toistetaan nykyisen ja seuraavan sivun kanssa, kunnes kaikki teksti on saatu mahtumaan sivuille.<br />
<br />
=== Kuvien lisääminen ===<br />
Kuvat lisätään tekstin sekaan seuraavasti.<br />
<br />
==== Ensimmäinen sivu ====<br />
* Lisätään tavalliseen tapaan sopiva kuva keskitetysti sivun yläosaan. Kuvassa näkyvät pyöristykset voidaan tehdä lopuksi samalla tavoin kuin toisen sivun kanssa. <br />
<br />
[[Kuva:14-scribus-lehti2-1sivu.png|thumb|250px|none]]<br />
<br />
=== Toinen sivu ===<br />
Seuraavassa kuvassa on toisen sivun kuva aseteltuna esimerkkilehteen.<br />
<br />
[[Kuva:15-scribus-lehti2-2sivu.png|thumb|250px|none]]<br />
<br />
Kuva lisätään tekstin sekaan seuraavasti. <br />
<br />
* Piirretään toisen sivun tekstin päälle kuvakehys.<br />
<br />
* Haetaan kehykseen haluttu kuva. <br />
* Mennään kehyksen ominaisuuksiin napsauttamalla kehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. <br />
* Mennnään kohtaan ”''Kuvio''”. <br />
* Pyöristetään halutessa kulmia muutaman millimetrin ja laitetaan raksi kohtaan ”''Teksti kiertää kehyksen''.” <br />
* Mennään kohtaan kuva ja valitaan ”''Sovita kehyksen kokoon''”. <br />
* Suljetaan ''ominaisuudet''-ikkuna <br />
* Asetellaan kehyksen koko sopivaksi<br />
<br />
== Loppuasettelut ==<br />
Viimeinen sivu voidaan asetella samoilla periaatteilla kuin edellisetkin. Lisäämällä teksti kehykseen, palstoittamalla ja lisäämällä kuvat. Seuraavassa on esimerkkilehden asettelu. <br />
<br />
Toinen tekstisivu voisi näyttää esimerkiksi seuraavalta.<br />
<br />
Ja kolmas tekstisivu voisi olla tällainen.<br />
<br />
Lisäksi lehteen voitaisiin tehdä vielä takakansi, joka onnistuisi lisäämällä sivu ja noudattamalla esimerkiksi etukannen kanssa käytettyjä periaatteita. Esimerkkilehdessä takakansisivua ei ole tehty. <br />
<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehtävän lehden valmis versio tarkasteltavaksi Scribuksen omassa tallennusmuodossa sekä pdf-muotoinen versio. Lisäksi ladattavissa on kaikki esimerkissä käytetty kuvat ja tekstit. <br />
<br />
Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Huomaa, että mikäli Scribus-muodossa tallennettua lehteä halutaan tarkastella, tulee se ladata samaan hakemistoon kuvien kanssa. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
==== Ladattavat kuvat ====<br />
# Lataa esimerkkissä käytetty etusivun ''taustakuva'' [http://materiaali.linuxkouluun.fi/torni.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''sorsan kuva'' [http://materiaali.linuxkouluun.fi/sorsa.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rannan kuva'' [http://materiaali.linuxkouluun.fi/ranta.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''maiseman kuva'' [http://materiaali.linuxkouluun.fi/maisema.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''merimaiseman kuva'' [http://materiaali.linuxkouluun.fi/meri.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rahapuun kuva'' [http://materiaali.linuxkouluun.fi/rahapuu.jpg tästä]<br />
<br />
==== Teksti ja esimerkkimateriaali ====<br />
# Lataa ''esimerkkilehti pdf-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.pdf tästä]<br />
# Lataa muokattava ''esimerkkilehti Scribus-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.sla tästä]<br />
# Katso tai lataa esimerkissä käytetty'' teksti ''[http://materiaali.linuxkouluun.fi/scribus-esimerkkiteksti.txt tästä]<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Lehden_taittaminen_Scribuksella&diff=30454Lehden taittaminen Scribuksella2010-01-15T10:56:15Z<p>OpinsysASokero: </p>
<hr />
<div>Tässä oppaassa tutustutaan tarkemmin Scribuksen taitto-ominaisuuksiin tehtävän esimerkkilehden avulla. Alussa tutustutaan sivumallien ja tyylien soveltamiseen sekä tekstin palstoittamiseen. Ohjetta voidaan soveltaa esimerkiksi oman koululehden tekemiseen.<br />
<br />
== Johdanto ==<br />
<br />
<br />
[[Kuva:1-scribus-lehti1-esim.png|thumb|250px|none]]Tämä ohje käsittelee yksinkertaisen lehden taittamista Scribus-ohjelmalla. Ohjeen tarkoituksena ei ole antaa täydellistä opastusta lehden taittamisesta, vaan tutustuttaa Scribuksen perusominaisuuksiin. Ohjeessa tehdään mallilehti, jossa käytettäviä tekniikoita ja periaatteita voidaan soveltaa omien lehtien tekemisessä. Mallilehti voidaan ladata ohjeen lopusta pdf-muodossa katseltavaksi ja Scribuksen omassa tallennusmuodossa oppaan toisen osan myötä.<br />
<br />
== Alkuvalmistelut ==<br />
Ennen varsinaisen lehdenteon aloittamista tulisi saatavilla olla muutama kuva ja tekstiä. Mallilehdessä olevat kuvat ovat vapaasti saatavilla ja kaikkien käytettävissä. Ne voidaan ladata omalle työasemalle ohjeen lopusta. Tekstinä on käytetty Lorem Ipsum ([http://www.lipsum.com/ http://www.lipsum.com/]) tekstigeneraattorilla tehtyä tekstiä. Kyseisellä sivulla voidaan helposti generoida latinankielistä tekstiä joka voidaan kopioida ja liittää käytettäväksi tämän ohjeen kanssa. Mahdollista on myös käyttää mitä tahansa tekstiä jonka arvelee soveltuvan ohjelman harjoitteluun.<br />
<br />
== Uuden asiakirjan luominen ==<br />
Lehden tekeminen aloitetaan käynnistämällä Scribus-ohjelma järjestelmän sovellusvalikosta. Scribuksen käynnistyttyä aukeaa uuden asiakirjan asetusten määritysikkuna.<br />
<br />
* Asetetaan sivun kooksi ''A4'' <br />
* Valitaan oletusyksiköksi ''millimetrit'' <br />
* Asetetaan kaikki sivun reunukset nollaksi. Sivun reunukset ovat täysin valkoiseksi jäävä marginaali joita tässä malli lehdessä ei haluta. <br />
<br />
[[Kuva:2-scribus-lehti1-uusi.png|thumb|250px|none]]<br />
<br />
Muista että sivun asetuksia ei voi enää jälkikäteen muuttaa, joten aloitettaessa on tiedettävä millaisen lehden haluaa tehdä.<br />
<br />
* Napsautetaan ''OK'' <br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue.<br />
<br />
== Kansisivun tekeminen ==<br />
Ensimmäisestä sivusta tulee lehden kansisivu.<br />
<br />
[[Kuva:3-scribus-lehti1-kansi.jpg|thumb|250px|none]]<br />
<br />
Kansisivu tehdään lähes täysin samaan tapaan kuin ”Esitteen tekeminen Scribuksella” -ohjeessa. Otsikon tausta on ainoastaan koostettu kolmesta osasta, kolmiosta ja kahdesta suorakulmiosta. Kolmio on tehty ”''Lisää monikulmio''” -työkalulla, jonka ominaisuuksia on muokattu niin, että saadaan alaspäin osoittava kolmio.<br />
<br />
[[Kuva:4-scribus-lehti1-monikulmio.png|thumb|250px|none]]<br />
<br />
Muilta osin kannen tekeminen onnistuu täysin esitteen teko-ohjeen vaiheita noudattamalla.<br />
<br />
== Sisäsivujen asetukset ==<br />
Sisäsivujen tekemisessä kannattaa ottaa käyttöön sivumallit ja kappaletyylit. Niiden avulla saadaan sivujen tekemisestä automatisoidumpaa, jolloin jokaisella sivulla toistuvaa asiaa ja kappaleiden tyylejä ei tarvitse aina erikseen määritellä. Samalla jos tehtävä painotuote esiintyy usein samalla asettelulla kuten esimerkiksi säännöllisesti tehtävä lehti, voidaan kerran tehdyt mallit ottaa suoraan käyttöön ja lisätä vain muuttuva sisältö.<br />
<br />
=== Kappaletyylit ===<br />
Kappaletyylien tekeminen tapahtuu seuraavasti. <br />
<br />
* Valitaan ''Muokkaa'' > ''Kappaletyylit''. <br />
* Valitan avautuneesta ikkunasta ”''Uusi''”. <br />
<br />
Ensimmäisenä luodaan tyyli nimeltä ”''Otsikko 1''”. <br />
<br />
* Asetetaan nimi-kenttään nimeksi ”''Otsikko 1''”. <br />
* Vaihdetaan kirjasimen kooksi ''20.0 pt''. <br />
* Asetetaan kappaleiden välisiksi etäisyyksiksi: yläpuolelle ''4.0 mm'', alapuolelle ''0,0 mm''. <br />
<br />
[[Kuva:5-scribus-lehti1-kappaletyylit.png|thumb|250px|none]]<br />
<br />
Nämä ovat esimerkkiarvot joita on käytetty mallissa. Kannattaa kokeilla eri fonttityyppejä ja -kokoja. Tee ”''Otsikko 1''” tyylin lisäksi tyylit ainakin tavalliselle tekstikappaleelle ja alatason otsikoille. Asetukset voivat olla esimerkiksi seuraavanlaiset.<br />
<br />
''Kappale'': <br />
<br />
Fontin koko: ''10.0 pt''. <br />
<br />
Etäisyydet: yläpuolelle ''0.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''15.0 pt''.<br />
<br />
Tasaus ''molempiin'' reunoihin<br />
<br />
''Otsikko 2'':<br />
<br />
Fontin koko: ''15.0 pt''.<br />
<br />
Etäisyydet: yläpuolelle ''2.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''18.0 pt''.<br />
<br />
Lopuksi on tärkeää muistaa painaa ”''Tallenna''”-painiketta ennen ”''Muokkaa tyylejä''”-ikkunan sulkemista tai kaikki tehdyt asetukset häviävät. Omat tyylit kannattaa luoda myös kuvateksteille, taulukoille, luetteloille ym. Tässä esimerkissä niitä ei kuitenkaan tehdä, koska nitä ei ole käytössä.<br />
<br />
== Mallisivut ==<br />
Kokonaisuudessaan mallilehdestä tulee viisisivuinen, jossa yksi on kansi, ja loput ovat sisäsivuja. Sisäsivuina tulee tällöin olemaan kaksi vasemman ja oikean puoleista sivua. Mitä enemmän tehtävässä lehdessä on sivuja ja mitä useammin samalla ulkoasulla lehteä tehdään, sitä hyödyllisempää on käyttää sivumalleja. Sivumallien avulla samaa ulkoasua voidaan monistaa helposti uusille sivuille ja asettaa niihin esimerkiksi automaattisesti toistuva sivunumerointi. Seuraavassa tehdään kaksi sivumallia, joista toinen vasemmalle ja toinen oikealle sivulle.<br />
<br />
=== Uusien sivujen lisääminen ===<br />
Lehteen lisätään uusia sivuja seuraavasti<br />
<br />
* Valitaan ''Sivu'' > ''Lisää''...<br />
* Avautuneeseen ikkunaan annetaan lisättävien sivujen lukumäärä. Esimerkkilehdessä on lisätty neljä tekstisivua.<br />
<br />
On hyvä huomata, että sivujen lisääminen voitaisiin tehdä hyvin vasta mallisivujen tekemisen jälkeen. Tällöin lisättäessä voitaisiin valita lisäysikkunasta kyseisille sivuille tuleva sivumalli. Nyt kun esimerkkitekstissä tulee käyttöön erillinen sivumalli sekä oikealle että vasemmalle sivulle, tehdään mallien määritys sivuille vasta myöhemmin. <br />
<br />
=== Mallisivujen tekeminen ===<br />
Mallisivujen muokkaaminen aloitetaan seuraavasti.<br />
<br />
* Valitaan ''Muokkaa'' > ''Mallisivut''...<br />
<br />
[[Kuva:6-scribus-lehti1-mallisivut.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ”''Uusi''” -painiketta <br />
* Annetaan mallisivulle nimeksi ”''Vasen''” <br />
* Valitaan ”''Muokkaa mallisivuja''” -ikkunaa sulkematta ylävalikosta ''Sivu'' > ''Apuviivojen hallinta'' <br />
* Lisätään avautuvaan ikkunaan kuvan mukaiset arvot apuviivojen avulla tekstin sijoittelu sivulle helpottuu ja samalla voidaan määrittää haluttavat marginaalit. Apuviivat eivät tulostu lopulliseen sivuun<br />
<br />
[[Kuva:7-scribus-lehti1-muokkaa_mallis.png|thumb|250px|none]]<br />
<br />
* Suljetaan ikkuna painamalla ''OK'' <br />
<br />
Seuraavaksi otetaan kopio mallisivusta ''Vasen'' valitsemalla se aktiiviseksi ja napsauttamalla ''kopioi''.<br />
<br />
Annetaan uudelle mallille nimeksi ''Oikea''.<br />
<br />
=== Sivunumeroiden asettaminen mallisivuihin ===<br />
Seuraavaksi malleihin asetetaan joka sivulla esiintyvät lehden nimi ja sivunumero. Sivunumerot asetetaan seuraavasti.<br />
<br />
* Valitaan ”''Muokkaa malleja''” -ikkunasta aktiiviseksi malli ''vasen'' ja siirrytään sivun alareunaan. <br />
* Halutessaan alareunaan voi lisätä joka sivulla toistuvan värin kuvan mukaisesti kuviokehyksen lisäämällä. Kuvan väri on ”''Beige''”, ''80%'' läpinäkyvyydellä.<br />
<br />
[[Kuva:8-scribus-lehti1-sivunumerot.png|thumb|250px|none]]<br />
<br />
* Kuvion päälle voidaan lisätä pienet tekstikehykset sivunumeroa sekä lehden nimeä varten. <br />
<br />
Sivunumeron saa lisättyä omaan tekstikehykseensä muokkaamalla tekstiä ja painamalla sivunumeron lisäykseen asetettua pikanäppäintä joka yleensä on oletuksena ''Ctrl+Shift+Alt+P''. (Mikäli kyseinen pikanäppäin ei toimi voi oman pikanäppäimen asentaa valitsemalla ''Tiedosto'' > ''Asetukset'' > ''Oikopolut''.) Sivunumeron lisäyksen jälkeen tekstikehykseen tulee merkki ''<nowiki>#</nowiki>''. Sivumalleja käyttämällä sivunumeroja ei siis tarvitse syöttää joka sivulle erikseen käsin, vaan ohjelma päivittää niitä automaattisesti.<br />
<br />
Lisää toiseen tekstikehykseen esimerkiksi lehden otsikko kuten esimerkkikuvassa.<br />
<br />
Sivumallin ”''Oikea''” muokkaus tapahtuu täysin samalla tavalla. Mallilehdessä se tehtiin seuraavan näköiseksi.<br />
<br />
[[Kuva:9-scribus-lehti1-osoite.png|thumb|250px|none]]<br />
<br />
=== Mallisivujen asettaminen sivuihin ===<br />
Viimeisenä vaiheena lisätään sivumallit osoittamaan oikeita sivuja.<br />
<br />
* Valitaan ''Ikkuna'' > ''Sivujen hallinta''.<br />
<br />
Sivumalli kohdistetaan tiettyyn sivuun raahaamalla ”''Sivumallit''”-kohdasta haluttu malli kohdesivun päälle. Ensimmäinen sivu on tässä tapauksessa kansisivu joten se ei tarvitse mallia. Muille sivuille mallit asetetaan valitsemalla vuoronperään oikea ja vasen sivu.<br />
<br />
== Työn tallentaminen ==<br />
<br />
Esimerkkilehden tekemistä jatketaan lisäämällä valmiita mallisivuja käyttäen tekstit, kuvia sekä palstoitus. Mikäli ohjetta on seurattu esimerkin mukaan ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se välillä tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja ja napsauta ”''Tallenna''”. <br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Seuraavassa on tehtävä esimerkkisisältö.<br />
[[Kuva:1-scribus-lehti2-sivu1.jpg|thumb|250px|none]]<br />
[[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]]<br />
[[Kuva:3-scribus-lehti2-sivu3.png|thumb|250px|none]]<br />
[[Kuva:4-scribus-lehti2-sivu4.png|thumb|250px|none]]<br />
[[Kuva:5-scribus-lehti2-sivu5.png|thumb|250px|none]]<br />
<br />
Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
=== Tekstikehysten tekeminen ===<br />
Varsinainen tekstien lisääminen ja palstoittaminen Scribuksessa on varsin yksinkertaista. Tässä vaiheessa olisi hyvä olla selvillä mikä teksti ja kuvat sivuille tullaan lisäämään. Malliesimerkisssä on käytetty valmista Lorum Ipsum esimerkkitekstiä, jossa kappaleet on eroteltu yhdellä välilyönnillä ja otsikot merkattu ''<nowiki>*</nowiki>''-merkillä, joka sitten tyylejä asetettaessa poistetaan. Tämä teksti ja muut esimerkissä käytettävät materiaalit voidaan ladata omalle työasemalle ohjeen viimeisen kappaleen mukaisesti. Tyylien toiminta on samantapaista kuin esimerkiksi OpenOffice.org ohjelmistoissa, joten jos tyylien käyttö ei ole tuttua niin kannattaa tutustua myös siihen sekä "''Tehoa tekstinkäsittelyyn artikkeliin''".<br />
<br />
Ensimmäisen tekstisivun tekeminen malliesimerkin mukaan aloitetaan seuraavasti.<br />
<br />
* Jos olet tehnyt tekstit omalle tasolleen, muista vaihtaa se aktiiviseksi tasoksi.<br />
<br />
[[Kuva:6-scribus-lehti2-tasot.png|thumb|250px|none]]<br />
<br />
* Tehdään pääotsikolle oma tekstikehys pituussuunnassa sivun keskelle, lisätään otsikko, valitaan sopiva fontti ja muut ominaisuudet. Huomaa, että myös pääotsikolle olisi voitu tarvittaessa tehdä jo aiemmin oma tyyli.<br />
<br />
[[Kuva:7-scribus-lehti2-paakehys.png|thumb|250px|none]]<br />
<br />
* Rajataan varsinaiselle tekstille tila ''tekstikehys''-työkalulla.<br />
<br />
[[Kuva:8-scribus-lehti2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Rajataan myös kaikille muille sivuille koko sivun kokoiset tekstikehykset tulevia tekstejä varten <br />
<br />
[[Kuva:9-scribus-lehti2-sivukehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehystä hiiren kakkospainikkeella ja valitaan ''hae teksti''. <br />
* Valitaan auvautuneesta tiedostovalitsimesta haluttu tekstitiedosto jota halutaan käyttää. <br />
<br />
Tässä vaiheessa teksti ilmestyy yhtenä pötkönä kehykseen ja alareunaan ilmestyy raksi viittaamaan, että kaikki teksti ei ole vielä näkyvissä.<br />
<br />
[[Kuva:10-scribus-lehti2-kaikkiteksti.png|thumb|250px|none]]<br />
<br />
=== Tyylien asettaminen ===<br />
Asetetaan seuraavaksi koko tekstille tyylit.<br />
<br />
* Aktivoidaan tekstikehys ja napsautetaan sitä hiiren kakkospainikkeella. <br />
* Valitaan "''muokkaa tekstiä''". <br />
* Valitaan tekstieditorista koko teksti joko hiirellä mustaamalla tai painamalla näppäinyhdistelmää ''Ctrl + A''. <br />
* Valitse tyyliksi ”''kappale''”, jonka jälkeen koko tekstin pohjatyyliksi tulee kappale-tyyli.<br />
<br />
[[Kuva:11-scribus-lehti2-tyylit.png|thumb|250px|none]]<br />
<br />
* Etsitään tekstin seasta otsikot, tai jos valmiita otsikoita ei ole, lisätään tekstin sekaan muutama. Esimerkkitekstiä käytettäessä ajatellut otsikot on merkattu'' *''-merkillä, joka voidaan poistaa tyyliä lisättäessä.<br />
* Asetetaan kursori yksi kerrallaan otsikon kohdalle ja valitse tyyliksi sopiva otsikkotyyli. <br />
* Napsautetaan lopuksi vihreää ”''Päivitä tekstikehys ja poistu''”-painiketta. <br />
<br />
=== Palstoitus ===<br />
Nyt tekstin kappaleille on asetettu tyylit ja seuraavaksi asetetaan palstoitus ja tekstin jatkaminen muille sivuille tehtyihin tekstikehyksiin.<br />
<br />
* Napsautetaan tekstikehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. Jokaisen sivun kehystä on tässä tapauksessa muutettava erikseen.<br />
* Asetetaan ensimmäiselle sivulle palstojen määräksi ''kaksi'' ja muille sivuille ''kolme''. Väliksi molempiin voidaan asettaa ''5 mm''. <br />
<br />
[[Kuva:12-scribus-lehti2-palstoitus.png|thumb|250px|none]]<br />
<br />
=== Tekstin jakaminen toisiin kehyksiin ===<br />
Seuraavaksi jatketaan teksti muille sivuille.<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehys aktiiviseksi ja valitaan yläosan työkalupalkista toiminto ”''linkitä tekstikehykset''”. Tällä työkalulla voidaan jatkaa ylitsemenevää tekstiä seuraavaan kehykseen.<br />
<br />
[[Kuva:13-scribus-lehti2-kehykset.png|thumb|250px|none]]<br />
<br />
* Tämän jälkeen napsautetaan hiirellä seuraavan sivun tekstikehystä, jolloin teksti jatkuu tähän kehykseen. <br />
<br />
Tämä sama toiminto toistetaan nykyisen ja seuraavan sivun kanssa, kunnes kaikki teksti on saatu mahtumaan sivuille.<br />
<br />
=== Kuvien lisääminen ===<br />
Kuvat lisätään tekstin sekaan seuraavasti.<br />
<br />
==== Ensimmäinen sivu ====<br />
* Lisätään tavalliseen tapaan sopiva kuva keskitetysti sivun yläosaan. Kuvassa näkyvät pyöristykset voidaan tehdä lopuksi samalla tavoin kuin toisen sivun kanssa. <br />
<br />
[[Kuva:14-scribus-lehti2-1sivu.png|thumb|250px|none]]<br />
<br />
=== Toinen sivu ===<br />
Seuraavassa kuvassa on toisen sivun kuva aseteltuna esimerkkilehteen.<br />
<br />
[[Kuva:15-scribus-lehti2-2sivu.png|thumb|250px|none]]<br />
<br />
Kuva lisätään tekstin sekaan seuraavasti. <br />
<br />
* Piirretään toisen sivun tekstin päälle kuvakehys.<br />
<br />
* Haetaan kehykseen haluttu kuva. <br />
* Mennään kehyksen ominaisuuksiin napsauttamalla kehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. <br />
* Mennnään kohtaan ”''Kuvio''”. <br />
* Pyöristetään halutessa kulmia muutaman millimetrin ja laitetaan raksi kohtaan ”''Teksti kiertää kehyksen''.” <br />
* Mennään kohtaan kuva ja valitaan ”''Sovita kehyksen kokoon''”. <br />
* Suljetaan ''ominaisuudet''-ikkuna <br />
* Asetellaan kehyksen koko sopivaksi <br />
<br />
== Loppuasettelut ==<br />
Viimeinen sivu voidaan asetella samoilla periaatteilla kuin edellisetkin. Lisäämällä teksti kehykseen, palstoittamalla ja lisäämällä kuvat. Seuraavassa on esimerkkilehden asettelu. <br />
<br />
Toinen tekstisivu voisi näyttää esimerkiksi seuraavalta.<br />
<br />
Ja kolmas tekstisivu voisi olla tällainen.<br />
<br />
Lisäksi lehteen voitaisiin tehdä vielä takakansi, joka onnistuisi lisäämällä sivu ja noudattamalla esimerkiksi etukannen kanssa käytettyjä periaatteita. Esimerkkilehdessä takakansisivua ei ole tehty. <br />
<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehtävän lehden valmis versio tarkasteltavaksi Scribuksen omassa tallennusmuodossa sekä pdf-muotoinen versio. Lisäksi ladattavissa on kaikki esimerkissä käytetty kuvat ja tekstit. <br />
<br />
Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Huomaa, että mikäli Scribus-muodossa tallennettua lehteä halutaan tarkastella, tulee se ladata samaan hakemistoon kuvien kanssa. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
==== Ladattavat kuvat ====<br />
# Lataa esimerkkissä käytetty etusivun ''taustakuva'' [http://materiaali.linuxkouluun.fi/torni.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''sorsan kuva'' [http://materiaali.linuxkouluun.fi/sorsa.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rannan kuva'' [http://materiaali.linuxkouluun.fi/ranta.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''maiseman kuva'' [http://materiaali.linuxkouluun.fi/maisema.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''merimaiseman kuva'' [http://materiaali.linuxkouluun.fi/meri.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rahapuun kuva'' [http://materiaali.linuxkouluun.fi/rahapuu.jpg tästä]<br />
<br />
==== Teksti ja esimerkkimateriaali ====<br />
# Lataa ''esimerkkilehti pdf-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.pdf tästä]<br />
# Lataa muokattava ''esimerkkilehti Scribus-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.sla tästä]<br />
# Katso tai lataa esimerkissä käytetty'' teksti ''[http://materiaali.linuxkouluun.fi/scribus-esimerkkiteksti.txt tästä]<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Lehden_taittaminen_Scribuksella&diff=30451Lehden taittaminen Scribuksella2010-01-15T10:50:40Z<p>OpinsysASokero: /* Johdanto */</p>
<hr />
<div>Tässä oppaassa tutustutaan tarkemmin Scribuksen taitto-ominaisuuksiin tehtävän esimerkkilehden avulla. Alussa tutustutaan sivumallien ja tyylien soveltamiseen sekä tekstin palstoittamiseen. Ohjetta voidaan soveltaa esimerkiksi oman koululehden tekemiseen.<br />
<br />
== Johdanto ==<br />
<br />
<br />
[[Kuva:1-scribus-lehti1-esim.png|thumb|250px|none]]Tämä ohje käsittelee yksinkertaisen lehden taittamista Scribus-ohjelmalla. Ohjeen tarkoituksena ei ole antaa täydellistä opastusta lehden taittamisesta, vaan tutustuttaa Scribuksen perusominaisuuksiin. Ohjeessa tehdään mallilehti, jossa käytettäviä tekniikoita ja periaatteita voidaan soveltaa omien lehtien tekemisessä. Mallilehti voidaan ladata ohjeen lopusta pdf-muodossa katseltavaksi ja Scribuksen omassa tallennusmuodossa oppaan toisen osan myötä.<br />
<br />
== Alkuvalmistelut ==<br />
Ennen varsinaisen lehdenteon aloittamista tulisi saatavilla olla muutama kuva ja tekstiä. Mallilehdessä olevat kuvat ovat vapaasti saatavilla ja kaikkien käytettävissä. Ne voidaan ladata omalle työasemalle ohjeen lopusta. Tekstinä on käytetty Lorem Ipsum ([http://www.lipsum.com/ http://www.lipsum.com/]) tekstigeneraattorilla tehtyä tekstiä. Kyseisellä sivulla voidaan helposti generoida latinankielistä tekstiä joka voidaan kopioida ja liittää käytettäväksi tämän ohjeen kanssa. Mahdollista on myös käyttää mitä tahansa tekstiä jonka arvelee soveltuvan ohjelman harjoitteluun.<br />
<br />
== Uuden asiakirjan luominen ==<br />
Lehden tekeminen aloitetaan käynnistämällä Scribus-ohjelma järjestelmän sovellusvalikosta. Scribuksen käynnistyttyä aukeaa uuden asiakirjan asetusten määritysikkuna.<br />
<br />
* Asetetaan sivun kooksi ''A4'' <br />
* Valitaan oletusyksiköksi ''millimetrit'' <br />
* Asetetaan kaikki sivun reunukset nollaksi. Sivun reunukset ovat täysin valkoiseksi jäävä marginaali joita tässä malli lehdessä ei haluta. <br />
<br />
[[Kuva:2-scribus-lehti1-uusi.png|thumb|250px|none]]<br />
<br />
Muista että sivun asetuksia ei voi enää jälkikäteen muuttaa, joten aloitettaessa on tiedettävä millaisen lehden haluaa tehdä.<br />
<br />
* Napsautetaan ''OK'' <br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue.<br />
<br />
== Kansisivun tekeminen ==<br />
Ensimmäisestä sivusta tulee lehden kansisivu.<br />
<br />
[[Kuva:3-scribus-lehti1-kansi.jpg|thumb|250px|none]]<br />
<br />
Kansisivu tehdään lähes täysin samaan tapaan kuin ”Esitteen tekeminen Scribuksella” -ohjeessa. Otsikon tausta on ainoastaan koostettu kolmesta osasta, kolmiosta ja kahdesta suorakulmiosta. Kolmio on tehty ”''Lisää monikulmio''” -työkalulla, jonka ominaisuuksia on muokattu niin, että saadaan alaspäin osoittava kolmio.<br />
<br />
[[Kuva:4-scribus-lehti1-monikulmio.png|thumb|250px|none]]<br />
<br />
Muilta osin kannen tekeminen onnistuu täysin esitteen teko-ohjeen vaiheita noudattamalla.<br />
<br />
== Sisäsivujen asetukset ==<br />
Sisäsivujen tekemisessä kannattaa ottaa käyttöön sivumallit ja kappaletyylit. Niiden avulla saadaan sivujen tekemisestä automatisoidumpaa, jolloin jokaisella sivulla toistuvaa asiaa ja kappaleiden tyylejä ei tarvitse aina erikseen määritellä. Samalla jos tehtävä painotuote esiintyy usein samalla asettelulla kuten esimerkiksi säännöllisesti tehtävä lehti, voidaan kerran tehdyt mallit ottaa suoraan käyttöön ja lisätä vain muuttuva sisältö.<br />
<br />
=== Kappaletyylit ===<br />
Kappaletyylien tekeminen tapahtuu seuraavasti. <br />
<br />
* Valitaan ''Muokkaa'' > ''Kappaletyylit''. <br />
* Valitan avautuneesta ikkunasta ”''Uusi''”. <br />
<br />
Ensimmäisenä luodaan tyyli nimeltä ”''Otsikko 1''”. <br />
<br />
* Asetetaan nimi-kenttään nimeksi ”''Otsikko 1''”. <br />
* Vaihdetaan kirjasimen kooksi ''20.0 pt''. <br />
* Asetetaan kappaleiden välisiksi etäisyyksiksi: yläpuolelle ''4.0 mm'', alapuolelle ''0,0 mm''. <br />
<br />
[[Kuva:5-scribus-lehti1-kappaletyylit.png|thumb|250px|none]]<br />
<br />
Nämä ovat esimerkkiarvot joita on käytetty mallissa. Kannattaa kokeilla eri fonttityyppejä ja -kokoja. Tee ”''Otsikko 1''” tyylin lisäksi tyylit ainakin tavalliselle tekstikappaleelle ja alatason otsikoille. Asetukset voivat olla esimerkiksi seuraavanlaiset.<br />
<br />
''Kappale'': <br />
<br />
Fontin koko: ''10.0 pt''. <br />
<br />
Etäisyydet: yläpuolelle ''0.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''15.0 pt''.<br />
<br />
Tasaus ''molempiin'' reunoihin<br />
<br />
''Otsikko 2'':<br />
<br />
Fontin koko: ''15.0 pt''.<br />
<br />
Etäisyydet: yläpuolelle ''2.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''18.0 pt''.<br />
<br />
Lopuksi on tärkeää muistaa painaa ”''Tallenna''”-painiketta ennen ”''Muokkaa tyylejä''”-ikkunan sulkemista tai kaikki tehdyt asetukset häviävät. Omat tyylit kannattaa luoda myös kuvateksteille, taulukoille, luetteloille ym. Tässä esimerkissä niitä ei kuitenkaan tehdä, koska nitä ei ole käytössä.<br />
<br />
== Mallisivut ==<br />
Kokonaisuudessaan mallilehdestä tulee viisisivuinen, jossa yksi on kansi, ja loput ovat sisäsivuja. Sisäsivuina tulee tällöin olemaan kaksi vasemman ja oikean puoleista sivua. Mitä enemmän tehtävässä lehdessä on sivuja ja mitä useammin samalla ulkoasulla lehteä tehdään, sitä hyödyllisempää on käyttää sivumalleja. Sivumallien avulla samaa ulkoasua voidaan monistaa helposti uusille sivuille ja asettaa niihin esimerkiksi automaattisesti toistuva sivunumerointi. Seuraavassa tehdään kaksi sivumallia, joista toinen vasemmalle ja toinen oikealle sivulle.<br />
<br />
=== Uusien sivujen lisääminen ===<br />
Lehteen lisätään uusia sivuja seuraavasti<br />
<br />
* Valitaan ''Sivu'' > ''Lisää''...<br />
* Avautuneeseen ikkunaan annetaan lisättävien sivujen lukumäärä. Esimerkkilehdessä on lisätty neljä tekstisivua.<br />
<br />
On hyvä huomata, että sivujen lisääminen voitaisiin tehdä hyvin vasta mallisivujen tekemisen jälkeen. Tällöin lisättäessä voitaisiin valita lisäysikkunasta kyseisille sivuille tuleva sivumalli. Nyt kun esimerkkitekstissä tulee käyttöön erillinen sivumalli sekä oikealle että vasemmalle sivulle, tehdään mallien määritys sivuille vasta myöhemmin. <br />
<br />
=== Mallisivujen tekeminen ===<br />
Mallisivujen muokkaaminen aloitetaan seuraavasti.<br />
<br />
* Valitaan ''Muokkaa'' > ''Mallisivut''...<br />
<br />
[[Kuva:6-scribus-lehti1-mallisivut.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ”''Uusi''” -painiketta <br />
* Annetaan mallisivulle nimeksi ”''Vasen''” <br />
* Valitaan ”''Muokkaa mallisivuja''” -ikkunaa sulkematta ylävalikosta ''Sivu'' > ''Apuviivojen hallinta'' <br />
* Lisätään avautuvaan ikkunaan kuvan mukaiset arvot apuviivojen avulla tekstin sijoittelu sivulle helpottuu ja samalla voidaan määrittää haluttavat marginaalit. Apuviivat eivät tulostu lopulliseen sivuun<br />
<br />
[[Kuva:7-scribus-lehti1-muokkaa_mallis.png|thumb|250px|none]]<br />
<br />
* Suljetaan ikkuna painamalla ''OK'' <br />
<br />
Seuraavaksi otetaan kopio mallisivusta ''Vasen'' valitsemalla se aktiiviseksi ja napsauttamalla ''kopioi''.<br />
<br />
Annetaan uudelle mallille nimeksi ''Oikea''.<br />
<br />
=== Sivunumeroiden asettaminen mallisivuihin ===<br />
Seuraavaksi malleihin asetetaan joka sivulla esiintyvät lehden nimi ja sivunumero. Sivunumerot asetetaan seuraavasti.<br />
<br />
* Valitaan ”''Muokkaa malleja''” -ikkunasta aktiiviseksi malli ''vasen'' ja siirrytään sivun alareunaan. <br />
* Halutessaan alareunaan voi lisätä joka sivulla toistuvan värin kuvan mukaisesti kuviokehyksen lisäämällä. Kuvan väri on ”''Beige''”, ''80%'' läpinäkyvyydellä.<br />
<br />
[[Kuva:8-scribus-lehti1-sivunumerot.png|thumb|250px|none]]<br />
<br />
* Kuvion päälle voidaan lisätä pienet tekstikehykset sivunumeroa sekä lehden nimeä varten. <br />
<br />
Sivunumeron saa lisättyä omaan tekstikehykseensä muokkaamalla tekstiä ja painamalla sivunumeron lisäykseen asetettua pikanäppäintä joka yleensä on oletuksena ''Ctrl+Shift+Alt+P''. (Mikäli kyseinen pikanäppäin ei toimi voi oman pikanäppäimen asentaa valitsemalla ''Tiedosto'' > ''Asetukset'' > ''Oikopolut''.) Sivunumeron lisäyksen jälkeen tekstikehykseen tulee merkki ''<nowiki>#</nowiki>''. Sivumalleja käyttämällä sivunumeroja ei siis tarvitse syöttää joka sivulle erikseen käsin, vaan ohjelma päivittää niitä automaattisesti.<br />
<br />
Lisää toiseen tekstikehykseen esimerkiksi lehden otsikko kuten esimerkkikuvassa.<br />
<br />
Sivumallin ”''Oikea''” muokkaus tapahtuu täysin samalla tavalla. Mallilehdessä se tehtiin seuraavan näköiseksi.<br />
<br />
[[Kuva:9-scribus-lehti1-osoite.png|thumb|250px|none]]<br />
<br />
=== Mallisivujen asettaminen sivuihin ===<br />
Viimeisenä vaiheena lisätään sivumallit osoittamaan oikeita sivuja.<br />
<br />
* Valitaan ''Ikkuna'' > ''Sivujen hallinta''.<br />
<br />
Sivumalli kohdistetaan tiettyyn sivuun raahaamalla ”''Sivumallit''”-kohdasta haluttu malli kohdesivun päälle. Ensimmäinen sivu on tässä tapauksessa kansisivu joten se ei tarvitse mallia. Muille sivuille mallit asetetaan valitsemalla vuoronperään oikea ja vasen sivu.<br />
<br />
== Työn tallentaminen ==<br />
<br />
Esimerkkilehden tekemistä jatketaan lisäämällä valmiita mallisivuja käyttäen tekstit, kuvia sekä palstoitus. Mikäli ohjetta on seurattu esimerkin mukaan ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se välillä tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja ja napsauta ”''Tallenna''”. <br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Seuraavassa on tehtävä esimerkkisisältö.<br />
[[Kuva:1-scribus-lehti2-sivu1.jpg|thumb|250px|none]]<br />
[[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]]<br />
[[Kuva:3-scribus-lehti2-sivu3.png|thumb|250px|none]]<br />
[[Kuva:4-scribus-lehti2-sivu4.png|thumb|250px|none]]<br />
[[Kuva:5-scribus-lehti2-sivu5.png|thumb|250px|none]]<br />
<br />
Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
<br />
<br />
Esimerkissä käytettävät kuvat ja teksti ovat kopioitavissa ohjeen loppupäässä olevasta kappaleesta. Myös valmis esimerkkilehti on ladattavissa kokeiltavaksi ohjeen lopusta löytyvästä linkistä.<br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
=== Tekstikehysten tekeminen ===<br />
Varsinainen tekstien lisääminen ja palstoittaminen Scribuksessa on varsin yksinkertaista. Tässä vaiheessa olisi hyvä olla selvillä mikä teksti ja kuvat sivuille tullaan lisäämään. Malliesimerkisssä on käytetty valmista Lorum Ipsum esimerkkitekstiä, jossa kappaleet on eroteltu yhdellä välilyönnillä ja otsikot merkattu ''<nowiki>*</nowiki>''-merkillä, joka sitten tyylejä asetettaessa poistetaan. Tämä teksti ja muut esimerkissä käytettävät materiaalit voidaan ladata omalle työasemalle ohjeen viimeisen kappaleen mukaisesti. Tyylien toiminta on samantapaista kuin esimerkiksi OpenOffice.org ohjelmistoissa, joten jos tyylien käyttö ei ole tuttua niin kannattaa tutustua myös siihen sekä "''Tehoa tekstinkäsittelyyn artikkeliin''".<br />
<br />
Ensimmäisen tekstisivun tekeminen malliesimerkin mukaan aloitetaan seuraavasti.<br />
<br />
* Jos olet tehnyt tekstit omalle tasolleen, muista vaihtaa se aktiiviseksi tasoksi.<br />
<br />
[[Kuva:6-scribus-lehti2-tasot.png|thumb|250px|none]]<br />
<br />
* Tehdään pääotsikolle oma tekstikehys pituussuunnassa sivun keskelle, lisätään otsikko, valitaan sopiva fontti ja muut ominaisuudet. Huomaa, että myös pääotsikolle olisi voitu tarvittaessa tehdä jo aiemmin oma tyyli.<br />
<br />
[[Kuva:7-scribus-lehti2-paakehys.png|thumb|250px|none]]<br />
<br />
* Rajataan varsinaiselle tekstille tila ''tekstikehys''-työkalulla.<br />
<br />
[[Kuva:8-scribus-lehti2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Rajataan myös kaikille muille sivuille koko sivun kokoiset tekstikehykset tulevia tekstejä varten <br />
<br />
[[Kuva:9-scribus-lehti2-sivukehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehystä hiiren kakkospainikkeella ja valitaan ''hae teksti''. <br />
* Valitaan auvautuneesta tiedostovalitsimesta haluttu tekstitiedosto jota halutaan käyttää. <br />
<br />
Tässä vaiheessa teksti ilmestyy yhtenä pötkönä kehykseen ja alareunaan ilmestyy raksi viittaamaan, että kaikki teksti ei ole vielä näkyvissä.<br />
<br />
[[Kuva:10-scribus-lehti2-kaikkiteksti.png|thumb|250px|none]]<br />
<br />
=== Tyylien asettaminen ===<br />
Asetetaan seuraavaksi koko tekstille tyylit.<br />
<br />
* Aktivoidaan tekstikehys ja napsautetaan sitä hiiren kakkospainikkeella. <br />
* Valitaan "''muokkaa tekstiä''". <br />
* Valitaan tekstieditorista koko teksti joko hiirellä mustaamalla tai painamalla näppäinyhdistelmää ''Ctrl + A''. <br />
* Valitse tyyliksi ”''kappale''”, jonka jälkeen koko tekstin pohjatyyliksi tulee kappale-tyyli.<br />
<br />
[[Kuva:11-scribus-lehti2-tyylit.png|thumb|250px|none]]<br />
<br />
* Etsitään tekstin seasta otsikot, tai jos valmiita otsikoita ei ole, lisätään tekstin sekaan muutama. Esimerkkitekstiä käytettäessä ajatellut otsikot on merkattu'' *''-merkillä, joka voidaan poistaa tyyliä lisättäessä.<br />
* Asetetaan kursori yksi kerrallaan otsikon kohdalle ja valitse tyyliksi sopiva otsikkotyyli. <br />
* Napsautetaan lopuksi vihreää ”''Päivitä tekstikehys ja poistu''”-painiketta. <br />
<br />
=== Palstoitus ===<br />
Nyt tekstin kappaleille on asetettu tyylit ja seuraavaksi asetetaan palstoitus ja tekstin jatkaminen muille sivuille tehtyihin tekstikehyksiin.<br />
<br />
* Napsautetaan tekstikehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. Jokaisen sivun kehystä on tässä tapauksessa muutettava erikseen.<br />
* Asetetaan ensimmäiselle sivulle palstojen määräksi ''kaksi'' ja muille sivuille ''kolme''. Väliksi molempiin voidaan asettaa ''5 mm''. <br />
<br />
[[Kuva:12-scribus-lehti2-palstoitus.png|thumb|250px|none]]<br />
<br />
=== Tekstin jakaminen toisiin kehyksiin ===<br />
Seuraavaksi jatketaan teksti muille sivuille.<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehys aktiiviseksi ja valitaan yläosan työkalupalkista toiminto ”''linkitä tekstikehykset''”. Tällä työkalulla voidaan jatkaa ylitsemenevää tekstiä seuraavaan kehykseen.<br />
<br />
[[Kuva:13-scribus-lehti2-kehykset.png|thumb|250px|none]]<br />
<br />
* Tämän jälkeen napsautetaan hiirellä seuraavan sivun tekstikehystä, jolloin teksti jatkuu tähän kehykseen. <br />
<br />
Tämä sama toiminto toistetaan nykyisen ja seuraavan sivun kanssa, kunnes kaikki teksti on saatu mahtumaan sivuille.<br />
<br />
=== Kuvien lisääminen ===<br />
Kuvat lisätään tekstin sekaan seuraavasti.<br />
<br />
==== Ensimmäinen sivu ====<br />
* Lisätään tavalliseen tapaan sopiva kuva keskitetysti sivun yläosaan. Kuvassa näkyvät pyöristykset voidaan tehdä lopuksi samalla tavoin kuin toisen sivun kanssa. <br />
<br />
[[Kuva:14-scribus-lehti2-1sivu.png|thumb|250px|none]]<br />
<br />
=== Toinen sivu ===<br />
Seuraavassa kuvassa on toisen sivun kuva aseteltuna esimerkkilehteen.<br />
<br />
[[Kuva:15-scribus-lehti2-2sivu.png|thumb|250px|none]]<br />
<br />
Kuva lisätään tekstin sekaan seuraavasti. <br />
<br />
* Piirretään toisen sivun tekstin päälle kuvakehys.<br />
<br />
* Haetaan kehykseen haluttu kuva. <br />
* Mennään kehyksen ominaisuuksiin napsauttamalla kehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. <br />
* Mennnään kohtaan ”''Kuvio''”. <br />
* Pyöristetään halutessa kulmia muutaman millimetrin ja laitetaan raksi kohtaan ”''Teksti kiertää kehyksen''.” <br />
* Mennään kohtaan kuva ja valitaan ”''Sovita kehyksen kokoon''”. <br />
* Suljetaan ''ominaisuudet''-ikkuna <br />
* Asetellaan kehyksen koko sopivaksi <br />
<br />
== Loppuasettelut ==<br />
Viimeinen sivu voidaan asetella samoilla periaatteilla kuin edellisetkin. Lisäämällä teksti kehykseen, palstoittamalla ja lisäämällä kuvat. Seuraavassa on esimerkkilehden asettelu. <br />
<br />
Toinen tekstisivu voisi näyttää esimerkiksi seuraavalta.<br />
<br />
Ja kolmas tekstisivu voisi olla tällainen.<br />
<br />
Lisäksi lehteen voitaisiin tehdä vielä takakansi, joka onnistuisi lisäämällä sivu ja noudattamalla esimerkiksi etukannen kanssa käytettyjä periaatteita. Esimerkkilehdessä takakansisivua ei ole tehty. <br />
<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehtävän lehden valmis versio tarkasteltavaksi Scribuksen omassa tallennusmuodossa sekä pdf-muotoinen versio. Lisäksi ladattavissa on kaikki esimerkissä käytetty kuvat ja tekstit. <br />
<br />
Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Huomaa, että mikäli Scribus-muodossa tallennettua lehteä halutaan tarkastella, tulee se ladata samaan hakemistoon kuvien kanssa. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
==== Ladattavat kuvat ====<br />
# Lataa esimerkkissä käytetty etusivun ''taustakuva'' [http://materiaali.linuxkouluun.fi/torni.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''sorsan kuva'' [http://materiaali.linuxkouluun.fi/sorsa.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rannan kuva'' [http://materiaali.linuxkouluun.fi/ranta.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''maiseman kuva'' [http://materiaali.linuxkouluun.fi/maisema.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''merimaiseman kuva'' [http://materiaali.linuxkouluun.fi/meri.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rahapuun kuva'' [http://materiaali.linuxkouluun.fi/rahapuu.jpg tästä]<br />
<br />
==== Teksti ja esimerkkimateriaali ====<br />
# Lataa ''esimerkkilehti pdf-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.pdf tästä]<br />
# Lataa muokattava ''esimerkkilehti Scribus-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.sla tästä]<br />
# Katso tai lataa esimerkissä käytetty'' teksti ''[http://materiaali.linuxkouluun.fi/scribus-esimerkkiteksti.txt tästä]<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30450Linux.fi:Linuxkouluun.fi2010-01-15T10:02:55Z<p>OpinsysASokero: /* Toimisto-ohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[NVU ja sivupohjien käyttö]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[NVU ja sivupohjien käyttö]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[Nettisivun tekeminen NVU:lla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[Nettisivun tekeminen NVU:lla]]<br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| [[Lehden taittaminen Scribuksella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| [[Lehden taittaminen Scribuksella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| [[Esitteen tekeminen Scribuksella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| [[Esitteen tekeminen Scribuksella]]<br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| [[Marblen perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| [[KBruchin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KWordQuizin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KTouchin perusohje]]<br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Esitteen_tekeminen_Scribuksella&diff=30449Esitteen tekeminen Scribuksella2010-01-15T10:01:37Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>Scribus on avoin taitto- ja julkaisuohjelmisto jolla voidaan taittaa esimerkiksi omia lehtiä tai julisteita. Tämän ohjeen tarkoituksena on tutustuttaa Scribuksen käyttöön ja perustoimintoihin esimerkkinä tehtävän esitteen avulla.<br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee pienimuotoisen esitteen tekemistä ilmaisella Scribus-taitto- ja julkaisuohjelmalla. Scribusta voidaan käyttää erilaisten lehtien, julisteiden, mainoste ym. painotuotteiden tekemiseen. Ohjeen tarkoituksena on tutustuttaa Scribuksen käyttöön tekemällä mallin mukainen esite. Ohjeessa esiteltäviä menetelmiä voidaan soveltaa omien töiden tekemiseen. <br />
<br />
== Alkuvalmistelut ==<br />
Tarkoituksena on luoda kuvan mukainen yksinkertainen malliesite.<br />
<br />
[[Kuva:1-scribus-esite1-valmis.png|thumb|250px|none]]<br />
<br />
Alkuvalmisteluina tarvitaan taustakuva, joka voi olla omista tiedostoista tai esimerkiksi internetistä löytyvä kuva. Malliesitteessä käytettävä kuva on myös vapaasti ladattavissa ohjeen lopussa olevasta linkistä. Taustalle tulevan kuvan olisi hyvä olla kuvasuhteiltaan mahdollisimman paljon A4-sivua muistuttava.<br />
<br />
== Esitteen tekeminen ==<br />
=== Scribuksen käynnistys ===<br />
Scribus-taitto-ohjelma löytyy yleensä käytettävän järjestelmän sovellusvalikosta. Scribus aukeaa käynnistyksen jälkeen tyhjään työtilaan tai seuraavan näköiseen uuden asiakirjan luonti-ikkunaan. Ikkunasta voidaan muokata tehtävän dokumentin asettelua, kokoa ja muita asetuksia kuten marginaaleja. <br />
<br />
* Valitse avautuneesta ikkunasta sivun kooksi ''A4'' ja oletusyksiköksi ''millimetrit''. Halutessaan voi myös muokata sivun marginaaleja. <br />
<br />
[[Kuva:2-scribus-esite1-aloitusvalikko.png|thumb|250px|none]] <br />
<br />
* Napsauta ''OK''<br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue, jossa marginaalit näkyvät sinisinä viivoina.<br />
<br />
=== Taustakuvan asettaminen ===<br />
Scribuksen käyttö perustuu sivun päälle lisättäviin erilaisiin kehyksiin. Esimerkiksi kun dokumenttiin halutaan lisätä kuva, piirretään ensin kuvakehys johon itse kuva voidaan sijoittaa. Samoin toimitaan myös tekstin ja erilaisten kuvioiden kanssa. Erilaiset kehystyökalut sijaitsevat seuraavasti.<br />
<br />
[[Kuva:3-scribus-esite1-tyokalut.png|thumb|250px|none]]<br />
<br />
# ''Lisää tekstikehys''<br />
# ''Lisää kuva''<br />
# ''Lisää taulukko''<br />
# ''Lisää kuvio''<br />
# ''Lisää monikulmio''<br />
<br />
==== Kuvan lisäys ====<br />
Seuraavaksi esitteelle asetetaan luontoaiheinen taustakuva rajaamalla sille ensin kehys. <br />
<br />
* Valitse ”''Lisää kuva''” -kehystyökalu.<br />
* Piirrä koko sivun kokoinen kehys alkaen vasemmasta yläreunasta päättyen oikeaan alareunaan.<br />
<br />
Nyt sivulla pitäisi olla suuri kehys, jossa keskellä on X-muotoinen kuvio. Tähän alueeseen tulee sivun taustakuva, joka lisätään seuraavasti.<br />
<br />
* Napsautetaan kuvakehyksen päällä hiiren kakkospainiketta.<br />
* Valitaan avautuneesta valikosta ”''Hae kuva''”.<br />
<br />
[[Kuva:4-scribus-esite1-hae_kuva.png|thumb|250px|none]]<br />
<br />
* Etsitään avautuvasta tiedostovalitsimesta kuva, joka halutaan taustalle ja napsautetaan ”''Avaa''”.<br />
<br />
Kuva latautuu nyt koostaan riippuen taustalle. <br />
<br />
==== Kuvan ominaisuudet ====<br />
Seuraavaksi mukautetaan kuva koko sivun peittäväksi.<br />
<br />
* Napsautetaan kuvakehystä hiiren kakkospainikkeella ja valitaan ''Ominaisuudet''.<br />
* Valitaan ''Kuva''-asetusten alta ”''Sovita kehyksen kokoon''” ja otetaan pois raksi kohdasta ”''Säilytä suhteet''”. Näin kuva tulee koko sivun peittäväksi.<br />
<br />
[[Kuva:5-scribus-esite1-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* ''Värit''-asetusten alta voidaan halutessa muuttaa Läpinäkyvyydeksi ''80%'', jolloin kuva hieman haalenee.<br />
* Suljetaan ''Ominaisuudet''-ikkuna.<br />
<br />
=== Tekstikenttien rajaaminen ===<br />
Seuraavaksi rajataan otsikolle, tekstille sekä ilmoittajalle omat alueensa. Ensin tehdään suorakulmio otsikon pohjaksi.<br />
<br />
* Valitaan työkaluriviltä ”''Lisää kuvio''” -työkalu.<br />
* Rajataan pohjan yläreunaan suorakaiteen muotoinen alue otsikkoa varten. Alueen tarkemman koon voi määrittää myöhemmin, mutta kannattaa jo nyt arvioida minkä kokoisen otsikon haluaa.<br />
* Napsautetaan otsikon aluetta hiiren kakkospainikkeella ja valitaan ”''Ominaisuudet''”.<br />
* Valitaan ''Värit''-asetukset<br />
* Valitaan sopiva taustaväri. Mallissa tämä on ”''Grey11''”.<br />
<br />
[[Kuva:6-scribus-esite1-varit.png|thumb|250px|none]]<br />
<br />
* Asetetaan läpinäkyvyys ''60%''.<br />
<br />
Esittelytekstille ja alareunassa olevalle alueelle varattava tila tehdään täysin samalla periaatteella. Ainoastaan kuvion koko ja sijainti poikkeavat ja niihin kannattaa ottaa mallia esimerkkikuvasta. Huomioitavaa on, että teksteille varattavat tilat tulevat marginaalien sisäpuolelle. Väriksi mallissa on esittelytekstin taustalle asetettu ”''Chocholate4''” 60% läpinäkyvyydellä ja alareunassa olevalle alueelle ”''Burlywood''” läpinäkyvyydellä 40%.<br />
<br />
[[Kuva:7-scribus-esite1-tausta.png|thumb|250px|none]]<br />
<br />
== Työn tallentaminen ja oppaan toinen osa ==<br />
Esitteen tekemistä jatketaan oppaan toisessa osassa lisäämällä siihen tekstit ja tutustumalla työn tallentamiseen ''PDF''-tiedostomuodossa. Mikäli ohjetta on seurattu esimerkin mukaisesti ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja napsauta ”''Tallenna''”.<br />
<br />
<br />
<br />
== Tekstien lisääminen ==<br />
Seuraavaksi kenttien sisälle lisätään tekstikehykset. <br />
[[Kuva:2-scribus-esite2-teksti.png|thumb|250px|none]]<br />
Ennen sitä teksteille luodaan kuitenkin oma erillinen taso. Tasot ovat ikään kuin päällekkäin asetettuja läpinäkyviä kalvoja. Tasojen keskinäistä järjestystä voidaan muuttaa tai ne voidaan tarvittaessa ottaa pois näkyvistä. Tasoja voidaan hyödyntää esimerkiksi teksteille, jolloin voidaan helposti tehdä samalle pohjalle useita erikielisiä asiakirjoja, joissa tekstit vaihdetaan ainoastaan tason näkyvyyttä vaihtamalla. Yleisin käyttötarkoitus niille on kuitenkin erotella eri merkityksissä olevaa sisältöä omiksi kokonaisuuksikseen, jolloin esimerkiksi tausta, tekstit ja kuvat voivat olla omilla tasoillaan. <br />
<br />
Yleisesti tasojen käyttö ei ole välttämätöntä ja esimerkiksi näin pienessä työssä niillä ei erityistä hyötyä saavuteta, mutta ne ovat mukana esimerkin vuoksi. Uusi taso luodaan seuraavasti. <br />
<br />
* Valitaan ''Työkalut'' > ''Tasot''.<br />
* Napsautetaan ”''Uusi taso''” painiketta.<br />
<br />
[[Kuva:3-scribus-esite2-tasot.png|thumb|250px|none]]<br />
<br />
* Annetaan uudelle tasolle nimeksi esimerkiksi ”''Tekstit''”.<br />
<br />
Nyt teksteille on luotu oma taso. Tasojen vieressä on pienet kuvakkeet joista silmä-kuvakkeella saa kyseisen tason näkyviin ja piiloon. Nyt olisi siis mahdollista tehdä esimerkiksi kaksi tasoa teksteille, joista toinen olisi suomenkielinen ja toinen ruotsinkielinen. Se kumpaa haluttaisiin käyttää voitaisiin valita toinen taso piilottamalla. Seuraavaksi lisätään itse tekstikehykset.<br />
<br />
* Tarkistetaan ''Tasot-''ikkunasta että ”''Tekstit''”-taso on aktiivinen. Tietyn tason voi aktivoida esimerkiksi napsauttamalla sen edessä olevaa numeroa.<br />
* Valitaan työkaluriviltä ”''Lisää tekstikehys''” -työkalu.<br />
* Piirretään aikaisemmin tehdyn ruskean otsikkoalueen päälle samankokoinen tekstikehys.<br />
* Napsautetaan kehyksen sisällä hiiren kakkospainikkeella ja valitaan ”''Muokkaa tekstiä...''”.<br />
* Kirjoitetaan avautuneeseen tekstieditoriin ”''Luontokerho''” ja painetaan ”''Päivitä tekstikehys ja poistu''” -painiketta. Väreistä ja fontin koosta ei tarvitse vielä välittää.<br />
<br />
[[Kuva:4-scribus-esite2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan tekstikehyksen päällä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''.<br />
* Mennnään asetusten kohtaa ”''Teksti''”.<br />
* Muutetaan fontin koko ja väri mieleisen kokoiseksi sekä keskitetään teksti. Mallikuvassa fontin värinä on ''Red3'' ja kokona ''98.0'' pt.<br />
<br />
[[Kuva:5-scribus-esite2-mallikuva.png|thumb|250px|none]]<br />
<br />
Jos tekstikehys muuttuu tyhjäksi ja sen oikeaan alareunaan ilmestyy pelkkä raksi, tekstin koko on asetettu liian suureksi, eikä se enää mahdu kehykseen. Ongelma poistuu pienentämällä fontin kokoa tai muuttamalla tekstikehyksen kokoa suuremmaksi vetämällä hiiren avulla sen reunoista.<br />
<br />
Jos vaikuttaa että tekstikehyksen alla oleva pohjakuvio on väärän kokoinen, sitä voi muuttaa vaihtamalla taso takaisin taustatasoon ja muuttamalla sen kokoa vetämällä.<br />
<br />
Kun otsikko näyttää hyvältä, tekstikehyksen voi lukita paikalleen Ominaisuudet-valikon ”''X,Y,X''”-valinnan alta löytyvällä ''lukko''-kuvakkeella. Tämän voi tehdä tarvittaessa myös taustakuvalle ja tekstien pohjalaatikoille. Näin kyseiset objektit eivät pääse vahingossa siirtymään paikaltaan.<br />
<br />
Muut tekstit lisätään samalla periaatteella. Kannattaa huolehtia, että ''tekstit''-taso on valittuna tekstikehyksiä lisättäessä, jolloin kaikki tekstit tulevat varmasti samalle tasolle. Malliesitteessä käytetyt tekstit löytyvät ohjeen lopusta, mikäli niitä haluaa käyttää. Esittelytekstissä on hyvä muokata fontin ja värin lisäksi riviväliä niin suureksi, että teksti peittää järkevästi sille varatun alueen.<br />
<br />
== Työn tallentaminen ==<br />
=== Tallentaminen Scribuksen omaan muokattavaan tiedostomuotoon ===<br />
Työ kannattaa tallentaa aina aluksi Scribuksen omassa tiedostomuodossa. Tällöin työ säilyttää varmasti kaiken tiedon ja on edelleen muokattavissa myöhemmin. Jos tallentaminen tehtäisiin heti johonkin ulkoiseen muotoon, kuten esimerkiksi ''svg''- tai ''pdf''-muotoon työ menettäisi muokattavuutensa. Tallentaminen Scribuksen omaan muotoon tapahtuu seuraavasti.<br />
<br />
* Valitaan ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Annetaan tiedostolle nimi ja ja napsautetaan ”''Tallenna''”-painiketta.<br />
<br />
=== Tallentaminen pdf-tiedostomuodossa ===<br />
Pdf-tiedostomuotoa voidaan käyttää kun työ on lopullisesti valmis ja sitä halutaan jakaa esimerkiksi tietoverkon välityksellä tai viedä se painettavaksi. Pdf-tiedostoa tulee käyttää siis ainoastaan dokumenttia levitettäessä, koska siinä muodossa se ei ole enää jälkeenpäin muokattavissa. Kyseinen työ kannattaa siis varsinaisesti tallentaa ja säilyttää myös Scribuksen omassa tiedostomuodossa. <br />
<br />
Pdf-tallennus onnistuu seuraavasti.<br />
<br />
* Valitaan ylävalikosta ''Tiedosto'' > ''Vie'' > ''Tallenna PDF:na''<br />
* Muutetaan avautuvasta valikosta tarvittaessa<br />
* Tallennetaan työ lopullisesti napsauttamalla ''Tallenna''-painiketta.<br />
<br />
== Esimerkkiesitteessä käytetty teksti ==<br />
<br />
<br />
Tervetuloa luontokerhoon!<br />
<br />
<br />
<br />
Käpyniityn koululla 15.6 alkaen. Kerhossa tutustutaan luonnossa liikkumiseen sekä kasvien ja eläinten tunnistamiseen. <br />
<br />
<br />
<br />
Kerho alkaa 15.6 klo 14<br />
<br />
Kerho päättyy 10.7<br />
<br />
Ilmoittautumiset ja lisätietoja numerosta 555-654321.<br />
<br />
Ilmoittautuminen 10.6 mennessä<br />
<br />
Maksu 20e/henkilö.<br />
<br />
Tekijän teksti<br />
<br />
Pekka Biologi, Käpyniityn luontoyhdistys<br />
<br />
== Esimerkkiesitteen lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehty esite ja siinä käytetty taustakuva. Esimerkki esite on Scribuksen omassa tiedostomuodossa, jolloin myös taustakuva on haettava erikseen. Molemmat tiedostot tulee tallentaa samaan kansioon, jotta esite avautuisi oikein. Molemmat tiedostot tulee ladata erikseen seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa ''esimerkkiesite'' [http://materiaali.linuxkouluun.fi/luontokerho_esimerkkiesite.sla tästä]<br />
# Lataa esimerkkiesitteen ''taustakuva'' [http://materiaali.linuxkouluun.fi/ranta_tausta.jpg tästä]<br />
<br />
=== Tiedoston avaaminen Scribuksessa ===<br />
Tiedosto avataan Scribuksessa seuraavasti.<br />
<br />
* Käynnistä Scribus<br />
* Valitse ''Tiedosto'' > ''Avaa''<br />
* Valitse ladattu esimerkkiesite<br />
* Napsauta ''Avaa ''<br />
<br />
Nyt esimerkkiesitteen tulisi avautua. Mikäli esite avautuu mutta taustakuvaa ei näy, kannattaa tarkistaa että molemmat ladatut tiedostot ovat samassa kansiossa.<br />
<br />
<br />
== Kysymyksiä ==<br />
=== Miten kehys voidaan lukita paikkaansa, niin että sitä ei vahingossa pääse siirtämään? ===<br />
Kehys voidaan lukita paikalleen seuraavasti.<br />
<br />
* Napsauta kehystä hiiren kakkospainikkeella ja valitse ominaisuudet.<br />
* Mene kohtaan'' X,Y,Z''.<br />
* Napsauta alhaalla olevaa ''lukko''-kuvaketa, jolloin kehys lukittuu.<br />
<br />
=== Miten saan lisättyä työhöni sivuja? ===<br />
Sivuja saa lisättyä valinnalla ''Sivu'' > ''Lisää''. Avautuvasta valikosta voidaan valita lisättävien sivujen määrä, kohta mihin sivut lisätään ja tarvittaessa käytettävä sivumalli.<br />
<br />
=== Mitä ovat sivumallit? ===<br />
Sivumallien avulla saadaan monisivuisista painotuotteista helposti ulkonäöltään yhtenäisiä. Sivumallit mahdollistavat sivuilla toistuvasti esiintyvien asioiden automaattisen lisäämisen. Esimerkiksi aina vasemmanpuoleisella sivulla esiintyvien kuvioiden/yläotsikoiden/taustakuvien/ym. asettaminen voidaan automatisoida, niin että niitä ei tarvitse asetella joka sivulle erikseen.<br />
<br />
=== Miten muutan paperin kokoa jälkikäteen? ===<br />
Paperin kokoa ei voi enää jälkikäteen muuttaa. Koon voi valita ainoastaan asiakirjan luonti vaiheessa.<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Lehden_taittaminen_Scribuksella&diff=30448Lehden taittaminen Scribuksella2010-01-15T09:54:54Z<p>OpinsysASokero: /* Sisällön lisääminen */</p>
<hr />
<div>Tässä oppaassa tutustutaan tarkemmin Scribuksen taitto-ominaisuuksiin tehtävän esimerkkilehden avulla. Alussa tutustutaan sivumallien ja tyylien soveltamiseen sekä tekstin palstoittamiseen. Ohjetta voidaan soveltaa esimerkiksi oman koululehden tekemiseen.<br />
<br />
== Johdanto ==<br />
<br />
<br />
[[Kuva:1-scribus-lehti1-esim.png|thumb|250px|none]]Tämä ohje käsittelee yksinkertaisen lehden taittamista Scribus-ohjelmalla. Ohjeen tarkoituksena ei ole antaa täydellistä opastusta lehden taittamisesta, vaan tutustuttaa Scribuksen perusominaisuuksiin. Ohjeessa tehdään mallilehti, jossa käytettäviä tekniikoita ja periaatteita voidaan soveltaa omien lehtien tekemisessä. Mallilehti voidaan ladata ohjeen lopusta pdf-muodossa katseltavaksi ja Scribuksen omassa tallennusmuodossa oppaan toisen osan myötä.<br />
<br />
Ohjeen soveltamiseksi suositellaan hyvää tietokoneen käyttötaitoa ja tutustumista ”''Esitteen tekeminen Scribuksella''”-ohjeeseen. Tämä ohje perustuu Scribuksen 1.2.-versioiden käyttämiseen ja ohjelman tuleva 1.3-versio poikkeaa joiltain osin tästä ohjeesta. Ohjetta tullaan todennäköisesti päivittämään uudemman Scribus-version mukaiseksi kun se yleistyy käytössä. <br />
<br />
== Alkuvalmistelut ==<br />
Ennen varsinaisen lehdenteon aloittamista tulisi saatavilla olla muutama kuva ja tekstiä. Mallilehdessä olevat kuvat ovat vapaasti saatavilla ja kaikkien käytettävissä. Ne voidaan ladata omalle työasemalle ohjeen lopusta. Tekstinä on käytetty Lorem Ipsum ([http://www.lipsum.com/ http://www.lipsum.com/]) tekstigeneraattorilla tehtyä tekstiä. Kyseisellä sivulla voidaan helposti generoida latinankielistä tekstiä joka voidaan kopioida ja liittää käytettäväksi tämän ohjeen kanssa. Mahdollista on myös käyttää mitä tahansa tekstiä jonka arvelee soveltuvan ohjelman harjoitteluun.<br />
<br />
== Uuden asiakirjan luominen ==<br />
Lehden tekeminen aloitetaan käynnistämällä Scribus-ohjelma järjestelmän sovellusvalikosta. Scribuksen käynnistyttyä aukeaa uuden asiakirjan asetusten määritysikkuna.<br />
<br />
* Asetetaan sivun kooksi ''A4'' <br />
* Valitaan oletusyksiköksi ''millimetrit'' <br />
* Asetetaan kaikki sivun reunukset nollaksi. Sivun reunukset ovat täysin valkoiseksi jäävä marginaali joita tässä malli lehdessä ei haluta. <br />
<br />
[[Kuva:2-scribus-lehti1-uusi.png|thumb|250px|none]]<br />
<br />
Muista että sivun asetuksia ei voi enää jälkikäteen muuttaa, joten aloitettaessa on tiedettävä millaisen lehden haluaa tehdä.<br />
<br />
* Napsautetaan ''OK'' <br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue.<br />
<br />
== Kansisivun tekeminen ==<br />
Ensimmäisestä sivusta tulee lehden kansisivu.<br />
<br />
[[Kuva:3-scribus-lehti1-kansi.jpg|thumb|250px|none]]<br />
<br />
Kansisivu tehdään lähes täysin samaan tapaan kuin ”Esitteen tekeminen Scribuksella” -ohjeessa. Otsikon tausta on ainoastaan koostettu kolmesta osasta, kolmiosta ja kahdesta suorakulmiosta. Kolmio on tehty ”''Lisää monikulmio''” -työkalulla, jonka ominaisuuksia on muokattu niin, että saadaan alaspäin osoittava kolmio.<br />
<br />
[[Kuva:4-scribus-lehti1-monikulmio.png|thumb|250px|none]]<br />
<br />
Muilta osin kannen tekeminen onnistuu täysin esitteen teko-ohjeen vaiheita noudattamalla.<br />
<br />
== Sisäsivujen asetukset ==<br />
Sisäsivujen tekemisessä kannattaa ottaa käyttöön sivumallit ja kappaletyylit. Niiden avulla saadaan sivujen tekemisestä automatisoidumpaa, jolloin jokaisella sivulla toistuvaa asiaa ja kappaleiden tyylejä ei tarvitse aina erikseen määritellä. Samalla jos tehtävä painotuote esiintyy usein samalla asettelulla kuten esimerkiksi säännöllisesti tehtävä lehti, voidaan kerran tehdyt mallit ottaa suoraan käyttöön ja lisätä vain muuttuva sisältö.<br />
<br />
=== Kappaletyylit ===<br />
Kappaletyylien tekeminen tapahtuu seuraavasti. <br />
<br />
* Valitaan ''Muokkaa'' > ''Kappaletyylit''. <br />
* Valitan avautuneesta ikkunasta ”''Uusi''”. <br />
<br />
Ensimmäisenä luodaan tyyli nimeltä ”''Otsikko 1''”. <br />
<br />
* Asetetaan nimi-kenttään nimeksi ”''Otsikko 1''”. <br />
* Vaihdetaan kirjasimen kooksi ''20.0 pt''. <br />
* Asetetaan kappaleiden välisiksi etäisyyksiksi: yläpuolelle ''4.0 mm'', alapuolelle ''0,0 mm''. <br />
<br />
[[Kuva:5-scribus-lehti1-kappaletyylit.png|thumb|250px|none]]<br />
<br />
Nämä ovat esimerkkiarvot joita on käytetty mallissa. Kannattaa kokeilla eri fonttityyppejä ja -kokoja. Tee ”''Otsikko 1''” tyylin lisäksi tyylit ainakin tavalliselle tekstikappaleelle ja alatason otsikoille. Asetukset voivat olla esimerkiksi seuraavanlaiset.<br />
<br />
''Kappale'': <br />
<br />
Fontin koko: ''10.0 pt''. <br />
<br />
Etäisyydet: yläpuolelle ''0.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''15.0 pt''.<br />
<br />
Tasaus ''molempiin'' reunoihin<br />
<br />
''Otsikko 2'':<br />
<br />
Fontin koko: ''15.0 pt''.<br />
<br />
Etäisyydet: yläpuolelle ''2.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''18.0 pt''.<br />
<br />
Lopuksi on tärkeää muistaa painaa ”''Tallenna''”-painiketta ennen ”''Muokkaa tyylejä''”-ikkunan sulkemista tai kaikki tehdyt asetukset häviävät. Omat tyylit kannattaa luoda myös kuvateksteille, taulukoille, luetteloille ym. Tässä esimerkissä niitä ei kuitenkaan tehdä, koska nitä ei ole käytössä.<br />
<br />
== Mallisivut ==<br />
Kokonaisuudessaan mallilehdestä tulee viisisivuinen, jossa yksi on kansi, ja loput ovat sisäsivuja. Sisäsivuina tulee tällöin olemaan kaksi vasemman ja oikean puoleista sivua. Mitä enemmän tehtävässä lehdessä on sivuja ja mitä useammin samalla ulkoasulla lehteä tehdään, sitä hyödyllisempää on käyttää sivumalleja. Sivumallien avulla samaa ulkoasua voidaan monistaa helposti uusille sivuille ja asettaa niihin esimerkiksi automaattisesti toistuva sivunumerointi. Seuraavassa tehdään kaksi sivumallia, joista toinen vasemmalle ja toinen oikealle sivulle.<br />
<br />
=== Uusien sivujen lisääminen ===<br />
Lehteen lisätään uusia sivuja seuraavasti<br />
<br />
* Valitaan ''Sivu'' > ''Lisää''...<br />
* Avautuneeseen ikkunaan annetaan lisättävien sivujen lukumäärä. Esimerkkilehdessä on lisätty neljä tekstisivua.<br />
<br />
On hyvä huomata, että sivujen lisääminen voitaisiin tehdä hyvin vasta mallisivujen tekemisen jälkeen. Tällöin lisättäessä voitaisiin valita lisäysikkunasta kyseisille sivuille tuleva sivumalli. Nyt kun esimerkkitekstissä tulee käyttöön erillinen sivumalli sekä oikealle että vasemmalle sivulle, tehdään mallien määritys sivuille vasta myöhemmin. <br />
<br />
=== Mallisivujen tekeminen ===<br />
Mallisivujen muokkaaminen aloitetaan seuraavasti.<br />
<br />
* Valitaan ''Muokkaa'' > ''Mallisivut''...<br />
<br />
[[Kuva:6-scribus-lehti1-mallisivut.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ”''Uusi''” -painiketta <br />
* Annetaan mallisivulle nimeksi ”''Vasen''” <br />
* Valitaan ”''Muokkaa mallisivuja''” -ikkunaa sulkematta ylävalikosta ''Sivu'' > ''Apuviivojen hallinta'' <br />
* Lisätään avautuvaan ikkunaan kuvan mukaiset arvot apuviivojen avulla tekstin sijoittelu sivulle helpottuu ja samalla voidaan määrittää haluttavat marginaalit. Apuviivat eivät tulostu lopulliseen sivuun<br />
<br />
[[Kuva:7-scribus-lehti1-muokkaa_mallis.png|thumb|250px|none]]<br />
<br />
* Suljetaan ikkuna painamalla ''OK'' <br />
<br />
Seuraavaksi otetaan kopio mallisivusta ''Vasen'' valitsemalla se aktiiviseksi ja napsauttamalla ''kopioi''.<br />
<br />
Annetaan uudelle mallille nimeksi ''Oikea''.<br />
<br />
=== Sivunumeroiden asettaminen mallisivuihin ===<br />
Seuraavaksi malleihin asetetaan joka sivulla esiintyvät lehden nimi ja sivunumero. Sivunumerot asetetaan seuraavasti.<br />
<br />
* Valitaan ”''Muokkaa malleja''” -ikkunasta aktiiviseksi malli ''vasen'' ja siirrytään sivun alareunaan. <br />
* Halutessaan alareunaan voi lisätä joka sivulla toistuvan värin kuvan mukaisesti kuviokehyksen lisäämällä. Kuvan väri on ”''Beige''”, ''80%'' läpinäkyvyydellä.<br />
<br />
[[Kuva:8-scribus-lehti1-sivunumerot.png|thumb|250px|none]]<br />
<br />
* Kuvion päälle voidaan lisätä pienet tekstikehykset sivunumeroa sekä lehden nimeä varten. <br />
<br />
Sivunumeron saa lisättyä omaan tekstikehykseensä muokkaamalla tekstiä ja painamalla sivunumeron lisäykseen asetettua pikanäppäintä joka yleensä on oletuksena ''Ctrl+Shift+Alt+P''. (Mikäli kyseinen pikanäppäin ei toimi voi oman pikanäppäimen asentaa valitsemalla ''Tiedosto'' > ''Asetukset'' > ''Oikopolut''.) Sivunumeron lisäyksen jälkeen tekstikehykseen tulee merkki ''<nowiki>#</nowiki>''. Sivumalleja käyttämällä sivunumeroja ei siis tarvitse syöttää joka sivulle erikseen käsin, vaan ohjelma päivittää niitä automaattisesti.<br />
<br />
Lisää toiseen tekstikehykseen esimerkiksi lehden otsikko kuten esimerkkikuvassa.<br />
<br />
Sivumallin ”''Oikea''” muokkaus tapahtuu täysin samalla tavalla. Mallilehdessä se tehtiin seuraavan näköiseksi.<br />
<br />
[[Kuva:9-scribus-lehti1-osoite.png|thumb|250px|none]]<br />
<br />
=== Mallisivujen asettaminen sivuihin ===<br />
Viimeisenä vaiheena lisätään sivumallit osoittamaan oikeita sivuja.<br />
<br />
* Valitaan ''Ikkuna'' > ''Sivujen hallinta''.<br />
<br />
Sivumalli kohdistetaan tiettyyn sivuun raahaamalla ”''Sivumallit''”-kohdasta haluttu malli kohdesivun päälle. Ensimmäinen sivu on tässä tapauksessa kansisivu joten se ei tarvitse mallia. Muille sivuille mallit asetetaan valitsemalla vuoronperään oikea ja vasen sivu.<br />
<br />
== Työn tallentaminen ==<br />
<br />
Esimerkkilehden tekemistä jatketaan lisäämällä valmiita mallisivuja käyttäen tekstit, kuvia sekä palstoitus. Mikäli ohjetta on seurattu esimerkin mukaan ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se välillä tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja ja napsauta ”''Tallenna''”. <br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Seuraavassa on tehtävä esimerkkisisältö.<br />
[[Kuva:1-scribus-lehti2-sivu1.jpg|thumb|250px|none]]<br />
[[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]]<br />
[[Kuva:3-scribus-lehti2-sivu3.png|thumb|250px|none]]<br />
[[Kuva:4-scribus-lehti2-sivu4.png|thumb|250px|none]]<br />
[[Kuva:5-scribus-lehti2-sivu5.png|thumb|250px|none]]<br />
<br />
Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
<br />
<br />
Esimerkissä käytettävät kuvat ja teksti ovat kopioitavissa ohjeen loppupäässä olevasta kappaleesta. Myös valmis esimerkkilehti on ladattavissa kokeiltavaksi ohjeen lopusta löytyvästä linkistä.<br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
=== Tekstikehysten tekeminen ===<br />
Varsinainen tekstien lisääminen ja palstoittaminen Scribuksessa on varsin yksinkertaista. Tässä vaiheessa olisi hyvä olla selvillä mikä teksti ja kuvat sivuille tullaan lisäämään. Malliesimerkisssä on käytetty valmista Lorum Ipsum esimerkkitekstiä, jossa kappaleet on eroteltu yhdellä välilyönnillä ja otsikot merkattu ''<nowiki>*</nowiki>''-merkillä, joka sitten tyylejä asetettaessa poistetaan. Tämä teksti ja muut esimerkissä käytettävät materiaalit voidaan ladata omalle työasemalle ohjeen viimeisen kappaleen mukaisesti. Tyylien toiminta on samantapaista kuin esimerkiksi OpenOffice.org ohjelmistoissa, joten jos tyylien käyttö ei ole tuttua niin kannattaa tutustua myös siihen sekä "''Tehoa tekstinkäsittelyyn artikkeliin''".<br />
<br />
Ensimmäisen tekstisivun tekeminen malliesimerkin mukaan aloitetaan seuraavasti.<br />
<br />
* Jos olet tehnyt tekstit omalle tasolleen, muista vaihtaa se aktiiviseksi tasoksi.<br />
<br />
[[Kuva:6-scribus-lehti2-tasot.png|thumb|250px|none]]<br />
<br />
* Tehdään pääotsikolle oma tekstikehys pituussuunnassa sivun keskelle, lisätään otsikko, valitaan sopiva fontti ja muut ominaisuudet. Huomaa, että myös pääotsikolle olisi voitu tarvittaessa tehdä jo aiemmin oma tyyli.<br />
<br />
[[Kuva:7-scribus-lehti2-paakehys.png|thumb|250px|none]]<br />
<br />
* Rajataan varsinaiselle tekstille tila ''tekstikehys''-työkalulla.<br />
<br />
[[Kuva:8-scribus-lehti2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Rajataan myös kaikille muille sivuille koko sivun kokoiset tekstikehykset tulevia tekstejä varten <br />
<br />
[[Kuva:9-scribus-lehti2-sivukehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehystä hiiren kakkospainikkeella ja valitaan ''hae teksti''. <br />
* Valitaan auvautuneesta tiedostovalitsimesta haluttu tekstitiedosto jota halutaan käyttää. <br />
<br />
Tässä vaiheessa teksti ilmestyy yhtenä pötkönä kehykseen ja alareunaan ilmestyy raksi viittaamaan, että kaikki teksti ei ole vielä näkyvissä.<br />
<br />
[[Kuva:10-scribus-lehti2-kaikkiteksti.png|thumb|250px|none]]<br />
<br />
=== Tyylien asettaminen ===<br />
Asetetaan seuraavaksi koko tekstille tyylit.<br />
<br />
* Aktivoidaan tekstikehys ja napsautetaan sitä hiiren kakkospainikkeella. <br />
* Valitaan "''muokkaa tekstiä''". <br />
* Valitaan tekstieditorista koko teksti joko hiirellä mustaamalla tai painamalla näppäinyhdistelmää ''Ctrl + A''. <br />
* Valitse tyyliksi ”''kappale''”, jonka jälkeen koko tekstin pohjatyyliksi tulee kappale-tyyli.<br />
<br />
[[Kuva:11-scribus-lehti2-tyylit.png|thumb|250px|none]]<br />
<br />
* Etsitään tekstin seasta otsikot, tai jos valmiita otsikoita ei ole, lisätään tekstin sekaan muutama. Esimerkkitekstiä käytettäessä ajatellut otsikot on merkattu'' *''-merkillä, joka voidaan poistaa tyyliä lisättäessä.<br />
* Asetetaan kursori yksi kerrallaan otsikon kohdalle ja valitse tyyliksi sopiva otsikkotyyli. <br />
* Napsautetaan lopuksi vihreää ”''Päivitä tekstikehys ja poistu''”-painiketta. <br />
<br />
=== Palstoitus ===<br />
Nyt tekstin kappaleille on asetettu tyylit ja seuraavaksi asetetaan palstoitus ja tekstin jatkaminen muille sivuille tehtyihin tekstikehyksiin.<br />
<br />
* Napsautetaan tekstikehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. Jokaisen sivun kehystä on tässä tapauksessa muutettava erikseen.<br />
* Asetetaan ensimmäiselle sivulle palstojen määräksi ''kaksi'' ja muille sivuille ''kolme''. Väliksi molempiin voidaan asettaa ''5 mm''. <br />
<br />
[[Kuva:12-scribus-lehti2-palstoitus.png|thumb|250px|none]]<br />
<br />
=== Tekstin jakaminen toisiin kehyksiin ===<br />
Seuraavaksi jatketaan teksti muille sivuille.<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehys aktiiviseksi ja valitaan yläosan työkalupalkista toiminto ”''linkitä tekstikehykset''”. Tällä työkalulla voidaan jatkaa ylitsemenevää tekstiä seuraavaan kehykseen.<br />
<br />
[[Kuva:13-scribus-lehti2-kehykset.png|thumb|250px|none]]<br />
<br />
* Tämän jälkeen napsautetaan hiirellä seuraavan sivun tekstikehystä, jolloin teksti jatkuu tähän kehykseen. <br />
<br />
Tämä sama toiminto toistetaan nykyisen ja seuraavan sivun kanssa, kunnes kaikki teksti on saatu mahtumaan sivuille.<br />
<br />
=== Kuvien lisääminen ===<br />
Kuvat lisätään tekstin sekaan seuraavasti.<br />
<br />
==== Ensimmäinen sivu ====<br />
* Lisätään tavalliseen tapaan sopiva kuva keskitetysti sivun yläosaan. Kuvassa näkyvät pyöristykset voidaan tehdä lopuksi samalla tavoin kuin toisen sivun kanssa. <br />
<br />
[[Kuva:14-scribus-lehti2-1sivu.png|thumb|250px|none]]<br />
<br />
=== Toinen sivu ===<br />
Seuraavassa kuvassa on toisen sivun kuva aseteltuna esimerkkilehteen.<br />
<br />
[[Kuva:15-scribus-lehti2-2sivu.png|thumb|250px|none]]<br />
<br />
Kuva lisätään tekstin sekaan seuraavasti. <br />
<br />
* Piirretään toisen sivun tekstin päälle kuvakehys.<br />
<br />
* Haetaan kehykseen haluttu kuva. <br />
* Mennään kehyksen ominaisuuksiin napsauttamalla kehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. <br />
* Mennnään kohtaan ”''Kuvio''”. <br />
* Pyöristetään halutessa kulmia muutaman millimetrin ja laitetaan raksi kohtaan ”''Teksti kiertää kehyksen''.” <br />
* Mennään kohtaan kuva ja valitaan ”''Sovita kehyksen kokoon''”. <br />
* Suljetaan ''ominaisuudet''-ikkuna <br />
* Asetellaan kehyksen koko sopivaksi <br />
<br />
== Loppuasettelut ==<br />
Viimeinen sivu voidaan asetella samoilla periaatteilla kuin edellisetkin. Lisäämällä teksti kehykseen, palstoittamalla ja lisäämällä kuvat. Seuraavassa on esimerkkilehden asettelu. <br />
<br />
Toinen tekstisivu voisi näyttää esimerkiksi seuraavalta.<br />
<br />
Ja kolmas tekstisivu voisi olla tällainen.<br />
<br />
Lisäksi lehteen voitaisiin tehdä vielä takakansi, joka onnistuisi lisäämällä sivu ja noudattamalla esimerkiksi etukannen kanssa käytettyjä periaatteita. Esimerkkilehdessä takakansisivua ei ole tehty. <br />
<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehtävän lehden valmis versio tarkasteltavaksi Scribuksen omassa tallennusmuodossa sekä pdf-muotoinen versio. Lisäksi ladattavissa on kaikki esimerkissä käytetty kuvat ja tekstit. <br />
<br />
Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Huomaa, että mikäli Scribus-muodossa tallennettua lehteä halutaan tarkastella, tulee se ladata samaan hakemistoon kuvien kanssa. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
==== Ladattavat kuvat ====<br />
# Lataa esimerkkissä käytetty etusivun ''taustakuva'' [http://materiaali.linuxkouluun.fi/torni.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''sorsan kuva'' [http://materiaali.linuxkouluun.fi/sorsa.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rannan kuva'' [http://materiaali.linuxkouluun.fi/ranta.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''maiseman kuva'' [http://materiaali.linuxkouluun.fi/maisema.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''merimaiseman kuva'' [http://materiaali.linuxkouluun.fi/meri.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rahapuun kuva'' [http://materiaali.linuxkouluun.fi/rahapuu.jpg tästä]<br />
<br />
==== Teksti ja esimerkkimateriaali ====<br />
# Lataa ''esimerkkilehti pdf-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.pdf tästä]<br />
# Lataa muokattava ''esimerkkilehti Scribus-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.sla tästä]<br />
# Katso tai lataa esimerkissä käytetty'' teksti ''[http://materiaali.linuxkouluun.fi/scribus-esimerkkiteksti.txt tästä]<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Lehden_taittaminen_Scribuksella&diff=30447Lehden taittaminen Scribuksella2010-01-15T09:53:20Z<p>OpinsysASokero: </p>
<hr />
<div>Tässä oppaassa tutustutaan tarkemmin Scribuksen taitto-ominaisuuksiin tehtävän esimerkkilehden avulla. Alussa tutustutaan sivumallien ja tyylien soveltamiseen sekä tekstin palstoittamiseen. Ohjetta voidaan soveltaa esimerkiksi oman koululehden tekemiseen.<br />
<br />
== Johdanto ==<br />
<br />
<br />
[[Kuva:1-scribus-lehti1-esim.png|thumb|250px|none]]Tämä ohje käsittelee yksinkertaisen lehden taittamista Scribus-ohjelmalla. Ohjeen tarkoituksena ei ole antaa täydellistä opastusta lehden taittamisesta, vaan tutustuttaa Scribuksen perusominaisuuksiin. Ohjeessa tehdään mallilehti, jossa käytettäviä tekniikoita ja periaatteita voidaan soveltaa omien lehtien tekemisessä. Mallilehti voidaan ladata ohjeen lopusta pdf-muodossa katseltavaksi ja Scribuksen omassa tallennusmuodossa oppaan toisen osan myötä.<br />
<br />
Ohjeen soveltamiseksi suositellaan hyvää tietokoneen käyttötaitoa ja tutustumista ”''Esitteen tekeminen Scribuksella''”-ohjeeseen. Tämä ohje perustuu Scribuksen 1.2.-versioiden käyttämiseen ja ohjelman tuleva 1.3-versio poikkeaa joiltain osin tästä ohjeesta. Ohjetta tullaan todennäköisesti päivittämään uudemman Scribus-version mukaiseksi kun se yleistyy käytössä. <br />
<br />
== Alkuvalmistelut ==<br />
Ennen varsinaisen lehdenteon aloittamista tulisi saatavilla olla muutama kuva ja tekstiä. Mallilehdessä olevat kuvat ovat vapaasti saatavilla ja kaikkien käytettävissä. Ne voidaan ladata omalle työasemalle ohjeen lopusta. Tekstinä on käytetty Lorem Ipsum ([http://www.lipsum.com/ http://www.lipsum.com/]) tekstigeneraattorilla tehtyä tekstiä. Kyseisellä sivulla voidaan helposti generoida latinankielistä tekstiä joka voidaan kopioida ja liittää käytettäväksi tämän ohjeen kanssa. Mahdollista on myös käyttää mitä tahansa tekstiä jonka arvelee soveltuvan ohjelman harjoitteluun.<br />
<br />
== Uuden asiakirjan luominen ==<br />
Lehden tekeminen aloitetaan käynnistämällä Scribus-ohjelma järjestelmän sovellusvalikosta. Scribuksen käynnistyttyä aukeaa uuden asiakirjan asetusten määritysikkuna.<br />
<br />
* Asetetaan sivun kooksi ''A4'' <br />
* Valitaan oletusyksiköksi ''millimetrit'' <br />
* Asetetaan kaikki sivun reunukset nollaksi. Sivun reunukset ovat täysin valkoiseksi jäävä marginaali joita tässä malli lehdessä ei haluta. <br />
<br />
[[Kuva:2-scribus-lehti1-uusi.png|thumb|250px|none]]<br />
<br />
Muista että sivun asetuksia ei voi enää jälkikäteen muuttaa, joten aloitettaessa on tiedettävä millaisen lehden haluaa tehdä.<br />
<br />
* Napsautetaan ''OK'' <br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue.<br />
<br />
== Kansisivun tekeminen ==<br />
Ensimmäisestä sivusta tulee lehden kansisivu.<br />
<br />
[[Kuva:3-scribus-lehti1-kansi.jpg|thumb|250px|none]]<br />
<br />
Kansisivu tehdään lähes täysin samaan tapaan kuin ”Esitteen tekeminen Scribuksella” -ohjeessa. Otsikon tausta on ainoastaan koostettu kolmesta osasta, kolmiosta ja kahdesta suorakulmiosta. Kolmio on tehty ”''Lisää monikulmio''” -työkalulla, jonka ominaisuuksia on muokattu niin, että saadaan alaspäin osoittava kolmio.<br />
<br />
[[Kuva:4-scribus-lehti1-monikulmio.png|thumb|250px|none]]<br />
<br />
Muilta osin kannen tekeminen onnistuu täysin esitteen teko-ohjeen vaiheita noudattamalla.<br />
<br />
== Sisäsivujen asetukset ==<br />
Sisäsivujen tekemisessä kannattaa ottaa käyttöön sivumallit ja kappaletyylit. Niiden avulla saadaan sivujen tekemisestä automatisoidumpaa, jolloin jokaisella sivulla toistuvaa asiaa ja kappaleiden tyylejä ei tarvitse aina erikseen määritellä. Samalla jos tehtävä painotuote esiintyy usein samalla asettelulla kuten esimerkiksi säännöllisesti tehtävä lehti, voidaan kerran tehdyt mallit ottaa suoraan käyttöön ja lisätä vain muuttuva sisältö.<br />
<br />
=== Kappaletyylit ===<br />
Kappaletyylien tekeminen tapahtuu seuraavasti. <br />
<br />
* Valitaan ''Muokkaa'' > ''Kappaletyylit''. <br />
* Valitan avautuneesta ikkunasta ”''Uusi''”. <br />
<br />
Ensimmäisenä luodaan tyyli nimeltä ”''Otsikko 1''”. <br />
<br />
* Asetetaan nimi-kenttään nimeksi ”''Otsikko 1''”. <br />
* Vaihdetaan kirjasimen kooksi ''20.0 pt''. <br />
* Asetetaan kappaleiden välisiksi etäisyyksiksi: yläpuolelle ''4.0 mm'', alapuolelle ''0,0 mm''. <br />
<br />
[[Kuva:5-scribus-lehti1-kappaletyylit.png|thumb|250px|none]]<br />
<br />
Nämä ovat esimerkkiarvot joita on käytetty mallissa. Kannattaa kokeilla eri fonttityyppejä ja -kokoja. Tee ”''Otsikko 1''” tyylin lisäksi tyylit ainakin tavalliselle tekstikappaleelle ja alatason otsikoille. Asetukset voivat olla esimerkiksi seuraavanlaiset.<br />
<br />
''Kappale'': <br />
<br />
Fontin koko: ''10.0 pt''. <br />
<br />
Etäisyydet: yläpuolelle ''0.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''15.0 pt''.<br />
<br />
Tasaus ''molempiin'' reunoihin<br />
<br />
''Otsikko 2'':<br />
<br />
Fontin koko: ''15.0 pt''.<br />
<br />
Etäisyydet: yläpuolelle ''2.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''18.0 pt''.<br />
<br />
Lopuksi on tärkeää muistaa painaa ”''Tallenna''”-painiketta ennen ”''Muokkaa tyylejä''”-ikkunan sulkemista tai kaikki tehdyt asetukset häviävät. Omat tyylit kannattaa luoda myös kuvateksteille, taulukoille, luetteloille ym. Tässä esimerkissä niitä ei kuitenkaan tehdä, koska nitä ei ole käytössä.<br />
<br />
== Mallisivut ==<br />
Kokonaisuudessaan mallilehdestä tulee viisisivuinen, jossa yksi on kansi, ja loput ovat sisäsivuja. Sisäsivuina tulee tällöin olemaan kaksi vasemman ja oikean puoleista sivua. Mitä enemmän tehtävässä lehdessä on sivuja ja mitä useammin samalla ulkoasulla lehteä tehdään, sitä hyödyllisempää on käyttää sivumalleja. Sivumallien avulla samaa ulkoasua voidaan monistaa helposti uusille sivuille ja asettaa niihin esimerkiksi automaattisesti toistuva sivunumerointi. Seuraavassa tehdään kaksi sivumallia, joista toinen vasemmalle ja toinen oikealle sivulle.<br />
<br />
=== Uusien sivujen lisääminen ===<br />
Lehteen lisätään uusia sivuja seuraavasti<br />
<br />
* Valitaan ''Sivu'' > ''Lisää''...<br />
* Avautuneeseen ikkunaan annetaan lisättävien sivujen lukumäärä. Esimerkkilehdessä on lisätty neljä tekstisivua.<br />
<br />
On hyvä huomata, että sivujen lisääminen voitaisiin tehdä hyvin vasta mallisivujen tekemisen jälkeen. Tällöin lisättäessä voitaisiin valita lisäysikkunasta kyseisille sivuille tuleva sivumalli. Nyt kun esimerkkitekstissä tulee käyttöön erillinen sivumalli sekä oikealle että vasemmalle sivulle, tehdään mallien määritys sivuille vasta myöhemmin. <br />
<br />
=== Mallisivujen tekeminen ===<br />
Mallisivujen muokkaaminen aloitetaan seuraavasti.<br />
<br />
* Valitaan ''Muokkaa'' > ''Mallisivut''...<br />
<br />
[[Kuva:6-scribus-lehti1-mallisivut.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ”''Uusi''” -painiketta <br />
* Annetaan mallisivulle nimeksi ”''Vasen''” <br />
* Valitaan ”''Muokkaa mallisivuja''” -ikkunaa sulkematta ylävalikosta ''Sivu'' > ''Apuviivojen hallinta'' <br />
* Lisätään avautuvaan ikkunaan kuvan mukaiset arvot apuviivojen avulla tekstin sijoittelu sivulle helpottuu ja samalla voidaan määrittää haluttavat marginaalit. Apuviivat eivät tulostu lopulliseen sivuun<br />
<br />
[[Kuva:7-scribus-lehti1-muokkaa_mallis.png|thumb|250px|none]]<br />
<br />
* Suljetaan ikkuna painamalla ''OK'' <br />
<br />
Seuraavaksi otetaan kopio mallisivusta ''Vasen'' valitsemalla se aktiiviseksi ja napsauttamalla ''kopioi''.<br />
<br />
Annetaan uudelle mallille nimeksi ''Oikea''.<br />
<br />
=== Sivunumeroiden asettaminen mallisivuihin ===<br />
Seuraavaksi malleihin asetetaan joka sivulla esiintyvät lehden nimi ja sivunumero. Sivunumerot asetetaan seuraavasti.<br />
<br />
* Valitaan ”''Muokkaa malleja''” -ikkunasta aktiiviseksi malli ''vasen'' ja siirrytään sivun alareunaan. <br />
* Halutessaan alareunaan voi lisätä joka sivulla toistuvan värin kuvan mukaisesti kuviokehyksen lisäämällä. Kuvan väri on ”''Beige''”, ''80%'' läpinäkyvyydellä.<br />
<br />
[[Kuva:8-scribus-lehti1-sivunumerot.png|thumb|250px|none]]<br />
<br />
* Kuvion päälle voidaan lisätä pienet tekstikehykset sivunumeroa sekä lehden nimeä varten. <br />
<br />
Sivunumeron saa lisättyä omaan tekstikehykseensä muokkaamalla tekstiä ja painamalla sivunumeron lisäykseen asetettua pikanäppäintä joka yleensä on oletuksena ''Ctrl+Shift+Alt+P''. (Mikäli kyseinen pikanäppäin ei toimi voi oman pikanäppäimen asentaa valitsemalla ''Tiedosto'' > ''Asetukset'' > ''Oikopolut''.) Sivunumeron lisäyksen jälkeen tekstikehykseen tulee merkki ''<nowiki>#</nowiki>''. Sivumalleja käyttämällä sivunumeroja ei siis tarvitse syöttää joka sivulle erikseen käsin, vaan ohjelma päivittää niitä automaattisesti.<br />
<br />
Lisää toiseen tekstikehykseen esimerkiksi lehden otsikko kuten esimerkkikuvassa.<br />
<br />
Sivumallin ”''Oikea''” muokkaus tapahtuu täysin samalla tavalla. Mallilehdessä se tehtiin seuraavan näköiseksi.<br />
<br />
[[Kuva:9-scribus-lehti1-osoite.png|thumb|250px|none]]<br />
<br />
=== Mallisivujen asettaminen sivuihin ===<br />
Viimeisenä vaiheena lisätään sivumallit osoittamaan oikeita sivuja.<br />
<br />
* Valitaan ''Ikkuna'' > ''Sivujen hallinta''.<br />
<br />
Sivumalli kohdistetaan tiettyyn sivuun raahaamalla ”''Sivumallit''”-kohdasta haluttu malli kohdesivun päälle. Ensimmäinen sivu on tässä tapauksessa kansisivu joten se ei tarvitse mallia. Muille sivuille mallit asetetaan valitsemalla vuoronperään oikea ja vasen sivu.<br />
<br />
== Työn tallentaminen ==<br />
<br />
Esimerkkilehden tekemistä jatketaan lisäämällä valmiita mallisivuja käyttäen tekstit, kuvia sekä palstoitus. Mikäli ohjetta on seurattu esimerkin mukaan ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se välillä tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja ja napsauta ”''Tallenna''”. <br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Seuraavassa on tehtävä esimerkkisisältö.<br />
[[Kuva:1-scribus-lehti2-sivu1.png|thumb|250px|none]]<br />
[[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]]<br />
[[Kuva:3-scribus-lehti2-sivu3.png|thumb|250px|none]]<br />
[[Kuva:4-scribus-lehti2-sivu4.png|thumb|250px|none]]<br />
[[Kuva:5-scribus-lehti2-sivu5.png|thumb|250px|none]]<br />
<br />
Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
<br />
<br />
Esimerkissä käytettävät kuvat ja teksti ovat kopioitavissa ohjeen loppupäässä olevasta kappaleesta. Myös valmis esimerkkilehti on ladattavissa kokeiltavaksi ohjeen lopusta löytyvästä linkistä.<br />
<br />
== Sisällön lisääminen ==<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
=== Tekstikehysten tekeminen ===<br />
Varsinainen tekstien lisääminen ja palstoittaminen Scribuksessa on varsin yksinkertaista. Tässä vaiheessa olisi hyvä olla selvillä mikä teksti ja kuvat sivuille tullaan lisäämään. Malliesimerkisssä on käytetty valmista Lorum Ipsum esimerkkitekstiä, jossa kappaleet on eroteltu yhdellä välilyönnillä ja otsikot merkattu ''<nowiki>*</nowiki>''-merkillä, joka sitten tyylejä asetettaessa poistetaan. Tämä teksti ja muut esimerkissä käytettävät materiaalit voidaan ladata omalle työasemalle ohjeen viimeisen kappaleen mukaisesti. Tyylien toiminta on samantapaista kuin esimerkiksi OpenOffice.org ohjelmistoissa, joten jos tyylien käyttö ei ole tuttua niin kannattaa tutustua myös siihen sekä "''Tehoa tekstinkäsittelyyn artikkeliin''".<br />
<br />
Ensimmäisen tekstisivun tekeminen malliesimerkin mukaan aloitetaan seuraavasti.<br />
<br />
* Jos olet tehnyt tekstit omalle tasolleen, muista vaihtaa se aktiiviseksi tasoksi.<br />
<br />
[[Kuva:6-scribus-lehti2-tasot.png|thumb|250px|none]]<br />
<br />
* Tehdään pääotsikolle oma tekstikehys pituussuunnassa sivun keskelle, lisätään otsikko, valitaan sopiva fontti ja muut ominaisuudet. Huomaa, että myös pääotsikolle olisi voitu tarvittaessa tehdä jo aiemmin oma tyyli.<br />
<br />
[[Kuva:7-scribus-lehti2-paakehys.png|thumb|250px|none]]<br />
<br />
* Rajataan varsinaiselle tekstille tila ''tekstikehys''-työkalulla.<br />
<br />
[[Kuva:8-scribus-lehti2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Rajataan myös kaikille muille sivuille koko sivun kokoiset tekstikehykset tulevia tekstejä varten <br />
<br />
[[Kuva:9-scribus-lehti2-sivukehys.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehystä hiiren kakkospainikkeella ja valitaan ''hae teksti''. <br />
* Valitaan auvautuneesta tiedostovalitsimesta haluttu tekstitiedosto jota halutaan käyttää. <br />
<br />
Tässä vaiheessa teksti ilmestyy yhtenä pötkönä kehykseen ja alareunaan ilmestyy raksi viittaamaan, että kaikki teksti ei ole vielä näkyvissä.<br />
<br />
[[Kuva:10-scribus-lehti2-kaikkiteksti.png|thumb|250px|none]]<br />
<br />
=== Tyylien asettaminen ===<br />
Asetetaan seuraavaksi koko tekstille tyylit.<br />
<br />
* Aktivoidaan tekstikehys ja napsautetaan sitä hiiren kakkospainikkeella. <br />
* Valitaan "''muokkaa tekstiä''". <br />
* Valitaan tekstieditorista koko teksti joko hiirellä mustaamalla tai painamalla näppäinyhdistelmää ''Ctrl + A''. <br />
* Valitse tyyliksi ”''kappale''”, jonka jälkeen koko tekstin pohjatyyliksi tulee kappale-tyyli.<br />
<br />
[[Kuva:11-scribus-lehti2-tyylit.png|thumb|250px|none]]<br />
<br />
* Etsitään tekstin seasta otsikot, tai jos valmiita otsikoita ei ole, lisätään tekstin sekaan muutama. Esimerkkitekstiä käytettäessä ajatellut otsikot on merkattu'' *''-merkillä, joka voidaan poistaa tyyliä lisättäessä.<br />
* Asetetaan kursori yksi kerrallaan otsikon kohdalle ja valitse tyyliksi sopiva otsikkotyyli. <br />
* Napsautetaan lopuksi vihreää ”''Päivitä tekstikehys ja poistu''”-painiketta. <br />
<br />
=== Palstoitus ===<br />
Nyt tekstin kappaleille on asetettu tyylit ja seuraavaksi asetetaan palstoitus ja tekstin jatkaminen muille sivuille tehtyihin tekstikehyksiin.<br />
<br />
* Napsautetaan tekstikehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. Jokaisen sivun kehystä on tässä tapauksessa muutettava erikseen.<br />
* Asetetaan ensimmäiselle sivulle palstojen määräksi ''kaksi'' ja muille sivuille ''kolme''. Väliksi molempiin voidaan asettaa ''5 mm''. <br />
<br />
[[Kuva:12-scribus-lehti2-palstoitus.png|thumb|250px|none]]<br />
<br />
=== Tekstin jakaminen toisiin kehyksiin ===<br />
Seuraavaksi jatketaan teksti muille sivuille.<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehys aktiiviseksi ja valitaan yläosan työkalupalkista toiminto ”''linkitä tekstikehykset''”. Tällä työkalulla voidaan jatkaa ylitsemenevää tekstiä seuraavaan kehykseen.<br />
<br />
[[Kuva:13-scribus-lehti2-kehykset.png|thumb|250px|none]]<br />
<br />
* Tämän jälkeen napsautetaan hiirellä seuraavan sivun tekstikehystä, jolloin teksti jatkuu tähän kehykseen. <br />
<br />
Tämä sama toiminto toistetaan nykyisen ja seuraavan sivun kanssa, kunnes kaikki teksti on saatu mahtumaan sivuille.<br />
<br />
=== Kuvien lisääminen ===<br />
Kuvat lisätään tekstin sekaan seuraavasti.<br />
<br />
==== Ensimmäinen sivu ====<br />
* Lisätään tavalliseen tapaan sopiva kuva keskitetysti sivun yläosaan. Kuvassa näkyvät pyöristykset voidaan tehdä lopuksi samalla tavoin kuin toisen sivun kanssa. <br />
<br />
[[Kuva:14-scribus-lehti2-1sivu.png|thumb|250px|none]]<br />
<br />
=== Toinen sivu ===<br />
Seuraavassa kuvassa on toisen sivun kuva aseteltuna esimerkkilehteen.<br />
<br />
[[Kuva:15-scribus-lehti2-2sivu.png|thumb|250px|none]]<br />
<br />
Kuva lisätään tekstin sekaan seuraavasti. <br />
<br />
* Piirretään toisen sivun tekstin päälle kuvakehys.<br />
<br />
* Haetaan kehykseen haluttu kuva. <br />
* Mennään kehyksen ominaisuuksiin napsauttamalla kehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. <br />
* Mennnään kohtaan ”''Kuvio''”. <br />
* Pyöristetään halutessa kulmia muutaman millimetrin ja laitetaan raksi kohtaan ”''Teksti kiertää kehyksen''.” <br />
* Mennään kohtaan kuva ja valitaan ”''Sovita kehyksen kokoon''”. <br />
* Suljetaan ''ominaisuudet''-ikkuna <br />
* Asetellaan kehyksen koko sopivaksi <br />
<br />
== Loppuasettelut ==<br />
Viimeinen sivu voidaan asetella samoilla periaatteilla kuin edellisetkin. Lisäämällä teksti kehykseen, palstoittamalla ja lisäämällä kuvat. Seuraavassa on esimerkkilehden asettelu. <br />
<br />
Toinen tekstisivu voisi näyttää esimerkiksi seuraavalta.<br />
<br />
Ja kolmas tekstisivu voisi olla tällainen.<br />
<br />
Lisäksi lehteen voitaisiin tehdä vielä takakansi, joka onnistuisi lisäämällä sivu ja noudattamalla esimerkiksi etukannen kanssa käytettyjä periaatteita. Esimerkkilehdessä takakansisivua ei ole tehty. <br />
<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehtävän lehden valmis versio tarkasteltavaksi Scribuksen omassa tallennusmuodossa sekä pdf-muotoinen versio. Lisäksi ladattavissa on kaikki esimerkissä käytetty kuvat ja tekstit. <br />
<br />
Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Huomaa, että mikäli Scribus-muodossa tallennettua lehteä halutaan tarkastella, tulee se ladata samaan hakemistoon kuvien kanssa. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
==== Ladattavat kuvat ====<br />
# Lataa esimerkkissä käytetty etusivun ''taustakuva'' [http://materiaali.linuxkouluun.fi/torni.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''sorsan kuva'' [http://materiaali.linuxkouluun.fi/sorsa.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rannan kuva'' [http://materiaali.linuxkouluun.fi/ranta.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''maiseman kuva'' [http://materiaali.linuxkouluun.fi/maisema.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''merimaiseman kuva'' [http://materiaali.linuxkouluun.fi/meri.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rahapuun kuva'' [http://materiaali.linuxkouluun.fi/rahapuu.jpg tästä]<br />
<br />
==== Teksti ja esimerkkimateriaali ====<br />
# Lataa ''esimerkkilehti pdf-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.pdf tästä]<br />
# Lataa muokattava ''esimerkkilehti Scribus-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.sla tästä]<br />
# Katso tai lataa esimerkissä käytetty'' teksti ''[http://materiaali.linuxkouluun.fi/scribus-esimerkkiteksti.txt tästä]<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Lehden_taittaminen_Scribuksella&diff=30446Lehden taittaminen Scribuksella2010-01-15T09:18:54Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>Tässä oppaassa tutustutaan tarkemmin Scribuksen taitto-ominaisuuksiin tehtävän esimerkkilehden avulla. Alussa tutustutaan sivumallien ja tyylien soveltamiseen sekä tekstin palstoittamiseen. Ohjetta voidaan soveltaa esimerkiksi oman koululehden tekemiseen.<br />
<br />
== Johdanto ==<br />
<br />
<br />
[[Kuva:1-scribus-lehti1-esim.png|thumb|250px|none]]Tämä ohje käsittelee yksinkertaisen lehden taittamista Scribus-ohjelmalla. Ohjeen tarkoituksena ei ole antaa täydellistä opastusta lehden taittamisesta, vaan tutustuttaa Scribuksen perusominaisuuksiin. Ohjeessa tehdään mallilehti, jossa käytettäviä tekniikoita ja periaatteita voidaan soveltaa omien lehtien tekemisessä. Mallilehti voidaan ladata ohjeen lopusta pdf-muodossa katseltavaksi ja Scribuksen omassa tallennusmuodossa oppaan toisen osan myötä.<br />
<br />
Ohjeen soveltamiseksi suositellaan hyvää tietokoneen käyttötaitoa ja tutustumista ”''Esitteen tekeminen Scribuksella''”-ohjeeseen. Tämä ohje perustuu Scribuksen 1.2.-versioiden käyttämiseen ja ohjelman tuleva 1.3-versio poikkeaa joiltain osin tästä ohjeesta. Ohjetta tullaan todennäköisesti päivittämään uudemman Scribus-version mukaiseksi kun se yleistyy käytössä. <br />
<br />
== Alkuvalmistelut ==<br />
Ennen varsinaisen lehdenteon aloittamista tulisi saatavilla olla muutama kuva ja tekstiä. Mallilehdessä olevat kuvat ovat vapaasti saatavilla ja kaikkien käytettävissä. Ne voidaan ladata omalle työasemalle ohjeen lopusta. Tekstinä on käytetty Lorem Ipsum ([http://www.lipsum.com/ http://www.lipsum.com/]) tekstigeneraattorilla tehtyä tekstiä. Kyseisellä sivulla voidaan helposti generoida latinankielistä tekstiä joka voidaan kopioida ja liittää käytettäväksi tämän ohjeen kanssa. Mahdollista on myös käyttää mitä tahansa tekstiä jonka arvelee soveltuvan ohjelman harjoitteluun.<br />
<br />
== Uuden asiakirjan luominen ==<br />
Lehden tekeminen aloitetaan käynnistämällä Scribus-ohjelma järjestelmän sovellusvalikosta. Scribuksen käynnistyttyä aukeaa uuden asiakirjan asetusten määritysikkuna.<br />
<br />
* Asetetaan sivun kooksi ''A4'' <br />
* Valitaan oletusyksiköksi ''millimetrit'' <br />
* Asetetaan kaikki sivun reunukset nollaksi. Sivun reunukset ovat täysin valkoiseksi jäävä marginaali joita tässä malli lehdessä ei haluta. <br />
<br />
[[Kuva:2-scribus-lehti1-uusi.png|thumb|250px|none]]<br />
<br />
Muista että sivun asetuksia ei voi enää jälkikäteen muuttaa, joten aloitettaessa on tiedettävä millaisen lehden haluaa tehdä.<br />
<br />
* Napsautetaan ''OK'' <br />
<br />
Scribuksen työtilaan aukeaa nyt A4 muotoinen alue.<br />
<br />
== Kansisivun tekeminen ==<br />
Ensimmäisestä sivusta tulee lehden kansisivu.<br />
<br />
[[Kuva:4-scribus-lehti1-monikulmio.png|thumb|250px|none]]<br />
<br />
Kansisivu tehdään lähes täysin samaan tapaan kuin ”Esitteen tekeminen Scribuksella” -ohjeessa. Otsikon tausta on ainoastaan koostettu kolmesta osasta, kolmiosta ja kahdesta suorakulmiosta. Kolmio on tehty ”''Lisää monikulmio''” -työkalulla, jonka ominaisuuksia on muokattu niin, että saadaan alaspäin osoittava kolmio.<br />
<br />
[[Kuva:5-scribus-lehti1-kappaletyylit.png|thumb|250px|none]]<br />
<br />
Muilta osin kannen tekeminen onnistuu täysin esitteen teko-ohjeen vaiheita noudattamalla.<br />
<br />
== Sisäsivujen asetukset ==<br />
Sisäsivujen tekemisessä kannattaa ottaa käyttöön sivumallit ja kappaletyylit. Niiden avulla saadaan sivujen tekemisestä automatisoidumpaa, jolloin jokaisella sivulla toistuvaa asiaa ja kappaleiden tyylejä ei tarvitse aina erikseen määritellä. Samalla jos tehtävä painotuote esiintyy usein samalla asettelulla kuten esimerkiksi säännöllisesti tehtävä lehti, voidaan kerran tehdyt mallit ottaa suoraan käyttöön ja lisätä vain muuttuva sisältö.<br />
<br />
=== Kappaletyylit ===<br />
Kappaletyylien tekeminen tapahtuu seuraavasti. <br />
<br />
* Valitaan ''Muokkaa'' > ''Kappaletyylit''. <br />
* Valitan avautuneesta ikkunasta ”''Uusi''”. <br />
<br />
Ensimmäisenä luodaan tyyli nimeltä ”''Otsikko 1''”. <br />
<br />
* Asetetaan nimi-kenttään nimeksi ”''Otsikko 1''”. <br />
* Vaihdetaan kirjasimen kooksi ''20.0 pt''. <br />
* Asetetaan kappaleiden välisiksi etäisyyksiksi: yläpuolelle ''4.0 mm'', alapuolelle ''0,0 mm''. <br />
<br />
[[Kuva:6-scribus-lehti1-mallisivut.png|thumb|250px|none]]<br />
<br />
Nämä ovat esimerkkiarvot joita on käytetty mallissa. Kannattaa kokeilla eri fonttityyppejä ja -kokoja. Tee ”''Otsikko 1''” tyylin lisäksi tyylit ainakin tavalliselle tekstikappaleelle ja alatason otsikoille. Asetukset voivat olla esimerkiksi seuraavanlaiset.<br />
<br />
''Kappale'': <br />
<br />
Fontin koko: ''10.0 pt''. <br />
<br />
Etäisyydet: yläpuolelle ''0.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''15.0 pt''.<br />
<br />
Tasaus ''molempiin'' reunoihin<br />
<br />
''Otsikko 2'':<br />
<br />
Fontin koko: ''15.0 pt''.<br />
<br />
Etäisyydet: yläpuolelle ''2.0 mm'', alapuolelle ''2,0 mm''.<br />
<br />
Riviväli: ''18.0 pt''.<br />
<br />
Lopuksi on tärkeää muistaa painaa ”''Tallenna''”-painiketta ennen ”''Muokkaa tyylejä''”-ikkunan sulkemista tai kaikki tehdyt asetukset häviävät. Omat tyylit kannattaa luoda myös kuvateksteille, taulukoille, luetteloille ym. Tässä esimerkissä niitä ei kuitenkaan tehdä, koska nitä ei ole käytössä.<br />
<br />
== Mallisivut ==<br />
Kokonaisuudessaan mallilehdestä tulee viisisivuinen, jossa yksi on kansi, ja loput ovat sisäsivuja. Sisäsivuina tulee tällöin olemaan kaksi vasemman ja oikean puoleista sivua. Mitä enemmän tehtävässä lehdessä on sivuja ja mitä useammin samalla ulkoasulla lehteä tehdään, sitä hyödyllisempää on käyttää sivumalleja. Sivumallien avulla samaa ulkoasua voidaan monistaa helposti uusille sivuille ja asettaa niihin esimerkiksi automaattisesti toistuva sivunumerointi. Seuraavassa tehdään kaksi sivumallia, joista toinen vasemmalle ja toinen oikealle sivulle.<br />
<br />
=== Uusien sivujen lisääminen ===<br />
Lehteen lisätään uusia sivuja seuraavasti<br />
<br />
* Valitaan ''Sivu'' > ''Lisää''...<br />
* Avautuneeseen ikkunaan annetaan lisättävien sivujen lukumäärä. Esimerkkilehdessä on lisätty neljä tekstisivua.<br />
<br />
On hyvä huomata, että sivujen lisääminen voitaisiin tehdä hyvin vasta mallisivujen tekemisen jälkeen. Tällöin lisättäessä voitaisiin valita lisäysikkunasta kyseisille sivuille tuleva sivumalli. Nyt kun esimerkkitekstissä tulee käyttöön erillinen sivumalli sekä oikealle että vasemmalle sivulle, tehdään mallien määritys sivuille vasta myöhemmin. <br />
<br />
=== Mallisivujen tekeminen ===<br />
Mallisivujen muokkaaminen aloitetaan seuraavasti.<br />
<br />
* Valitaan ''Muokkaa'' > ''Mallisivut''...<br />
<br />
[[Kuva:7-scribus-lehti1-muokkaa_mallis.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ”''Uusi''” -painiketta <br />
* Annetaan mallisivulle nimeksi ”''Vasen''” <br />
* Valitaan ”''Muokkaa mallisivuja''” -ikkunaa sulkematta ylävalikosta ''Sivu'' > ''Apuviivojen hallinta'' <br />
* Lisätään avautuvaan ikkunaan kuvan mukaiset arvot apuviivojen avulla tekstin sijoittelu sivulle helpottuu ja samalla voidaan määrittää haluttavat marginaalit. Apuviivat eivät tulostu lopulliseen sivuun<br />
<br />
[[Kuva:8-scribus-lehti1-sivunumerot.png|thumb|250px|none]]<br />
<br />
* Suljetaan ikkuna painamalla ''OK'' <br />
<br />
Seuraavaksi otetaan kopio mallisivusta ''Vasen'' valitsemalla se aktiiviseksi ja napsauttamalla ''kopioi''.<br />
<br />
Annetaan uudelle mallille nimeksi ''Oikea''.<br />
<br />
=== Sivunumeroiden asettaminen mallisivuihin ===<br />
Seuraavaksi malleihin asetetaan joka sivulla esiintyvät lehden nimi ja sivunumero. Sivunumerot asetetaan seuraavasti.<br />
<br />
* Valitaan ”''Muokkaa malleja''” -ikkunasta aktiiviseksi malli ''vasen'' ja siirrytään sivun alareunaan. <br />
* Halutessaan alareunaan voi lisätä joka sivulla toistuvan värin kuvan mukaisesti kuviokehyksen lisäämällä. Kuvan väri on ”''Beige''”, ''80%'' läpinäkyvyydellä.<br />
<br />
[[Kuva:9-scribus-lehti1-osoite.png|thumb|250px|none]]<br />
<br />
* Kuvion päälle voidaan lisätä pienet tekstikehykset sivunumeroa sekä lehden nimeä varten. <br />
<br />
Sivunumeron saa lisättyä omaan tekstikehykseensä muokkaamalla tekstiä ja painamalla sivunumeron lisäykseen asetettua pikanäppäintä joka yleensä on oletuksena ''Ctrl+Shift+Alt+P''. (Mikäli kyseinen pikanäppäin ei toimi voi oman pikanäppäimen asentaa valitsemalla ''Tiedosto'' > ''Asetukset'' > ''Oikopolut''.) Sivunumeron lisäyksen jälkeen tekstikehykseen tulee merkki ''<nowiki>#</nowiki>''. Sivumalleja käyttämällä sivunumeroja ei siis tarvitse syöttää joka sivulle erikseen käsin, vaan ohjelma päivittää niitä automaattisesti.<br />
<br />
Lisää toiseen tekstikehykseen esimerkiksi lehden otsikko kuten esimerkkikuvassa.<br />
<br />
Sivumallin ”''Oikea''” muokkaus tapahtuu täysin samalla tavalla. Mallilehdessä se tehtiin seuraavan näköiseksi.<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
=== Mallisivujen asettaminen sivuihin ===<br />
Viimeisenä vaiheena lisätään sivumallit osoittamaan oikeita sivuja.<br />
<br />
* Valitaan ''Ikkuna'' > ''Sivujen hallinta''.<br />
<br />
Sivumalli kohdistetaan tiettyyn sivuun raahaamalla ”''Sivumallit''”-kohdasta haluttu malli kohdesivun päälle. Ensimmäinen sivu on tässä tapauksessa kansisivu joten se ei tarvitse mallia. Muille sivuille mallit asetetaan valitsemalla vuoronperään oikea ja vasen sivu.<br />
<br />
== Työn tallentaminen ==<br />
<br />
Esimerkkilehden tekemistä jatketaan lisäämällä valmiita mallisivuja käyttäen tekstit, kuvia sekä palstoitus. Mikäli ohjetta on seurattu esimerkin mukaan ja sitä halutaan jatkaa oppaan toisen osan myötä, kannattaa se välillä tallentaa. Työn tallentaminen Scribuksen omaan tiedostomuotoon tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Anna tiedostolle nimi ja ja napsauta ”''Tallenna''”. <br />
<br />
== Sisällön lisääminen ==<br />
Tässä esimerkkilehdelle tehtävät sivut pieninä kuvina, mukaan lukien edellisessä osassa tehty kansisivu.<br />
<br />
[[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]][[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]][[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]][[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]][[Kuva:2-scribus-lehti2-sivu2.png|thumb|250px|none]]<br />
<br />
Seuraavaksi lehteen voidaan lisätä tekstejä ja kuvia. Apuviivojen asettelu on tehty siten, että tarkoituksena on asettaa tekstit sivuille kolmeen palstaan. Poikkeuksena on ensimmäinen tekstisivu jolle tulee yksi suuri kuva ja teksti ainoastaan kahteen palstaan. Apuviivojen tarkoitus on ainoastaan suuntaa antava ja ne auttavat lähinnä hahmottamaan paperia paremmin. Esimerkkilehden tekeminen onnistuu hyvin ilman niitäkin.<br />
<br />
=== Tekstikehysten tekeminen ===<br />
Varsinainen tekstien lisääminen ja palstoittaminen Scribuksessa on varsin yksinkertaista. Tässä vaiheessa olisi hyvä olla selvillä mikä teksti ja kuvat sivuille tullaan lisäämään. Malliesimerkisssä on käytetty valmista Lorum Ipsum esimerkkitekstiä, jossa kappaleet on eroteltu yhdellä välilyönnillä ja otsikot merkattu ''<nowiki>*</nowiki>''-merkillä, joka sitten tyylejä asetettaessa poistetaan. Tämä teksti ja muut esimerkissä käytettävät materiaalit voidaan ladata omalle työasemalle ohjeen viimeisen kappaleen mukaisesti. Tyylien toiminta on samantapaista kuin esimerkiksi OpenOffice.org ohjelmistoissa, joten jos tyylien käyttö ei ole tuttua niin kannattaa tutustua myös siihen sekä "''Tehoa tekstinkäsittelyyn artikkeliin''".<br />
<br />
Ensimmäisen tekstisivun tekeminen malliesimerkin mukaan aloitetaan seuraavasti.<br />
<br />
* Jos olet tehnyt tekstit omalle tasolleen, muista vaihtaa se aktiiviseksi tasoksi.<br />
<br />
[[Kuva:3-scribus-lehti2-sivu3.png|thumb|250px|none]]<br />
<br />
* Tehdään pääotsikolle oma tekstikehys pituussuunnassa sivun keskelle, lisätään otsikko, valitaan sopiva fontti ja muut ominaisuudet. Huomaa, että myös pääotsikolle olisi voitu tarvittaessa tehdä jo aiemmin oma tyyli.<br />
<br />
[[Kuva:4-scribus-lehti2-sivu4.png|thumb|250px|none]]<br />
<br />
* Rajataan varsinaiselle tekstille tila ''tekstikehys''-työkalulla.<br />
<br />
[[Kuva:5-scribus-lehti2-sivu5.png|thumb|250px|none]]<br />
<br />
* Rajataan myös kaikille muille sivuille koko sivun kokoiset tekstikehykset tulevia tekstejä varten <br />
<br />
[[Kuva:6-scribus-lehti2-tasot.png|thumb|250px|none]]<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehystä hiiren kakkospainikkeella ja valitaan ''hae teksti''. <br />
* Valitaan auvautuneesta tiedostovalitsimesta haluttu tekstitiedosto jota halutaan käyttää. <br />
<br />
Tässä vaiheessa teksti ilmestyy yhtenä pötkönä kehykseen ja alareunaan ilmestyy raksi viittaamaan, että kaikki teksti ei ole vielä näkyvissä.<br />
<br />
[[Kuva:7-scribus-lehti2-paakehys.png|thumb|250px|none]]<br />
<br />
=== Tyylien asettaminen ===<br />
Asetetaan seuraavaksi koko tekstille tyylit.<br />
<br />
* Aktivoidaan tekstikehys ja napsautetaan sitä hiiren kakkospainikkeella. <br />
* Valitaan "''muokkaa tekstiä''". <br />
* Valitaan tekstieditorista koko teksti joko hiirellä mustaamalla tai painamalla näppäinyhdistelmää ''Ctrl + A''. <br />
* Valitse tyyliksi ”''kappale''”, jonka jälkeen koko tekstin pohjatyyliksi tulee kappale-tyyli.<br />
<br />
[[Kuva:8-scribus-lehti2-tekstikehys.png|thumb|250px|none]]<br />
<br />
* Etsitään tekstin seasta otsikot, tai jos valmiita otsikoita ei ole, lisätään tekstin sekaan muutama. Esimerkkitekstiä käytettäessä ajatellut otsikot on merkattu'' *''-merkillä, joka voidaan poistaa tyyliä lisättäessä.<br />
* Asetetaan kursori yksi kerrallaan otsikon kohdalle ja valitse tyyliksi sopiva otsikkotyyli. <br />
* Napsautetaan lopuksi vihreää ”''Päivitä tekstikehys ja poistu''”-painiketta. <br />
<br />
=== Palstoitus ===<br />
Nyt tekstin kappaleille on asetettu tyylit ja seuraavaksi asetetaan palstoitus ja tekstin jatkaminen muille sivuille tehtyihin tekstikehyksiin.<br />
<br />
* Napsautetaan tekstikehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. Jokaisen sivun kehystä on tässä tapauksessa muutettava erikseen.<br />
* Asetetaan ensimmäiselle sivulle palstojen määräksi ''kaksi'' ja muille sivuille ''kolme''. Väliksi molempiin voidaan asettaa ''5 mm''. <br />
<br />
[[Kuva:9-scribus-lehti2-sivukehys.png|thumb|250px|none]]<br />
<br />
=== Tekstin jakaminen toisiin kehyksiin ===<br />
Seuraavaksi jatketaan teksti muille sivuille.<br />
<br />
* Napsautetaan ensimmäisen sivun tekstikehys aktiiviseksi ja valitaan yläosan työkalupalkista toiminto ”''linkitä tekstikehykset''”. Tällä työkalulla voidaan jatkaa ylitsemenevää tekstiä seuraavaan kehykseen.<br />
<br />
[[Kuva:10-scribus-lehti2-kaikkiteksti.png|thumb|250px|none]]<br />
<br />
* Tämän jälkeen napsautetaan hiirellä seuraavan sivun tekstikehystä, jolloin teksti jatkuu tähän kehykseen. <br />
<br />
Tämä sama toiminto toistetaan nykyisen ja seuraavan sivun kanssa, kunnes kaikki teksti on saatu mahtumaan sivuille.<br />
<br />
=== Kuvien lisääminen ===<br />
Kuvat lisätään tekstin sekaan seuraavasti.<br />
<br />
==== Ensimmäinen sivu ====<br />
* Lisätään tavalliseen tapaan sopiva kuva keskitetysti sivun yläosaan. Kuvassa näkyvät pyöristykset voidaan tehdä lopuksi samalla tavoin kuin toisen sivun kanssa. <br />
<br />
[[Kuva:11-scribus-lehti2-tyylit.png|thumb|250px|none]]<br />
<br />
=== Toinen sivu ===<br />
Seuraavassa kuvassa on toisen sivun kuva aseteltuna esimerkkilehteen.<br />
<br />
[[Kuva:12-scribus-lehti2-palstoitus.png|thumb|250px|none]]<br />
<br />
Kuva lisätään tekstin sekaan seuraavasti. <br />
<br />
* Piirretään toisen sivun tekstin päälle kuvakehys.<br />
<br />
* Haetaan kehykseen haluttu kuva. <br />
* Mennään kehyksen ominaisuuksiin napsauttamalla kehystä hiiren kakkospainikkeella ja valitaan ''ominaisuudet''. <br />
* Mennnään kohtaan ”''Kuvio''”. <br />
* Pyöristetään halutessa kulmia muutaman millimetrin ja laitetaan raksi kohtaan ”''Teksti kiertää kehyksen''.” <br />
* Mennään kohtaan kuva ja valitaan ”''Sovita kehyksen kokoon''”. <br />
* Suljetaan ''ominaisuudet''-ikkuna <br />
* Asetellaan kehyksen koko sopivaksi <br />
<br />
== Loppuasettelut ==<br />
Viimeinen sivu voidaan asetella samoilla periaatteilla kuin edellisetkin. Lisäämällä teksti kehykseen, palstoittamalla ja lisäämällä kuvat. Seuraavassa on esimerkkilehden asettelu. <br />
<br />
Toinen tekstisivu voisi näyttää esimerkiksi seuraavalta.<br />
<br />
Ja kolmas tekstisivu voisi olla tällainen.<br />
<br />
Lisäksi lehteen voitaisiin tehdä vielä takakansi, joka onnistuisi lisäämällä sivu ja noudattamalla esimerkiksi etukannen kanssa käytettyjä periaatteita. Esimerkkilehdessä takakansisivua ei ole tehty. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
=== Tiedoston hakeminen omalle työasemalle ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä tehtävän lehden valmis versio tarkasteltavaksi Scribuksen omassa tallennusmuodossa sekä pdf-muotoinen versio. Lisäksi ladattavissa on kaikki esimerkissä käytetty kuvat ja tekstit. <br />
<br />
Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Huomaa, että mikäli Scribus-muodossa tallennettua lehteä halutaan tarkastella, tulee se ladata samaan hakemistoon kuvien kanssa. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
==== Ladattavat kuvat ====<br />
# Lataa esimerkkissä käytetty etusivun ''taustakuva'' [http://materiaali.linuxkouluun.fi/torni.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''sorsan kuva'' [http://materiaali.linuxkouluun.fi/sorsa.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rannan kuva'' [http://materiaali.linuxkouluun.fi/ranta.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''maiseman kuva'' [http://materiaali.linuxkouluun.fi/maisema.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''merimaiseman kuva'' [http://materiaali.linuxkouluun.fi/meri.jpg tästä]<br />
# Lataa esimerkkissä käytetty ''rahapuun kuva'' [http://materiaali.linuxkouluun.fi/rahapuu.jpg tästä]<br />
<br />
==== Teksti ja esimerkkimateriaali ====<br />
# Lataa ''esimerkkilehti pdf-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.pdf tästä]<br />
# Lataa muokattava ''esimerkkilehti Scribus-muodossa'' [http://materiaali.linuxkouluun.fi/scribus-esimerkkilehti.sla tästä]<br />
# Katso tai lataa esimerkissä käytetty'' teksti ''[http://materiaali.linuxkouluun.fi/scribus-esimerkkiteksti.txt tästä]<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30445Linux.fi:Linuxkouluun.fi2010-01-15T09:01:17Z<p>OpinsysASokero: /* Internet */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[NVU ja sivupohjien käyttö]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[NVU ja sivupohjien käyttö]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[Nettisivun tekeminen NVU:lla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| [[Nettisivun tekeminen NVU:lla]]<br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| [[Marblen perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| [[KBruchin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KWordQuizin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KTouchin perusohje]]<br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Nettisivun_tekeminen_NVU:lla&diff=30444Nettisivun tekeminen NVU:lla2010-01-15T08:56:04Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä Css- ja siirto-ohjeet</p>
<hr />
<div>[[Nvu]] on monipuolinen ja helppokäyttöinen www-sivujen tekemiseen tarkoitettu ohjelmisto. Tässä ohjeessa tutustutaan ohjelman perustoimintoihin tekemällä yksinkertainen esimerkkisivu.<br />
<br />
== Johdanto ==<br />
[[Nvu]] on ilmainen ja helppokäyttöinen avoimeen lähdekoodiin perustuva www-kehitysympäristö. NVU:n avulla on mahdollista tehdä näyttäviä internet-sivustoja ilman suurta teknistä tietämystä ja ominaisuuksiltaan se muistuttaa paljon esimerkiksi Frontpage ja Dreamweaver ohjelmistoja. Tämän ohjeen tarkoituksena on tutustuttaa käyttäjä NVU-sivustoeditoriin ja sen perusominaisuuksiin. Ohjeen käyttäjältä edellytetään kokemusta peruskäyttöliittymien käytöstä ja erityisesti tyyliajattelun sisäistämisestä. Tyyleistä voi lukea lisää esimerkiksi OpenOffice.org Writerin tyyliohjeesta.<br />
<br />
''Huom!'' NVU:n kehitystyö on pysähtynyt ja sitä on jatkettu [[Kompozer]]-nimisenä projektina. Kompozerissa on kuitenkin havaittu toiminnan epävakautta ja lisäksi myös sen kehitystyö on sittemmin keskeytynyt joten nämä ohjeet keskittyvät edelleen Nvu:hun. Ohjeita voidaan kuitenkin hyödyntää suurimmaksi osaksi myös Kompozeria käytettäessä. <br />
<br />
==Perussivut==<br />
<br />
=== Alkutoimet ===<br />
[[Kuva:1-nvuperusohje-nvu perusikkuna.png]]<br />
<br />
Tyhjä NVU-ikkuna.<br />
<br />
Internet-sivuja tehdessä kannattaa ensimmäisenä miettiä, mitä sivuille ollaan laittamassa ja millä tavalla. Tässä ohjeessa perehdytään lähinnä sisällön lisäämiseen, ottamatta kantaa sivun ulkonäköön. <br />
<br />
Aluksi kannattaa etsiä harjoitussivuille muutaman kappaleen pituinen teksti, sekä ainakin yksi kuva. Malliesimerkissä on käytetty [http://www.lipsum.com/ http://www.lipsum.com]-sivulla generoitua tekstiä, sekä yhtä kuvaa joka löytyy ohjeen lopusta. Kun sivuille laitettava materiaali on tiedossa, voidaan käynnistää itse NVU-sovellus. <br />
<br />
=== Tekstin lisääminen ===<br />
Varsinaisen sivun tekemisen aloitamme lisäämällä sivuille muutaman kappaleen tekstiä. Mallisivulle on generoitu Lorum Ipsum -generaattorilla viisi kappaletta tekstiä, jonka muokattu versio löytyy tiedostosta [http://materiaali.linuxkouluun.fi/malli_teksti.txt malli_teksti.txt]. Mikäli ohjelman käyttöä halutaan harjoitella esimerkin mukaisesti on suositeltavaa käyttää valmista tekstiä, mutta vaihtoehtoisesti voidaan käyttää myös jotain muuta valmista tekstiä. <br />
<br />
* Avaa malliteksti [http://materiaali.linuxkouluun.fi/malli_teksti.txt malli_teksti.txt] esimerkiksi napsauttamalla linkkiä tai avaamalla se erilliseen tekstieditoriin <br />
* Valitse teksti kokonaisuudessaan hiirellä tai painamalla näppäinyhdistelmää ''Ctrl + A'' <br />
* Kopioi teksti leikepöydälle valitsemalla ''Muokkaa'' > ''Kopioi'' <br />
* Siirry NVU:hun <br />
* Liitä teksti työtilan tekstikenttään. <br />
<br />
Nyt on luotu sivulle tuleva peruskappaleteksti. <br />
<br />
==== Tyylien merkkaaminen ====<br />
<br />
Tyylin asettaminen<br />
<br />
Seuraavaksi merkataan tekstiin tyylit eri otsikoille ja kappaleille. Jos käyttämäsi teksti on muualta kuin esimerkkitiedostosta, lisää sekaan muutamia otsikoita ja alaotsikoita. Maalaa ensimmäinen varsinainen tekstikappale otsikoiden jälkeen ja valitse tälle tyylivalikosta tyyliksi ''Kappaletyyli''. <br />
[[Kuva:2-nvuperusohje-nvu aseta kappaletyyli.png]]<br />
Toista tämä kaikille muillekin tekstikappaleille, niin että kaikki kappaleet on merkitty oikealla tyylillä. <br />
<br />
Seuraavaksi merkitään otsikot niiden omilla tyyleillä. <br />
<br />
* Mustaa pääotsikko “''Lorem Ipsum''”<br />
<br />
<br />
Pääotsikon merkkaminen<br />
<br />
* Valitse sille tyyliksi ''Otsikko 1''<br />
[[Kuva:3-nvuperusohje-nvu aseta otsikkotyyli.png]] <br />
* Seuraavaksi merkitse kaikki toisen tason otsikot tyylillä ''Otsikko 2''. <br />
* Lopuksi merkitse kolmannen tason otsikot tyylillä ''Otsikko 3''. <br />
<br />
Nyt sivun kappaleet on merkitty onnistuneesti ja työtilan tulisi näyttää suunnilleen seuraavalta.<br />
<br />
[[Kuva:4-nvuperusohje-tyylit valmiina.png]]<br />
<br />
<br />
=== Kuvan lisääminen ===<br />
Seuraavaksi lisäämme sivulle kuvan ensimmäisen kappaleotsikon jälkeen.<br />
<br />
* Tee kuvalle tilaa lisäämällä ''Enter''-näppäimellä yksi tyhjä rivi ensimmäisen tekstikappaleen jälkeen ja ennen ensimmäistä kolmannen tason otsikkoa. <br />
* Siirrä kursori tälle tyhjälle riville.<br />
<br />
[[Kuva:6-nvu-perusohje-lisaa tyhja rivi.png]]<br />
<br />
* Napsauta ylätyökalupalkin ''Kuva''-painiketta.<br />
<br />
[[Kuva:5-nvu-perusohje-lisaa kuva.png]]<br />
<br />
* Hae lisättävä kuva ja kirjoita sille kuvaus kohtaan vaihtoehtoinen teksti.<br />
<br />
[[Kuva:7-nvu-perusohje-lisaa kuva valikko.png]]<br />
<br />
* Napsauta ''OK'' ja kuva lisätään haluttuun kohtaan. <br />
<br />
=== Taulukon tekeminen ===<br />
Seuraavaksi lisäämme taulukon tekstin loppuun.<br />
<br />
* Siirry aivan sivun loppuun ja tee sinne yksi tyhjä rivi taulukon sijoittamista varten. <br />
* Valitse työkaluriviltä ''Taulukko''.<br />
* Aseta hiirellä taulukon kooksi ''3x 4'' ja lukitse koko napsauttamalla.<br />
<br />
[[Kuva:8-nvu-perusohje-lisaa taulukko.png]]<br />
<br />
* Napsauta ''OK''. <br />
<br />
Nyt taulukko lisätään sivun loppuun ja sen solut voidaan täyttää valitsemalla solu hiirellä ja lisäämällä siihen tarkoitettu informaatio.<br />
<br />
[[Kuva:9-nvu-perusohje-lisaa taulukko sisalto.png]]<br />
<br />
=== Linkin tekeminen ===<br />
Viimeisenä lisäämme linkin sekä tekstiin, että kuvaan.<br />
<br />
==== Linkki tekstiin ====<br />
Lisätään tekstiin linkki osoittamaan Lorum Ipsum -generaattorin sivulle (http://www.lipsum.com). <br />
<br />
* Valitse tekstistä mustaamalla sana, johon linkki lisätään. Malliesimerkissä on valittu ensimmäisen kappaleen kaksi ensimmäistä sanaa. <br />
* Valitse työkalupalkista ''Linkki''-painike.<br />
<br />
[[Kuva:10-nvu-perusohje-lisaa linkki.png]]<br />
<br />
* Kirjoita avautuneen ikkunan tekstikenttään osoite johon linkki osoittaa. Malliesimerkissä tämä on http://www.lipsum.com.<br />
<br />
[[Kuva:11-nvu-perusohje-lisaa linkki valikko.png]]<br />
<br />
* Napsauta ''OK''. <br />
<br />
Nyt linkin pitäisi näkyä seuraavanlaisena.<br />
<br />
[[Kuva:12-nvu-perusohje-lisaa linkki valmis.png]]<br />
<br />
==== Linkki kuvaan ====<br />
* Napsauta hiirenkakkospainikkeella sivulle jo lisättyä kuvaa. <br />
* Valitse ''Kuva'' > ''Ominaisuudet''. <br />
* Siirry ''linkki'' -välilehdelle. <br />
* Valitse tiedostoista kohde johon kuvasta painamalla siirrytään. Mallisivussa linkki osoittaa saman kuvan suurempaan versioon.<br />
<br />
[[Kuva:13-nvu-perusohje-lisaa kuvalinkki.png]]<br />
<br />
* Napsauta ''OK''. <br />
<br />
=== Esimerkkimateriaalin lataaminen ===<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetty kuvat ja teksti. Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkkissä käytetty ''teksti ''[http://materiaali.linuxkouluun.fi/malli_teksti.txt tästä]<br />
# Lataa esimerkkissä käytetyn ''kuvan'' pieni versio [http://materiaali.linuxkouluun.fi/katu_pieni.jpg tästä]<br />
# Lataa esimerkkissä käytetyn ''kuvan'' suuri versio [http://materiaali.linuxkouluun.fi/katu.jpg tästä]<br />
<br />
<br />
<br />
== Verkkosivujen julkaiseminen ==<br />
Verkkosivun julkaisemisella tarkoitetaan sivustoon kuuluvien tiedostojen siirtämistä julkiselle www-palvelimelle. Tiedostojen siirtämisen jälkeen voidaan sivustoa voidaan mennä lukemaan millä tahansa verkkoselaimella. Tiedostoja voidaan siirtää erilaisilla tavoilla palvelimen tyypistä riippuen. Yleisesti käytettävä siirtotapa esimerkiksi siirrettäessä tiedostoja henkilökohtaisille sivustoille on nimeltään ''FTP''. Tiedostojen siirtäminen ftp:llä onnistuu useimmilla Linux-työpöydän tiedostoselaimilla, mutta siirtäminen voidaan tehdä myös suoraan NVU:n avulla.<br />
<br />
Www-palvelimen periaatteena on että kun käyttäjän selain lähettää sille annetun osoitteen perusteella pyynnön sivusta palvelin vastaa lähettämällä tietyn tiedoston käyttäjän selaimelle. Jotta käyttäjä voi laittaa omat sivunsa julkisesti verkkoon hän tarvitsee tilaa joltain palvelimelta. Kotisivutilaa tarjoavat yleisesti eri palveluntarjoajat, yritykset ja kunnat joilta tarvitaan tunnukset ja palvelimen tiedot tiedostojen siirtämiseksi. Tarkempia ohjeita siirtämisestä on yleensä saatavilla kotisivutilan tarjoajalta. <br />
<br />
=== Julkaiseminen NVU:lla ===<br />
NVU sisältää oman julkaisu-toiminnon jolla omia sivuja voidaan siirtää palvelimelle. Kyseinen menetelmä sisältää omat rajoituksensa joten se ei välttämättä täytä kaikkien käyttäjien tarpeita. Peruskäyttäjälle joka haluaa helpon tavan sivujen siirtämiseen se voi kuitenkin olla käytännöllinen.<br />
<br />
Sivujen siirtäminen palvelimelle aloitetaan avaamalla siirrettävä sivu tai sivut NVU:hun. Sivun julkaiseminen aloitetaan napsauttamalla työkalurivillä olevaa ''Julkaise''-painiketta tai valitsemalla ''Tiedosto'' - ''Julkaise''. Tämän jälkeen avautuu ikkuna johon voidaan syöttää tarvittavat tiedot kahdelle välilehdelle.<br />
<br />
==== Asetukset-välilehti ====<br />
[[Kuva:1-nvu-julkaisu-julkaise-sivu.png|thumb|250px|none]]Tälle välilehdelle syötetään sivuston siirtoon liittyviä tietoja.<br />
<br />
* ''Sivuston nimi ''- Sivuston nimi <br />
* ''Www sivustosi http-osoite'' - Www-osoite johon sivut tulevat näkyviin <br />
* ''Julkaisuosoite'' - Ftp-palvelimen osoite johon sivut varsinaisesti siirretään<br />
* ''Käyttäjätunnus ja salasana'' - Ftp-palvelimelle tarvittava salasana<br />
<br />
==== Julkaisu-välilehti ====<br />
[[Kuva:2-nvu-julkaisu-julkaise-sivu2.png|thumb|250px|none]]''Julkaisu''-välilehdellä on yleisempiä tietoja sivuista. Tärkeimpiä näistä ovat:<br />
<br />
* ''Sivun otsikko'' - Sivulle tuleva otsikko<br />
* ''Tiedostonimi'' - Tiedoston nimessä on tärkeää huomioida että sivun pääsivun tulee yleensä olla aina nimeltään index.html. Tästä palvelin tietää mikä on sivustolle tarkoitettu etusivu ja lähettää sen ensimmäisenä selaimelle. <br />
* ''Sisällytä kuvat ja muut tiedostot'' - Sivun lähetyksen yhteydessä sivuille lähetetään myös esim. siinä olevat kuvat. Tätä kannattaa käyttää ladattaessa sivustoa ensimmäistä kertaa palvelimelle.<br />
<br />
=== Julkaiseminen ===<br />
[[Kuva:3-nvu-julkaisu-julkaistaan.png|thumb|250px|none]]Lopullinen julkaiseminen eli tiedostojen lähettäminen tapahtuu napsauttamalla "''Julkaise sivu''"-ikkunan ''Julkaise''-painiketta. Tällöin NVU lähettää halutut tiedostot palvelimelle ja ilmoittaa siirrosta avautuvalla ikkunalla.<br />
<br />
Kun sivuille halutaan tehdä muutoksia voidaan muutokset tehdä normaalisti NVU:ssa ja sitten jälleen lähettää sivu uudelleen päivitettynä palvelimelle. <br />
<br />
Lisätietoja NVU:n julkaisu-toiminnosta on luettavissa esimerkiksi NVU:n omasta sisäisestä ohjeesta joka on suomennettu. Ohjetta pääsee lukemaan valitsemalla avoimesta NVU-ikkunasta valitsemalla ''Ohje'' - ''Ohjeen Aiheet''.<br />
<br />
<br />
== CSS -tyylisivujen käyttäminen ==<br />
CSS-tyylisivut on yleinen verkkosivujen ulkoasun määrittämiseen käytettävä kieli. CSS:n käyttäminen olisi erittäin suositeltavaa verkkosivuja tehtäessä, mutta sen käyttäminen voi olla kokemattomalle hankalaa ja monimutkaista. CSS:n käyttöä ei voida pitää välttämättömyytenä pienimuotoisemmilla sivuilla, jos kiinnostusta sen toiminnan opetteluun ei ole.<br />
<br />
Sen sijaan jos verkkosivujen on tarkoitus olla laajemmat CSS on erittäin hyödyllinen apuväline, jonka avulla sivujen ulkonäkö voidaan keskitetysti määrittää. Sivujen ulkonäön muokkaaminen vaatii pelkästään yhden tyylitiedoston muuttamista, jolloin jokaista sivuston sivua ei tarvitse erikseen muokata.<br />
<br />
=== CSS-kielen opettelu ===<br />
Kuten sanottua tässä ohjeessa ei tutustuta itse CSS-kielen toimintaan vaan ainoastaan sen hyödyntämiseen NVU:ssa. CSS-kielen opetteluun on olemassa useita verkkomateriaaleja myös suomeksi. Seuraavassa on lueteltuna muutamia linkkejä joiden avulla CSS-kieltä voidaan opetella.<br />
<br />
==== Jyväskylän yliopiston verkkomateriaali ====<br />
Jyväskylän yliopiston verkkomateriaalia verkkosivujen tekemisestä ja CSS-kielestä. Huomioi sivujen [http://appro.mit.jyu.fi/copyright.html käyttöoikeudet]. <br />
<br />
* [http://appro.mit.jyu.fi/www/ Kurssimateriaalia www-julkaisemisesta] <br />
* [http://appro.mit.jyu.fi/doc/css/ CSS1-kielen ominaisuuksia] <br />
* [http://appro.mit.jyu.fi/doc/css2/ CSS2-kielen ominaisuuksia]<br />
<br />
==== Tapio Markulan CSS-opas ====<br />
Opas CSS-kielen perusteista ja käyttämisestä. Sivuilla myös esimerkkejä kielestä. <br />
<br />
* [http://netti.nic.fi/%7Etapio1/Opetus/index1.php3 Etusivu]<br />
* [http://netti.nic.fi/%7Etapio1/Opetus/Copyright.php Käyttöoikeudet ]<br />
<br />
=== NVU:n CSS-muokkain ===<br />
NVU sisältää oman CSS-muokkaimen jolla sivujen elementtien ominaisuuksia voidaan muokata CSS-sääntöjä valitsemalla. NVU:lla tyyliä voidaan muokata kolmella eri tavalla.<br />
<br />
* ''Sisäinen tyylisivu'' - Tyyli asetukset lisätään html-dokumentin HEAD-osioon. Ei suositeltava tapa.<br />
* ''Ulkoinen tyylisivu'' - Tyylit tallennetaan erilliseen CSS-tiedostoon. <br />
* ''Molempien yhdistelmä'' - Yhdistelmä edellisistä joissa osa tyyleistä voi olla sivukohtaisia ja osa erillisesstä tiedostossa olevia yleisiä sääntöjä.<br />
<br />
==== Muokkaimen avaaminen ====<br />
NVU:n CSS-muokkain voidaan avata valitsemalla ''Työkalut'' - ''CSS-editori''. Tällöin avautuu muokkaimen ikkuna.<br />
<br />
[[Kuva:1-nvu-css-css_editori.png|thumb|250px|none]]<br />
<br />
CSS-editori<br />
<br />
==== Uuden tyylisivun tekeminen ====<br />
Uusi ulkoista CSS-tiedostoa käyttävä tyylisivu tehdään seuraavasti. <br />
<br />
* Valitse ''Ulkoinen linkki''-painike<br />
<br />
[[Kuva:2-nvu-css-tyylisivu.png|thumb|250px|none]]<br />
<br />
* Syötä tyylitiedoston osoite. Esimerkki kuvassa tyylitiedosto tallennetaan omaan kotihakemistoon.<br />
* Anna tyylille otsikko<br />
<br />
[[Kuva:3-nvu-css-uusi_tyylisivu.png|thumb|250px|none]]<br />
<br />
* Napsauta "''Luo tyylisivu''"-painiketta<br />
* Napsauta ''Päivitä''-painiketta <br />
<br />
Nyt tyylisivu luodaan ja sille voidaan aloittaa antamaan määreitä.<br />
<br />
==== CSS-sääntöjen syöttäminen ====<br />
Sivun ulkoasulle voidaan syöttää määreitä antamalla kohde elementti ja valitsemalla sille valikoista haluttuja ominaisuuksia. Uuden määreen tekeminen tapahtuu esim. seuraavasti.<br />
<br />
* Napsauta ''Sääntö''-painiketta<br />
* Mahdollisuutena on valita yksi kolmesta asetusvaihtoehdosta<br />
<br />
# Tietty nimetty tyyli joka vastaa html-koodiin lisättyä luokka-asetusta<br />
# Tyyli jota käytetään syötettävään elementti tyyppiin<br />
# Tyyli joka vastaa tiettyjä ominaisuuksia<br />
<br />
* Näistä tavallisimmin käytettävä valinta on vaihtoehto kaksi<br />
* Syötä tekstikenttään muokatavan elementin nimi. Esimerkiksi ''h1'' muokattaessa ensimmäisen tason otsikkoa tai ''p'' muokataessa tavallista tekstityyliä<br />
<br />
[[Kuva:4-nvu-css-uusi_tyylisaanto.png|thumb|250px|none]]<br />
<br />
* Valitse "''Luo tyylisääntö''"<br />
<br />
Nyt kyseiselle tyylille voidaan ikkunassa olevien välilehtien kautta antaa ulkoasua koskevia määreitä. <br />
<br />
[[Kuva:5-nvu-css-luo_tyylisaanto.png|thumb|250px|none]]<br />
<br />
Uudet säännöt lisääntyvät aina ikkunan vasempaan yläreunaan josta niiden asetuksia voidaan muuttaa valitsemalla haluttu tyyli.<br />
<br />
[[Kuva:6-nvu-css-luo_saannot.png|thumb|250px|none]]<br />
<br />
==== Tallentaminen ====<br />
[[Kuva:7-nvu-css-luo_lahdekoodi.png|thumb|250px|none]]Tyylitiedosto tallennetaan valittuun sijaintiin samalla, kun sitä koskeva html-sivu tallennetaan. Siirrettäessä sivua lopulta kotisivupalvelimelle on huomioitava tyylitiedoston osoite html-dokumentissa. NVU ei osaa tallentaa osoitetta suhteellisena, jolloin osoite on muutettava käsin sivun html-koodiin. Tämä tapahtuu siirtymällä sivustoeditorissa ''lähdekoodi''-tilaa. <br />
<br />
Ja korvaamalla koodin Head-osassa oleva CSS-tiedoston osoite oikeaksi. <br />
<br />
[[Kuva:8-nvu-css-luo_head.png|thumb|250px|none]]<br />
<br />
<br />
[[Luokka:Ohjeet]]<br />
[[Luokka:Kehitystyökalut]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=NVU_ja_sivupohjien_k%C3%A4ytt%C3%B6&diff=30443NVU ja sivupohjien käyttö2010-01-15T08:48:42Z<p>OpinsysASokero: /* Sivupohjien ottaminen käyttöön */</p>
<hr />
<div>Verkkosivujen tekeminen helpottuu ja nopeutuu huomattavasti, jos käytössä on valmiita sivupohjia. Sivupohjien avulla sivuston ulkonäkön suunnittelu voidaan erottaa johdonmukaisesti sen sisällöstä. Tässä ohjeessa tutustutaan esimerkin avulla helppoon tapaan tehdä omia sivupohjia.<br />
<br />
== Johdanto ==<br />
[[Kuva:1-nvu-sivupohjat-esimerkkisivu.png|thumb|250px|none]]Sivupohjien avulla omien sivustojen tekemistä voidaan helpottaa etenkin ulkoasua lisättäessä. Ohjeen soveltamiseksi suositellaan kokemusta tietokoneiden käytöstä ja yleisten työpöytäohjelmistojen hallintaa. Myös edellisviikon NVU ohjeeseen, jossa tarkasteltiin NVU:n yleisimpiä ominaisuuksia, kannattaa tutustua.<br />
<br />
Tässä ohjeessa tehtävän sivun asettelu perustuu taulukoiden käyttämiseen sivun eri osien sijaintien määrittelyyn. Nykyään sivustojen ulkoasun määrittämiseen suositeltavampi tapa olisi käyttää niin sanottuja CSS-tyylisivuja. Tässä ohjeessa niitä ei kuitenkaan käytetä, koska niiden tekeminen olisi hieman työläänpää ja hitaampaa sekä vaatisi syvällisempää tutustumista sekä HTML- että CSS- merkkauskielten hallintaan. Ohjeessa käytettävää taulukoilla tehtävää asettelua voidaan kuitenkin hyvin käyttää esimerkiksi pienimuotoisilla omilla kotisivuilla.<br />
<br />
Nyt tehtävässä sivumallissa ei oteta vielä kantaa sivuston sisältöön muuta kuin aihealueittain. Nyt tehtävää sivumallia hyödynnetään viikon kuluttua julkaistavassa oppaassa, jossa sivumallin avulla tehdään pieni sivusto.<br />
<br />
''Huom!'' NVU:n kehitystyö on pysähtynyt ja sitä on jatkettu Kompozer nimisenä projektina. Kompozerissa on kuitenkin havaittu toiminnan epävakautta ja lisäksi myös sen kehitystyö on sittemmin keskeytynyt joten Linuxkouluun.fi -ohjeet keskittyvät edelleen NVU:hun. Ohjeita voidaan kuitenkin hyödyntää suurimmaksi osaksi myös Kompozeria käytettäessä. <br />
<br />
== Sivupohjan yleistoimet ==<br />
[[Kuva:2-nvu-sivupohjat-tyhja_nvuikkuna.png|thumb|250px|none]]Tyylipohjien tekeminen voidaan aloittaa käynnistämällä NVU ja lataamalla esimerkissä käytettävä materiaali ohjeen viimeisestä kappaleesta löytyvistä linkeistä.<br />
<br />
Kun NVU on käynnistetty perustilaan, voidaan sivuille antaa ensimmäisenä perustiedot, asettaa sivulle sopiva taustakuva ja tallentaa tyhjä sivu sopivaan kansioon. Kaikki sivuille tuleva materiaali kannattaa tästä lähtien sijoittaa samaan kansioon. <br />
<br />
=== Sivuston perustietojen syöttäminen ===<br />
[[Kuva:3-nvu-sivupohjat-sivun_ominaisuudet.png|thumb|250px|none]]Ensin syötetään sivuille tulevat perustiedot seuraavasti. <br />
<br />
* Valitse ''Muotoile > "Sivun otsikko ja ominaisuudet"''<br />
* Syötä ''otsikko''-kentään sivuille otsikko, joka tulee näkymään internet-selaimen yläpalkissa.<br />
* Anna tekijän tiedot<br />
* Valitse raksi kohtaan "''Tämä sivu on malli''"<br />
* Aseta sivun kieleksi tunnus ''fi'' eli ''Suomi''<br />
<br />
=== Sivumallin tallentaminen ===<br />
[[Kuva:4-nvu-sivupohjat-sivumalli_tallennus.png|thumb|250px|none]]Perustietojen syöttämisen jälkeen sivumalli tallennetaan omaan kansioon. Kansion tulisi olla sellainen että sinne kasataan kaikki sivulle tulevat tiedostot ja kuvat. <br />
<br />
* Valitse ''Tiedosto'' > "''Tallenna nimellä...''"<br />
* Valitse tai tee kansio jonne kaikki sivuja koskevat tiedostot voidan tallentaa.<br />
* Tallenna mallipohja tähän hakemistoon ja tarkasta että tiedostotyyppinä on ''HTML-mallit''<br />
<br />
Seuraavaksi kannattaa hakea ohjeen viimeisen kappaleen linkkien mukaiset materiaalit ja tallentaa ne samaan kansioon. <br />
<br />
=== Taustakuvan lisääminen ===<br />
[[Kuva:5-nvu-sivupohjat-sivun_varit.png|thumb|250px|none]]Sivuille asetetaan taustakuva seuraavalla tavalla.<br />
<br />
* Valitse ''Muotoile'' ''>'' "''Sivun värit ja tausta...''"<br />
* Valitse taustakuvaksi tarkoitettu tiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta. Esimerkissä käytetty kuva on ''taustakuva.png''<br />
* Tarkasta että kohdassa "''Osoite on suhteellinen''" on raksi<br />
<br />
==Sivurakenteen tekeminen==<br />
<br />
=== Taulukoiden tekeminen ===<br />
[[Kuva:6-nvu-sivupohjat-taulukoiden_tekeminen.png|thumb|250px|none]]Sivujen sisältö tullaan asettelemaan taulukon solujen sisään. Taulukoiden avulla sivun eri elementit saadaan helposti aseteltua halutuille paikoille. Esimerkkissä sivuille tehdään kaksisoluinen taulukko, joista ylempään soluun lisätään sivuston otsikkokuva ja toiseen sivuston eri sivujen väliseen siirtymiseen tarkoitettu navigointi ja itse sivun sisältöteksti.<br />
<br />
Taulukon lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Lisää'' > ''Taulukko...''<br />
* Valitse taulukon kooksi ''2x1''<br />
<br />
Nyt taulukko on lisätty sivupohjalle ja sen tulisi näyttää seuraavalta.<br />
<br />
[[Kuva:7-nvu-sivupohjat-taulukon_ulkoasu.png|thumb|250px|none]]<br />
<br />
Seuraavaksi taulukon ulkoasua muokataan hieman.<br />
<br />
* Napsauta taulukkoa hiiren kakkospainikkeella (oikeakätisille oikea-painike)<br />
* Valitse valikosta ''Taulukonsolu: Ominaisuudet...''<br />
<br />
[[Kuva:8-nvu-sivupohjat-valikko_taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Siirry ''Taulukko'' -välilehdelle<br />
* Aseta Taulukon leveydeksi ''90% ikkunasta''<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Valitse taulukon tasaukseksi ''Keskitetty''<br />
<br />
[[Kuva:9-nvu-sivupohjat-taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt taulukon asetukset ovat valmiit. Sivun reunoilla on nyt ikkunan koon suhteen muutuvat marginaalit ja itse taulukko on näkymättömänä taustalla ja siihen voidaan aloittaa lisäämään sivustolle tulevia elementtejä. <br />
<br />
=== Otsikkokuvan lisääminen ===<br />
Sivupohjan otsikkokuvaksi lisätään sopiva mallimateriaalista löytyvä kuva mutta sitä ennen muutetaan otsikkokentän taustaväriä kuvalle sopivaksi.<br />
<br />
* Napsauta hiiren kakkospainikkeella taulukon ylempää solua<br />
* Valitse ''Taulukon tai solun taustaväri''<br />
<br />
[[Kuva:10-nvu-sivupohjat-taulukon_solun_taustavari.png|thumb|250px|none]]<br />
<br />
* Ota rasti pois kohdasta ''Läpinäkyvä'' <br />
* Syötä kohtaan ''Heksadesimaali'' seuraava värikoodi ''<nowiki>#DEB86D</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:11-nvu-sivupohjat-taulukon_solun_taustavari_valinta.png|thumb|250px|none]]<br />
<br />
Nyt otsikkosoluun on syötetty sopiva taustaväri ja siihen voidaan lisätä sopiva kuva.<br />
<br />
* Valitse ''Lisää'' > ''Kuva...'' <br />
* Tarkasta että olet ''Sijainti'' -välilehdellä<br />
* Valitse lisättävä kuva napsauttamalla "''Valitse kuva...''" -painiketta. Esimerkissä käytetty kuva on ''otsikko.jpg''<br />
* Syötä kuvalle vaihtoehtoinen teksti, joka näkyy selaimissa joissa kuvien lataaminen on estetty. Esimerkissä tekstinä on "''Pingviinin omat sivut''"<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:12-nvu-sivupohjat-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt sivujen otsikkokenttä on valmis. Asetetulla taustavärillä mahdollistettiin se että internet-selainikkunan kokoa voidaan vapaasti vaihdella ilman että otsikko kentän ulkonäkö rikkoutuu. Nyt näyttää ikäänkuin käytetty kuva jatkuisi koko otsikon leveydeltä, vaikka itseasiassa kuva on pelkästää väriliukuna otsikon vasemmassa reunassa ja taustaväri näkyy jatkeena sen oikeassa reunassa. <br />
<br />
[[Kuva:13-nvu-sivupohjat-otsikko_valmis.png|thumb|250px|none]]<br />
<br />
=== Sivunavigoinnin tekeminen ===<br />
Sivunavigoinnin avulla voidaan siirtyä helposti sivuston eri sivujen välillä. Ensikerralla toteutettavaan sivujen sisältöön tehdään sivustolle kolme erilaista sivua. Nämä ovat pääsivu, linkkisivu ja harrastukset-sivu. <br />
<br />
* Valitse taulukon alempi solu napsauttamalla sitä hiirellä<br />
<br />
<br />
<br />
[[Kuva:14-nvu-sivupohjat-navigointi_rivit.png|thumb|250px|none]]<br />
<br />
* Lisää siihen kolme rivin vaihtoa painamalla ''Enter''-näppäintä<br />
<br />
<br />
<br />
[[Kuva:15-nvu-sivupohjat-navigointi_rivit_ylin.png|thumb|250px|none]]<br />
<br />
* Siirrä tekstikursori takaisin ylimmälle riville<br />
* Lisää ylimälle tekstiriville riville seuraava teksti: ''Pääsivu | Harrastukset | Linkit''<br />
<br />
<br />
<br />
[[Kuva:16-nvu-sivupohjat-navigointi_tekstit.png|thumb|250px|none]]<br />
<br />
* Maalaa hiirellä juuri lisätty tekstirivi<br />
<br />
<br />
<br />
[[Kuva:17-nvu-sivupohjat-navigointi_maalattu.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasintyyppiä valitsemalla ''Muotoile'' > ''Kirjasinlaji'' > ''sans-serif''<br />
<br />
* Lihavoi rivi valitsemalla ''Lihavoi''-pikapainike [[Kuva:18-nvu-sivupohjat-navigointi_maalattu_lihavoi.png|thumb|250px|none]] työkaluriviltä<br />
<br />
Seuraavaksi teksteistä tehdään linkit jotka ohjaavat ne oikeille sivuille. Sivuja ei ole vielä tehty mutta niihin viittaavat linkit voidaan jo tehdä.<br />
<br />
* Maalaa ensimmäinen sana ''Pääsivu''<br />
* Valitse ''Lisää'' > ''Lisää linkki...''<br />
* Kirjoita linkin osoitteeksi ''index.html''. Huomaa että osoite on kirjoitettu kokonaan pienillä kirjaimilla.<br />
<br />
[[Kuva:19-nvu-sivupohjat-navigointi_maalattu_linkin_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:20-nvu-sivupohjat-navigointi_linkit_ekavalmis.png|thumb|250px|none]]<br />
<br />
Valmis linkki<br />
<br />
Toista tämä sama kohdalle harrastukset ja linkit. ''Harrastukset'' -linkin kohteeksi voidaan antaa ''harrastukset.html ''ja ''linkit''-kohdalle ''linkit.html''<br />
<br />
<br />
<br />
[[Kuva:21-nvu-sivupohjat-navigointi_linkit_kaikki.png|thumb|250px|none]]<br />
<br />
Kaikki linkit lisätty<br />
<br />
Lopuksi voidaan muuttaa alueen pohja vielä sopivamman väriseksi, jotta linkit näkyvät paremmin.<br />
<br />
* Napsauta talukon alimmaista solua hiiren kakkospainikkeella<br />
* Valitse "''Taulukon tai solun taustaväri''"<br />
* Aseta värikoodiksi ''Heksadesimaali'' -kohtaan ''<nowiki>#F6E8CE</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:22-nvu-sivupohjat-navigointi_linkit_taustavari.png|thumb|250px|none]]<br />
<br />
Valmis linkkirivi<br />
<br />
=== Tekstialueen lisääminen ===<br />
Seuraavaksi lisätään sivupohjaan tekstialue johon eri sivujen varsinainen sisältö lisätään. Tekstialue tehdään yhdestä uudesta taulukosta joka sijoitetaan samaan alueeseen navigoinnin kanssa.<br />
<br />
* Siirrä kursori alimmalle tekstiriville navigoinnin alapuolelle<br />
* Valitse ''Lisää ''> ''Taulukko...''<br />
* Valitse kooksi ''1x1''<br />
<br />
[[Kuva:23-nvu-sivupohjat-tekstialue-taulukko.png|thumb|250px|none]]<br />
<br />
* Napsauta lisättyä taulukkoa hiiren kakkospainikkeella ja valitse "''Taulukon solu: ominaisuudet...''"<br />
* Siirry ''Taulukko''-välilehdelle [[Kuva:24-nvu-sivupohjat-tekstialue-taulukko-ominaisuudet.png|thumb|250px|none]]<br />
* Aseta Sarakkeiden leveydeksi ''98%'' solusta<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Aseta Taulukon tasaus ''Keskitetyksi''<br />
* Valitse'' ''taustaväriksi värikoodi ''<nowiki>#F3E4C5. </nowiki>''Lisääminen tapahtuu samalla tavalla kuin ''Taulukoiden tekeminen'' -kappaleessa.<br />
* Napsauta ''OK''<br />
<br />
Nyt sisällölle on lisätty oma kenttä johon eri sivujen tekstejä ja kuvia voidaan lisätä.<br />
<br />
[[Kuva:25-nvu-sivupohjat-tekstialue-valmis.png|thumb|250px|none]]<br />
<br />
=== Muokattavan alueen määrittäminen ===<br />
Lopuksi määritetään sivupohjaan alue jota voidaan jatkossa muokata. Tällöin sivupohjan muita asetuksia ei voi vahingossa muokata vaan sisältöä voidaan lisätä pelkästään tiettyyn paikkaan.<br />
<br />
* Valitse sisällölle edellä tehty kenttä napsauttamalla sitä hiirellä, niin että kursori alkaa vilkkua siinä<br />
<br />
[[Kuva:26-nvu-sivupohjat-tekstialue-sisallon_muokkaus.png|thumb|250px|none]]<br />
<br />
* Valitse ''Lisää'' > ''Mallit'' > ''Lisää muokattava sisältö''<br />
* Anna muokattavan alueen nimeksi esim. sisältö<br />
* Valitse alueen tyypiksi ''tekstin virtaus''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Valmis sivupohja<br />
<br />
Nyt sivupohja on tallentamista vaille valmis. Tätä sivupohjaa voidaan käyttää nyt kokonaisen sivuston tekemiseen, jolloin jokainen sivu näyttää samalta, mutta sisältöä voidaan vaihtaa. Nyt sivu voidaan siis tallentaa ja siitä voidaan aloittaa tekemään sivuja. Sivupohjan hyödyntämiseen tutustutaan tarkemmin viikon kuluttua. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetyt kuvat sekä valmis mallipohjatiedosto. Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Kaikki tiedostot kannattaa sijoittaa samaan kansioon. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
# Lataa esimerkissä tehty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
<br />
''Edellisviikolla tutustuttiin sivupohjien tekemiseen NVU-verkkosivujen teko-ohjelmistolla. Tässä ohjeessa tutustutaan sivupohjien hyödyntämiseen tekemällä kolmesta erillisestä sivusta koostuva pieni verkkosivusto.'' <br />
<br />
== Sivupohjien ottaminen käyttöön ==<br />
<br />
Seuraavassa tutustutaan sivupohjien hyödyntämiseen. <br />
<br />
[[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]] [[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]]<br />
<br />
Ohjeessa tehtävä esimerkkisivusto ja siinä käytettävät materiaalit ovat ladattavissa ohjeen viimeisessä kappaleessa olevien ohjeiden mukaisesti.<br />
<br />
== Sivupohjan avaaminen ja tarvittava materiaali ==<br />
Sivustolle tullaan tarvitsemaan lisättävänä materiaalina sivuille kuuluvat tekstit ja kuvat. Esimerkissä käytettävät tekstit ja kuvat ovat hyödynnettävissä kokeilua varten.<br />
<br />
Sivuston tekeminen aloitetaan luomalla uusi sivu ja valitsemalla käytettävä sivupohja.<br />
<br />
* Valitse ''Tiedosto'' ''> Uusi...''<br />
* Valitse "''Uusi malliin perustuva dokumentti''" aktiiviseksi<br />
* Valitse käytettävä mallisivutiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta<br />
<br />
[[Kuva:2-nvu-sivupohjasta-mallisivu2.png|thumb|250px|none]]<br />
<br />
* Napsauta ''avaa''<br />
<br />
Nyt sivupohja ladataan uuden verkkosivun pohjaksi ja siihen voidaan aloittaa lisäämään sisältöä.<br />
<br />
[[Kuva:3-nvu-sivupohjasta-mallisivu3.png|thumb|250px|none]]<br />
<br />
== Sisällön lisääminen sivupohjalle ==<br />
Sisällön lisääminen on helpointa tehdä ''esikatselu''-tilassa johon voidaan siirtyä NVU-ikkunan alalaidassa olevasta valikosta.<br />
<br />
[[Kuva:4-nvu-sivupohjasta-uusi_dokumentti.png|thumb|250px|none]]<br />
<br />
Sivuston sivut tehdään yksikerrallaan käyttämällä valmista mallipohjaa ja syöttämällä siihen sivuille kuuluva sisältö.<br />
<br />
=== Pääsivu ===<br />
Pääsivu on sivuston sisääntulosivu jossa on sivuston yleinen esittely ja muuta tietoa. Pääsivu tehdään lisäämällä sille sisällöksi tekstiä ja kuva pingviinistä. Sivulle tuleva teksti on avattavissa seuraavasta linkistä josta se voidaan halutessa kopioida suoraan NVU:hun seuraavasti.<br />
<br />
* Napsauta [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] hiiren kakkospainikkeella ja valitse "''Avaa linkki uudessa ikkunassa''", vaihtoehtoisesti voit tallentaa tiedoston edellisestä linkistä tai oppaan lopusta ja avata sen erillisellä ohjelmalla.<br />
* Maalaa hiirellä tekstistä pääsivulle kuuluva sisältö<br />
<br />
[[Kuva:5-nvu-sivupohjasta-ladattu_pohja.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Muokkaa'' ''>'' ''Kopioi''<br />
* Siirry takaisin NVU-ikkunaan<br />
* Napsauta ''sisältö'' -tekstikenttää<br />
<br />
[[Kuva:6-nvu-sivupohjasta-esikatselutila.png|thumb|250px|none]]<br />
<br />
* Pyyhi pois siinä oleva ''Sisältö'' -teksti<br />
<br />
[[Kuva:7-nvu-sivupohjasta-mallisisalto.png|thumb|250px|none]]<br />
<br />
* Valitse'' Muokkaa'' ''> Liitä''<br />
<br />
[[Kuva:8-nvu-sivupohjasta-sisallonlisays1.png|thumb|250px|none]]<br />
<br />
Nyt sivuille tuleva teksti on lisätty pelkistetyssä muodossa ja se tulee muotoilla oikein tyylien avulla. Tyylien asettamiseen on tutustuttu ensimmäisessä NVU -oppaassa.<br />
<br />
<br />
<br />
==== Fontin asettaminen ====<br />
Ensin lisätyn tekstin kirjasinlajiksi vaihdetaan ''sans-serif'' maalaamalla lisätty teksti.<br />
<br />
[[Kuva:9-nvu-sivupohjasta-sisallonlisays2.png|thumb|250px|none]]<br />
<br />
Valitaan kirjasinlaji valitsemalla ''Muotoile'' ''> Kirjasinlaji > sans-serif''<br />
<br />
<br />
<br />
==== Pääotsikon lisääminen ====<br />
* Maalaa sivun pääotsikoksi tarkoitettu ensimmäinen rivi<br />
<br />
[[Kuva:10-nvu-sivupohjasta-sisallonlisays3.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko1''<br />
<br />
<br />
<br />
[[Kuva:11-nvu-sivupohjasta-sisallonlisays-fontti.png|thumb|250px|none]]<br />
<br />
==== Tekstikappaleiden lisääminen ====<br />
Maalaa ja valitse toisella ja kolmannella rivillä oleville teksteille tyyliksi ''Kappaletyyli.''<br />
<br />
[[Kuva:12-nvu-sivupohjasta-sisallonlisays-paaotsikko.png|thumb|250px|none]]<br />
<br />
==== Listat ====<br />
Pääsivulla on kaksi erilliseksi listaksi tarkoitettua kohtaa, jotka on merkitty ''<nowiki>*</nowiki>''-merkillä. Nämä kohdat merkitään siis listatyylillä ja pyyhitään niiden edestä ''<nowiki>*</nowiki>''-merkki pois.<br />
<br />
* Maalaa ensimmäinen listakohta<br />
<br />
[[Kuva:13-nvu-sivupohjasta-sisallonlisays-tyylin_valinta.png|thumb|250px|none]]<br />
<br />
* Aseta se luetteloksi napsauttamalla luettelopainiketta<br />
<br />
[[Kuva:14-nvu-sivupohjasta-sisallonlisays-tyylin_valinta_kpl.png|thumb|250px|none]]<br />
<br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
[[Kuva:15-nvu-sivupohjasta-sisallonlisays-luettelo_maalattu.png|thumb|250px|none]]<br />
<br />
* Maalaa ''Uutisia'' -tekstin alla oleva toinen luettelo<br />
* Aseta myös se luetteloksi <br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
Lopuksi Luettelossa olevat päivä määrät voidaan vahventaa.<br />
<br />
* Maalaa päivämäärä<br />
<br />
[[Kuva:16-nvu-sivupohjasta-sisallonlisays-luettelo_pallot.png|thumb|250px|none]]<br />
<br />
* Napsauta ''vahvenna''-painiketta <br />
<br />
[[Kuva:17-nvu-sivupohjasta-sisallonlisays-luettelo_valmis.png|thumb|250px|none]]<br />
<br />
Listat näyttävät valmiins seuraavilta.<br />
<br />
[[Kuva:18-nvu-sivupohjasta-sisallonlisays-pvm_bold.png|thumb|250px|none]]<br />
<br />
Toista sama toisellekin päivämäärälle. <br />
<br />
==== Alaotsikon tekeminen ====<br />
Viimeisenä tekstiasetteluna asetetaan alaotsikolle oikea tyyli.<br />
<br />
* Maalaa ''Uutisia''-teksti<br />
<br />
[[Kuva:19-nvu-sivupohjasta-sisallonlisays-bold-painike.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko2''<br />
<br />
[[Kuva:20-nvu-sivupohjasta-sisallonlisays-pvm_valmis.png|thumb|250px|none]]<br />
<br />
==== Kuvan lisääminen ====<br />
Lopuksi pääsivulle lisätään vielä kuva.<br />
<br />
* Siirrä teksikursori pääotsikko rivin loppuun<br />
* Valitse ''Lisää'' ''>'' ''Kuva''<br />
* Valitse lisättäväksi kuvaksi [http://materiaali.linuxkouluun.fi/pingviini.png pingviini.png]<br />
* Aseta vaihtoehtoiseksi tekstiksi "''Pekka pigviinin kuva''"<br />
<br />
[[Kuva:21-nvu-sivupohjasta-sisallonlisays-alaotsikko.png|thumb|250px|none]]<br />
<br />
* Siirry ''Ulkoasu''-välilehdelle<br />
* Valitse Kuvan ja tekstin tasaukseksi ''Vasemmalle''<br />
<br />
[[Kuva:22-nvu-sivupohjasta-sisallonlisays-alaotsikko_valmis.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:23-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
<br />
<br />
==== Sivun tallentaminen ====<br />
Nyt pääsivu on valmis ja se voidaan tallentaa.<br />
<br />
* Valitse ''Tiedosto'' ''>'' ''Tallenna nimellä...''<br />
* Anna tiedostolle nimeksi ''index.html'' ja sen sijainnin tulee olla sama kuin sivuilla olevin kuvien <br />
<br />
<br />
<br />
<br />
<br />
=== Harrastukset-sivu ===<br />
Harrastukset sivu tehdään samojen periaatteiden mukaisesti kuin pääsivukin.<br />
<br />
* Luo uusi sivu valinnalla ''Tiedosto'' ''>'' ''Uusi...'' <br />
* Ota käyttöön sama sivupohjatiedosto ja siirry ''Esikatselu''-tilaan<br />
<br />
Sivustolle tulevat tekstit on samassa tekstitiedostossa kuin pääsivunkin. Mikäli ikkuna on jo suljettu sen saa auki samalla tavalla [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] linkistä.<br />
<br />
* Kopioi Harrastukset sivun sisältö NVU:hun samalla tavalla kuin aiemmin<br />
<br />
[[Kuva:24-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet2.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Merkkaa pääotsikko, alaotsikot, kappaletekstit ja listat<br />
<br />
[[Kuva:25-nvu-sivupohjasta-eka_sivu_valmis.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle lisätään harrastuksiin liittyvät pienet kuvat. Lisääminen tapahtuu samalla tavalla kuin pääsivulla, siirtämällä kursori otsikon loppuun ja lisäämällä kuva siihen.<br />
<br />
* Käytä "''Lintujen bongaus''" -otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/lintu.png lintu.png] ja vaihtoehtoisena tekstinä "''Kuva linnusta''"<br />
<br />
Lisättynä linnun kuva voi olla turhan suuri ja sitä pitää pienentää.<br />
<br />
<br />
<br />
[[Kuva:26-nvu-sivupohjasta-harrastukset-sivu-sisalto.png|thumb|250px|none]]<br />
<br />
Tämä onnistuu kuvan kulmissa olevista pienistä kahvoista.<br />
<br />
<br />
<br />
[[Kuva:27-nvu-sivupohjasta-harrastukset-sivu-tyylit.png|thumb|250px|none]]<br />
<br />
Vetämällä kahvoista kuvan kokoa voidaan pienentää sopivaksi.<br />
<br />
[[Kuva:28-nvu-sivupohjasta-harrastukset-sivu-kuva.png|thumb|250px|none]]<br />
<br />
* Käytä "''Kokkailu''"-otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/kakku.png kakku.png] ja vaihtoehtoisena tekstinä "''Kuva suklakakusta''"<br />
<br />
[[Kuva:29-nvu-sivupohjasta-harrastukset-sivu-kuvakoko.png|thumb|250px|none]]<br />
<br />
Lopuksi sivu tallennetaan nimellä ''harrastukset.html''. <br />
<br />
=== Linkit-sivu ===<br />
Myös linkit sivu toteuttetaan täysin samalla tavalla kuin edelliset sivut. Sivuilla olevista linkkikohteista tehdään oikeat linkit lisäämällä niihin tiedot linkityksen kohteista.<br />
<br />
* Aloita uusi dokumentti samasta mallipohjasta ja kopioi siihen sisältö.<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Aseta tekstille oikea tyyliasettelu<br />
<br />
[[Kuva:30-nvu-sivupohjasta-harrastukset-sivu-kuvakoko2.png|thumb|250px|none]]<br />
<br />
==== Linkkien tekeminen ====<br />
Jokaiseen linkitettävään kohtaan lisätään tieto missä kyseinen sivu sijaitsee.<br />
<br />
* Poista listoista ''<nowiki>*</nowiki>''-merkit<br />
* Maalaa kohta josta tehdään linkki<br />
<br />
[[Kuva:31-nvu-sivupohjasta-harrastukset-sivu-kakkukuva.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Lisää'' ''>'' ''Linkki''<br />
* Anna kohteeksi tieto missä sivu sijaitsee<br />
<br />
[[Kuva:32-nvu-sivupohjasta-linkitsivu-tyylit.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:33-nvu-sivupohjasta-linkitsivu-linnkien_tekeminen.png|thumb|250px|none]]<br />
<br />
Seuraavassa on lueteltu sivuilla olevien kohteiden osoitteet joihin niiden tulisi viitata.<br />
<br />
''Suklaalinkkejä''<br />
<br />
* ''Tee itse suklaata'' http://www.rihmasto.fi/wiki/Suklaa<br />
* ''Oulun suklaayhdistys'' http://www.suklaayhdistys.com/suklaasuomi.php<br />
* ''Tietoa suklaasta'' http://fi.wikipedia.org/wiki/Suklaa<br />
<br />
''Lintulinkkejä''<br />
<br />
* ''Perustietoa linnuista'' http://fi.wikipedia.org/wiki/Linnut<br />
* ''Lintukuvia ja linkkejä'' http://www.biomi.org/linnut/<br />
* ''Lintujen tunnistus harjoituksia'' http://www.tkukoulu.fi/~viyrhe/opetus/<br />
<br />
[[Kuva:34-nvu-sivupohjasta-linkitsivu-linkit_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle voidaan lisätä jokin kuva antamaan sille väriä. Esimerkissä on lisätty kuvatiedosto [http://materiaali.linuxkouluun.fi/apina.png apina.png]. Tämän jälkeen sivu tallennetaan nimellä ''linkit.html''.<br />
<br />
[[Kuva:35-nvu-sivupohjasta-linkitsivu-eka_valmis.png|thumb|250px|none]]<br />
<br />
== Sivun kokeilu ==<br />
Kun sivut on tallennettu, voidaan niitä kokeilla paikallisesti omalla tietokoneella. Tämä onnistuu lataamalla tallennettu pääsivu-tiedosto (index.html) verkkoselaimessa. Tavallisesti tämä onnistuu seuraavasti.<br />
<br />
* Käynnistä verkkoselain<br />
* Valitse ''Tiedosto'' ''>'' ''Avaa tiedosto...''<br />
* Valitse avattavaksi tiedostoksi tallennettu pääsivu eli ''index.html''<br />
<br />
Nyt sivuston tulisi avautua selaimeen ja kaikkien kolmen sivun välillä voidaan siirtyä. <br />
<br />
Seuraava vaihe olisi verkkosivujen julkaiseminen Internetissä ja tähän aiheeseen tutustumme lyhyesti ensiviikon artikkelissa. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetty kuvat, teksti ja valmiit sivut. Tiedostot tulisi ladata ''samaan'' kansioon seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
<br />
<br />
''Esimerkissä käytettävät tiedostot''<br />
<br />
# Lataa esimerkkissä käytetty ''teksti ''[http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä]<br />
# Lataa esimerkkissä käytetty ''pingviinin ''kuva [http://materiaali.linuxkouluun.fi/pingviini.png tästä]<br />
# Lataa esimerkkissä käytetty ''linnun ''kuva [http://materiaali.linuxkouluun.fi/lintu.png tästä]<br />
# Lataa esimerkkissä käytetty ''kakun ''kuva [http://materiaali.linuxkouluun.fi/kakku.png tästä]<br />
# Lataa esimerkkissä käytetty ''apinan ''kuva [http://materiaali.linuxkouluun.fi/apina.png tästä]<br />
# Lataa esimerkissä tehty ''pääsivu ''html-muodossa [http://materiaali.linuxkouluun.fi/index.html tästä]<br />
# Lataa esimerkissä tehty ''harrastukset''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/harrastukset.html tästä]<br />
# Lataa esimerkissä tehty ''linkit''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/linkit.html tästä]<br />
<br />
''Sivupohjassa käytetyt tiedostot edellisestä oppaasta''<br />
<br />
# Lataa esimerkissä kaytetty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
<br />
Esimerkissä käytettävät kuvat löytyvät Open Clip Art -arkistosta ja ne ovat julkaistu Public Domainina. Kuvien piirtäjinä ovat toimineet: Nicu Buculei, Architetto Francesco Rollandin, Valessio Soares de Brito ja clemente.</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=NVU_ja_sivupohjien_k%C3%A4ytt%C3%B6&diff=30442NVU ja sivupohjien käyttö2010-01-15T08:48:08Z<p>OpinsysASokero: /* Sivupohjien ottaminen käyttöön */</p>
<hr />
<div>Verkkosivujen tekeminen helpottuu ja nopeutuu huomattavasti, jos käytössä on valmiita sivupohjia. Sivupohjien avulla sivuston ulkonäkön suunnittelu voidaan erottaa johdonmukaisesti sen sisällöstä. Tässä ohjeessa tutustutaan esimerkin avulla helppoon tapaan tehdä omia sivupohjia.<br />
<br />
== Johdanto ==<br />
[[Kuva:1-nvu-sivupohjat-esimerkkisivu.png|thumb|250px|none]]Sivupohjien avulla omien sivustojen tekemistä voidaan helpottaa etenkin ulkoasua lisättäessä. Ohjeen soveltamiseksi suositellaan kokemusta tietokoneiden käytöstä ja yleisten työpöytäohjelmistojen hallintaa. Myös edellisviikon NVU ohjeeseen, jossa tarkasteltiin NVU:n yleisimpiä ominaisuuksia, kannattaa tutustua.<br />
<br />
Tässä ohjeessa tehtävän sivun asettelu perustuu taulukoiden käyttämiseen sivun eri osien sijaintien määrittelyyn. Nykyään sivustojen ulkoasun määrittämiseen suositeltavampi tapa olisi käyttää niin sanottuja CSS-tyylisivuja. Tässä ohjeessa niitä ei kuitenkaan käytetä, koska niiden tekeminen olisi hieman työläänpää ja hitaampaa sekä vaatisi syvällisempää tutustumista sekä HTML- että CSS- merkkauskielten hallintaan. Ohjeessa käytettävää taulukoilla tehtävää asettelua voidaan kuitenkin hyvin käyttää esimerkiksi pienimuotoisilla omilla kotisivuilla.<br />
<br />
Nyt tehtävässä sivumallissa ei oteta vielä kantaa sivuston sisältöön muuta kuin aihealueittain. Nyt tehtävää sivumallia hyödynnetään viikon kuluttua julkaistavassa oppaassa, jossa sivumallin avulla tehdään pieni sivusto.<br />
<br />
''Huom!'' NVU:n kehitystyö on pysähtynyt ja sitä on jatkettu Kompozer nimisenä projektina. Kompozerissa on kuitenkin havaittu toiminnan epävakautta ja lisäksi myös sen kehitystyö on sittemmin keskeytynyt joten Linuxkouluun.fi -ohjeet keskittyvät edelleen NVU:hun. Ohjeita voidaan kuitenkin hyödyntää suurimmaksi osaksi myös Kompozeria käytettäessä. <br />
<br />
== Sivupohjan yleistoimet ==<br />
[[Kuva:2-nvu-sivupohjat-tyhja_nvuikkuna.png|thumb|250px|none]]Tyylipohjien tekeminen voidaan aloittaa käynnistämällä NVU ja lataamalla esimerkissä käytettävä materiaali ohjeen viimeisestä kappaleesta löytyvistä linkeistä.<br />
<br />
Kun NVU on käynnistetty perustilaan, voidaan sivuille antaa ensimmäisenä perustiedot, asettaa sivulle sopiva taustakuva ja tallentaa tyhjä sivu sopivaan kansioon. Kaikki sivuille tuleva materiaali kannattaa tästä lähtien sijoittaa samaan kansioon. <br />
<br />
=== Sivuston perustietojen syöttäminen ===<br />
[[Kuva:3-nvu-sivupohjat-sivun_ominaisuudet.png|thumb|250px|none]]Ensin syötetään sivuille tulevat perustiedot seuraavasti. <br />
<br />
* Valitse ''Muotoile > "Sivun otsikko ja ominaisuudet"''<br />
* Syötä ''otsikko''-kentään sivuille otsikko, joka tulee näkymään internet-selaimen yläpalkissa.<br />
* Anna tekijän tiedot<br />
* Valitse raksi kohtaan "''Tämä sivu on malli''"<br />
* Aseta sivun kieleksi tunnus ''fi'' eli ''Suomi''<br />
<br />
=== Sivumallin tallentaminen ===<br />
[[Kuva:4-nvu-sivupohjat-sivumalli_tallennus.png|thumb|250px|none]]Perustietojen syöttämisen jälkeen sivumalli tallennetaan omaan kansioon. Kansion tulisi olla sellainen että sinne kasataan kaikki sivulle tulevat tiedostot ja kuvat. <br />
<br />
* Valitse ''Tiedosto'' > "''Tallenna nimellä...''"<br />
* Valitse tai tee kansio jonne kaikki sivuja koskevat tiedostot voidan tallentaa.<br />
* Tallenna mallipohja tähän hakemistoon ja tarkasta että tiedostotyyppinä on ''HTML-mallit''<br />
<br />
Seuraavaksi kannattaa hakea ohjeen viimeisen kappaleen linkkien mukaiset materiaalit ja tallentaa ne samaan kansioon. <br />
<br />
=== Taustakuvan lisääminen ===<br />
[[Kuva:5-nvu-sivupohjat-sivun_varit.png|thumb|250px|none]]Sivuille asetetaan taustakuva seuraavalla tavalla.<br />
<br />
* Valitse ''Muotoile'' ''>'' "''Sivun värit ja tausta...''"<br />
* Valitse taustakuvaksi tarkoitettu tiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta. Esimerkissä käytetty kuva on ''taustakuva.png''<br />
* Tarkasta että kohdassa "''Osoite on suhteellinen''" on raksi<br />
<br />
==Sivurakenteen tekeminen==<br />
<br />
=== Taulukoiden tekeminen ===<br />
[[Kuva:6-nvu-sivupohjat-taulukoiden_tekeminen.png|thumb|250px|none]]Sivujen sisältö tullaan asettelemaan taulukon solujen sisään. Taulukoiden avulla sivun eri elementit saadaan helposti aseteltua halutuille paikoille. Esimerkkissä sivuille tehdään kaksisoluinen taulukko, joista ylempään soluun lisätään sivuston otsikkokuva ja toiseen sivuston eri sivujen väliseen siirtymiseen tarkoitettu navigointi ja itse sivun sisältöteksti.<br />
<br />
Taulukon lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Lisää'' > ''Taulukko...''<br />
* Valitse taulukon kooksi ''2x1''<br />
<br />
Nyt taulukko on lisätty sivupohjalle ja sen tulisi näyttää seuraavalta.<br />
<br />
[[Kuva:7-nvu-sivupohjat-taulukon_ulkoasu.png|thumb|250px|none]]<br />
<br />
Seuraavaksi taulukon ulkoasua muokataan hieman.<br />
<br />
* Napsauta taulukkoa hiiren kakkospainikkeella (oikeakätisille oikea-painike)<br />
* Valitse valikosta ''Taulukonsolu: Ominaisuudet...''<br />
<br />
[[Kuva:8-nvu-sivupohjat-valikko_taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Siirry ''Taulukko'' -välilehdelle<br />
* Aseta Taulukon leveydeksi ''90% ikkunasta''<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Valitse taulukon tasaukseksi ''Keskitetty''<br />
<br />
[[Kuva:9-nvu-sivupohjat-taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt taulukon asetukset ovat valmiit. Sivun reunoilla on nyt ikkunan koon suhteen muutuvat marginaalit ja itse taulukko on näkymättömänä taustalla ja siihen voidaan aloittaa lisäämään sivustolle tulevia elementtejä. <br />
<br />
=== Otsikkokuvan lisääminen ===<br />
Sivupohjan otsikkokuvaksi lisätään sopiva mallimateriaalista löytyvä kuva mutta sitä ennen muutetaan otsikkokentän taustaväriä kuvalle sopivaksi.<br />
<br />
* Napsauta hiiren kakkospainikkeella taulukon ylempää solua<br />
* Valitse ''Taulukon tai solun taustaväri''<br />
<br />
[[Kuva:10-nvu-sivupohjat-taulukon_solun_taustavari.png|thumb|250px|none]]<br />
<br />
* Ota rasti pois kohdasta ''Läpinäkyvä'' <br />
* Syötä kohtaan ''Heksadesimaali'' seuraava värikoodi ''<nowiki>#DEB86D</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:11-nvu-sivupohjat-taulukon_solun_taustavari_valinta.png|thumb|250px|none]]<br />
<br />
Nyt otsikkosoluun on syötetty sopiva taustaväri ja siihen voidaan lisätä sopiva kuva.<br />
<br />
* Valitse ''Lisää'' > ''Kuva...'' <br />
* Tarkasta että olet ''Sijainti'' -välilehdellä<br />
* Valitse lisättävä kuva napsauttamalla "''Valitse kuva...''" -painiketta. Esimerkissä käytetty kuva on ''otsikko.jpg''<br />
* Syötä kuvalle vaihtoehtoinen teksti, joka näkyy selaimissa joissa kuvien lataaminen on estetty. Esimerkissä tekstinä on "''Pingviinin omat sivut''"<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:12-nvu-sivupohjat-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt sivujen otsikkokenttä on valmis. Asetetulla taustavärillä mahdollistettiin se että internet-selainikkunan kokoa voidaan vapaasti vaihdella ilman että otsikko kentän ulkonäkö rikkoutuu. Nyt näyttää ikäänkuin käytetty kuva jatkuisi koko otsikon leveydeltä, vaikka itseasiassa kuva on pelkästää väriliukuna otsikon vasemmassa reunassa ja taustaväri näkyy jatkeena sen oikeassa reunassa. <br />
<br />
[[Kuva:13-nvu-sivupohjat-otsikko_valmis.png|thumb|250px|none]]<br />
<br />
=== Sivunavigoinnin tekeminen ===<br />
Sivunavigoinnin avulla voidaan siirtyä helposti sivuston eri sivujen välillä. Ensikerralla toteutettavaan sivujen sisältöön tehdään sivustolle kolme erilaista sivua. Nämä ovat pääsivu, linkkisivu ja harrastukset-sivu. <br />
<br />
* Valitse taulukon alempi solu napsauttamalla sitä hiirellä<br />
<br />
<br />
<br />
[[Kuva:14-nvu-sivupohjat-navigointi_rivit.png|thumb|250px|none]]<br />
<br />
* Lisää siihen kolme rivin vaihtoa painamalla ''Enter''-näppäintä<br />
<br />
<br />
<br />
[[Kuva:15-nvu-sivupohjat-navigointi_rivit_ylin.png|thumb|250px|none]]<br />
<br />
* Siirrä tekstikursori takaisin ylimmälle riville<br />
* Lisää ylimälle tekstiriville riville seuraava teksti: ''Pääsivu | Harrastukset | Linkit''<br />
<br />
<br />
<br />
[[Kuva:16-nvu-sivupohjat-navigointi_tekstit.png|thumb|250px|none]]<br />
<br />
* Maalaa hiirellä juuri lisätty tekstirivi<br />
<br />
<br />
<br />
[[Kuva:17-nvu-sivupohjat-navigointi_maalattu.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasintyyppiä valitsemalla ''Muotoile'' > ''Kirjasinlaji'' > ''sans-serif''<br />
<br />
* Lihavoi rivi valitsemalla ''Lihavoi''-pikapainike [[Kuva:18-nvu-sivupohjat-navigointi_maalattu_lihavoi.png|thumb|250px|none]] työkaluriviltä<br />
<br />
Seuraavaksi teksteistä tehdään linkit jotka ohjaavat ne oikeille sivuille. Sivuja ei ole vielä tehty mutta niihin viittaavat linkit voidaan jo tehdä.<br />
<br />
* Maalaa ensimmäinen sana ''Pääsivu''<br />
* Valitse ''Lisää'' > ''Lisää linkki...''<br />
* Kirjoita linkin osoitteeksi ''index.html''. Huomaa että osoite on kirjoitettu kokonaan pienillä kirjaimilla.<br />
<br />
[[Kuva:19-nvu-sivupohjat-navigointi_maalattu_linkin_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:20-nvu-sivupohjat-navigointi_linkit_ekavalmis.png|thumb|250px|none]]<br />
<br />
Valmis linkki<br />
<br />
Toista tämä sama kohdalle harrastukset ja linkit. ''Harrastukset'' -linkin kohteeksi voidaan antaa ''harrastukset.html ''ja ''linkit''-kohdalle ''linkit.html''<br />
<br />
<br />
<br />
[[Kuva:21-nvu-sivupohjat-navigointi_linkit_kaikki.png|thumb|250px|none]]<br />
<br />
Kaikki linkit lisätty<br />
<br />
Lopuksi voidaan muuttaa alueen pohja vielä sopivamman väriseksi, jotta linkit näkyvät paremmin.<br />
<br />
* Napsauta talukon alimmaista solua hiiren kakkospainikkeella<br />
* Valitse "''Taulukon tai solun taustaväri''"<br />
* Aseta värikoodiksi ''Heksadesimaali'' -kohtaan ''<nowiki>#F6E8CE</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:22-nvu-sivupohjat-navigointi_linkit_taustavari.png|thumb|250px|none]]<br />
<br />
Valmis linkkirivi<br />
<br />
=== Tekstialueen lisääminen ===<br />
Seuraavaksi lisätään sivupohjaan tekstialue johon eri sivujen varsinainen sisältö lisätään. Tekstialue tehdään yhdestä uudesta taulukosta joka sijoitetaan samaan alueeseen navigoinnin kanssa.<br />
<br />
* Siirrä kursori alimmalle tekstiriville navigoinnin alapuolelle<br />
* Valitse ''Lisää ''> ''Taulukko...''<br />
* Valitse kooksi ''1x1''<br />
<br />
[[Kuva:23-nvu-sivupohjat-tekstialue-taulukko.png|thumb|250px|none]]<br />
<br />
* Napsauta lisättyä taulukkoa hiiren kakkospainikkeella ja valitse "''Taulukon solu: ominaisuudet...''"<br />
* Siirry ''Taulukko''-välilehdelle [[Kuva:24-nvu-sivupohjat-tekstialue-taulukko-ominaisuudet.png|thumb|250px|none]]<br />
* Aseta Sarakkeiden leveydeksi ''98%'' solusta<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Aseta Taulukon tasaus ''Keskitetyksi''<br />
* Valitse'' ''taustaväriksi värikoodi ''<nowiki>#F3E4C5. </nowiki>''Lisääminen tapahtuu samalla tavalla kuin ''Taulukoiden tekeminen'' -kappaleessa.<br />
* Napsauta ''OK''<br />
<br />
Nyt sisällölle on lisätty oma kenttä johon eri sivujen tekstejä ja kuvia voidaan lisätä.<br />
<br />
[[Kuva:25-nvu-sivupohjat-tekstialue-valmis.png|thumb|250px|none]]<br />
<br />
=== Muokattavan alueen määrittäminen ===<br />
Lopuksi määritetään sivupohjaan alue jota voidaan jatkossa muokata. Tällöin sivupohjan muita asetuksia ei voi vahingossa muokata vaan sisältöä voidaan lisätä pelkästään tiettyyn paikkaan.<br />
<br />
* Valitse sisällölle edellä tehty kenttä napsauttamalla sitä hiirellä, niin että kursori alkaa vilkkua siinä<br />
<br />
[[Kuva:26-nvu-sivupohjat-tekstialue-sisallon_muokkaus.png|thumb|250px|none]]<br />
<br />
* Valitse ''Lisää'' > ''Mallit'' > ''Lisää muokattava sisältö''<br />
* Anna muokattavan alueen nimeksi esim. sisältö<br />
* Valitse alueen tyypiksi ''tekstin virtaus''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Valmis sivupohja<br />
<br />
Nyt sivupohja on tallentamista vaille valmis. Tätä sivupohjaa voidaan käyttää nyt kokonaisen sivuston tekemiseen, jolloin jokainen sivu näyttää samalta, mutta sisältöä voidaan vaihtaa. Nyt sivu voidaan siis tallentaa ja siitä voidaan aloittaa tekemään sivuja. Sivupohjan hyödyntämiseen tutustutaan tarkemmin viikon kuluttua. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetyt kuvat sekä valmis mallipohjatiedosto. Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Kaikki tiedostot kannattaa sijoittaa samaan kansioon. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
# Lataa esimerkissä tehty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
<br />
''Edellisviikolla tutustuttiin sivupohjien tekemiseen NVU-verkkosivujen teko-ohjelmistolla. Tässä ohjeessa tutustutaan sivupohjien hyödyntämiseen tekemällä kolmesta erillisestä sivusta koostuva pieni verkkosivusto.'' <br />
<br />
== Sivupohjien ottaminen käyttöön ==<br />
<br />
Seuraavassa tutustutaan sivupohjien hyödyntämiseen. <br />
<br />
[[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|left]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|left]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|left]]<br />
<br />
Ohjeessa tehtävä esimerkkisivusto ja siinä käytettävät materiaalit ovat ladattavissa ohjeen viimeisessä kappaleessa olevien ohjeiden mukaisesti.<br />
<br />
== Sivupohjan avaaminen ja tarvittava materiaali ==<br />
Sivustolle tullaan tarvitsemaan lisättävänä materiaalina sivuille kuuluvat tekstit ja kuvat. Esimerkissä käytettävät tekstit ja kuvat ovat hyödynnettävissä kokeilua varten.<br />
<br />
Sivuston tekeminen aloitetaan luomalla uusi sivu ja valitsemalla käytettävä sivupohja.<br />
<br />
* Valitse ''Tiedosto'' ''> Uusi...''<br />
* Valitse "''Uusi malliin perustuva dokumentti''" aktiiviseksi<br />
* Valitse käytettävä mallisivutiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta<br />
<br />
[[Kuva:2-nvu-sivupohjasta-mallisivu2.png|thumb|250px|none]]<br />
<br />
* Napsauta ''avaa''<br />
<br />
Nyt sivupohja ladataan uuden verkkosivun pohjaksi ja siihen voidaan aloittaa lisäämään sisältöä.<br />
<br />
[[Kuva:3-nvu-sivupohjasta-mallisivu3.png|thumb|250px|none]]<br />
<br />
== Sisällön lisääminen sivupohjalle ==<br />
Sisällön lisääminen on helpointa tehdä ''esikatselu''-tilassa johon voidaan siirtyä NVU-ikkunan alalaidassa olevasta valikosta.<br />
<br />
[[Kuva:4-nvu-sivupohjasta-uusi_dokumentti.png|thumb|250px|none]]<br />
<br />
Sivuston sivut tehdään yksikerrallaan käyttämällä valmista mallipohjaa ja syöttämällä siihen sivuille kuuluva sisältö.<br />
<br />
=== Pääsivu ===<br />
Pääsivu on sivuston sisääntulosivu jossa on sivuston yleinen esittely ja muuta tietoa. Pääsivu tehdään lisäämällä sille sisällöksi tekstiä ja kuva pingviinistä. Sivulle tuleva teksti on avattavissa seuraavasta linkistä josta se voidaan halutessa kopioida suoraan NVU:hun seuraavasti.<br />
<br />
* Napsauta [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] hiiren kakkospainikkeella ja valitse "''Avaa linkki uudessa ikkunassa''", vaihtoehtoisesti voit tallentaa tiedoston edellisestä linkistä tai oppaan lopusta ja avata sen erillisellä ohjelmalla.<br />
* Maalaa hiirellä tekstistä pääsivulle kuuluva sisältö<br />
<br />
[[Kuva:5-nvu-sivupohjasta-ladattu_pohja.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Muokkaa'' ''>'' ''Kopioi''<br />
* Siirry takaisin NVU-ikkunaan<br />
* Napsauta ''sisältö'' -tekstikenttää<br />
<br />
[[Kuva:6-nvu-sivupohjasta-esikatselutila.png|thumb|250px|none]]<br />
<br />
* Pyyhi pois siinä oleva ''Sisältö'' -teksti<br />
<br />
[[Kuva:7-nvu-sivupohjasta-mallisisalto.png|thumb|250px|none]]<br />
<br />
* Valitse'' Muokkaa'' ''> Liitä''<br />
<br />
[[Kuva:8-nvu-sivupohjasta-sisallonlisays1.png|thumb|250px|none]]<br />
<br />
Nyt sivuille tuleva teksti on lisätty pelkistetyssä muodossa ja se tulee muotoilla oikein tyylien avulla. Tyylien asettamiseen on tutustuttu ensimmäisessä NVU -oppaassa.<br />
<br />
<br />
<br />
==== Fontin asettaminen ====<br />
Ensin lisätyn tekstin kirjasinlajiksi vaihdetaan ''sans-serif'' maalaamalla lisätty teksti.<br />
<br />
[[Kuva:9-nvu-sivupohjasta-sisallonlisays2.png|thumb|250px|none]]<br />
<br />
Valitaan kirjasinlaji valitsemalla ''Muotoile'' ''> Kirjasinlaji > sans-serif''<br />
<br />
<br />
<br />
==== Pääotsikon lisääminen ====<br />
* Maalaa sivun pääotsikoksi tarkoitettu ensimmäinen rivi<br />
<br />
[[Kuva:10-nvu-sivupohjasta-sisallonlisays3.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko1''<br />
<br />
<br />
<br />
[[Kuva:11-nvu-sivupohjasta-sisallonlisays-fontti.png|thumb|250px|none]]<br />
<br />
==== Tekstikappaleiden lisääminen ====<br />
Maalaa ja valitse toisella ja kolmannella rivillä oleville teksteille tyyliksi ''Kappaletyyli.''<br />
<br />
[[Kuva:12-nvu-sivupohjasta-sisallonlisays-paaotsikko.png|thumb|250px|none]]<br />
<br />
==== Listat ====<br />
Pääsivulla on kaksi erilliseksi listaksi tarkoitettua kohtaa, jotka on merkitty ''<nowiki>*</nowiki>''-merkillä. Nämä kohdat merkitään siis listatyylillä ja pyyhitään niiden edestä ''<nowiki>*</nowiki>''-merkki pois.<br />
<br />
* Maalaa ensimmäinen listakohta<br />
<br />
[[Kuva:13-nvu-sivupohjasta-sisallonlisays-tyylin_valinta.png|thumb|250px|none]]<br />
<br />
* Aseta se luetteloksi napsauttamalla luettelopainiketta<br />
<br />
[[Kuva:14-nvu-sivupohjasta-sisallonlisays-tyylin_valinta_kpl.png|thumb|250px|none]]<br />
<br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
[[Kuva:15-nvu-sivupohjasta-sisallonlisays-luettelo_maalattu.png|thumb|250px|none]]<br />
<br />
* Maalaa ''Uutisia'' -tekstin alla oleva toinen luettelo<br />
* Aseta myös se luetteloksi <br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
Lopuksi Luettelossa olevat päivä määrät voidaan vahventaa.<br />
<br />
* Maalaa päivämäärä<br />
<br />
[[Kuva:16-nvu-sivupohjasta-sisallonlisays-luettelo_pallot.png|thumb|250px|none]]<br />
<br />
* Napsauta ''vahvenna''-painiketta <br />
<br />
[[Kuva:17-nvu-sivupohjasta-sisallonlisays-luettelo_valmis.png|thumb|250px|none]]<br />
<br />
Listat näyttävät valmiins seuraavilta.<br />
<br />
[[Kuva:18-nvu-sivupohjasta-sisallonlisays-pvm_bold.png|thumb|250px|none]]<br />
<br />
Toista sama toisellekin päivämäärälle. <br />
<br />
==== Alaotsikon tekeminen ====<br />
Viimeisenä tekstiasetteluna asetetaan alaotsikolle oikea tyyli.<br />
<br />
* Maalaa ''Uutisia''-teksti<br />
<br />
[[Kuva:19-nvu-sivupohjasta-sisallonlisays-bold-painike.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko2''<br />
<br />
[[Kuva:20-nvu-sivupohjasta-sisallonlisays-pvm_valmis.png|thumb|250px|none]]<br />
<br />
==== Kuvan lisääminen ====<br />
Lopuksi pääsivulle lisätään vielä kuva.<br />
<br />
* Siirrä teksikursori pääotsikko rivin loppuun<br />
* Valitse ''Lisää'' ''>'' ''Kuva''<br />
* Valitse lisättäväksi kuvaksi [http://materiaali.linuxkouluun.fi/pingviini.png pingviini.png]<br />
* Aseta vaihtoehtoiseksi tekstiksi "''Pekka pigviinin kuva''"<br />
<br />
[[Kuva:21-nvu-sivupohjasta-sisallonlisays-alaotsikko.png|thumb|250px|none]]<br />
<br />
* Siirry ''Ulkoasu''-välilehdelle<br />
* Valitse Kuvan ja tekstin tasaukseksi ''Vasemmalle''<br />
<br />
[[Kuva:22-nvu-sivupohjasta-sisallonlisays-alaotsikko_valmis.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:23-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
<br />
<br />
==== Sivun tallentaminen ====<br />
Nyt pääsivu on valmis ja se voidaan tallentaa.<br />
<br />
* Valitse ''Tiedosto'' ''>'' ''Tallenna nimellä...''<br />
* Anna tiedostolle nimeksi ''index.html'' ja sen sijainnin tulee olla sama kuin sivuilla olevin kuvien <br />
<br />
<br />
<br />
<br />
<br />
=== Harrastukset-sivu ===<br />
Harrastukset sivu tehdään samojen periaatteiden mukaisesti kuin pääsivukin.<br />
<br />
* Luo uusi sivu valinnalla ''Tiedosto'' ''>'' ''Uusi...'' <br />
* Ota käyttöön sama sivupohjatiedosto ja siirry ''Esikatselu''-tilaan<br />
<br />
Sivustolle tulevat tekstit on samassa tekstitiedostossa kuin pääsivunkin. Mikäli ikkuna on jo suljettu sen saa auki samalla tavalla [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] linkistä.<br />
<br />
* Kopioi Harrastukset sivun sisältö NVU:hun samalla tavalla kuin aiemmin<br />
<br />
[[Kuva:24-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet2.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Merkkaa pääotsikko, alaotsikot, kappaletekstit ja listat<br />
<br />
[[Kuva:25-nvu-sivupohjasta-eka_sivu_valmis.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle lisätään harrastuksiin liittyvät pienet kuvat. Lisääminen tapahtuu samalla tavalla kuin pääsivulla, siirtämällä kursori otsikon loppuun ja lisäämällä kuva siihen.<br />
<br />
* Käytä "''Lintujen bongaus''" -otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/lintu.png lintu.png] ja vaihtoehtoisena tekstinä "''Kuva linnusta''"<br />
<br />
Lisättynä linnun kuva voi olla turhan suuri ja sitä pitää pienentää.<br />
<br />
<br />
<br />
[[Kuva:26-nvu-sivupohjasta-harrastukset-sivu-sisalto.png|thumb|250px|none]]<br />
<br />
Tämä onnistuu kuvan kulmissa olevista pienistä kahvoista.<br />
<br />
<br />
<br />
[[Kuva:27-nvu-sivupohjasta-harrastukset-sivu-tyylit.png|thumb|250px|none]]<br />
<br />
Vetämällä kahvoista kuvan kokoa voidaan pienentää sopivaksi.<br />
<br />
[[Kuva:28-nvu-sivupohjasta-harrastukset-sivu-kuva.png|thumb|250px|none]]<br />
<br />
* Käytä "''Kokkailu''"-otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/kakku.png kakku.png] ja vaihtoehtoisena tekstinä "''Kuva suklakakusta''"<br />
<br />
[[Kuva:29-nvu-sivupohjasta-harrastukset-sivu-kuvakoko.png|thumb|250px|none]]<br />
<br />
Lopuksi sivu tallennetaan nimellä ''harrastukset.html''. <br />
<br />
=== Linkit-sivu ===<br />
Myös linkit sivu toteuttetaan täysin samalla tavalla kuin edelliset sivut. Sivuilla olevista linkkikohteista tehdään oikeat linkit lisäämällä niihin tiedot linkityksen kohteista.<br />
<br />
* Aloita uusi dokumentti samasta mallipohjasta ja kopioi siihen sisältö.<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Aseta tekstille oikea tyyliasettelu<br />
<br />
[[Kuva:30-nvu-sivupohjasta-harrastukset-sivu-kuvakoko2.png|thumb|250px|none]]<br />
<br />
==== Linkkien tekeminen ====<br />
Jokaiseen linkitettävään kohtaan lisätään tieto missä kyseinen sivu sijaitsee.<br />
<br />
* Poista listoista ''<nowiki>*</nowiki>''-merkit<br />
* Maalaa kohta josta tehdään linkki<br />
<br />
[[Kuva:31-nvu-sivupohjasta-harrastukset-sivu-kakkukuva.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Lisää'' ''>'' ''Linkki''<br />
* Anna kohteeksi tieto missä sivu sijaitsee<br />
<br />
[[Kuva:32-nvu-sivupohjasta-linkitsivu-tyylit.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:33-nvu-sivupohjasta-linkitsivu-linnkien_tekeminen.png|thumb|250px|none]]<br />
<br />
Seuraavassa on lueteltu sivuilla olevien kohteiden osoitteet joihin niiden tulisi viitata.<br />
<br />
''Suklaalinkkejä''<br />
<br />
* ''Tee itse suklaata'' http://www.rihmasto.fi/wiki/Suklaa<br />
* ''Oulun suklaayhdistys'' http://www.suklaayhdistys.com/suklaasuomi.php<br />
* ''Tietoa suklaasta'' http://fi.wikipedia.org/wiki/Suklaa<br />
<br />
''Lintulinkkejä''<br />
<br />
* ''Perustietoa linnuista'' http://fi.wikipedia.org/wiki/Linnut<br />
* ''Lintukuvia ja linkkejä'' http://www.biomi.org/linnut/<br />
* ''Lintujen tunnistus harjoituksia'' http://www.tkukoulu.fi/~viyrhe/opetus/<br />
<br />
[[Kuva:34-nvu-sivupohjasta-linkitsivu-linkit_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle voidaan lisätä jokin kuva antamaan sille väriä. Esimerkissä on lisätty kuvatiedosto [http://materiaali.linuxkouluun.fi/apina.png apina.png]. Tämän jälkeen sivu tallennetaan nimellä ''linkit.html''.<br />
<br />
[[Kuva:35-nvu-sivupohjasta-linkitsivu-eka_valmis.png|thumb|250px|none]]<br />
<br />
== Sivun kokeilu ==<br />
Kun sivut on tallennettu, voidaan niitä kokeilla paikallisesti omalla tietokoneella. Tämä onnistuu lataamalla tallennettu pääsivu-tiedosto (index.html) verkkoselaimessa. Tavallisesti tämä onnistuu seuraavasti.<br />
<br />
* Käynnistä verkkoselain<br />
* Valitse ''Tiedosto'' ''>'' ''Avaa tiedosto...''<br />
* Valitse avattavaksi tiedostoksi tallennettu pääsivu eli ''index.html''<br />
<br />
Nyt sivuston tulisi avautua selaimeen ja kaikkien kolmen sivun välillä voidaan siirtyä. <br />
<br />
Seuraava vaihe olisi verkkosivujen julkaiseminen Internetissä ja tähän aiheeseen tutustumme lyhyesti ensiviikon artikkelissa. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetty kuvat, teksti ja valmiit sivut. Tiedostot tulisi ladata ''samaan'' kansioon seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
<br />
<br />
''Esimerkissä käytettävät tiedostot''<br />
<br />
# Lataa esimerkkissä käytetty ''teksti ''[http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä]<br />
# Lataa esimerkkissä käytetty ''pingviinin ''kuva [http://materiaali.linuxkouluun.fi/pingviini.png tästä]<br />
# Lataa esimerkkissä käytetty ''linnun ''kuva [http://materiaali.linuxkouluun.fi/lintu.png tästä]<br />
# Lataa esimerkkissä käytetty ''kakun ''kuva [http://materiaali.linuxkouluun.fi/kakku.png tästä]<br />
# Lataa esimerkkissä käytetty ''apinan ''kuva [http://materiaali.linuxkouluun.fi/apina.png tästä]<br />
# Lataa esimerkissä tehty ''pääsivu ''html-muodossa [http://materiaali.linuxkouluun.fi/index.html tästä]<br />
# Lataa esimerkissä tehty ''harrastukset''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/harrastukset.html tästä]<br />
# Lataa esimerkissä tehty ''linkit''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/linkit.html tästä]<br />
<br />
''Sivupohjassa käytetyt tiedostot edellisestä oppaasta''<br />
<br />
# Lataa esimerkissä kaytetty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
<br />
Esimerkissä käytettävät kuvat löytyvät Open Clip Art -arkistosta ja ne ovat julkaistu Public Domainina. Kuvien piirtäjinä ovat toimineet: Nicu Buculei, Architetto Francesco Rollandin, Valessio Soares de Brito ja clemente.</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=NVU_ja_sivupohjien_k%C3%A4ytt%C3%B6&diff=30441NVU ja sivupohjien käyttö2010-01-15T08:47:23Z<p>OpinsysASokero: </p>
<hr />
<div>Verkkosivujen tekeminen helpottuu ja nopeutuu huomattavasti, jos käytössä on valmiita sivupohjia. Sivupohjien avulla sivuston ulkonäkön suunnittelu voidaan erottaa johdonmukaisesti sen sisällöstä. Tässä ohjeessa tutustutaan esimerkin avulla helppoon tapaan tehdä omia sivupohjia.<br />
<br />
== Johdanto ==<br />
[[Kuva:1-nvu-sivupohjat-esimerkkisivu.png|thumb|250px|none]]Sivupohjien avulla omien sivustojen tekemistä voidaan helpottaa etenkin ulkoasua lisättäessä. Ohjeen soveltamiseksi suositellaan kokemusta tietokoneiden käytöstä ja yleisten työpöytäohjelmistojen hallintaa. Myös edellisviikon NVU ohjeeseen, jossa tarkasteltiin NVU:n yleisimpiä ominaisuuksia, kannattaa tutustua.<br />
<br />
Tässä ohjeessa tehtävän sivun asettelu perustuu taulukoiden käyttämiseen sivun eri osien sijaintien määrittelyyn. Nykyään sivustojen ulkoasun määrittämiseen suositeltavampi tapa olisi käyttää niin sanottuja CSS-tyylisivuja. Tässä ohjeessa niitä ei kuitenkaan käytetä, koska niiden tekeminen olisi hieman työläänpää ja hitaampaa sekä vaatisi syvällisempää tutustumista sekä HTML- että CSS- merkkauskielten hallintaan. Ohjeessa käytettävää taulukoilla tehtävää asettelua voidaan kuitenkin hyvin käyttää esimerkiksi pienimuotoisilla omilla kotisivuilla.<br />
<br />
Nyt tehtävässä sivumallissa ei oteta vielä kantaa sivuston sisältöön muuta kuin aihealueittain. Nyt tehtävää sivumallia hyödynnetään viikon kuluttua julkaistavassa oppaassa, jossa sivumallin avulla tehdään pieni sivusto.<br />
<br />
''Huom!'' NVU:n kehitystyö on pysähtynyt ja sitä on jatkettu Kompozer nimisenä projektina. Kompozerissa on kuitenkin havaittu toiminnan epävakautta ja lisäksi myös sen kehitystyö on sittemmin keskeytynyt joten Linuxkouluun.fi -ohjeet keskittyvät edelleen NVU:hun. Ohjeita voidaan kuitenkin hyödyntää suurimmaksi osaksi myös Kompozeria käytettäessä. <br />
<br />
== Sivupohjan yleistoimet ==<br />
[[Kuva:2-nvu-sivupohjat-tyhja_nvuikkuna.png|thumb|250px|none]]Tyylipohjien tekeminen voidaan aloittaa käynnistämällä NVU ja lataamalla esimerkissä käytettävä materiaali ohjeen viimeisestä kappaleesta löytyvistä linkeistä.<br />
<br />
Kun NVU on käynnistetty perustilaan, voidaan sivuille antaa ensimmäisenä perustiedot, asettaa sivulle sopiva taustakuva ja tallentaa tyhjä sivu sopivaan kansioon. Kaikki sivuille tuleva materiaali kannattaa tästä lähtien sijoittaa samaan kansioon. <br />
<br />
=== Sivuston perustietojen syöttäminen ===<br />
[[Kuva:3-nvu-sivupohjat-sivun_ominaisuudet.png|thumb|250px|none]]Ensin syötetään sivuille tulevat perustiedot seuraavasti. <br />
<br />
* Valitse ''Muotoile > "Sivun otsikko ja ominaisuudet"''<br />
* Syötä ''otsikko''-kentään sivuille otsikko, joka tulee näkymään internet-selaimen yläpalkissa.<br />
* Anna tekijän tiedot<br />
* Valitse raksi kohtaan "''Tämä sivu on malli''"<br />
* Aseta sivun kieleksi tunnus ''fi'' eli ''Suomi''<br />
<br />
=== Sivumallin tallentaminen ===<br />
[[Kuva:4-nvu-sivupohjat-sivumalli_tallennus.png|thumb|250px|none]]Perustietojen syöttämisen jälkeen sivumalli tallennetaan omaan kansioon. Kansion tulisi olla sellainen että sinne kasataan kaikki sivulle tulevat tiedostot ja kuvat. <br />
<br />
* Valitse ''Tiedosto'' > "''Tallenna nimellä...''"<br />
* Valitse tai tee kansio jonne kaikki sivuja koskevat tiedostot voidan tallentaa.<br />
* Tallenna mallipohja tähän hakemistoon ja tarkasta että tiedostotyyppinä on ''HTML-mallit''<br />
<br />
Seuraavaksi kannattaa hakea ohjeen viimeisen kappaleen linkkien mukaiset materiaalit ja tallentaa ne samaan kansioon. <br />
<br />
=== Taustakuvan lisääminen ===<br />
[[Kuva:5-nvu-sivupohjat-sivun_varit.png|thumb|250px|none]]Sivuille asetetaan taustakuva seuraavalla tavalla.<br />
<br />
* Valitse ''Muotoile'' ''>'' "''Sivun värit ja tausta...''"<br />
* Valitse taustakuvaksi tarkoitettu tiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta. Esimerkissä käytetty kuva on ''taustakuva.png''<br />
* Tarkasta että kohdassa "''Osoite on suhteellinen''" on raksi<br />
<br />
==Sivurakenteen tekeminen==<br />
<br />
=== Taulukoiden tekeminen ===<br />
[[Kuva:6-nvu-sivupohjat-taulukoiden_tekeminen.png|thumb|250px|none]]Sivujen sisältö tullaan asettelemaan taulukon solujen sisään. Taulukoiden avulla sivun eri elementit saadaan helposti aseteltua halutuille paikoille. Esimerkkissä sivuille tehdään kaksisoluinen taulukko, joista ylempään soluun lisätään sivuston otsikkokuva ja toiseen sivuston eri sivujen väliseen siirtymiseen tarkoitettu navigointi ja itse sivun sisältöteksti.<br />
<br />
Taulukon lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Lisää'' > ''Taulukko...''<br />
* Valitse taulukon kooksi ''2x1''<br />
<br />
Nyt taulukko on lisätty sivupohjalle ja sen tulisi näyttää seuraavalta.<br />
<br />
[[Kuva:7-nvu-sivupohjat-taulukon_ulkoasu.png|thumb|250px|none]]<br />
<br />
Seuraavaksi taulukon ulkoasua muokataan hieman.<br />
<br />
* Napsauta taulukkoa hiiren kakkospainikkeella (oikeakätisille oikea-painike)<br />
* Valitse valikosta ''Taulukonsolu: Ominaisuudet...''<br />
<br />
[[Kuva:8-nvu-sivupohjat-valikko_taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Siirry ''Taulukko'' -välilehdelle<br />
* Aseta Taulukon leveydeksi ''90% ikkunasta''<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Valitse taulukon tasaukseksi ''Keskitetty''<br />
<br />
[[Kuva:9-nvu-sivupohjat-taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt taulukon asetukset ovat valmiit. Sivun reunoilla on nyt ikkunan koon suhteen muutuvat marginaalit ja itse taulukko on näkymättömänä taustalla ja siihen voidaan aloittaa lisäämään sivustolle tulevia elementtejä. <br />
<br />
=== Otsikkokuvan lisääminen ===<br />
Sivupohjan otsikkokuvaksi lisätään sopiva mallimateriaalista löytyvä kuva mutta sitä ennen muutetaan otsikkokentän taustaväriä kuvalle sopivaksi.<br />
<br />
* Napsauta hiiren kakkospainikkeella taulukon ylempää solua<br />
* Valitse ''Taulukon tai solun taustaväri''<br />
<br />
[[Kuva:10-nvu-sivupohjat-taulukon_solun_taustavari.png|thumb|250px|none]]<br />
<br />
* Ota rasti pois kohdasta ''Läpinäkyvä'' <br />
* Syötä kohtaan ''Heksadesimaali'' seuraava värikoodi ''<nowiki>#DEB86D</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:11-nvu-sivupohjat-taulukon_solun_taustavari_valinta.png|thumb|250px|none]]<br />
<br />
Nyt otsikkosoluun on syötetty sopiva taustaväri ja siihen voidaan lisätä sopiva kuva.<br />
<br />
* Valitse ''Lisää'' > ''Kuva...'' <br />
* Tarkasta että olet ''Sijainti'' -välilehdellä<br />
* Valitse lisättävä kuva napsauttamalla "''Valitse kuva...''" -painiketta. Esimerkissä käytetty kuva on ''otsikko.jpg''<br />
* Syötä kuvalle vaihtoehtoinen teksti, joka näkyy selaimissa joissa kuvien lataaminen on estetty. Esimerkissä tekstinä on "''Pingviinin omat sivut''"<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:12-nvu-sivupohjat-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt sivujen otsikkokenttä on valmis. Asetetulla taustavärillä mahdollistettiin se että internet-selainikkunan kokoa voidaan vapaasti vaihdella ilman että otsikko kentän ulkonäkö rikkoutuu. Nyt näyttää ikäänkuin käytetty kuva jatkuisi koko otsikon leveydeltä, vaikka itseasiassa kuva on pelkästää väriliukuna otsikon vasemmassa reunassa ja taustaväri näkyy jatkeena sen oikeassa reunassa. <br />
<br />
[[Kuva:13-nvu-sivupohjat-otsikko_valmis.png|thumb|250px|none]]<br />
<br />
=== Sivunavigoinnin tekeminen ===<br />
Sivunavigoinnin avulla voidaan siirtyä helposti sivuston eri sivujen välillä. Ensikerralla toteutettavaan sivujen sisältöön tehdään sivustolle kolme erilaista sivua. Nämä ovat pääsivu, linkkisivu ja harrastukset-sivu. <br />
<br />
* Valitse taulukon alempi solu napsauttamalla sitä hiirellä<br />
<br />
<br />
<br />
[[Kuva:14-nvu-sivupohjat-navigointi_rivit.png|thumb|250px|none]]<br />
<br />
* Lisää siihen kolme rivin vaihtoa painamalla ''Enter''-näppäintä<br />
<br />
<br />
<br />
[[Kuva:15-nvu-sivupohjat-navigointi_rivit_ylin.png|thumb|250px|none]]<br />
<br />
* Siirrä tekstikursori takaisin ylimmälle riville<br />
* Lisää ylimälle tekstiriville riville seuraava teksti: ''Pääsivu | Harrastukset | Linkit''<br />
<br />
<br />
<br />
[[Kuva:16-nvu-sivupohjat-navigointi_tekstit.png|thumb|250px|none]]<br />
<br />
* Maalaa hiirellä juuri lisätty tekstirivi<br />
<br />
<br />
<br />
[[Kuva:17-nvu-sivupohjat-navigointi_maalattu.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasintyyppiä valitsemalla ''Muotoile'' > ''Kirjasinlaji'' > ''sans-serif''<br />
<br />
* Lihavoi rivi valitsemalla ''Lihavoi''-pikapainike [[Kuva:18-nvu-sivupohjat-navigointi_maalattu_lihavoi.png|thumb|250px|none]] työkaluriviltä<br />
<br />
Seuraavaksi teksteistä tehdään linkit jotka ohjaavat ne oikeille sivuille. Sivuja ei ole vielä tehty mutta niihin viittaavat linkit voidaan jo tehdä.<br />
<br />
* Maalaa ensimmäinen sana ''Pääsivu''<br />
* Valitse ''Lisää'' > ''Lisää linkki...''<br />
* Kirjoita linkin osoitteeksi ''index.html''. Huomaa että osoite on kirjoitettu kokonaan pienillä kirjaimilla.<br />
<br />
[[Kuva:19-nvu-sivupohjat-navigointi_maalattu_linkin_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:20-nvu-sivupohjat-navigointi_linkit_ekavalmis.png|thumb|250px|none]]<br />
<br />
Valmis linkki<br />
<br />
Toista tämä sama kohdalle harrastukset ja linkit. ''Harrastukset'' -linkin kohteeksi voidaan antaa ''harrastukset.html ''ja ''linkit''-kohdalle ''linkit.html''<br />
<br />
<br />
<br />
[[Kuva:21-nvu-sivupohjat-navigointi_linkit_kaikki.png|thumb|250px|none]]<br />
<br />
Kaikki linkit lisätty<br />
<br />
Lopuksi voidaan muuttaa alueen pohja vielä sopivamman väriseksi, jotta linkit näkyvät paremmin.<br />
<br />
* Napsauta talukon alimmaista solua hiiren kakkospainikkeella<br />
* Valitse "''Taulukon tai solun taustaväri''"<br />
* Aseta värikoodiksi ''Heksadesimaali'' -kohtaan ''<nowiki>#F6E8CE</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:22-nvu-sivupohjat-navigointi_linkit_taustavari.png|thumb|250px|none]]<br />
<br />
Valmis linkkirivi<br />
<br />
=== Tekstialueen lisääminen ===<br />
Seuraavaksi lisätään sivupohjaan tekstialue johon eri sivujen varsinainen sisältö lisätään. Tekstialue tehdään yhdestä uudesta taulukosta joka sijoitetaan samaan alueeseen navigoinnin kanssa.<br />
<br />
* Siirrä kursori alimmalle tekstiriville navigoinnin alapuolelle<br />
* Valitse ''Lisää ''> ''Taulukko...''<br />
* Valitse kooksi ''1x1''<br />
<br />
[[Kuva:23-nvu-sivupohjat-tekstialue-taulukko.png|thumb|250px|none]]<br />
<br />
* Napsauta lisättyä taulukkoa hiiren kakkospainikkeella ja valitse "''Taulukon solu: ominaisuudet...''"<br />
* Siirry ''Taulukko''-välilehdelle [[Kuva:24-nvu-sivupohjat-tekstialue-taulukko-ominaisuudet.png|thumb|250px|none]]<br />
* Aseta Sarakkeiden leveydeksi ''98%'' solusta<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Aseta Taulukon tasaus ''Keskitetyksi''<br />
* Valitse'' ''taustaväriksi värikoodi ''<nowiki>#F3E4C5. </nowiki>''Lisääminen tapahtuu samalla tavalla kuin ''Taulukoiden tekeminen'' -kappaleessa.<br />
* Napsauta ''OK''<br />
<br />
Nyt sisällölle on lisätty oma kenttä johon eri sivujen tekstejä ja kuvia voidaan lisätä.<br />
<br />
[[Kuva:25-nvu-sivupohjat-tekstialue-valmis.png|thumb|250px|none]]<br />
<br />
=== Muokattavan alueen määrittäminen ===<br />
Lopuksi määritetään sivupohjaan alue jota voidaan jatkossa muokata. Tällöin sivupohjan muita asetuksia ei voi vahingossa muokata vaan sisältöä voidaan lisätä pelkästään tiettyyn paikkaan.<br />
<br />
* Valitse sisällölle edellä tehty kenttä napsauttamalla sitä hiirellä, niin että kursori alkaa vilkkua siinä<br />
<br />
[[Kuva:26-nvu-sivupohjat-tekstialue-sisallon_muokkaus.png|thumb|250px|none]]<br />
<br />
* Valitse ''Lisää'' > ''Mallit'' > ''Lisää muokattava sisältö''<br />
* Anna muokattavan alueen nimeksi esim. sisältö<br />
* Valitse alueen tyypiksi ''tekstin virtaus''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Valmis sivupohja<br />
<br />
Nyt sivupohja on tallentamista vaille valmis. Tätä sivupohjaa voidaan käyttää nyt kokonaisen sivuston tekemiseen, jolloin jokainen sivu näyttää samalta, mutta sisältöä voidaan vaihtaa. Nyt sivu voidaan siis tallentaa ja siitä voidaan aloittaa tekemään sivuja. Sivupohjan hyödyntämiseen tutustutaan tarkemmin viikon kuluttua. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetyt kuvat sekä valmis mallipohjatiedosto. Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Kaikki tiedostot kannattaa sijoittaa samaan kansioon. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
# Lataa esimerkissä tehty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
<br />
''Edellisviikolla tutustuttiin sivupohjien tekemiseen NVU-verkkosivujen teko-ohjelmistolla. Tässä ohjeessa tutustutaan sivupohjien hyödyntämiseen tekemällä kolmesta erillisestä sivusta koostuva pieni verkkosivusto.'' <br />
<br />
== Sivupohjien ottaminen käyttöön ==<br />
<br />
Seuraavassa tutustutaan sivupohjien hyödyntämiseen. <br />
<br />
[[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]]<br />
<br />
Ohjeessa tehtävä esimerkkisivusto ja siinä käytettävät materiaalit ovat ladattavissa ohjeen viimeisessä kappaleessa olevien ohjeiden mukaisesti. <br />
<br />
== Sivupohjan avaaminen ja tarvittava materiaali ==<br />
Sivustolle tullaan tarvitsemaan lisättävänä materiaalina sivuille kuuluvat tekstit ja kuvat. Esimerkissä käytettävät tekstit ja kuvat ovat hyödynnettävissä kokeilua varten.<br />
<br />
Sivuston tekeminen aloitetaan luomalla uusi sivu ja valitsemalla käytettävä sivupohja.<br />
<br />
* Valitse ''Tiedosto'' ''> Uusi...''<br />
* Valitse "''Uusi malliin perustuva dokumentti''" aktiiviseksi<br />
* Valitse käytettävä mallisivutiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta<br />
<br />
[[Kuva:2-nvu-sivupohjasta-mallisivu2.png|thumb|250px|none]]<br />
<br />
* Napsauta ''avaa''<br />
<br />
Nyt sivupohja ladataan uuden verkkosivun pohjaksi ja siihen voidaan aloittaa lisäämään sisältöä.<br />
<br />
[[Kuva:3-nvu-sivupohjasta-mallisivu3.png|thumb|250px|none]]<br />
<br />
== Sisällön lisääminen sivupohjalle ==<br />
Sisällön lisääminen on helpointa tehdä ''esikatselu''-tilassa johon voidaan siirtyä NVU-ikkunan alalaidassa olevasta valikosta.<br />
<br />
[[Kuva:4-nvu-sivupohjasta-uusi_dokumentti.png|thumb|250px|none]]<br />
<br />
Sivuston sivut tehdään yksikerrallaan käyttämällä valmista mallipohjaa ja syöttämällä siihen sivuille kuuluva sisältö.<br />
<br />
=== Pääsivu ===<br />
Pääsivu on sivuston sisääntulosivu jossa on sivuston yleinen esittely ja muuta tietoa. Pääsivu tehdään lisäämällä sille sisällöksi tekstiä ja kuva pingviinistä. Sivulle tuleva teksti on avattavissa seuraavasta linkistä josta se voidaan halutessa kopioida suoraan NVU:hun seuraavasti.<br />
<br />
* Napsauta [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] hiiren kakkospainikkeella ja valitse "''Avaa linkki uudessa ikkunassa''", vaihtoehtoisesti voit tallentaa tiedoston edellisestä linkistä tai oppaan lopusta ja avata sen erillisellä ohjelmalla.<br />
* Maalaa hiirellä tekstistä pääsivulle kuuluva sisältö<br />
<br />
[[Kuva:5-nvu-sivupohjasta-ladattu_pohja.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Muokkaa'' ''>'' ''Kopioi''<br />
* Siirry takaisin NVU-ikkunaan<br />
* Napsauta ''sisältö'' -tekstikenttää<br />
<br />
[[Kuva:6-nvu-sivupohjasta-esikatselutila.png|thumb|250px|none]]<br />
<br />
* Pyyhi pois siinä oleva ''Sisältö'' -teksti<br />
<br />
[[Kuva:7-nvu-sivupohjasta-mallisisalto.png|thumb|250px|none]]<br />
<br />
* Valitse'' Muokkaa'' ''> Liitä''<br />
<br />
[[Kuva:8-nvu-sivupohjasta-sisallonlisays1.png|thumb|250px|none]]<br />
<br />
Nyt sivuille tuleva teksti on lisätty pelkistetyssä muodossa ja se tulee muotoilla oikein tyylien avulla. Tyylien asettamiseen on tutustuttu ensimmäisessä NVU -oppaassa.<br />
<br />
<br />
<br />
==== Fontin asettaminen ====<br />
Ensin lisätyn tekstin kirjasinlajiksi vaihdetaan ''sans-serif'' maalaamalla lisätty teksti.<br />
<br />
[[Kuva:9-nvu-sivupohjasta-sisallonlisays2.png|thumb|250px|none]]<br />
<br />
Valitaan kirjasinlaji valitsemalla ''Muotoile'' ''> Kirjasinlaji > sans-serif''<br />
<br />
<br />
<br />
==== Pääotsikon lisääminen ====<br />
* Maalaa sivun pääotsikoksi tarkoitettu ensimmäinen rivi<br />
<br />
[[Kuva:10-nvu-sivupohjasta-sisallonlisays3.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko1''<br />
<br />
<br />
<br />
[[Kuva:11-nvu-sivupohjasta-sisallonlisays-fontti.png|thumb|250px|none]]<br />
<br />
==== Tekstikappaleiden lisääminen ====<br />
Maalaa ja valitse toisella ja kolmannella rivillä oleville teksteille tyyliksi ''Kappaletyyli.''<br />
<br />
[[Kuva:12-nvu-sivupohjasta-sisallonlisays-paaotsikko.png|thumb|250px|none]]<br />
<br />
==== Listat ====<br />
Pääsivulla on kaksi erilliseksi listaksi tarkoitettua kohtaa, jotka on merkitty ''<nowiki>*</nowiki>''-merkillä. Nämä kohdat merkitään siis listatyylillä ja pyyhitään niiden edestä ''<nowiki>*</nowiki>''-merkki pois.<br />
<br />
* Maalaa ensimmäinen listakohta<br />
<br />
[[Kuva:13-nvu-sivupohjasta-sisallonlisays-tyylin_valinta.png|thumb|250px|none]]<br />
<br />
* Aseta se luetteloksi napsauttamalla luettelopainiketta<br />
<br />
[[Kuva:14-nvu-sivupohjasta-sisallonlisays-tyylin_valinta_kpl.png|thumb|250px|none]]<br />
<br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
[[Kuva:15-nvu-sivupohjasta-sisallonlisays-luettelo_maalattu.png|thumb|250px|none]]<br />
<br />
* Maalaa ''Uutisia'' -tekstin alla oleva toinen luettelo<br />
* Aseta myös se luetteloksi <br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
Lopuksi Luettelossa olevat päivä määrät voidaan vahventaa.<br />
<br />
* Maalaa päivämäärä<br />
<br />
[[Kuva:16-nvu-sivupohjasta-sisallonlisays-luettelo_pallot.png|thumb|250px|none]]<br />
<br />
* Napsauta ''vahvenna''-painiketta <br />
<br />
[[Kuva:17-nvu-sivupohjasta-sisallonlisays-luettelo_valmis.png|thumb|250px|none]]<br />
<br />
Listat näyttävät valmiins seuraavilta.<br />
<br />
[[Kuva:18-nvu-sivupohjasta-sisallonlisays-pvm_bold.png|thumb|250px|none]]<br />
<br />
Toista sama toisellekin päivämäärälle. <br />
<br />
==== Alaotsikon tekeminen ====<br />
Viimeisenä tekstiasetteluna asetetaan alaotsikolle oikea tyyli.<br />
<br />
* Maalaa ''Uutisia''-teksti<br />
<br />
[[Kuva:19-nvu-sivupohjasta-sisallonlisays-bold-painike.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko2''<br />
<br />
[[Kuva:20-nvu-sivupohjasta-sisallonlisays-pvm_valmis.png|thumb|250px|none]]<br />
<br />
==== Kuvan lisääminen ====<br />
Lopuksi pääsivulle lisätään vielä kuva.<br />
<br />
* Siirrä teksikursori pääotsikko rivin loppuun<br />
* Valitse ''Lisää'' ''>'' ''Kuva''<br />
* Valitse lisättäväksi kuvaksi [http://materiaali.linuxkouluun.fi/pingviini.png pingviini.png]<br />
* Aseta vaihtoehtoiseksi tekstiksi "''Pekka pigviinin kuva''"<br />
<br />
[[Kuva:21-nvu-sivupohjasta-sisallonlisays-alaotsikko.png|thumb|250px|none]]<br />
<br />
* Siirry ''Ulkoasu''-välilehdelle<br />
* Valitse Kuvan ja tekstin tasaukseksi ''Vasemmalle''<br />
<br />
[[Kuva:22-nvu-sivupohjasta-sisallonlisays-alaotsikko_valmis.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:23-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
<br />
<br />
==== Sivun tallentaminen ====<br />
Nyt pääsivu on valmis ja se voidaan tallentaa.<br />
<br />
* Valitse ''Tiedosto'' ''>'' ''Tallenna nimellä...''<br />
* Anna tiedostolle nimeksi ''index.html'' ja sen sijainnin tulee olla sama kuin sivuilla olevin kuvien <br />
<br />
<br />
<br />
<br />
<br />
=== Harrastukset-sivu ===<br />
Harrastukset sivu tehdään samojen periaatteiden mukaisesti kuin pääsivukin.<br />
<br />
* Luo uusi sivu valinnalla ''Tiedosto'' ''>'' ''Uusi...'' <br />
* Ota käyttöön sama sivupohjatiedosto ja siirry ''Esikatselu''-tilaan<br />
<br />
Sivustolle tulevat tekstit on samassa tekstitiedostossa kuin pääsivunkin. Mikäli ikkuna on jo suljettu sen saa auki samalla tavalla [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] linkistä.<br />
<br />
* Kopioi Harrastukset sivun sisältö NVU:hun samalla tavalla kuin aiemmin<br />
<br />
[[Kuva:24-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet2.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Merkkaa pääotsikko, alaotsikot, kappaletekstit ja listat<br />
<br />
[[Kuva:25-nvu-sivupohjasta-eka_sivu_valmis.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle lisätään harrastuksiin liittyvät pienet kuvat. Lisääminen tapahtuu samalla tavalla kuin pääsivulla, siirtämällä kursori otsikon loppuun ja lisäämällä kuva siihen.<br />
<br />
* Käytä "''Lintujen bongaus''" -otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/lintu.png lintu.png] ja vaihtoehtoisena tekstinä "''Kuva linnusta''"<br />
<br />
Lisättynä linnun kuva voi olla turhan suuri ja sitä pitää pienentää.<br />
<br />
<br />
<br />
[[Kuva:26-nvu-sivupohjasta-harrastukset-sivu-sisalto.png|thumb|250px|none]]<br />
<br />
Tämä onnistuu kuvan kulmissa olevista pienistä kahvoista.<br />
<br />
<br />
<br />
[[Kuva:27-nvu-sivupohjasta-harrastukset-sivu-tyylit.png|thumb|250px|none]]<br />
<br />
Vetämällä kahvoista kuvan kokoa voidaan pienentää sopivaksi.<br />
<br />
[[Kuva:28-nvu-sivupohjasta-harrastukset-sivu-kuva.png|thumb|250px|none]]<br />
<br />
* Käytä "''Kokkailu''"-otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/kakku.png kakku.png] ja vaihtoehtoisena tekstinä "''Kuva suklakakusta''"<br />
<br />
[[Kuva:29-nvu-sivupohjasta-harrastukset-sivu-kuvakoko.png|thumb|250px|none]]<br />
<br />
Lopuksi sivu tallennetaan nimellä ''harrastukset.html''. <br />
<br />
=== Linkit-sivu ===<br />
Myös linkit sivu toteuttetaan täysin samalla tavalla kuin edelliset sivut. Sivuilla olevista linkkikohteista tehdään oikeat linkit lisäämällä niihin tiedot linkityksen kohteista.<br />
<br />
* Aloita uusi dokumentti samasta mallipohjasta ja kopioi siihen sisältö.<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Aseta tekstille oikea tyyliasettelu<br />
<br />
[[Kuva:30-nvu-sivupohjasta-harrastukset-sivu-kuvakoko2.png|thumb|250px|none]]<br />
<br />
==== Linkkien tekeminen ====<br />
Jokaiseen linkitettävään kohtaan lisätään tieto missä kyseinen sivu sijaitsee.<br />
<br />
* Poista listoista ''<nowiki>*</nowiki>''-merkit<br />
* Maalaa kohta josta tehdään linkki<br />
<br />
[[Kuva:31-nvu-sivupohjasta-harrastukset-sivu-kakkukuva.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Lisää'' ''>'' ''Linkki''<br />
* Anna kohteeksi tieto missä sivu sijaitsee<br />
<br />
[[Kuva:32-nvu-sivupohjasta-linkitsivu-tyylit.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:33-nvu-sivupohjasta-linkitsivu-linnkien_tekeminen.png|thumb|250px|none]]<br />
<br />
Seuraavassa on lueteltu sivuilla olevien kohteiden osoitteet joihin niiden tulisi viitata.<br />
<br />
''Suklaalinkkejä''<br />
<br />
* ''Tee itse suklaata'' http://www.rihmasto.fi/wiki/Suklaa<br />
* ''Oulun suklaayhdistys'' http://www.suklaayhdistys.com/suklaasuomi.php<br />
* ''Tietoa suklaasta'' http://fi.wikipedia.org/wiki/Suklaa<br />
<br />
''Lintulinkkejä''<br />
<br />
* ''Perustietoa linnuista'' http://fi.wikipedia.org/wiki/Linnut<br />
* ''Lintukuvia ja linkkejä'' http://www.biomi.org/linnut/<br />
* ''Lintujen tunnistus harjoituksia'' http://www.tkukoulu.fi/~viyrhe/opetus/<br />
<br />
[[Kuva:34-nvu-sivupohjasta-linkitsivu-linkit_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle voidaan lisätä jokin kuva antamaan sille väriä. Esimerkissä on lisätty kuvatiedosto [http://materiaali.linuxkouluun.fi/apina.png apina.png]. Tämän jälkeen sivu tallennetaan nimellä ''linkit.html''.<br />
<br />
[[Kuva:35-nvu-sivupohjasta-linkitsivu-eka_valmis.png|thumb|250px|none]]<br />
<br />
== Sivun kokeilu ==<br />
Kun sivut on tallennettu, voidaan niitä kokeilla paikallisesti omalla tietokoneella. Tämä onnistuu lataamalla tallennettu pääsivu-tiedosto (index.html) verkkoselaimessa. Tavallisesti tämä onnistuu seuraavasti.<br />
<br />
* Käynnistä verkkoselain<br />
* Valitse ''Tiedosto'' ''>'' ''Avaa tiedosto...''<br />
* Valitse avattavaksi tiedostoksi tallennettu pääsivu eli ''index.html''<br />
<br />
Nyt sivuston tulisi avautua selaimeen ja kaikkien kolmen sivun välillä voidaan siirtyä. <br />
<br />
Seuraava vaihe olisi verkkosivujen julkaiseminen Internetissä ja tähän aiheeseen tutustumme lyhyesti ensiviikon artikkelissa. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetty kuvat, teksti ja valmiit sivut. Tiedostot tulisi ladata ''samaan'' kansioon seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
<br />
<br />
''Esimerkissä käytettävät tiedostot''<br />
<br />
# Lataa esimerkkissä käytetty ''teksti ''[http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä]<br />
# Lataa esimerkkissä käytetty ''pingviinin ''kuva [http://materiaali.linuxkouluun.fi/pingviini.png tästä]<br />
# Lataa esimerkkissä käytetty ''linnun ''kuva [http://materiaali.linuxkouluun.fi/lintu.png tästä]<br />
# Lataa esimerkkissä käytetty ''kakun ''kuva [http://materiaali.linuxkouluun.fi/kakku.png tästä]<br />
# Lataa esimerkkissä käytetty ''apinan ''kuva [http://materiaali.linuxkouluun.fi/apina.png tästä]<br />
# Lataa esimerkissä tehty ''pääsivu ''html-muodossa [http://materiaali.linuxkouluun.fi/index.html tästä]<br />
# Lataa esimerkissä tehty ''harrastukset''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/harrastukset.html tästä]<br />
# Lataa esimerkissä tehty ''linkit''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/linkit.html tästä]<br />
<br />
''Sivupohjassa käytetyt tiedostot edellisestä oppaasta''<br />
<br />
# Lataa esimerkissä kaytetty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
<br />
Esimerkissä käytettävät kuvat löytyvät Open Clip Art -arkistosta ja ne ovat julkaistu Public Domainina. Kuvien piirtäjinä ovat toimineet: Nicu Buculei, Architetto Francesco Rollandin, Valessio Soares de Brito ja clemente.</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=NVU_ja_sivupohjien_k%C3%A4ytt%C3%B6&diff=30440NVU ja sivupohjien käyttö2010-01-15T08:47:03Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>''Verkkosivujen tekeminen helpottuu ja nopeutuu huomattavasti, jos käytössä on valmiita sivupohjia. Sivupohjien avulla sivuston ulkonäkön suunnittelu voidaan erottaa johdonmukaisesti sen sisällöstä. Tässä ohjeessa tutustutaan esimerkin avulla helppoon tapaan tehdä omia sivupohjia.'' <br />
<br />
== Johdanto ==<br />
[[Kuva:1-nvu-sivupohjat-esimerkkisivu.png|thumb|250px|none]]Sivupohjien avulla omien sivustojen tekemistä voidaan helpottaa etenkin ulkoasua lisättäessä. Ohjeen soveltamiseksi suositellaan kokemusta tietokoneiden käytöstä ja yleisten työpöytäohjelmistojen hallintaa. Myös edellisviikon NVU ohjeeseen, jossa tarkasteltiin NVU:n yleisimpiä ominaisuuksia, kannattaa tutustua.<br />
<br />
Tässä ohjeessa tehtävän sivun asettelu perustuu taulukoiden käyttämiseen sivun eri osien sijaintien määrittelyyn. Nykyään sivustojen ulkoasun määrittämiseen suositeltavampi tapa olisi käyttää niin sanottuja CSS-tyylisivuja. Tässä ohjeessa niitä ei kuitenkaan käytetä, koska niiden tekeminen olisi hieman työläänpää ja hitaampaa sekä vaatisi syvällisempää tutustumista sekä HTML- että CSS- merkkauskielten hallintaan. Ohjeessa käytettävää taulukoilla tehtävää asettelua voidaan kuitenkin hyvin käyttää esimerkiksi pienimuotoisilla omilla kotisivuilla.<br />
<br />
Nyt tehtävässä sivumallissa ei oteta vielä kantaa sivuston sisältöön muuta kuin aihealueittain. Nyt tehtävää sivumallia hyödynnetään viikon kuluttua julkaistavassa oppaassa, jossa sivumallin avulla tehdään pieni sivusto.<br />
<br />
''Huom!'' NVU:n kehitystyö on pysähtynyt ja sitä on jatkettu Kompozer nimisenä projektina. Kompozerissa on kuitenkin havaittu toiminnan epävakautta ja lisäksi myös sen kehitystyö on sittemmin keskeytynyt joten Linuxkouluun.fi -ohjeet keskittyvät edelleen NVU:hun. Ohjeita voidaan kuitenkin hyödyntää suurimmaksi osaksi myös Kompozeria käytettäessä. <br />
<br />
== Sivupohjan yleistoimet ==<br />
[[Kuva:2-nvu-sivupohjat-tyhja_nvuikkuna.png|thumb|250px|none]]Tyylipohjien tekeminen voidaan aloittaa käynnistämällä NVU ja lataamalla esimerkissä käytettävä materiaali ohjeen viimeisestä kappaleesta löytyvistä linkeistä.<br />
<br />
Kun NVU on käynnistetty perustilaan, voidaan sivuille antaa ensimmäisenä perustiedot, asettaa sivulle sopiva taustakuva ja tallentaa tyhjä sivu sopivaan kansioon. Kaikki sivuille tuleva materiaali kannattaa tästä lähtien sijoittaa samaan kansioon. <br />
<br />
=== Sivuston perustietojen syöttäminen ===<br />
[[Kuva:3-nvu-sivupohjat-sivun_ominaisuudet.png|thumb|250px|none]]Ensin syötetään sivuille tulevat perustiedot seuraavasti. <br />
<br />
* Valitse ''Muotoile > "Sivun otsikko ja ominaisuudet"''<br />
* Syötä ''otsikko''-kentään sivuille otsikko, joka tulee näkymään internet-selaimen yläpalkissa.<br />
* Anna tekijän tiedot<br />
* Valitse raksi kohtaan "''Tämä sivu on malli''"<br />
* Aseta sivun kieleksi tunnus ''fi'' eli ''Suomi''<br />
<br />
=== Sivumallin tallentaminen ===<br />
[[Kuva:4-nvu-sivupohjat-sivumalli_tallennus.png|thumb|250px|none]]Perustietojen syöttämisen jälkeen sivumalli tallennetaan omaan kansioon. Kansion tulisi olla sellainen että sinne kasataan kaikki sivulle tulevat tiedostot ja kuvat. <br />
<br />
* Valitse ''Tiedosto'' > "''Tallenna nimellä...''"<br />
* Valitse tai tee kansio jonne kaikki sivuja koskevat tiedostot voidan tallentaa.<br />
* Tallenna mallipohja tähän hakemistoon ja tarkasta että tiedostotyyppinä on ''HTML-mallit''<br />
<br />
Seuraavaksi kannattaa hakea ohjeen viimeisen kappaleen linkkien mukaiset materiaalit ja tallentaa ne samaan kansioon. <br />
<br />
=== Taustakuvan lisääminen ===<br />
[[Kuva:5-nvu-sivupohjat-sivun_varit.png|thumb|250px|none]]Sivuille asetetaan taustakuva seuraavalla tavalla.<br />
<br />
* Valitse ''Muotoile'' ''>'' "''Sivun värit ja tausta...''"<br />
* Valitse taustakuvaksi tarkoitettu tiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta. Esimerkissä käytetty kuva on ''taustakuva.png''<br />
* Tarkasta että kohdassa "''Osoite on suhteellinen''" on raksi<br />
<br />
==Sivurakenteen tekeminen==<br />
<br />
=== Taulukoiden tekeminen ===<br />
[[Kuva:6-nvu-sivupohjat-taulukoiden_tekeminen.png|thumb|250px|none]]Sivujen sisältö tullaan asettelemaan taulukon solujen sisään. Taulukoiden avulla sivun eri elementit saadaan helposti aseteltua halutuille paikoille. Esimerkkissä sivuille tehdään kaksisoluinen taulukko, joista ylempään soluun lisätään sivuston otsikkokuva ja toiseen sivuston eri sivujen väliseen siirtymiseen tarkoitettu navigointi ja itse sivun sisältöteksti.<br />
<br />
Taulukon lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Lisää'' > ''Taulukko...''<br />
* Valitse taulukon kooksi ''2x1''<br />
<br />
Nyt taulukko on lisätty sivupohjalle ja sen tulisi näyttää seuraavalta.<br />
<br />
[[Kuva:7-nvu-sivupohjat-taulukon_ulkoasu.png|thumb|250px|none]]<br />
<br />
Seuraavaksi taulukon ulkoasua muokataan hieman.<br />
<br />
* Napsauta taulukkoa hiiren kakkospainikkeella (oikeakätisille oikea-painike)<br />
* Valitse valikosta ''Taulukonsolu: Ominaisuudet...''<br />
<br />
[[Kuva:8-nvu-sivupohjat-valikko_taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Siirry ''Taulukko'' -välilehdelle<br />
* Aseta Taulukon leveydeksi ''90% ikkunasta''<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Valitse taulukon tasaukseksi ''Keskitetty''<br />
<br />
[[Kuva:9-nvu-sivupohjat-taulukon_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt taulukon asetukset ovat valmiit. Sivun reunoilla on nyt ikkunan koon suhteen muutuvat marginaalit ja itse taulukko on näkymättömänä taustalla ja siihen voidaan aloittaa lisäämään sivustolle tulevia elementtejä. <br />
<br />
=== Otsikkokuvan lisääminen ===<br />
Sivupohjan otsikkokuvaksi lisätään sopiva mallimateriaalista löytyvä kuva mutta sitä ennen muutetaan otsikkokentän taustaväriä kuvalle sopivaksi.<br />
<br />
* Napsauta hiiren kakkospainikkeella taulukon ylempää solua<br />
* Valitse ''Taulukon tai solun taustaväri''<br />
<br />
[[Kuva:10-nvu-sivupohjat-taulukon_solun_taustavari.png|thumb|250px|none]]<br />
<br />
* Ota rasti pois kohdasta ''Läpinäkyvä'' <br />
* Syötä kohtaan ''Heksadesimaali'' seuraava värikoodi ''<nowiki>#DEB86D</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:11-nvu-sivupohjat-taulukon_solun_taustavari_valinta.png|thumb|250px|none]]<br />
<br />
Nyt otsikkosoluun on syötetty sopiva taustaväri ja siihen voidaan lisätä sopiva kuva.<br />
<br />
* Valitse ''Lisää'' > ''Kuva...'' <br />
* Tarkasta että olet ''Sijainti'' -välilehdellä<br />
* Valitse lisättävä kuva napsauttamalla "''Valitse kuva...''" -painiketta. Esimerkissä käytetty kuva on ''otsikko.jpg''<br />
* Syötä kuvalle vaihtoehtoinen teksti, joka näkyy selaimissa joissa kuvien lataaminen on estetty. Esimerkissä tekstinä on "''Pingviinin omat sivut''"<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:12-nvu-sivupohjat-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Nyt sivujen otsikkokenttä on valmis. Asetetulla taustavärillä mahdollistettiin se että internet-selainikkunan kokoa voidaan vapaasti vaihdella ilman että otsikko kentän ulkonäkö rikkoutuu. Nyt näyttää ikäänkuin käytetty kuva jatkuisi koko otsikon leveydeltä, vaikka itseasiassa kuva on pelkästää väriliukuna otsikon vasemmassa reunassa ja taustaväri näkyy jatkeena sen oikeassa reunassa. <br />
<br />
[[Kuva:13-nvu-sivupohjat-otsikko_valmis.png|thumb|250px|none]]<br />
<br />
=== Sivunavigoinnin tekeminen ===<br />
Sivunavigoinnin avulla voidaan siirtyä helposti sivuston eri sivujen välillä. Ensikerralla toteutettavaan sivujen sisältöön tehdään sivustolle kolme erilaista sivua. Nämä ovat pääsivu, linkkisivu ja harrastukset-sivu. <br />
<br />
* Valitse taulukon alempi solu napsauttamalla sitä hiirellä<br />
<br />
<br />
<br />
[[Kuva:14-nvu-sivupohjat-navigointi_rivit.png|thumb|250px|none]]<br />
<br />
* Lisää siihen kolme rivin vaihtoa painamalla ''Enter''-näppäintä<br />
<br />
<br />
<br />
[[Kuva:15-nvu-sivupohjat-navigointi_rivit_ylin.png|thumb|250px|none]]<br />
<br />
* Siirrä tekstikursori takaisin ylimmälle riville<br />
* Lisää ylimälle tekstiriville riville seuraava teksti: ''Pääsivu | Harrastukset | Linkit''<br />
<br />
<br />
<br />
[[Kuva:16-nvu-sivupohjat-navigointi_tekstit.png|thumb|250px|none]]<br />
<br />
* Maalaa hiirellä juuri lisätty tekstirivi<br />
<br />
<br />
<br />
[[Kuva:17-nvu-sivupohjat-navigointi_maalattu.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasintyyppiä valitsemalla ''Muotoile'' > ''Kirjasinlaji'' > ''sans-serif''<br />
<br />
* Lihavoi rivi valitsemalla ''Lihavoi''-pikapainike [[Kuva:18-nvu-sivupohjat-navigointi_maalattu_lihavoi.png|thumb|250px|none]] työkaluriviltä<br />
<br />
Seuraavaksi teksteistä tehdään linkit jotka ohjaavat ne oikeille sivuille. Sivuja ei ole vielä tehty mutta niihin viittaavat linkit voidaan jo tehdä.<br />
<br />
* Maalaa ensimmäinen sana ''Pääsivu''<br />
* Valitse ''Lisää'' > ''Lisää linkki...''<br />
* Kirjoita linkin osoitteeksi ''index.html''. Huomaa että osoite on kirjoitettu kokonaan pienillä kirjaimilla.<br />
<br />
[[Kuva:19-nvu-sivupohjat-navigointi_maalattu_linkin_ominaisuudet.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:20-nvu-sivupohjat-navigointi_linkit_ekavalmis.png|thumb|250px|none]]<br />
<br />
Valmis linkki<br />
<br />
Toista tämä sama kohdalle harrastukset ja linkit. ''Harrastukset'' -linkin kohteeksi voidaan antaa ''harrastukset.html ''ja ''linkit''-kohdalle ''linkit.html''<br />
<br />
<br />
<br />
[[Kuva:21-nvu-sivupohjat-navigointi_linkit_kaikki.png|thumb|250px|none]]<br />
<br />
Kaikki linkit lisätty<br />
<br />
Lopuksi voidaan muuttaa alueen pohja vielä sopivamman väriseksi, jotta linkit näkyvät paremmin.<br />
<br />
* Napsauta talukon alimmaista solua hiiren kakkospainikkeella<br />
* Valitse "''Taulukon tai solun taustaväri''"<br />
* Aseta värikoodiksi ''Heksadesimaali'' -kohtaan ''<nowiki>#F6E8CE</nowiki>''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:22-nvu-sivupohjat-navigointi_linkit_taustavari.png|thumb|250px|none]]<br />
<br />
Valmis linkkirivi<br />
<br />
=== Tekstialueen lisääminen ===<br />
Seuraavaksi lisätään sivupohjaan tekstialue johon eri sivujen varsinainen sisältö lisätään. Tekstialue tehdään yhdestä uudesta taulukosta joka sijoitetaan samaan alueeseen navigoinnin kanssa.<br />
<br />
* Siirrä kursori alimmalle tekstiriville navigoinnin alapuolelle<br />
* Valitse ''Lisää ''> ''Taulukko...''<br />
* Valitse kooksi ''1x1''<br />
<br />
[[Kuva:23-nvu-sivupohjat-tekstialue-taulukko.png|thumb|250px|none]]<br />
<br />
* Napsauta lisättyä taulukkoa hiiren kakkospainikkeella ja valitse "''Taulukon solu: ominaisuudet...''"<br />
* Siirry ''Taulukko''-välilehdelle [[Kuva:24-nvu-sivupohjat-tekstialue-taulukko-ominaisuudet.png|thumb|250px|none]]<br />
* Aseta Sarakkeiden leveydeksi ''98%'' solusta<br />
* Poista taulukolta näkyvät reunukset tyhjentämällä ''Reunus'', ''Välitys'' ja ''Täyte'' -kentät<br />
* Aseta Taulukon tasaus ''Keskitetyksi''<br />
* Valitse'' ''taustaväriksi värikoodi ''<nowiki>#F3E4C5. </nowiki>''Lisääminen tapahtuu samalla tavalla kuin ''Taulukoiden tekeminen'' -kappaleessa.<br />
* Napsauta ''OK''<br />
<br />
Nyt sisällölle on lisätty oma kenttä johon eri sivujen tekstejä ja kuvia voidaan lisätä.<br />
<br />
[[Kuva:25-nvu-sivupohjat-tekstialue-valmis.png|thumb|250px|none]]<br />
<br />
=== Muokattavan alueen määrittäminen ===<br />
Lopuksi määritetään sivupohjaan alue jota voidaan jatkossa muokata. Tällöin sivupohjan muita asetuksia ei voi vahingossa muokata vaan sisältöä voidaan lisätä pelkästään tiettyyn paikkaan.<br />
<br />
* Valitse sisällölle edellä tehty kenttä napsauttamalla sitä hiirellä, niin että kursori alkaa vilkkua siinä<br />
<br />
[[Kuva:26-nvu-sivupohjat-tekstialue-sisallon_muokkaus.png|thumb|250px|none]]<br />
<br />
* Valitse ''Lisää'' > ''Mallit'' > ''Lisää muokattava sisältö''<br />
* Anna muokattavan alueen nimeksi esim. sisältö<br />
* Valitse alueen tyypiksi ''tekstin virtaus''<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Valmis sivupohja<br />
<br />
Nyt sivupohja on tallentamista vaille valmis. Tätä sivupohjaa voidaan käyttää nyt kokonaisen sivuston tekemiseen, jolloin jokainen sivu näyttää samalta, mutta sisältöä voidaan vaihtaa. Nyt sivu voidaan siis tallentaa ja siitä voidaan aloittaa tekemään sivuja. Sivupohjan hyödyntämiseen tutustutaan tarkemmin viikon kuluttua. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetyt kuvat sekä valmis mallipohjatiedosto. Tiedostot voidaan ladata samaan kansioon seuraavien vaiheiden mukaisesti. Kaikki tiedostot kannattaa sijoittaa samaan kansioon. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
# Lataa esimerkissä tehty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
<br />
''Edellisviikolla tutustuttiin sivupohjien tekemiseen NVU-verkkosivujen teko-ohjelmistolla. Tässä ohjeessa tutustutaan sivupohjien hyödyntämiseen tekemällä kolmesta erillisestä sivusta koostuva pieni verkkosivusto.'' <br />
<br />
== Sivupohjien ottaminen käyttöön ==<br />
<br />
Seuraavassa tutustutaan sivupohjien hyödyntämiseen. <br />
<br />
[[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]][[Kuva:1-nvu-sivupohjasta-mallisivu1.png|thumb|250px|none]]<br />
<br />
Ohjeessa tehtävä esimerkkisivusto ja siinä käytettävät materiaalit ovat ladattavissa ohjeen viimeisessä kappaleessa olevien ohjeiden mukaisesti. <br />
<br />
== Sivupohjan avaaminen ja tarvittava materiaali ==<br />
Sivustolle tullaan tarvitsemaan lisättävänä materiaalina sivuille kuuluvat tekstit ja kuvat. Esimerkissä käytettävät tekstit ja kuvat ovat hyödynnettävissä kokeilua varten.<br />
<br />
Sivuston tekeminen aloitetaan luomalla uusi sivu ja valitsemalla käytettävä sivupohja.<br />
<br />
* Valitse ''Tiedosto'' ''> Uusi...''<br />
* Valitse "''Uusi malliin perustuva dokumentti''" aktiiviseksi<br />
* Valitse käytettävä mallisivutiedosto napsauttamalla "''Valitse tiedosto...''" -painiketta<br />
<br />
[[Kuva:2-nvu-sivupohjasta-mallisivu2.png|thumb|250px|none]]<br />
<br />
* Napsauta ''avaa''<br />
<br />
Nyt sivupohja ladataan uuden verkkosivun pohjaksi ja siihen voidaan aloittaa lisäämään sisältöä.<br />
<br />
[[Kuva:3-nvu-sivupohjasta-mallisivu3.png|thumb|250px|none]]<br />
<br />
== Sisällön lisääminen sivupohjalle ==<br />
Sisällön lisääminen on helpointa tehdä ''esikatselu''-tilassa johon voidaan siirtyä NVU-ikkunan alalaidassa olevasta valikosta.<br />
<br />
[[Kuva:4-nvu-sivupohjasta-uusi_dokumentti.png|thumb|250px|none]]<br />
<br />
Sivuston sivut tehdään yksikerrallaan käyttämällä valmista mallipohjaa ja syöttämällä siihen sivuille kuuluva sisältö.<br />
<br />
=== Pääsivu ===<br />
Pääsivu on sivuston sisääntulosivu jossa on sivuston yleinen esittely ja muuta tietoa. Pääsivu tehdään lisäämällä sille sisällöksi tekstiä ja kuva pingviinistä. Sivulle tuleva teksti on avattavissa seuraavasta linkistä josta se voidaan halutessa kopioida suoraan NVU:hun seuraavasti.<br />
<br />
* Napsauta [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] hiiren kakkospainikkeella ja valitse "''Avaa linkki uudessa ikkunassa''", vaihtoehtoisesti voit tallentaa tiedoston edellisestä linkistä tai oppaan lopusta ja avata sen erillisellä ohjelmalla.<br />
* Maalaa hiirellä tekstistä pääsivulle kuuluva sisältö<br />
<br />
[[Kuva:5-nvu-sivupohjasta-ladattu_pohja.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Muokkaa'' ''>'' ''Kopioi''<br />
* Siirry takaisin NVU-ikkunaan<br />
* Napsauta ''sisältö'' -tekstikenttää<br />
<br />
[[Kuva:6-nvu-sivupohjasta-esikatselutila.png|thumb|250px|none]]<br />
<br />
* Pyyhi pois siinä oleva ''Sisältö'' -teksti<br />
<br />
[[Kuva:7-nvu-sivupohjasta-mallisisalto.png|thumb|250px|none]]<br />
<br />
* Valitse'' Muokkaa'' ''> Liitä''<br />
<br />
[[Kuva:8-nvu-sivupohjasta-sisallonlisays1.png|thumb|250px|none]]<br />
<br />
Nyt sivuille tuleva teksti on lisätty pelkistetyssä muodossa ja se tulee muotoilla oikein tyylien avulla. Tyylien asettamiseen on tutustuttu ensimmäisessä NVU -oppaassa.<br />
<br />
<br />
<br />
==== Fontin asettaminen ====<br />
Ensin lisätyn tekstin kirjasinlajiksi vaihdetaan ''sans-serif'' maalaamalla lisätty teksti.<br />
<br />
[[Kuva:9-nvu-sivupohjasta-sisallonlisays2.png|thumb|250px|none]]<br />
<br />
Valitaan kirjasinlaji valitsemalla ''Muotoile'' ''> Kirjasinlaji > sans-serif''<br />
<br />
<br />
<br />
==== Pääotsikon lisääminen ====<br />
* Maalaa sivun pääotsikoksi tarkoitettu ensimmäinen rivi<br />
<br />
[[Kuva:10-nvu-sivupohjasta-sisallonlisays3.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko1''<br />
<br />
<br />
<br />
[[Kuva:11-nvu-sivupohjasta-sisallonlisays-fontti.png|thumb|250px|none]]<br />
<br />
==== Tekstikappaleiden lisääminen ====<br />
Maalaa ja valitse toisella ja kolmannella rivillä oleville teksteille tyyliksi ''Kappaletyyli.''<br />
<br />
[[Kuva:12-nvu-sivupohjasta-sisallonlisays-paaotsikko.png|thumb|250px|none]]<br />
<br />
==== Listat ====<br />
Pääsivulla on kaksi erilliseksi listaksi tarkoitettua kohtaa, jotka on merkitty ''<nowiki>*</nowiki>''-merkillä. Nämä kohdat merkitään siis listatyylillä ja pyyhitään niiden edestä ''<nowiki>*</nowiki>''-merkki pois.<br />
<br />
* Maalaa ensimmäinen listakohta<br />
<br />
[[Kuva:13-nvu-sivupohjasta-sisallonlisays-tyylin_valinta.png|thumb|250px|none]]<br />
<br />
* Aseta se luetteloksi napsauttamalla luettelopainiketta<br />
<br />
[[Kuva:14-nvu-sivupohjasta-sisallonlisays-tyylin_valinta_kpl.png|thumb|250px|none]]<br />
<br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
[[Kuva:15-nvu-sivupohjasta-sisallonlisays-luettelo_maalattu.png|thumb|250px|none]]<br />
<br />
* Maalaa ''Uutisia'' -tekstin alla oleva toinen luettelo<br />
* Aseta myös se luetteloksi <br />
* Pyyhi rivien edestä ''<nowiki>*</nowiki>''-merkit pois<br />
<br />
Lopuksi Luettelossa olevat päivä määrät voidaan vahventaa.<br />
<br />
* Maalaa päivämäärä<br />
<br />
[[Kuva:16-nvu-sivupohjasta-sisallonlisays-luettelo_pallot.png|thumb|250px|none]]<br />
<br />
* Napsauta ''vahvenna''-painiketta <br />
<br />
[[Kuva:17-nvu-sivupohjasta-sisallonlisays-luettelo_valmis.png|thumb|250px|none]]<br />
<br />
Listat näyttävät valmiins seuraavilta.<br />
<br />
[[Kuva:18-nvu-sivupohjasta-sisallonlisays-pvm_bold.png|thumb|250px|none]]<br />
<br />
Toista sama toisellekin päivämäärälle. <br />
<br />
==== Alaotsikon tekeminen ====<br />
Viimeisenä tekstiasetteluna asetetaan alaotsikolle oikea tyyli.<br />
<br />
* Maalaa ''Uutisia''-teksti<br />
<br />
[[Kuva:19-nvu-sivupohjasta-sisallonlisays-bold-painike.png|thumb|250px|none]]<br />
<br />
* Valitse sille tyyliksi ''Otsikko2''<br />
<br />
[[Kuva:20-nvu-sivupohjasta-sisallonlisays-pvm_valmis.png|thumb|250px|none]]<br />
<br />
==== Kuvan lisääminen ====<br />
Lopuksi pääsivulle lisätään vielä kuva.<br />
<br />
* Siirrä teksikursori pääotsikko rivin loppuun<br />
* Valitse ''Lisää'' ''>'' ''Kuva''<br />
* Valitse lisättäväksi kuvaksi [http://materiaali.linuxkouluun.fi/pingviini.png pingviini.png]<br />
* Aseta vaihtoehtoiseksi tekstiksi "''Pekka pigviinin kuva''"<br />
<br />
[[Kuva:21-nvu-sivupohjasta-sisallonlisays-alaotsikko.png|thumb|250px|none]]<br />
<br />
* Siirry ''Ulkoasu''-välilehdelle<br />
* Valitse Kuvan ja tekstin tasaukseksi ''Vasemmalle''<br />
<br />
[[Kuva:22-nvu-sivupohjasta-sisallonlisays-alaotsikko_valmis.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:23-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet.png|thumb|250px|none]]<br />
<br />
<br />
<br />
==== Sivun tallentaminen ====<br />
Nyt pääsivu on valmis ja se voidaan tallentaa.<br />
<br />
* Valitse ''Tiedosto'' ''>'' ''Tallenna nimellä...''<br />
* Anna tiedostolle nimeksi ''index.html'' ja sen sijainnin tulee olla sama kuin sivuilla olevin kuvien <br />
<br />
<br />
<br />
<br />
<br />
=== Harrastukset-sivu ===<br />
Harrastukset sivu tehdään samojen periaatteiden mukaisesti kuin pääsivukin.<br />
<br />
* Luo uusi sivu valinnalla ''Tiedosto'' ''>'' ''Uusi...'' <br />
* Ota käyttöön sama sivupohjatiedosto ja siirry ''Esikatselu''-tilaan<br />
<br />
Sivustolle tulevat tekstit on samassa tekstitiedostossa kuin pääsivunkin. Mikäli ikkuna on jo suljettu sen saa auki samalla tavalla [http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä] linkistä.<br />
<br />
* Kopioi Harrastukset sivun sisältö NVU:hun samalla tavalla kuin aiemmin<br />
<br />
[[Kuva:24-nvu-sivupohjasta-sisallonlisays-kuvan_ominaisuudet2.png|thumb|250px|none]]<br />
<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Merkkaa pääotsikko, alaotsikot, kappaletekstit ja listat<br />
<br />
[[Kuva:25-nvu-sivupohjasta-eka_sivu_valmis.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle lisätään harrastuksiin liittyvät pienet kuvat. Lisääminen tapahtuu samalla tavalla kuin pääsivulla, siirtämällä kursori otsikon loppuun ja lisäämällä kuva siihen.<br />
<br />
* Käytä "''Lintujen bongaus''" -otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/lintu.png lintu.png] ja vaihtoehtoisena tekstinä "''Kuva linnusta''"<br />
<br />
Lisättynä linnun kuva voi olla turhan suuri ja sitä pitää pienentää.<br />
<br />
<br />
<br />
[[Kuva:26-nvu-sivupohjasta-harrastukset-sivu-sisalto.png|thumb|250px|none]]<br />
<br />
Tämä onnistuu kuvan kulmissa olevista pienistä kahvoista.<br />
<br />
<br />
<br />
[[Kuva:27-nvu-sivupohjasta-harrastukset-sivu-tyylit.png|thumb|250px|none]]<br />
<br />
Vetämällä kahvoista kuvan kokoa voidaan pienentää sopivaksi.<br />
<br />
[[Kuva:28-nvu-sivupohjasta-harrastukset-sivu-kuva.png|thumb|250px|none]]<br />
<br />
* Käytä "''Kokkailu''"-otsikkoon kuvaa [http://materiaali.linuxkouluun.fi/kakku.png kakku.png] ja vaihtoehtoisena tekstinä "''Kuva suklakakusta''"<br />
<br />
[[Kuva:29-nvu-sivupohjasta-harrastukset-sivu-kuvakoko.png|thumb|250px|none]]<br />
<br />
Lopuksi sivu tallennetaan nimellä ''harrastukset.html''. <br />
<br />
=== Linkit-sivu ===<br />
Myös linkit sivu toteuttetaan täysin samalla tavalla kuin edelliset sivut. Sivuilla olevista linkkikohteista tehdään oikeat linkit lisäämällä niihin tiedot linkityksen kohteista.<br />
<br />
* Aloita uusi dokumentti samasta mallipohjasta ja kopioi siihen sisältö.<br />
* Muuta kirjasinlajiksi ''sans-serif''<br />
* Aseta tekstille oikea tyyliasettelu<br />
<br />
[[Kuva:30-nvu-sivupohjasta-harrastukset-sivu-kuvakoko2.png|thumb|250px|none]]<br />
<br />
==== Linkkien tekeminen ====<br />
Jokaiseen linkitettävään kohtaan lisätään tieto missä kyseinen sivu sijaitsee.<br />
<br />
* Poista listoista ''<nowiki>*</nowiki>''-merkit<br />
* Maalaa kohta josta tehdään linkki<br />
<br />
[[Kuva:31-nvu-sivupohjasta-harrastukset-sivu-kakkukuva.png|thumb|250px|none]]<br />
<br />
<br />
<br />
* Valitse ''Lisää'' ''>'' ''Linkki''<br />
* Anna kohteeksi tieto missä sivu sijaitsee<br />
<br />
[[Kuva:32-nvu-sivupohjasta-linkitsivu-tyylit.png|thumb|250px|none]]<br />
<br />
* Napsauta ''OK''<br />
<br />
[[Kuva:33-nvu-sivupohjasta-linkitsivu-linnkien_tekeminen.png|thumb|250px|none]]<br />
<br />
Seuraavassa on lueteltu sivuilla olevien kohteiden osoitteet joihin niiden tulisi viitata.<br />
<br />
''Suklaalinkkejä''<br />
<br />
* ''Tee itse suklaata'' http://www.rihmasto.fi/wiki/Suklaa<br />
* ''Oulun suklaayhdistys'' http://www.suklaayhdistys.com/suklaasuomi.php<br />
* ''Tietoa suklaasta'' http://fi.wikipedia.org/wiki/Suklaa<br />
<br />
''Lintulinkkejä''<br />
<br />
* ''Perustietoa linnuista'' http://fi.wikipedia.org/wiki/Linnut<br />
* ''Lintukuvia ja linkkejä'' http://www.biomi.org/linnut/<br />
* ''Lintujen tunnistus harjoituksia'' http://www.tkukoulu.fi/~viyrhe/opetus/<br />
<br />
[[Kuva:34-nvu-sivupohjasta-linkitsivu-linkit_ominaisuudet.png|thumb|250px|none]]<br />
<br />
Lopuksi sivulle voidaan lisätä jokin kuva antamaan sille väriä. Esimerkissä on lisätty kuvatiedosto [http://materiaali.linuxkouluun.fi/apina.png apina.png]. Tämän jälkeen sivu tallennetaan nimellä ''linkit.html''.<br />
<br />
[[Kuva:35-nvu-sivupohjasta-linkitsivu-eka_valmis.png|thumb|250px|none]]<br />
<br />
== Sivun kokeilu ==<br />
Kun sivut on tallennettu, voidaan niitä kokeilla paikallisesti omalla tietokoneella. Tämä onnistuu lataamalla tallennettu pääsivu-tiedosto (index.html) verkkoselaimessa. Tavallisesti tämä onnistuu seuraavasti.<br />
<br />
* Käynnistä verkkoselain<br />
* Valitse ''Tiedosto'' ''>'' ''Avaa tiedosto...''<br />
* Valitse avattavaksi tiedostoksi tallennettu pääsivu eli ''index.html''<br />
<br />
Nyt sivuston tulisi avautua selaimeen ja kaikkien kolmen sivun välillä voidaan siirtyä. <br />
<br />
Seuraava vaihe olisi verkkosivujen julkaiseminen Internetissä ja tähän aiheeseen tutustumme lyhyesti ensiviikon artikkelissa. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Alhaalla olevista linkeistä voidaan ladata esimerkissä käytetty kuvat, teksti ja valmiit sivut. Tiedostot tulisi ladata ''samaan'' kansioon seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
<br />
<br />
''Esimerkissä käytettävät tiedostot''<br />
<br />
# Lataa esimerkkissä käytetty ''teksti ''[http://materiaali.linuxkouluun.fi/NVU-sivun_teksti.txt tästä]<br />
# Lataa esimerkkissä käytetty ''pingviinin ''kuva [http://materiaali.linuxkouluun.fi/pingviini.png tästä]<br />
# Lataa esimerkkissä käytetty ''linnun ''kuva [http://materiaali.linuxkouluun.fi/lintu.png tästä]<br />
# Lataa esimerkkissä käytetty ''kakun ''kuva [http://materiaali.linuxkouluun.fi/kakku.png tästä]<br />
# Lataa esimerkkissä käytetty ''apinan ''kuva [http://materiaali.linuxkouluun.fi/apina.png tästä]<br />
# Lataa esimerkissä tehty ''pääsivu ''html-muodossa [http://materiaali.linuxkouluun.fi/index.html tästä]<br />
# Lataa esimerkissä tehty ''harrastukset''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/harrastukset.html tästä]<br />
# Lataa esimerkissä tehty ''linkit''-sivu'' ''html-muodossa [http://materiaali.linuxkouluun.fi/linkit.html tästä]<br />
<br />
''Sivupohjassa käytetyt tiedostot edellisestä oppaasta''<br />
<br />
# Lataa esimerkissä kaytetty ''mallipohjatiedosto'' [http://materiaali.linuxkouluun.fi/NVU_mallipohja.mzt tästä]<br />
# Lataa esimerkissä käytetty ''taustakuva ''[http://materiaali.linuxkouluun.fi/taustakuva.png tästä]<br />
# Lataa esimerkissä käytetty ''otsikkokuva'' [http://materiaali.linuxkouluun.fi/otsikko.jpg tästä]<br />
<br />
Esimerkissä käytettävät kuvat löytyvät Open Clip Art -arkistosta ja ne ovat julkaistu Public Domainina. Kuvien piirtäjinä ovat toimineet: Nicu Buculei, Architetto Francesco Rollandin, Valessio Soares de Brito ja clemente.</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30439Linux.fi:Linuxkouluun.fi2010-01-15T08:21:50Z<p>OpinsysASokero: /* Kuvankäsittely */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| [[Gimpin perusohje]]<br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| [[Marblen perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| [[KBruchin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KWordQuizin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KTouchin perusohje]]<br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=GIMP/Perusohje&diff=30438GIMP/Perusohje2010-01-15T08:17:25Z<p>OpinsysASokero: /* Yleistä */</p>
<hr />
<div>Gimp on monipuolinen kuvankäsittelyohjelma Linux-käyttöjärjestelmälle. Tässä ohjeen ensimmäisessä osassa tutustutaan esimerkiksi ohjelman perustoimintoihin, yksinkertaisten muotojen tekemiseen sekä väriarvojen muokkaamiseen.<br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee kuvien käsittelyä ja muokkaamista GIMP-kuvankäsittelyohjelmalla. Ohjeen ensimmäisessä osassa perehdytään ohjelman perustoimintoihin sekä muutamiin hyödyllisiin kuvien muokkaustoimintoihin. Ohjeen soveltamiseksi suositellaan hyvää tietokoneiden perussovellusten käyttötaitoa sekä pientä tuntemusta kuvankäsittelyn perusteista. Ohjeen seuraamista ja oppimista kannattaa kokeilla tekemällä oppaan vaiheita jonkin oman kuvan avulla.<br />
<br />
== GIMP:n perustoimintoja ==<br />
=== Uuden kuvan tekeminen ===<br />
* Valitaan ''Tiedosto'' > ''Uusi''<br />
* Haluttu kuvakoko voidaan syöttää ikkunan kenttiin tai valita sopiva vaihtoehto malleista. Esimerkissä on valittu valmis mallikoko ''A4''.<br />
<br />
[[Kuva:1-gimp-perusohje1-uusikuva.png|thumb|250px|none]] <br />
<br />
=== Värin valitseminen ===<br />
Käytössä oleva väri valitaan napsauttamalla värien valintaruutua. Alempi väri on taustaväri ja ylempi käytössä oleva väri.<br />
<br />
[[Kuva:2-gimp-perusohje1-varinvalinta.png|thumb|250px|none]]<br />
<br />
=== Zoomaus ===<br />
Zoomaus tapahtuu valitsemalla ''suurennuslasi''-työkalu ja napsauttamalla sen jälkeen suurennettavaa kuvaa hiiren painikkeella. Poispäin zoomaus onnistuu samalla tavalla, mutta pitämällä samanaikaisesti ''Ctrl''- näppäintä pohjassa.<br />
<br />
== GIMP:n piirto- ja kuvankäsittely-ominaisuuksia ==<br />
=== Viivan piirtäminen ===<br />
Viivojen piirtäminen GIMP:ssä sisältää omat erikoispiirteensä. Viivojen piirtämistä varten on käytettävissä kaksi työkalua, toinen kovareunaiseen ja toinen siveltimenvetoja muistuttavaan piirtoon.<br />
<br />
[[Kuva:3-gimp-perusohje1-viivanpiirto.png|thumb|250px|none]] <br />
<br />
Oletuksena molempia voidaan käyttää piirtämään vapaita muotoja.<br />
<br />
==== Suora viiva ====<br />
Suoria viivoja molemmilla työkaluilla voidaan piirtää seuraavasti:<br />
<br />
* Valitaan työkaluksi kynä tai sivellin.<br />
* Painetaan ''Shift''-näppäin pohjaan päästämättä sitä irti.<br />
* Napsautetaan hiiren ykköspainiketta kohdassa josta halutaan viivan alkavan.<br />
* Napsautetaan painiketta uudestaan kohdassa johon halutaan viivan päättyvän.<br />
<br />
[[Kuva:4-gimp-perusohje1-suoraviiva.png|thumb|250px|none]] <br />
<br />
==== Kaareva viiva ====<br />
* Valitaan polkutyökalu ”''Luo ja muokkaa polkuja''”.<br />
<br />
[[Kuva:5-gimp-perusohje1-kaarevaviiva.png|thumb|250px|none]] <br />
<br />
* Napsautetaan seuraavaksi kohtaan josta halutaan kaarevan viivan alkavan<br />
* Napsautetaan kohtaa johon haluat sen päättyvän<br />
* Nyt voidaan tarttua viivasta hiiren kursorilla ja venyttää sitä kaarelle<br />
* Kun kaari on sopivassa kohtaa napsauta GIMP -ikkunan alaosasta kohtaa ”''Piirrä polku''”.<br />
* Valitse haluamasi asetukset ja napsauta ”''Piirrä''”.<br />
<br />
=== Ympyrän ja neliön piirtäminen ===<br />
Ympyrän ja neliön piirtäminen tehdään GIMP:ssä valintatyökalujen avulla. Esimerkissä käsitellään ympyrän tekemistä, mutta sama tekniikka pätee niin neliöille, kuin kädellä ''Vapaavalinta''-työkalulla piirretyille alueillekin.<br />
<br />
==== Täytetty ympyrä ====<br />
* Valitaan ellipsityökalu ”''valitse elliptisiä alueita''”.<br />
<br />
[[Kuva:6-gimp-perusohje1-ympyra.png|thumb|250px|none]] <br />
<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä.<br />
* Valitaan väri mikä ympyrään halutaan.<br />
* Valitse ''Ämpäri''-työkalu.<br />
* Napsautetaan ympyrävalinnan sisäpuolelle. <br />
<br />
==== Läpinäkyvä ympyrä ====<br />
* Valitaan ''Taso'' > ''Uusi taso''<br />
* Annetaan tasolle nimeksi esim. ympyrät.<br />
* Valitaan ''Läpinäkyvä'' ja napsautetaan ''OK''<br />
* Valitaan ''Ellipsi'' -työkalu<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä<br />
* Valitaan väri millä ympyrän reunat värjätään<br />
* Valitaan ''Ämpäri'' -työkalu[[Kuva:7-gimp-perusohje1-filltyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan ympyrävalinnan sisäpuolelle <br />
* Valitaan''Valitse'' > ''Pienennä''<br />
* Asetetaan montako pikseliä halutaan viivan paksuudeksi ja napsautetaan ''OK''<br />
* Valitaan ''Muokkaa'' > ''Tyhjennä''<br />
<br />
=== Kuvan kirkkauden ja kontrastin muuttaminen ===<br />
Kuvien kirkkautta ja tarkkuutta saattaa pystyä parantamaan kontrastia säätämällä. Yleensä epäonnistunutta kuvaa on kuitenkin lähes mahdotonta paikata jälkikäteen. Liian tummaan tai ylivalottuneeseen kuvaan on jälkikäteen lähes mahdotonta saada siitä puuttuvia värejä takaisin. Kontrastin ja kirkkauden muunnosta voi kuitenkin toisinaan käyttää hyvänä tehokeinona kuvia muokatessa.<br />
<br />
* Avataan kuva jonka kirkkautta ja kontrastia halutaan muuttaa.<br />
* Valitaan ''Työkalut ''> ''Värityökalut'' > ”''Kirkkaus- ja kontrastisäätö...''”<br />
* Napsauta ''Esikatselu''-painike päälle, jolloin muutokset näkyvät kuvassa ennen niiden lopullista toteuttamista.<br />
* Kirkkauden ja kontrastin säätäminen onnistuu avautuvan ikkunan liukusäätimiä liikuttamalla.<br />
<br />
=== Väritasapainon muuttaminen ===<br />
Väritasapaino vaikuttaa kuvan selkeyteen ja tunnelmaan ja sen muokkaamiseksi löytyy työkalu ylävalikoista ''Työkalut'' > ''Värityökalut'' > ”''Väritasapainon säätö...''”. Väritasapainon säätäminen on hyvin kuvakohtaista, joten parhaiten oikean asetuksen löytää kokeilemalla. Tätä varten kannattaa tarkistaa, että ”''Väritasapainon säätö''” -ikkunassa on esikatselu kohta valittuna, jolloin tehdyt muutokset näkee heti. Muutokset kuitenkin tallentuvat vasta, kun ikkuna suljetaan painamalla ''OK''. ''Nollaa''-painikkeella tehdyt muutokset kumoutuvat ja ''Peru''-painikkeella nollautumisen lisäksi ikkuna sulkeutuu.<br />
<br />
[[Kuva:8-gimp-perusohje1-varitasapaino.png|thumb|250px|none]]<br />
<br />
=== Kuvan rajaaminen ===<br />
* Valitaan GIMP-ikkunan työkaluista ”''Rajaa tai muokkaa kuvan kokoa''” [[Kuva:9-gimp-perusohje1-rajaustyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan työkalu valittuna kuvaa, jolloin avautuu ”''Rajaa & muokkaa kokoa''” -ikkuna<br />
<br />
[[Kuva:10-gimp-perusohje1-kankaankoko.png|thumb|250px|none]] <br />
<br />
* Nyt voidaan hiirellä kuvan päällä vetämällä tai ikkunaan numeroarvoja syöttämällä rajata mieleinen kuva-ala<br />
* Lopuksi napsautetaan ”''Rajaa''”<br />
<br />
Jos halutaan että kuvan pituus ja leveys suhteet säilyvät samoina kuin alkuperäisessä, rajaamisen voi tehdä myös seuraavasti.<br />
<br />
* Valitse kuvaikkunan valikoista ''Kuva'' > ''Kankaan koko''.<br />
* Kohdasta ''kankaan koko'' määritetään rajattavan alueen suuruus. Pienennetään tätä nuolilla niin, että rajattava alue on sopivan kokoinen. Oletuksena kuvan leveys ja korkeus pienenevät samassa suhteessa, mutta tämän saa tarvittaessa pois napsauttamalla niiden vieressä olevaa ''ketju''-kuvaketta. [[Kuva:11-gimp-perusohje1-ketjukuvake.png|thumb|250px|none]] <br />
<br />
* Kohdasta siirtymä siirretään valkoista kehystä jonka sisälle jäävä osa tulee rajattuun kuvaan. Siirrä tämä sopivaan kohtaan.<br />
* Lopuksi napsautetaan ”''Muuta kokoa''”. Nyt kuva on rajattu.<br />
<br />
=== Kuvakoon muuttaminen ===<br />
Seuraavaksi muutetaan kuvan kokoa eli resoluutiota nettikäyttöön sopivaksi.<br />
<br />
* Valitse ''Kuva'' > ''Skaalaa kuva''<br />
* Avautuneeseen ikkunaan syötetään kuvalle uusi koko<br />
<br />
[[Kuva:12-gimp-perusohje1-skaalaakuvaa.png|thumb|250px|none]] <br />
<br />
Kuva kokoa on usein kätevä muuttaa suhteellisesti sen nykyiseen kokoon nähden. Tämä onnistuu valitsemalla yksiköiksi kuvan tapaan ''prosentit''. Tämän jälkeen leveydeksi voidaan asettaa esimerkiksi 50 prosenttia ja painaa ''enter''-näppäintä, jolloin tuleva kuvan tarkkuus näkyy korkeus ja leveys asetusten alapuolella.<br />
<br />
<br />
== Tasojen käyttö ==<br />
Tasot ovat tärkeä GIMP:n ominaisuus, jolla kuvankäsittelyä voidaan helpottaa ja tehostaa. Tasot ovat ikään kuin päällekkäin olevia kalvoja, jotka voivat olla täysin tai osittain läpinäkyviä/peittäviä. Tasoja on käytännöllistä käyttää esimerkiksi tekstejä lisättäessä, jolloin ne säilyvät liikuteltavina jälkeenpäin. Tasoja käytettäessä on hyvä muistaa, että tasot eivät säily tallennettaessa kuvaa yleisimpiin kuvamuotoihin. Jos halutaan, että tasoja voidaan muokata vielä jälkeenpäin kannattaa kuva tallentaa GIMP:n omassa kuvamuodossa, joka on ''.xcf''. Tämä muoto on tarkoitettu muokattavana säilytettävien kuvien tallentamiseen, joten on suotavaa että kuvan ollessa valmis siitä käytettävä tiedosto olisi tallennettu jossain yleisemmässä muodossa, kuten ''jpg''.<br />
<br />
=== Uuden tason lisääminen ===<br />
* Valitse ''Taso'' > ''Uusi taso''. Tällöin avautuu seuraavan näköinen ikkuna<br />
<br />
[[Kuva:1-gimp-perusohje2-uusitaso.png|thumb|250px|none]]<br />
<br />
* Anna tasolle nimi<br />
* Oletuksena tasosta tulee samankokoinen kuin alkuperäisestä kuvasta, mutta tätä voi muuttaa leveys ja korkeus kohdasta<br />
* Tason täyttötapa määrittää millainen tausta tasolle tulee<br />
* Taso luodaan napsauttamalla ''OK''<br />
<br />
=== Tasojen hallinta ===<br />
Tasojen hallinnassa tärkeänä työkaluna on ylävalikoista löytyvä ''Ikkunat ''> ''Tasot''. Sillä voidaan esimerkiksi muuttaa tasojen järjestystä sekä poistaa niitä kokonaan tai ottaa pois näkyvistä.<br />
<br />
[[Kuva:2-gimp-perusohje2-tasohallinta.png|thumb|250px|none]]<br />
<br />
==== Aktiivisen tason valinta ====<br />
Aktiivisena oleva taso valitaan ''Ikkunat'' > ''Tasot'' -työkalun avulla napsauttamalla tasoa, joka halutaan aktiiviseksi. Kuvaa muokatessa kannattaa olla tarkkana, että tehtävät muutokset tulevat varmasti sille tasolle jolle on tarkoituskin.<br />
<br />
==== Tason poistaminen ====<br />
* Ota esiin ''Ikkunat'' > ''Tasot''<br />
* Napsauta poistettavaa tasoa hiiren kakkospainikkeella<br />
* Valitse ”''Poista taso''”-painike [[Kuva:3-gimp-perusohje2-roskakorikuvake.png|thumb|250px|none]]<br />
<br />
==== Tason ottaminen pois näkyvistä ====<br />
Taso on mahdollista ottaa pois näkyvistä siten että itse taso kuitenkin säilyy entisellään.<br />
<br />
* Ota esiin ''Ikkunat'' > ''Tasot''.<br />
* Napsauta pois tason vasemmalla oleva silmän kuva.[[Kuva:4-gimp-perusohje2-silmakuvake.png|thumb|250px|none]]<br />
<br />
Tason saa takaisin näkyviin napsauttamalla silmän kuvaa uudestaan.<br />
<br />
== Tekstin lisääminen ==<br />
Tekstin lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Tekstityökalu''<br />
* GIMP -ikkunasta voit vaihtaa käytettävää fonttia, sen kokoa ja väriä<br />
<br />
[[Kuva:5-gimp-perusohje2-tekstinlisays.png|thumb|250px|none]]<br />
<br />
* Napsauta kohtaan johon teksti halutaan lisätä. Tekstityökalu lisää tekstin automaattisesti omalle tasolleen.<br />
* Kirjoita avautuneeseen tekstieditoriin teksti ja napsauta ''sulje''.<br />
* Tekstiruutua voidaan siirtää ”''Siirrä tasoja ja valintoja''” -työkalulla[[Kuva:6-gimp-perusohje2-siirratasoja.png|thumb|250px|none]]<br />
<br />
Tekstityökalu lisää automaatisesti uuden tekstin omalle tasolleen. Tekstiä voidaan siis siirtää ja muokata jälkeenpäin valitsemalla ''Ikkunat'' > ''Tasot ''toiminnon avulla taso johon teksti on lisätty.<br />
<br />
== Suotimien käyttö ==<br />
GIMP sisältää useita valmiita suotimia. Suotimilla kuvia voidaan muokata helposti ja asettaa niihin erilaisia tehosteita. Suodinten käyttöön on paras tutustua rohkeasti kokeilemalla ja testaamalla niiden erilaisia tehosteita. Suotimet löytyvät kuvaikkunan ylävalikon kohdasta suotimet.<br />
<br />
=== Suotimen lisääminen ===<br />
* Valitse käytettävä suodin ikkunan ''Suotimet''-valikosta <br />
* Valitse mahdollisesti avautuvasta ikkunasta tarvittaessa tarkempia asetuksia<br />
* Napsauta ''OK''<br />
<br />
Jos suodinta haluaa käyttää ainoastaan johonkin tiettyyn kohtaan kuvaa, valitse valintatyökaluilla kuvan kohta ja sen ollessa aktiivisena valitse käytettävä suodin.<br />
<br />
Suotimen lisäys voidaan tarvittaessa peruuttaa valitsemalla ''Muokkaa'' > ''Kumoa.''<br />
<br />
== Kuvan tallentaminen ==<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä''<br />
* Etsi tiedostolle sopiva tallennuspaikka <br />
* Anna tiedostolle nimi, jonka loppuun laitat tiedostomuodon päätteen, jolla kuvan haluat tallentaa (esim. .jpg, .png .xcf). Halutessa että kuvassa säilyvät kaikki tasot erillisinä ja että paras muokattavuus GIMP:ä käyttäessä säilyy kannattaa käyttää .xcf muotoa. Jos kuvaa ei ole enää tarvetta muokata jälkeenpäin kannattaa se tallentaa jossain muussa muodossa. Esimerkiksi jpg sopii hyvin valokuville ja png kaaviokuville.<br />
<br />
[[Kuva:7-gimp-perusohje2-tallennus.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Tallenna''-painiketta<br />
<br />
<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Tässä lyhyessä ohjeessa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
== Kuvatiedotomuodon muuttaminen Gimpillä ==<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Seuraavassa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
=== Tallennusmuodoista ===<br />
Tallennusmuodon valintaan vaikuttaa pääasiassa kuvan käyttötarkoitus ja kohde. Seuraavassa on lueteltu yleisimmät kuvien tallennusmuodot, niiden suositeltava käyttötarkoitus ja muutamia yleisiä ominaisuuksia.<br />
<br />
''JPG'' - Tämä on hyvä tallennusmuoto esimerkiksi valokuville. Jpg-muoto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se soveltuu hyvin internetissä esitettävien kuvien tallennusmuodoksi. Jpg-tiedoston hyvänä puolena on sen vähän tilaa vievä tallennuskoko, mutta siinä käytetty pakkaus heikentää hieman kuvan laatua kuvaoriginaaliin verrattuna. <br />
<br />
''PNG'' - Erityisesti kaaviokuville ja kuvaajille sopiva muoto. Png muotoinen kuvatiedosto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se sopii internet-käyttöön. PNG ei heikennä kuvan laatua verrattuna alkuperäiseen, mutta se vie huomattavasti enemmän tilaa jpg-muotoon verrattuna, erityisesti jos sitä käytetään esimerkiksi valokuvien tallentamiseen. <br />
<br />
''XCF'' - Gimpin kuvankäsittely tiedostomuoto jota kannattaa käyttää tallennettaessa omia kuvan muokkausprojekteja. Xcf-muoto vie paljon tilaa ja samalla tallentuvat kaikki kyseisen projektin asetukset, kuvien tasot ja muut projektiin liittyvät tiedot. Xcf-muoto on yleensä avattavissa ainoastaan Gimpillä.<br />
<br />
=== Tallennusmuodon muuttaminen ===<br />
GIMP pystyy käsittelemään useita kymmeniä eri tallennusmuotoja, joiden välillä muunnoksia voidaan tehdä. Seuraavassa esitellään tiedostotyypin muuttamisen perusajatus vaiheittain.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa...''<br />
* Valitse kuva jonka tallennusmuotoa halutaan muuttaa.<br />
* Valitse avautuneesta kuvaikkunasta ''Tiedosto'' > T''allenna nimellä...''<br />
* Anna tiedostolle nimi<br />
<br />
[[Kuva:1-gimp-tallentaminen-tiedostonnimi.png|thumb|250px|none]]<br />
<br />
* Napsauta kohdan Tiedoston tyyppi vieressä olevasta pienestä kolmiosta.<br />
<br />
[[Kuva:2-gimp-tallentaminen-tiedostomuoto.png|thumb|250px|none]]<br />
<br />
* Valitse napsauttamalla tiedostotyyppiä johon haluat kuvan muuttaa.<br />
* Napsauta ''Tallenna''-painiketta.<br />
<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=GIMP/Perusohje&diff=30437GIMP/Perusohje2010-01-15T08:17:08Z<p>OpinsysASokero: </p>
<hr />
<div>Gimp on monipuolinen kuvankäsittelyohjelma Linux-käyttöjärjestelmälle. Tässä ohjeen ensimmäisessä osassa tutustutaan esimerkiksi ohjelman perustoimintoihin, yksinkertaisten muotojen tekemiseen sekä väriarvojen muokkaamiseen.<br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee kuvien käsittelyä ja muokkaamista GIMP-kuvankäsittelyohjelmalla. Ohjeen ensimmäisessä osassa perehdytään ohjelman perustoimintoihin sekä muutamiin hyödyllisiin kuvien muokkaustoimintoihin. Ohjeen soveltamiseksi suositellaan hyvää tietokoneiden perussovellusten käyttötaitoa sekä pientä tuntemusta kuvankäsittelyn perusteista. Ohjeen seuraamista ja oppimista kannattaa kokeilla tekemällä oppaan vaiheita jonkin oman kuvan avulla.<br />
<br />
Tämä ohje jatkuu artikkelissa [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.]<br />
<br />
== GIMP:n perustoimintoja ==<br />
=== Uuden kuvan tekeminen ===<br />
* Valitaan ''Tiedosto'' > ''Uusi''<br />
* Haluttu kuvakoko voidaan syöttää ikkunan kenttiin tai valita sopiva vaihtoehto malleista. Esimerkissä on valittu valmis mallikoko ''A4''.<br />
<br />
[[Kuva:1-gimp-perusohje1-uusikuva.png|thumb|250px|none]] <br />
<br />
=== Värin valitseminen ===<br />
Käytössä oleva väri valitaan napsauttamalla värien valintaruutua. Alempi väri on taustaväri ja ylempi käytössä oleva väri.<br />
<br />
[[Kuva:2-gimp-perusohje1-varinvalinta.png|thumb|250px|none]]<br />
<br />
=== Zoomaus ===<br />
Zoomaus tapahtuu valitsemalla ''suurennuslasi''-työkalu ja napsauttamalla sen jälkeen suurennettavaa kuvaa hiiren painikkeella. Poispäin zoomaus onnistuu samalla tavalla, mutta pitämällä samanaikaisesti ''Ctrl''- näppäintä pohjassa.<br />
<br />
== GIMP:n piirto- ja kuvankäsittely-ominaisuuksia ==<br />
=== Viivan piirtäminen ===<br />
Viivojen piirtäminen GIMP:ssä sisältää omat erikoispiirteensä. Viivojen piirtämistä varten on käytettävissä kaksi työkalua, toinen kovareunaiseen ja toinen siveltimenvetoja muistuttavaan piirtoon.<br />
<br />
[[Kuva:3-gimp-perusohje1-viivanpiirto.png|thumb|250px|none]] <br />
<br />
Oletuksena molempia voidaan käyttää piirtämään vapaita muotoja.<br />
<br />
==== Suora viiva ====<br />
Suoria viivoja molemmilla työkaluilla voidaan piirtää seuraavasti:<br />
<br />
* Valitaan työkaluksi kynä tai sivellin.<br />
* Painetaan ''Shift''-näppäin pohjaan päästämättä sitä irti.<br />
* Napsautetaan hiiren ykköspainiketta kohdassa josta halutaan viivan alkavan.<br />
* Napsautetaan painiketta uudestaan kohdassa johon halutaan viivan päättyvän.<br />
<br />
[[Kuva:4-gimp-perusohje1-suoraviiva.png|thumb|250px|none]] <br />
<br />
==== Kaareva viiva ====<br />
* Valitaan polkutyökalu ”''Luo ja muokkaa polkuja''”.<br />
<br />
[[Kuva:5-gimp-perusohje1-kaarevaviiva.png|thumb|250px|none]] <br />
<br />
* Napsautetaan seuraavaksi kohtaan josta halutaan kaarevan viivan alkavan<br />
* Napsautetaan kohtaa johon haluat sen päättyvän<br />
* Nyt voidaan tarttua viivasta hiiren kursorilla ja venyttää sitä kaarelle<br />
* Kun kaari on sopivassa kohtaa napsauta GIMP -ikkunan alaosasta kohtaa ”''Piirrä polku''”.<br />
* Valitse haluamasi asetukset ja napsauta ”''Piirrä''”.<br />
<br />
=== Ympyrän ja neliön piirtäminen ===<br />
Ympyrän ja neliön piirtäminen tehdään GIMP:ssä valintatyökalujen avulla. Esimerkissä käsitellään ympyrän tekemistä, mutta sama tekniikka pätee niin neliöille, kuin kädellä ''Vapaavalinta''-työkalulla piirretyille alueillekin.<br />
<br />
==== Täytetty ympyrä ====<br />
* Valitaan ellipsityökalu ”''valitse elliptisiä alueita''”.<br />
<br />
[[Kuva:6-gimp-perusohje1-ympyra.png|thumb|250px|none]] <br />
<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä.<br />
* Valitaan väri mikä ympyrään halutaan.<br />
* Valitse ''Ämpäri''-työkalu.<br />
* Napsautetaan ympyrävalinnan sisäpuolelle. <br />
<br />
==== Läpinäkyvä ympyrä ====<br />
* Valitaan ''Taso'' > ''Uusi taso''<br />
* Annetaan tasolle nimeksi esim. ympyrät.<br />
* Valitaan ''Läpinäkyvä'' ja napsautetaan ''OK''<br />
* Valitaan ''Ellipsi'' -työkalu<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä<br />
* Valitaan väri millä ympyrän reunat värjätään<br />
* Valitaan ''Ämpäri'' -työkalu[[Kuva:7-gimp-perusohje1-filltyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan ympyrävalinnan sisäpuolelle <br />
* Valitaan''Valitse'' > ''Pienennä''<br />
* Asetetaan montako pikseliä halutaan viivan paksuudeksi ja napsautetaan ''OK''<br />
* Valitaan ''Muokkaa'' > ''Tyhjennä''<br />
<br />
=== Kuvan kirkkauden ja kontrastin muuttaminen ===<br />
Kuvien kirkkautta ja tarkkuutta saattaa pystyä parantamaan kontrastia säätämällä. Yleensä epäonnistunutta kuvaa on kuitenkin lähes mahdotonta paikata jälkikäteen. Liian tummaan tai ylivalottuneeseen kuvaan on jälkikäteen lähes mahdotonta saada siitä puuttuvia värejä takaisin. Kontrastin ja kirkkauden muunnosta voi kuitenkin toisinaan käyttää hyvänä tehokeinona kuvia muokatessa.<br />
<br />
* Avataan kuva jonka kirkkautta ja kontrastia halutaan muuttaa.<br />
* Valitaan ''Työkalut ''> ''Värityökalut'' > ”''Kirkkaus- ja kontrastisäätö...''”<br />
* Napsauta ''Esikatselu''-painike päälle, jolloin muutokset näkyvät kuvassa ennen niiden lopullista toteuttamista.<br />
* Kirkkauden ja kontrastin säätäminen onnistuu avautuvan ikkunan liukusäätimiä liikuttamalla.<br />
<br />
=== Väritasapainon muuttaminen ===<br />
Väritasapaino vaikuttaa kuvan selkeyteen ja tunnelmaan ja sen muokkaamiseksi löytyy työkalu ylävalikoista ''Työkalut'' > ''Värityökalut'' > ”''Väritasapainon säätö...''”. Väritasapainon säätäminen on hyvin kuvakohtaista, joten parhaiten oikean asetuksen löytää kokeilemalla. Tätä varten kannattaa tarkistaa, että ”''Väritasapainon säätö''” -ikkunassa on esikatselu kohta valittuna, jolloin tehdyt muutokset näkee heti. Muutokset kuitenkin tallentuvat vasta, kun ikkuna suljetaan painamalla ''OK''. ''Nollaa''-painikkeella tehdyt muutokset kumoutuvat ja ''Peru''-painikkeella nollautumisen lisäksi ikkuna sulkeutuu.<br />
<br />
[[Kuva:8-gimp-perusohje1-varitasapaino.png|thumb|250px|none]]<br />
<br />
=== Kuvan rajaaminen ===<br />
* Valitaan GIMP-ikkunan työkaluista ”''Rajaa tai muokkaa kuvan kokoa''” [[Kuva:9-gimp-perusohje1-rajaustyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan työkalu valittuna kuvaa, jolloin avautuu ”''Rajaa & muokkaa kokoa''” -ikkuna<br />
<br />
[[Kuva:10-gimp-perusohje1-kankaankoko.png|thumb|250px|none]] <br />
<br />
* Nyt voidaan hiirellä kuvan päällä vetämällä tai ikkunaan numeroarvoja syöttämällä rajata mieleinen kuva-ala<br />
* Lopuksi napsautetaan ”''Rajaa''”<br />
<br />
Jos halutaan että kuvan pituus ja leveys suhteet säilyvät samoina kuin alkuperäisessä, rajaamisen voi tehdä myös seuraavasti.<br />
<br />
* Valitse kuvaikkunan valikoista ''Kuva'' > ''Kankaan koko''.<br />
* Kohdasta ''kankaan koko'' määritetään rajattavan alueen suuruus. Pienennetään tätä nuolilla niin, että rajattava alue on sopivan kokoinen. Oletuksena kuvan leveys ja korkeus pienenevät samassa suhteessa, mutta tämän saa tarvittaessa pois napsauttamalla niiden vieressä olevaa ''ketju''-kuvaketta. [[Kuva:11-gimp-perusohje1-ketjukuvake.png|thumb|250px|none]] <br />
<br />
* Kohdasta siirtymä siirretään valkoista kehystä jonka sisälle jäävä osa tulee rajattuun kuvaan. Siirrä tämä sopivaan kohtaan.<br />
* Lopuksi napsautetaan ”''Muuta kokoa''”. Nyt kuva on rajattu.<br />
<br />
=== Kuvakoon muuttaminen ===<br />
Seuraavaksi muutetaan kuvan kokoa eli resoluutiota nettikäyttöön sopivaksi.<br />
<br />
* Valitse ''Kuva'' > ''Skaalaa kuva''<br />
* Avautuneeseen ikkunaan syötetään kuvalle uusi koko<br />
<br />
[[Kuva:12-gimp-perusohje1-skaalaakuvaa.png|thumb|250px|none]] <br />
<br />
Kuva kokoa on usein kätevä muuttaa suhteellisesti sen nykyiseen kokoon nähden. Tämä onnistuu valitsemalla yksiköiksi kuvan tapaan ''prosentit''. Tämän jälkeen leveydeksi voidaan asettaa esimerkiksi 50 prosenttia ja painaa ''enter''-näppäintä, jolloin tuleva kuvan tarkkuus näkyy korkeus ja leveys asetusten alapuolella.<br />
<br />
<br />
== Tasojen käyttö ==<br />
Tasot ovat tärkeä GIMP:n ominaisuus, jolla kuvankäsittelyä voidaan helpottaa ja tehostaa. Tasot ovat ikään kuin päällekkäin olevia kalvoja, jotka voivat olla täysin tai osittain läpinäkyviä/peittäviä. Tasoja on käytännöllistä käyttää esimerkiksi tekstejä lisättäessä, jolloin ne säilyvät liikuteltavina jälkeenpäin. Tasoja käytettäessä on hyvä muistaa, että tasot eivät säily tallennettaessa kuvaa yleisimpiin kuvamuotoihin. Jos halutaan, että tasoja voidaan muokata vielä jälkeenpäin kannattaa kuva tallentaa GIMP:n omassa kuvamuodossa, joka on ''.xcf''. Tämä muoto on tarkoitettu muokattavana säilytettävien kuvien tallentamiseen, joten on suotavaa että kuvan ollessa valmis siitä käytettävä tiedosto olisi tallennettu jossain yleisemmässä muodossa, kuten ''jpg''.<br />
<br />
=== Uuden tason lisääminen ===<br />
* Valitse ''Taso'' > ''Uusi taso''. Tällöin avautuu seuraavan näköinen ikkuna<br />
<br />
[[Kuva:1-gimp-perusohje2-uusitaso.png|thumb|250px|none]]<br />
<br />
* Anna tasolle nimi<br />
* Oletuksena tasosta tulee samankokoinen kuin alkuperäisestä kuvasta, mutta tätä voi muuttaa leveys ja korkeus kohdasta<br />
* Tason täyttötapa määrittää millainen tausta tasolle tulee<br />
* Taso luodaan napsauttamalla ''OK''<br />
<br />
=== Tasojen hallinta ===<br />
Tasojen hallinnassa tärkeänä työkaluna on ylävalikoista löytyvä ''Ikkunat ''> ''Tasot''. Sillä voidaan esimerkiksi muuttaa tasojen järjestystä sekä poistaa niitä kokonaan tai ottaa pois näkyvistä.<br />
<br />
[[Kuva:2-gimp-perusohje2-tasohallinta.png|thumb|250px|none]]<br />
<br />
==== Aktiivisen tason valinta ====<br />
Aktiivisena oleva taso valitaan ''Ikkunat'' > ''Tasot'' -työkalun avulla napsauttamalla tasoa, joka halutaan aktiiviseksi. Kuvaa muokatessa kannattaa olla tarkkana, että tehtävät muutokset tulevat varmasti sille tasolle jolle on tarkoituskin.<br />
<br />
==== Tason poistaminen ====<br />
* Ota esiin ''Ikkunat'' > ''Tasot''<br />
* Napsauta poistettavaa tasoa hiiren kakkospainikkeella<br />
* Valitse ”''Poista taso''”-painike [[Kuva:3-gimp-perusohje2-roskakorikuvake.png|thumb|250px|none]]<br />
<br />
==== Tason ottaminen pois näkyvistä ====<br />
Taso on mahdollista ottaa pois näkyvistä siten että itse taso kuitenkin säilyy entisellään.<br />
<br />
* Ota esiin ''Ikkunat'' > ''Tasot''.<br />
* Napsauta pois tason vasemmalla oleva silmän kuva.[[Kuva:4-gimp-perusohje2-silmakuvake.png|thumb|250px|none]]<br />
<br />
Tason saa takaisin näkyviin napsauttamalla silmän kuvaa uudestaan.<br />
<br />
== Tekstin lisääminen ==<br />
Tekstin lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Tekstityökalu''<br />
* GIMP -ikkunasta voit vaihtaa käytettävää fonttia, sen kokoa ja väriä<br />
<br />
[[Kuva:5-gimp-perusohje2-tekstinlisays.png|thumb|250px|none]]<br />
<br />
* Napsauta kohtaan johon teksti halutaan lisätä. Tekstityökalu lisää tekstin automaattisesti omalle tasolleen.<br />
* Kirjoita avautuneeseen tekstieditoriin teksti ja napsauta ''sulje''.<br />
* Tekstiruutua voidaan siirtää ”''Siirrä tasoja ja valintoja''” -työkalulla[[Kuva:6-gimp-perusohje2-siirratasoja.png|thumb|250px|none]]<br />
<br />
Tekstityökalu lisää automaatisesti uuden tekstin omalle tasolleen. Tekstiä voidaan siis siirtää ja muokata jälkeenpäin valitsemalla ''Ikkunat'' > ''Tasot ''toiminnon avulla taso johon teksti on lisätty.<br />
<br />
== Suotimien käyttö ==<br />
GIMP sisältää useita valmiita suotimia. Suotimilla kuvia voidaan muokata helposti ja asettaa niihin erilaisia tehosteita. Suodinten käyttöön on paras tutustua rohkeasti kokeilemalla ja testaamalla niiden erilaisia tehosteita. Suotimet löytyvät kuvaikkunan ylävalikon kohdasta suotimet.<br />
<br />
=== Suotimen lisääminen ===<br />
* Valitse käytettävä suodin ikkunan ''Suotimet''-valikosta <br />
* Valitse mahdollisesti avautuvasta ikkunasta tarvittaessa tarkempia asetuksia<br />
* Napsauta ''OK''<br />
<br />
Jos suodinta haluaa käyttää ainoastaan johonkin tiettyyn kohtaan kuvaa, valitse valintatyökaluilla kuvan kohta ja sen ollessa aktiivisena valitse käytettävä suodin.<br />
<br />
Suotimen lisäys voidaan tarvittaessa peruuttaa valitsemalla ''Muokkaa'' > ''Kumoa.''<br />
<br />
== Kuvan tallentaminen ==<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä''<br />
* Etsi tiedostolle sopiva tallennuspaikka <br />
* Anna tiedostolle nimi, jonka loppuun laitat tiedostomuodon päätteen, jolla kuvan haluat tallentaa (esim. .jpg, .png .xcf). Halutessa että kuvassa säilyvät kaikki tasot erillisinä ja että paras muokattavuus GIMP:ä käyttäessä säilyy kannattaa käyttää .xcf muotoa. Jos kuvaa ei ole enää tarvetta muokata jälkeenpäin kannattaa se tallentaa jossain muussa muodossa. Esimerkiksi jpg sopii hyvin valokuville ja png kaaviokuville.<br />
<br />
[[Kuva:7-gimp-perusohje2-tallennus.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Tallenna''-painiketta<br />
<br />
<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Tässä lyhyessä ohjeessa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
== Kuvatiedotomuodon muuttaminen Gimpillä ==<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Seuraavassa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
=== Tallennusmuodoista ===<br />
Tallennusmuodon valintaan vaikuttaa pääasiassa kuvan käyttötarkoitus ja kohde. Seuraavassa on lueteltu yleisimmät kuvien tallennusmuodot, niiden suositeltava käyttötarkoitus ja muutamia yleisiä ominaisuuksia.<br />
<br />
''JPG'' - Tämä on hyvä tallennusmuoto esimerkiksi valokuville. Jpg-muoto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se soveltuu hyvin internetissä esitettävien kuvien tallennusmuodoksi. Jpg-tiedoston hyvänä puolena on sen vähän tilaa vievä tallennuskoko, mutta siinä käytetty pakkaus heikentää hieman kuvan laatua kuvaoriginaaliin verrattuna. <br />
<br />
''PNG'' - Erityisesti kaaviokuville ja kuvaajille sopiva muoto. Png muotoinen kuvatiedosto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se sopii internet-käyttöön. PNG ei heikennä kuvan laatua verrattuna alkuperäiseen, mutta se vie huomattavasti enemmän tilaa jpg-muotoon verrattuna, erityisesti jos sitä käytetään esimerkiksi valokuvien tallentamiseen. <br />
<br />
''XCF'' - Gimpin kuvankäsittely tiedostomuoto jota kannattaa käyttää tallennettaessa omia kuvan muokkausprojekteja. Xcf-muoto vie paljon tilaa ja samalla tallentuvat kaikki kyseisen projektin asetukset, kuvien tasot ja muut projektiin liittyvät tiedot. Xcf-muoto on yleensä avattavissa ainoastaan Gimpillä.<br />
<br />
=== Tallennusmuodon muuttaminen ===<br />
GIMP pystyy käsittelemään useita kymmeniä eri tallennusmuotoja, joiden välillä muunnoksia voidaan tehdä. Seuraavassa esitellään tiedostotyypin muuttamisen perusajatus vaiheittain.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa...''<br />
* Valitse kuva jonka tallennusmuotoa halutaan muuttaa.<br />
* Valitse avautuneesta kuvaikkunasta ''Tiedosto'' > T''allenna nimellä...''<br />
* Anna tiedostolle nimi<br />
<br />
[[Kuva:1-gimp-tallentaminen-tiedostonnimi.png|thumb|250px|none]]<br />
<br />
* Napsauta kohdan Tiedoston tyyppi vieressä olevasta pienestä kolmiosta.<br />
<br />
[[Kuva:2-gimp-tallentaminen-tiedostomuoto.png|thumb|250px|none]]<br />
<br />
* Valitse napsauttamalla tiedostotyyppiä johon haluat kuvan muuttaa.<br />
* Napsauta ''Tallenna''-painiketta.<br />
<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=GIMP/Perusohje&diff=30436GIMP/Perusohje2010-01-15T08:16:21Z<p>OpinsysASokero: /* Tallennusmuodon muuttaminen */</p>
<hr />
<div>''Gimp on monipuolinen kuvankäsittelyohjelma Linux-käyttöjärjestelmälle. Tässä ohjeen ensimmäisessä osassa tutustutaan esimerkiksi ohjelman perustoimintoihin, yksinkertaisten muotojen tekemiseen sekä väriarvojen muokkaamiseen.'' <br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee kuvien käsittelyä ja muokkaamista GIMP-kuvankäsittelyohjelmalla. Ohjeen ensimmäisessä osassa perehdytään ohjelman perustoimintoihin sekä muutamiin hyödyllisiin kuvien muokkaustoimintoihin. Ohjeen soveltamiseksi suositellaan hyvää tietokoneiden perussovellusten käyttötaitoa sekä pientä tuntemusta kuvankäsittelyn perusteista. Ohjeen seuraamista ja oppimista kannattaa kokeilla tekemällä oppaan vaiheita jonkin oman kuvan avulla.<br />
<br />
Tämä ohje jatkuu artikkelissa [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.]<br />
<br />
== GIMP:n perustoimintoja ==<br />
=== Uuden kuvan tekeminen ===<br />
* Valitaan ''Tiedosto'' > ''Uusi''<br />
* Haluttu kuvakoko voidaan syöttää ikkunan kenttiin tai valita sopiva vaihtoehto malleista. Esimerkissä on valittu valmis mallikoko ''A4''.<br />
<br />
[[Kuva:1-gimp-perusohje1-uusikuva.png|thumb|250px|none]] <br />
<br />
=== Värin valitseminen ===<br />
Käytössä oleva väri valitaan napsauttamalla värien valintaruutua. Alempi väri on taustaväri ja ylempi käytössä oleva väri.<br />
<br />
[[Kuva:2-gimp-perusohje1-varinvalinta.png|thumb|250px|none]]<br />
<br />
=== Zoomaus ===<br />
Zoomaus tapahtuu valitsemalla ''suurennuslasi''-työkalu ja napsauttamalla sen jälkeen suurennettavaa kuvaa hiiren painikkeella. Poispäin zoomaus onnistuu samalla tavalla, mutta pitämällä samanaikaisesti ''Ctrl''- näppäintä pohjassa.<br />
<br />
== GIMP:n piirto- ja kuvankäsittely-ominaisuuksia ==<br />
=== Viivan piirtäminen ===<br />
Viivojen piirtäminen GIMP:ssä sisältää omat erikoispiirteensä. Viivojen piirtämistä varten on käytettävissä kaksi työkalua, toinen kovareunaiseen ja toinen siveltimenvetoja muistuttavaan piirtoon.<br />
<br />
[[Kuva:3-gimp-perusohje1-viivanpiirto.png|thumb|250px|none]] <br />
<br />
Oletuksena molempia voidaan käyttää piirtämään vapaita muotoja.<br />
<br />
==== Suora viiva ====<br />
Suoria viivoja molemmilla työkaluilla voidaan piirtää seuraavasti:<br />
<br />
* Valitaan työkaluksi kynä tai sivellin.<br />
* Painetaan ''Shift''-näppäin pohjaan päästämättä sitä irti.<br />
* Napsautetaan hiiren ykköspainiketta kohdassa josta halutaan viivan alkavan.<br />
* Napsautetaan painiketta uudestaan kohdassa johon halutaan viivan päättyvän.<br />
<br />
[[Kuva:4-gimp-perusohje1-suoraviiva.png|thumb|250px|none]] <br />
<br />
==== Kaareva viiva ====<br />
* Valitaan polkutyökalu ”''Luo ja muokkaa polkuja''”.<br />
<br />
[[Kuva:5-gimp-perusohje1-kaarevaviiva.png|thumb|250px|none]] <br />
<br />
* Napsautetaan seuraavaksi kohtaan josta halutaan kaarevan viivan alkavan<br />
* Napsautetaan kohtaa johon haluat sen päättyvän<br />
* Nyt voidaan tarttua viivasta hiiren kursorilla ja venyttää sitä kaarelle<br />
* Kun kaari on sopivassa kohtaa napsauta GIMP -ikkunan alaosasta kohtaa ”''Piirrä polku''”.<br />
* Valitse haluamasi asetukset ja napsauta ”''Piirrä''”.<br />
<br />
=== Ympyrän ja neliön piirtäminen ===<br />
Ympyrän ja neliön piirtäminen tehdään GIMP:ssä valintatyökalujen avulla. Esimerkissä käsitellään ympyrän tekemistä, mutta sama tekniikka pätee niin neliöille, kuin kädellä ''Vapaavalinta''-työkalulla piirretyille alueillekin.<br />
<br />
==== Täytetty ympyrä ====<br />
* Valitaan ellipsityökalu ”''valitse elliptisiä alueita''”.<br />
<br />
[[Kuva:6-gimp-perusohje1-ympyra.png|thumb|250px|none]] <br />
<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä.<br />
* Valitaan väri mikä ympyrään halutaan.<br />
* Valitse ''Ämpäri''-työkalu.<br />
* Napsautetaan ympyrävalinnan sisäpuolelle. <br />
<br />
==== Läpinäkyvä ympyrä ====<br />
* Valitaan ''Taso'' > ''Uusi taso''<br />
* Annetaan tasolle nimeksi esim. ympyrät.<br />
* Valitaan ''Läpinäkyvä'' ja napsautetaan ''OK''<br />
* Valitaan ''Ellipsi'' -työkalu<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä<br />
* Valitaan väri millä ympyrän reunat värjätään<br />
* Valitaan ''Ämpäri'' -työkalu[[Kuva:7-gimp-perusohje1-filltyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan ympyrävalinnan sisäpuolelle <br />
* Valitaan''Valitse'' > ''Pienennä''<br />
* Asetetaan montako pikseliä halutaan viivan paksuudeksi ja napsautetaan ''OK''<br />
* Valitaan ''Muokkaa'' > ''Tyhjennä''<br />
<br />
=== Kuvan kirkkauden ja kontrastin muuttaminen ===<br />
Kuvien kirkkautta ja tarkkuutta saattaa pystyä parantamaan kontrastia säätämällä. Yleensä epäonnistunutta kuvaa on kuitenkin lähes mahdotonta paikata jälkikäteen. Liian tummaan tai ylivalottuneeseen kuvaan on jälkikäteen lähes mahdotonta saada siitä puuttuvia värejä takaisin. Kontrastin ja kirkkauden muunnosta voi kuitenkin toisinaan käyttää hyvänä tehokeinona kuvia muokatessa.<br />
<br />
* Avataan kuva jonka kirkkautta ja kontrastia halutaan muuttaa.<br />
* Valitaan ''Työkalut ''> ''Värityökalut'' > ”''Kirkkaus- ja kontrastisäätö...''”<br />
* Napsauta ''Esikatselu''-painike päälle, jolloin muutokset näkyvät kuvassa ennen niiden lopullista toteuttamista.<br />
* Kirkkauden ja kontrastin säätäminen onnistuu avautuvan ikkunan liukusäätimiä liikuttamalla.<br />
<br />
=== Väritasapainon muuttaminen ===<br />
Väritasapaino vaikuttaa kuvan selkeyteen ja tunnelmaan ja sen muokkaamiseksi löytyy työkalu ylävalikoista ''Työkalut'' > ''Värityökalut'' > ”''Väritasapainon säätö...''”. Väritasapainon säätäminen on hyvin kuvakohtaista, joten parhaiten oikean asetuksen löytää kokeilemalla. Tätä varten kannattaa tarkistaa, että ”''Väritasapainon säätö''” -ikkunassa on esikatselu kohta valittuna, jolloin tehdyt muutokset näkee heti. Muutokset kuitenkin tallentuvat vasta, kun ikkuna suljetaan painamalla ''OK''. ''Nollaa''-painikkeella tehdyt muutokset kumoutuvat ja ''Peru''-painikkeella nollautumisen lisäksi ikkuna sulkeutuu.<br />
<br />
[[Kuva:8-gimp-perusohje1-varitasapaino.png|thumb|250px|none]]<br />
<br />
=== Kuvan rajaaminen ===<br />
* Valitaan GIMP-ikkunan työkaluista ”''Rajaa tai muokkaa kuvan kokoa''” [[Kuva:9-gimp-perusohje1-rajaustyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan työkalu valittuna kuvaa, jolloin avautuu ”''Rajaa & muokkaa kokoa''” -ikkuna<br />
<br />
[[Kuva:10-gimp-perusohje1-kankaankoko.png|thumb|250px|none]] <br />
<br />
* Nyt voidaan hiirellä kuvan päällä vetämällä tai ikkunaan numeroarvoja syöttämällä rajata mieleinen kuva-ala<br />
* Lopuksi napsautetaan ”''Rajaa''”<br />
<br />
Jos halutaan että kuvan pituus ja leveys suhteet säilyvät samoina kuin alkuperäisessä, rajaamisen voi tehdä myös seuraavasti.<br />
<br />
* Valitse kuvaikkunan valikoista ''Kuva'' > ''Kankaan koko''.<br />
* Kohdasta ''kankaan koko'' määritetään rajattavan alueen suuruus. Pienennetään tätä nuolilla niin, että rajattava alue on sopivan kokoinen. Oletuksena kuvan leveys ja korkeus pienenevät samassa suhteessa, mutta tämän saa tarvittaessa pois napsauttamalla niiden vieressä olevaa ''ketju''-kuvaketta. [[Kuva:11-gimp-perusohje1-ketjukuvake.png|thumb|250px|none]] <br />
<br />
* Kohdasta siirtymä siirretään valkoista kehystä jonka sisälle jäävä osa tulee rajattuun kuvaan. Siirrä tämä sopivaan kohtaan.<br />
* Lopuksi napsautetaan ”''Muuta kokoa''”. Nyt kuva on rajattu.<br />
<br />
=== Kuvakoon muuttaminen ===<br />
Seuraavaksi muutetaan kuvan kokoa eli resoluutiota nettikäyttöön sopivaksi.<br />
<br />
* Valitse ''Kuva'' > ''Skaalaa kuva''<br />
* Avautuneeseen ikkunaan syötetään kuvalle uusi koko<br />
<br />
[[Kuva:12-gimp-perusohje1-skaalaakuvaa.png|thumb|250px|none]] <br />
<br />
Kuva kokoa on usein kätevä muuttaa suhteellisesti sen nykyiseen kokoon nähden. Tämä onnistuu valitsemalla yksiköiksi kuvan tapaan ''prosentit''. Tämän jälkeen leveydeksi voidaan asettaa esimerkiksi 50 prosenttia ja painaa ''enter''-näppäintä, jolloin tuleva kuvan tarkkuus näkyy korkeus ja leveys asetusten alapuolella.<br />
<br />
<br />
== Tasojen käyttö ==<br />
Tasot ovat tärkeä GIMP:n ominaisuus, jolla kuvankäsittelyä voidaan helpottaa ja tehostaa. Tasot ovat ikään kuin päällekkäin olevia kalvoja, jotka voivat olla täysin tai osittain läpinäkyviä/peittäviä. Tasoja on käytännöllistä käyttää esimerkiksi tekstejä lisättäessä, jolloin ne säilyvät liikuteltavina jälkeenpäin. Tasoja käytettäessä on hyvä muistaa, että tasot eivät säily tallennettaessa kuvaa yleisimpiin kuvamuotoihin. Jos halutaan, että tasoja voidaan muokata vielä jälkeenpäin kannattaa kuva tallentaa GIMP:n omassa kuvamuodossa, joka on ''.xcf''. Tämä muoto on tarkoitettu muokattavana säilytettävien kuvien tallentamiseen, joten on suotavaa että kuvan ollessa valmis siitä käytettävä tiedosto olisi tallennettu jossain yleisemmässä muodossa, kuten ''jpg''.<br />
<br />
=== Uuden tason lisääminen ===<br />
* Valitse ''Taso'' > ''Uusi taso''. Tällöin avautuu seuraavan näköinen ikkuna<br />
<br />
[[Kuva:1-gimp-perusohje2-uusitaso.png|thumb|250px|none]]<br />
<br />
* Anna tasolle nimi<br />
* Oletuksena tasosta tulee samankokoinen kuin alkuperäisestä kuvasta, mutta tätä voi muuttaa leveys ja korkeus kohdasta<br />
* Tason täyttötapa määrittää millainen tausta tasolle tulee<br />
* Taso luodaan napsauttamalla ''OK''<br />
<br />
=== Tasojen hallinta ===<br />
Tasojen hallinnassa tärkeänä työkaluna on ylävalikoista löytyvä ''Ikkunat ''> ''Tasot''. Sillä voidaan esimerkiksi muuttaa tasojen järjestystä sekä poistaa niitä kokonaan tai ottaa pois näkyvistä.<br />
<br />
[[Kuva:2-gimp-perusohje2-tasohallinta.png|thumb|250px|none]]<br />
<br />
==== Aktiivisen tason valinta ====<br />
Aktiivisena oleva taso valitaan ''Ikkunat'' > ''Tasot'' -työkalun avulla napsauttamalla tasoa, joka halutaan aktiiviseksi. Kuvaa muokatessa kannattaa olla tarkkana, että tehtävät muutokset tulevat varmasti sille tasolle jolle on tarkoituskin.<br />
<br />
==== Tason poistaminen ====<br />
* Ota esiin ''Ikkunat'' > ''Tasot''<br />
* Napsauta poistettavaa tasoa hiiren kakkospainikkeella<br />
* Valitse ”''Poista taso''”-painike [[Kuva:3-gimp-perusohje2-roskakorikuvake.png|thumb|250px|none]]<br />
<br />
==== Tason ottaminen pois näkyvistä ====<br />
Taso on mahdollista ottaa pois näkyvistä siten että itse taso kuitenkin säilyy entisellään.<br />
<br />
* Ota esiin ''Ikkunat'' > ''Tasot''.<br />
* Napsauta pois tason vasemmalla oleva silmän kuva.[[Kuva:4-gimp-perusohje2-silmakuvake.png|thumb|250px|none]]<br />
<br />
Tason saa takaisin näkyviin napsauttamalla silmän kuvaa uudestaan.<br />
<br />
== Tekstin lisääminen ==<br />
Tekstin lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Tekstityökalu''<br />
* GIMP -ikkunasta voit vaihtaa käytettävää fonttia, sen kokoa ja väriä<br />
<br />
[[Kuva:5-gimp-perusohje2-tekstinlisays.png|thumb|250px|none]]<br />
<br />
* Napsauta kohtaan johon teksti halutaan lisätä. Tekstityökalu lisää tekstin automaattisesti omalle tasolleen.<br />
* Kirjoita avautuneeseen tekstieditoriin teksti ja napsauta ''sulje''.<br />
* Tekstiruutua voidaan siirtää ”''Siirrä tasoja ja valintoja''” -työkalulla[[Kuva:6-gimp-perusohje2-siirratasoja.png|thumb|250px|none]]<br />
<br />
Tekstityökalu lisää automaatisesti uuden tekstin omalle tasolleen. Tekstiä voidaan siis siirtää ja muokata jälkeenpäin valitsemalla ''Ikkunat'' > ''Tasot ''toiminnon avulla taso johon teksti on lisätty.<br />
<br />
== Suotimien käyttö ==<br />
GIMP sisältää useita valmiita suotimia. Suotimilla kuvia voidaan muokata helposti ja asettaa niihin erilaisia tehosteita. Suodinten käyttöön on paras tutustua rohkeasti kokeilemalla ja testaamalla niiden erilaisia tehosteita. Suotimet löytyvät kuvaikkunan ylävalikon kohdasta suotimet.<br />
<br />
=== Suotimen lisääminen ===<br />
* Valitse käytettävä suodin ikkunan ''Suotimet''-valikosta <br />
* Valitse mahdollisesti avautuvasta ikkunasta tarvittaessa tarkempia asetuksia<br />
* Napsauta ''OK''<br />
<br />
Jos suodinta haluaa käyttää ainoastaan johonkin tiettyyn kohtaan kuvaa, valitse valintatyökaluilla kuvan kohta ja sen ollessa aktiivisena valitse käytettävä suodin.<br />
<br />
Suotimen lisäys voidaan tarvittaessa peruuttaa valitsemalla ''Muokkaa'' > ''Kumoa.''<br />
<br />
== Kuvan tallentaminen ==<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä''<br />
* Etsi tiedostolle sopiva tallennuspaikka <br />
* Anna tiedostolle nimi, jonka loppuun laitat tiedostomuodon päätteen, jolla kuvan haluat tallentaa (esim. .jpg, .png .xcf). Halutessa että kuvassa säilyvät kaikki tasot erillisinä ja että paras muokattavuus GIMP:ä käyttäessä säilyy kannattaa käyttää .xcf muotoa. Jos kuvaa ei ole enää tarvetta muokata jälkeenpäin kannattaa se tallentaa jossain muussa muodossa. Esimerkiksi jpg sopii hyvin valokuville ja png kaaviokuville.<br />
<br />
[[Kuva:7-gimp-perusohje2-tallennus.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Tallenna''-painiketta<br />
<br />
<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Tässä lyhyessä ohjeessa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
== Kuvatiedotomuodon muuttaminen Gimpillä ==<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Seuraavassa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
=== Tallennusmuodoista ===<br />
Tallennusmuodon valintaan vaikuttaa pääasiassa kuvan käyttötarkoitus ja kohde. Seuraavassa on lueteltu yleisimmät kuvien tallennusmuodot, niiden suositeltava käyttötarkoitus ja muutamia yleisiä ominaisuuksia.<br />
<br />
''JPG'' - Tämä on hyvä tallennusmuoto esimerkiksi valokuville. Jpg-muoto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se soveltuu hyvin internetissä esitettävien kuvien tallennusmuodoksi. Jpg-tiedoston hyvänä puolena on sen vähän tilaa vievä tallennuskoko, mutta siinä käytetty pakkaus heikentää hieman kuvan laatua kuvaoriginaaliin verrattuna. <br />
<br />
''PNG'' - Erityisesti kaaviokuville ja kuvaajille sopiva muoto. Png muotoinen kuvatiedosto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se sopii internet-käyttöön. PNG ei heikennä kuvan laatua verrattuna alkuperäiseen, mutta se vie huomattavasti enemmän tilaa jpg-muotoon verrattuna, erityisesti jos sitä käytetään esimerkiksi valokuvien tallentamiseen. <br />
<br />
''XCF'' - Gimpin kuvankäsittely tiedostomuoto jota kannattaa käyttää tallennettaessa omia kuvan muokkausprojekteja. Xcf-muoto vie paljon tilaa ja samalla tallentuvat kaikki kyseisen projektin asetukset, kuvien tasot ja muut projektiin liittyvät tiedot. Xcf-muoto on yleensä avattavissa ainoastaan Gimpillä.<br />
<br />
=== Tallennusmuodon muuttaminen ===<br />
GIMP pystyy käsittelemään useita kymmeniä eri tallennusmuotoja, joiden välillä muunnoksia voidaan tehdä. Seuraavassa esitellään tiedostotyypin muuttamisen perusajatus vaiheittain.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa...''<br />
* Valitse kuva jonka tallennusmuotoa halutaan muuttaa.<br />
* Valitse avautuneesta kuvaikkunasta ''Tiedosto'' > T''allenna nimellä...''<br />
* Anna tiedostolle nimi<br />
<br />
[[Kuva:1-gimp-tallentaminen-tiedostonnimi.png|thumb|250px|none]]<br />
<br />
* Napsauta kohdan Tiedoston tyyppi vieressä olevasta pienestä kolmiosta.<br />
<br />
[[Kuva:2-gimp-tallentaminen-tiedostomuoto.png|thumb|250px|none]]<br />
<br />
* Valitse napsauttamalla tiedostotyyppiä johon haluat kuvan muuttaa.<br />
* Napsauta ''Tallenna''-painiketta.<br />
<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=GIMP/Perusohje&diff=30435GIMP/Perusohje2010-01-15T08:15:41Z<p>OpinsysASokero: tiedostomuodon muuttaminen</p>
<hr />
<div>''Gimp on monipuolinen kuvankäsittelyohjelma Linux-käyttöjärjestelmälle. Tässä ohjeen ensimmäisessä osassa tutustutaan esimerkiksi ohjelman perustoimintoihin, yksinkertaisten muotojen tekemiseen sekä väriarvojen muokkaamiseen.'' <br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee kuvien käsittelyä ja muokkaamista GIMP-kuvankäsittelyohjelmalla. Ohjeen ensimmäisessä osassa perehdytään ohjelman perustoimintoihin sekä muutamiin hyödyllisiin kuvien muokkaustoimintoihin. Ohjeen soveltamiseksi suositellaan hyvää tietokoneiden perussovellusten käyttötaitoa sekä pientä tuntemusta kuvankäsittelyn perusteista. Ohjeen seuraamista ja oppimista kannattaa kokeilla tekemällä oppaan vaiheita jonkin oman kuvan avulla.<br />
<br />
Tämä ohje jatkuu artikkelissa [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.]<br />
<br />
== GIMP:n perustoimintoja ==<br />
=== Uuden kuvan tekeminen ===<br />
* Valitaan ''Tiedosto'' > ''Uusi''<br />
* Haluttu kuvakoko voidaan syöttää ikkunan kenttiin tai valita sopiva vaihtoehto malleista. Esimerkissä on valittu valmis mallikoko ''A4''.<br />
<br />
[[Kuva:1-gimp-perusohje1-uusikuva.png|thumb|250px|none]] <br />
<br />
=== Värin valitseminen ===<br />
Käytössä oleva väri valitaan napsauttamalla värien valintaruutua. Alempi väri on taustaväri ja ylempi käytössä oleva väri.<br />
<br />
[[Kuva:2-gimp-perusohje1-varinvalinta.png|thumb|250px|none]]<br />
<br />
=== Zoomaus ===<br />
Zoomaus tapahtuu valitsemalla ''suurennuslasi''-työkalu ja napsauttamalla sen jälkeen suurennettavaa kuvaa hiiren painikkeella. Poispäin zoomaus onnistuu samalla tavalla, mutta pitämällä samanaikaisesti ''Ctrl''- näppäintä pohjassa.<br />
<br />
== GIMP:n piirto- ja kuvankäsittely-ominaisuuksia ==<br />
=== Viivan piirtäminen ===<br />
Viivojen piirtäminen GIMP:ssä sisältää omat erikoispiirteensä. Viivojen piirtämistä varten on käytettävissä kaksi työkalua, toinen kovareunaiseen ja toinen siveltimenvetoja muistuttavaan piirtoon.<br />
<br />
[[Kuva:3-gimp-perusohje1-viivanpiirto.png|thumb|250px|none]] <br />
<br />
Oletuksena molempia voidaan käyttää piirtämään vapaita muotoja.<br />
<br />
==== Suora viiva ====<br />
Suoria viivoja molemmilla työkaluilla voidaan piirtää seuraavasti:<br />
<br />
* Valitaan työkaluksi kynä tai sivellin.<br />
* Painetaan ''Shift''-näppäin pohjaan päästämättä sitä irti.<br />
* Napsautetaan hiiren ykköspainiketta kohdassa josta halutaan viivan alkavan.<br />
* Napsautetaan painiketta uudestaan kohdassa johon halutaan viivan päättyvän.<br />
<br />
[[Kuva:4-gimp-perusohje1-suoraviiva.png|thumb|250px|none]] <br />
<br />
==== Kaareva viiva ====<br />
* Valitaan polkutyökalu ”''Luo ja muokkaa polkuja''”.<br />
<br />
[[Kuva:5-gimp-perusohje1-kaarevaviiva.png|thumb|250px|none]] <br />
<br />
* Napsautetaan seuraavaksi kohtaan josta halutaan kaarevan viivan alkavan<br />
* Napsautetaan kohtaa johon haluat sen päättyvän<br />
* Nyt voidaan tarttua viivasta hiiren kursorilla ja venyttää sitä kaarelle<br />
* Kun kaari on sopivassa kohtaa napsauta GIMP -ikkunan alaosasta kohtaa ”''Piirrä polku''”.<br />
* Valitse haluamasi asetukset ja napsauta ”''Piirrä''”.<br />
<br />
=== Ympyrän ja neliön piirtäminen ===<br />
Ympyrän ja neliön piirtäminen tehdään GIMP:ssä valintatyökalujen avulla. Esimerkissä käsitellään ympyrän tekemistä, mutta sama tekniikka pätee niin neliöille, kuin kädellä ''Vapaavalinta''-työkalulla piirretyille alueillekin.<br />
<br />
==== Täytetty ympyrä ====<br />
* Valitaan ellipsityökalu ”''valitse elliptisiä alueita''”.<br />
<br />
[[Kuva:6-gimp-perusohje1-ympyra.png|thumb|250px|none]] <br />
<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä.<br />
* Valitaan väri mikä ympyrään halutaan.<br />
* Valitse ''Ämpäri''-työkalu.<br />
* Napsautetaan ympyrävalinnan sisäpuolelle. <br />
<br />
==== Läpinäkyvä ympyrä ====<br />
* Valitaan ''Taso'' > ''Uusi taso''<br />
* Annetaan tasolle nimeksi esim. ympyrät.<br />
* Valitaan ''Läpinäkyvä'' ja napsautetaan ''OK''<br />
* Valitaan ''Ellipsi'' -työkalu<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä<br />
* Valitaan väri millä ympyrän reunat värjätään<br />
* Valitaan ''Ämpäri'' -työkalu[[Kuva:7-gimp-perusohje1-filltyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan ympyrävalinnan sisäpuolelle <br />
* Valitaan''Valitse'' > ''Pienennä''<br />
* Asetetaan montako pikseliä halutaan viivan paksuudeksi ja napsautetaan ''OK''<br />
* Valitaan ''Muokkaa'' > ''Tyhjennä''<br />
<br />
=== Kuvan kirkkauden ja kontrastin muuttaminen ===<br />
Kuvien kirkkautta ja tarkkuutta saattaa pystyä parantamaan kontrastia säätämällä. Yleensä epäonnistunutta kuvaa on kuitenkin lähes mahdotonta paikata jälkikäteen. Liian tummaan tai ylivalottuneeseen kuvaan on jälkikäteen lähes mahdotonta saada siitä puuttuvia värejä takaisin. Kontrastin ja kirkkauden muunnosta voi kuitenkin toisinaan käyttää hyvänä tehokeinona kuvia muokatessa.<br />
<br />
* Avataan kuva jonka kirkkautta ja kontrastia halutaan muuttaa.<br />
* Valitaan ''Työkalut ''> ''Värityökalut'' > ”''Kirkkaus- ja kontrastisäätö...''”<br />
* Napsauta ''Esikatselu''-painike päälle, jolloin muutokset näkyvät kuvassa ennen niiden lopullista toteuttamista.<br />
* Kirkkauden ja kontrastin säätäminen onnistuu avautuvan ikkunan liukusäätimiä liikuttamalla.<br />
<br />
=== Väritasapainon muuttaminen ===<br />
Väritasapaino vaikuttaa kuvan selkeyteen ja tunnelmaan ja sen muokkaamiseksi löytyy työkalu ylävalikoista ''Työkalut'' > ''Värityökalut'' > ”''Väritasapainon säätö...''”. Väritasapainon säätäminen on hyvin kuvakohtaista, joten parhaiten oikean asetuksen löytää kokeilemalla. Tätä varten kannattaa tarkistaa, että ”''Väritasapainon säätö''” -ikkunassa on esikatselu kohta valittuna, jolloin tehdyt muutokset näkee heti. Muutokset kuitenkin tallentuvat vasta, kun ikkuna suljetaan painamalla ''OK''. ''Nollaa''-painikkeella tehdyt muutokset kumoutuvat ja ''Peru''-painikkeella nollautumisen lisäksi ikkuna sulkeutuu.<br />
<br />
[[Kuva:8-gimp-perusohje1-varitasapaino.png|thumb|250px|none]]<br />
<br />
=== Kuvan rajaaminen ===<br />
* Valitaan GIMP-ikkunan työkaluista ”''Rajaa tai muokkaa kuvan kokoa''” [[Kuva:9-gimp-perusohje1-rajaustyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan työkalu valittuna kuvaa, jolloin avautuu ”''Rajaa & muokkaa kokoa''” -ikkuna<br />
<br />
[[Kuva:10-gimp-perusohje1-kankaankoko.png|thumb|250px|none]] <br />
<br />
* Nyt voidaan hiirellä kuvan päällä vetämällä tai ikkunaan numeroarvoja syöttämällä rajata mieleinen kuva-ala<br />
* Lopuksi napsautetaan ”''Rajaa''”<br />
<br />
Jos halutaan että kuvan pituus ja leveys suhteet säilyvät samoina kuin alkuperäisessä, rajaamisen voi tehdä myös seuraavasti.<br />
<br />
* Valitse kuvaikkunan valikoista ''Kuva'' > ''Kankaan koko''.<br />
* Kohdasta ''kankaan koko'' määritetään rajattavan alueen suuruus. Pienennetään tätä nuolilla niin, että rajattava alue on sopivan kokoinen. Oletuksena kuvan leveys ja korkeus pienenevät samassa suhteessa, mutta tämän saa tarvittaessa pois napsauttamalla niiden vieressä olevaa ''ketju''-kuvaketta. [[Kuva:11-gimp-perusohje1-ketjukuvake.png|thumb|250px|none]] <br />
<br />
* Kohdasta siirtymä siirretään valkoista kehystä jonka sisälle jäävä osa tulee rajattuun kuvaan. Siirrä tämä sopivaan kohtaan.<br />
* Lopuksi napsautetaan ”''Muuta kokoa''”. Nyt kuva on rajattu.<br />
<br />
=== Kuvakoon muuttaminen ===<br />
Seuraavaksi muutetaan kuvan kokoa eli resoluutiota nettikäyttöön sopivaksi.<br />
<br />
* Valitse ''Kuva'' > ''Skaalaa kuva''<br />
* Avautuneeseen ikkunaan syötetään kuvalle uusi koko<br />
<br />
[[Kuva:12-gimp-perusohje1-skaalaakuvaa.png|thumb|250px|none]] <br />
<br />
Kuva kokoa on usein kätevä muuttaa suhteellisesti sen nykyiseen kokoon nähden. Tämä onnistuu valitsemalla yksiköiksi kuvan tapaan ''prosentit''. Tämän jälkeen leveydeksi voidaan asettaa esimerkiksi 50 prosenttia ja painaa ''enter''-näppäintä, jolloin tuleva kuvan tarkkuus näkyy korkeus ja leveys asetusten alapuolella.<br />
<br />
<br />
== Tasojen käyttö ==<br />
Tasot ovat tärkeä GIMP:n ominaisuus, jolla kuvankäsittelyä voidaan helpottaa ja tehostaa. Tasot ovat ikään kuin päällekkäin olevia kalvoja, jotka voivat olla täysin tai osittain läpinäkyviä/peittäviä. Tasoja on käytännöllistä käyttää esimerkiksi tekstejä lisättäessä, jolloin ne säilyvät liikuteltavina jälkeenpäin. Tasoja käytettäessä on hyvä muistaa, että tasot eivät säily tallennettaessa kuvaa yleisimpiin kuvamuotoihin. Jos halutaan, että tasoja voidaan muokata vielä jälkeenpäin kannattaa kuva tallentaa GIMP:n omassa kuvamuodossa, joka on ''.xcf''. Tämä muoto on tarkoitettu muokattavana säilytettävien kuvien tallentamiseen, joten on suotavaa että kuvan ollessa valmis siitä käytettävä tiedosto olisi tallennettu jossain yleisemmässä muodossa, kuten ''jpg''.<br />
<br />
=== Uuden tason lisääminen ===<br />
* Valitse ''Taso'' > ''Uusi taso''. Tällöin avautuu seuraavan näköinen ikkuna<br />
<br />
[[Kuva:1-gimp-perusohje2-uusitaso.png|thumb|250px|none]]<br />
<br />
* Anna tasolle nimi<br />
* Oletuksena tasosta tulee samankokoinen kuin alkuperäisestä kuvasta, mutta tätä voi muuttaa leveys ja korkeus kohdasta<br />
* Tason täyttötapa määrittää millainen tausta tasolle tulee<br />
* Taso luodaan napsauttamalla ''OK''<br />
<br />
=== Tasojen hallinta ===<br />
Tasojen hallinnassa tärkeänä työkaluna on ylävalikoista löytyvä ''Ikkunat ''> ''Tasot''. Sillä voidaan esimerkiksi muuttaa tasojen järjestystä sekä poistaa niitä kokonaan tai ottaa pois näkyvistä.<br />
<br />
[[Kuva:2-gimp-perusohje2-tasohallinta.png|thumb|250px|none]]<br />
<br />
==== Aktiivisen tason valinta ====<br />
Aktiivisena oleva taso valitaan ''Ikkunat'' > ''Tasot'' -työkalun avulla napsauttamalla tasoa, joka halutaan aktiiviseksi. Kuvaa muokatessa kannattaa olla tarkkana, että tehtävät muutokset tulevat varmasti sille tasolle jolle on tarkoituskin.<br />
<br />
==== Tason poistaminen ====<br />
* Ota esiin ''Ikkunat'' > ''Tasot''<br />
* Napsauta poistettavaa tasoa hiiren kakkospainikkeella<br />
* Valitse ”''Poista taso''”-painike [[Kuva:3-gimp-perusohje2-roskakorikuvake.png|thumb|250px|none]]<br />
<br />
==== Tason ottaminen pois näkyvistä ====<br />
Taso on mahdollista ottaa pois näkyvistä siten että itse taso kuitenkin säilyy entisellään.<br />
<br />
* Ota esiin ''Ikkunat'' > ''Tasot''.<br />
* Napsauta pois tason vasemmalla oleva silmän kuva.[[Kuva:4-gimp-perusohje2-silmakuvake.png|thumb|250px|none]]<br />
<br />
Tason saa takaisin näkyviin napsauttamalla silmän kuvaa uudestaan.<br />
<br />
== Tekstin lisääminen ==<br />
Tekstin lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Tekstityökalu''<br />
* GIMP -ikkunasta voit vaihtaa käytettävää fonttia, sen kokoa ja väriä<br />
<br />
[[Kuva:5-gimp-perusohje2-tekstinlisays.png|thumb|250px|none]]<br />
<br />
* Napsauta kohtaan johon teksti halutaan lisätä. Tekstityökalu lisää tekstin automaattisesti omalle tasolleen.<br />
* Kirjoita avautuneeseen tekstieditoriin teksti ja napsauta ''sulje''.<br />
* Tekstiruutua voidaan siirtää ”''Siirrä tasoja ja valintoja''” -työkalulla[[Kuva:6-gimp-perusohje2-siirratasoja.png|thumb|250px|none]]<br />
<br />
Tekstityökalu lisää automaatisesti uuden tekstin omalle tasolleen. Tekstiä voidaan siis siirtää ja muokata jälkeenpäin valitsemalla ''Ikkunat'' > ''Tasot ''toiminnon avulla taso johon teksti on lisätty.<br />
<br />
== Suotimien käyttö ==<br />
GIMP sisältää useita valmiita suotimia. Suotimilla kuvia voidaan muokata helposti ja asettaa niihin erilaisia tehosteita. Suodinten käyttöön on paras tutustua rohkeasti kokeilemalla ja testaamalla niiden erilaisia tehosteita. Suotimet löytyvät kuvaikkunan ylävalikon kohdasta suotimet.<br />
<br />
=== Suotimen lisääminen ===<br />
* Valitse käytettävä suodin ikkunan ''Suotimet''-valikosta <br />
* Valitse mahdollisesti avautuvasta ikkunasta tarvittaessa tarkempia asetuksia<br />
* Napsauta ''OK''<br />
<br />
Jos suodinta haluaa käyttää ainoastaan johonkin tiettyyn kohtaan kuvaa, valitse valintatyökaluilla kuvan kohta ja sen ollessa aktiivisena valitse käytettävä suodin.<br />
<br />
Suotimen lisäys voidaan tarvittaessa peruuttaa valitsemalla ''Muokkaa'' > ''Kumoa.''<br />
<br />
== Kuvan tallentaminen ==<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä''<br />
* Etsi tiedostolle sopiva tallennuspaikka <br />
* Anna tiedostolle nimi, jonka loppuun laitat tiedostomuodon päätteen, jolla kuvan haluat tallentaa (esim. .jpg, .png .xcf). Halutessa että kuvassa säilyvät kaikki tasot erillisinä ja että paras muokattavuus GIMP:ä käyttäessä säilyy kannattaa käyttää .xcf muotoa. Jos kuvaa ei ole enää tarvetta muokata jälkeenpäin kannattaa se tallentaa jossain muussa muodossa. Esimerkiksi jpg sopii hyvin valokuville ja png kaaviokuville.<br />
<br />
[[Kuva:7-gimp-perusohje2-tallennus.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Tallenna''-painiketta<br />
<br />
<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Tässä lyhyessä ohjeessa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
== Kuvatiedotomuodon muuttaminen Gimpillä ==<br />
''Kuvia voidaan tallentaa tietokoneelle monessa eri kuvatiedostomuodossa, joiden ominaisuudet poikkeavat toisistaan. Seuraavassa tarkastellaan kuvien tallennusmuotoja ja kuvamuodon vaihtamista toiseen Gimp-kuvankäsittelyohjelmalla.'' <br />
<br />
=== Tallennusmuodoista ===<br />
Tallennusmuodon valintaan vaikuttaa pääasiassa kuvan käyttötarkoitus ja kohde. Seuraavassa on lueteltu yleisimmät kuvien tallennusmuodot, niiden suositeltava käyttötarkoitus ja muutamia yleisiä ominaisuuksia.<br />
<br />
''JPG'' - Tämä on hyvä tallennusmuoto esimerkiksi valokuville. Jpg-muoto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se soveltuu hyvin internetissä esitettävien kuvien tallennusmuodoksi. Jpg-tiedoston hyvänä puolena on sen vähän tilaa vievä tallennuskoko, mutta siinä käytetty pakkaus heikentää hieman kuvan laatua kuvaoriginaaliin verrattuna. <br />
<br />
''PNG'' - Erityisesti kaaviokuville ja kuvaajille sopiva muoto. Png muotoinen kuvatiedosto on yleisesti avattavissa kaikissa tietokonejärjestelmissä ja se sopii internet-käyttöön. PNG ei heikennä kuvan laatua verrattuna alkuperäiseen, mutta se vie huomattavasti enemmän tilaa jpg-muotoon verrattuna, erityisesti jos sitä käytetään esimerkiksi valokuvien tallentamiseen. <br />
<br />
''XCF'' - Gimpin kuvankäsittely tiedostomuoto jota kannattaa käyttää tallennettaessa omia kuvan muokkausprojekteja. Xcf-muoto vie paljon tilaa ja samalla tallentuvat kaikki kyseisen projektin asetukset, kuvien tasot ja muut projektiin liittyvät tiedot. Xcf-muoto on yleensä avattavissa ainoastaan Gimpillä.<br />
<br />
=== Tallennusmuodon muuttaminen ===<br />
GIMP pystyy käsittelemään useita kymmeniä eri tallennusmuotoja, joiden välillä muunnoksia voidaan tehdä. Seuraavassa esitellään tiedostotyypin muuttamisen perusajatus vaiheittain.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa...''<br />
* Valitse kuva jonka tallennusmuotoa halutaan muuttaa.<br />
* Valitse avautuneesta kuvaikkunasta ''Tiedosto'' > T''allenna nimellä...''<br />
* Anna tiedostolle nimi<br />
<br />
[[Image:b.200.150.16777215.0..stories.all.146.png]]<br />
<br />
* Napsauta kohdan Tiedoston tyyppi vieressä olevasta pienestä kolmiosta.<br />
<br />
[[Image:b.223.37.16777215.0..stories.all.147.png]]<br />
<br />
* Valitse napsauttamalla tiedostotyyppiä johon haluat kuvan muuttaa.<br />
* Napsauta ''Tallenna''-painiketta.<br />
<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=GIMP/Perusohje&diff=30434GIMP/Perusohje2010-01-15T08:13:54Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>''Gimp on monipuolinen kuvankäsittelyohjelma Linux-käyttöjärjestelmälle. Tässä ohjeen ensimmäisessä osassa tutustutaan esimerkiksi ohjelman perustoimintoihin, yksinkertaisten muotojen tekemiseen sekä väriarvojen muokkaamiseen.'' <br />
<br />
== Yleistä ==<br />
Tämä ohje käsittelee kuvien käsittelyä ja muokkaamista GIMP-kuvankäsittelyohjelmalla. Ohjeen ensimmäisessä osassa perehdytään ohjelman perustoimintoihin sekä muutamiin hyödyllisiin kuvien muokkaustoimintoihin. Ohjeen soveltamiseksi suositellaan hyvää tietokoneiden perussovellusten käyttötaitoa sekä pientä tuntemusta kuvankäsittelyn perusteista. Ohjeen seuraamista ja oppimista kannattaa kokeilla tekemällä oppaan vaiheita jonkin oman kuvan avulla.<br />
<br />
Tämä ohje jatkuu artikkelissa [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.]<br />
<br />
== GIMP:n perustoimintoja ==<br />
=== Uuden kuvan tekeminen ===<br />
* Valitaan ''Tiedosto'' > ''Uusi''<br />
* Haluttu kuvakoko voidaan syöttää ikkunan kenttiin tai valita sopiva vaihtoehto malleista. Esimerkissä on valittu valmis mallikoko ''A4''.<br />
<br />
[[Kuva:1-gimp-perusohje1-uusikuva.png|thumb|250px|none]] <br />
<br />
=== Värin valitseminen ===<br />
Käytössä oleva väri valitaan napsauttamalla värien valintaruutua. Alempi väri on taustaväri ja ylempi käytössä oleva väri.<br />
<br />
[[Kuva:2-gimp-perusohje1-varinvalinta.png|thumb|250px|none]]<br />
<br />
=== Zoomaus ===<br />
Zoomaus tapahtuu valitsemalla ''suurennuslasi''-työkalu ja napsauttamalla sen jälkeen suurennettavaa kuvaa hiiren painikkeella. Poispäin zoomaus onnistuu samalla tavalla, mutta pitämällä samanaikaisesti ''Ctrl''- näppäintä pohjassa.<br />
<br />
== GIMP:n piirto- ja kuvankäsittely-ominaisuuksia ==<br />
=== Viivan piirtäminen ===<br />
Viivojen piirtäminen GIMP:ssä sisältää omat erikoispiirteensä. Viivojen piirtämistä varten on käytettävissä kaksi työkalua, toinen kovareunaiseen ja toinen siveltimenvetoja muistuttavaan piirtoon.<br />
<br />
[[Kuva:3-gimp-perusohje1-viivanpiirto.png|thumb|250px|none]] <br />
<br />
Oletuksena molempia voidaan käyttää piirtämään vapaita muotoja.<br />
<br />
==== Suora viiva ====<br />
Suoria viivoja molemmilla työkaluilla voidaan piirtää seuraavasti:<br />
<br />
* Valitaan työkaluksi kynä tai sivellin.<br />
* Painetaan ''Shift''-näppäin pohjaan päästämättä sitä irti.<br />
* Napsautetaan hiiren ykköspainiketta kohdassa josta halutaan viivan alkavan.<br />
* Napsautetaan painiketta uudestaan kohdassa johon halutaan viivan päättyvän.<br />
<br />
[[Kuva:4-gimp-perusohje1-suoraviiva.png|thumb|250px|none]] <br />
<br />
==== Kaareva viiva ====<br />
* Valitaan polkutyökalu ”''Luo ja muokkaa polkuja''”.<br />
<br />
[[Kuva:5-gimp-perusohje1-kaarevaviiva.png|thumb|250px|none]] <br />
<br />
* Napsautetaan seuraavaksi kohtaan josta halutaan kaarevan viivan alkavan<br />
* Napsautetaan kohtaa johon haluat sen päättyvän<br />
* Nyt voidaan tarttua viivasta hiiren kursorilla ja venyttää sitä kaarelle<br />
* Kun kaari on sopivassa kohtaa napsauta GIMP -ikkunan alaosasta kohtaa ”''Piirrä polku''”.<br />
* Valitse haluamasi asetukset ja napsauta ”''Piirrä''”.<br />
<br />
=== Ympyrän ja neliön piirtäminen ===<br />
Ympyrän ja neliön piirtäminen tehdään GIMP:ssä valintatyökalujen avulla. Esimerkissä käsitellään ympyrän tekemistä, mutta sama tekniikka pätee niin neliöille, kuin kädellä ''Vapaavalinta''-työkalulla piirretyille alueillekin.<br />
<br />
==== Täytetty ympyrä ====<br />
* Valitaan ellipsityökalu ”''valitse elliptisiä alueita''”.<br />
<br />
[[Kuva:6-gimp-perusohje1-ympyra.png|thumb|250px|none]] <br />
<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä.<br />
* Valitaan väri mikä ympyrään halutaan.<br />
* Valitse ''Ämpäri''-työkalu.<br />
* Napsautetaan ympyrävalinnan sisäpuolelle. <br />
<br />
==== Läpinäkyvä ympyrä ====<br />
* Valitaan ''Taso'' > ''Uusi taso''<br />
* Annetaan tasolle nimeksi esim. ympyrät.<br />
* Valitaan ''Läpinäkyvä'' ja napsautetaan ''OK''<br />
* Valitaan ''Ellipsi'' -työkalu<br />
* Piirretään halutun kokoinen ympyrä. Painamalla samanaikaisesti ''Ctrl''-näppäin pohjaan voidaan piirtää täydellinen ympyrä<br />
* Valitaan väri millä ympyrän reunat värjätään<br />
* Valitaan ''Ämpäri'' -työkalu[[Kuva:7-gimp-perusohje1-filltyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan ympyrävalinnan sisäpuolelle <br />
* Valitaan''Valitse'' > ''Pienennä''<br />
* Asetetaan montako pikseliä halutaan viivan paksuudeksi ja napsautetaan ''OK''<br />
* Valitaan ''Muokkaa'' > ''Tyhjennä''<br />
<br />
=== Kuvan kirkkauden ja kontrastin muuttaminen ===<br />
Kuvien kirkkautta ja tarkkuutta saattaa pystyä parantamaan kontrastia säätämällä. Yleensä epäonnistunutta kuvaa on kuitenkin lähes mahdotonta paikata jälkikäteen. Liian tummaan tai ylivalottuneeseen kuvaan on jälkikäteen lähes mahdotonta saada siitä puuttuvia värejä takaisin. Kontrastin ja kirkkauden muunnosta voi kuitenkin toisinaan käyttää hyvänä tehokeinona kuvia muokatessa.<br />
<br />
* Avataan kuva jonka kirkkautta ja kontrastia halutaan muuttaa.<br />
* Valitaan ''Työkalut ''> ''Värityökalut'' > ”''Kirkkaus- ja kontrastisäätö...''”<br />
* Napsauta ''Esikatselu''-painike päälle, jolloin muutokset näkyvät kuvassa ennen niiden lopullista toteuttamista.<br />
* Kirkkauden ja kontrastin säätäminen onnistuu avautuvan ikkunan liukusäätimiä liikuttamalla.<br />
<br />
=== Väritasapainon muuttaminen ===<br />
Väritasapaino vaikuttaa kuvan selkeyteen ja tunnelmaan ja sen muokkaamiseksi löytyy työkalu ylävalikoista ''Työkalut'' > ''Värityökalut'' > ”''Väritasapainon säätö...''”. Väritasapainon säätäminen on hyvin kuvakohtaista, joten parhaiten oikean asetuksen löytää kokeilemalla. Tätä varten kannattaa tarkistaa, että ”''Väritasapainon säätö''” -ikkunassa on esikatselu kohta valittuna, jolloin tehdyt muutokset näkee heti. Muutokset kuitenkin tallentuvat vasta, kun ikkuna suljetaan painamalla ''OK''. ''Nollaa''-painikkeella tehdyt muutokset kumoutuvat ja ''Peru''-painikkeella nollautumisen lisäksi ikkuna sulkeutuu.<br />
<br />
[[Kuva:8-gimp-perusohje1-varitasapaino.png|thumb|250px|none]]<br />
<br />
=== Kuvan rajaaminen ===<br />
* Valitaan GIMP-ikkunan työkaluista ”''Rajaa tai muokkaa kuvan kokoa''” [[Kuva:9-gimp-perusohje1-rajaustyokalu.png|thumb|250px|none]] <br />
<br />
* Napsautetaan työkalu valittuna kuvaa, jolloin avautuu ”''Rajaa & muokkaa kokoa''” -ikkuna<br />
<br />
[[Kuva:10-gimp-perusohje1-kankaankoko.png|thumb|250px|none]] <br />
<br />
* Nyt voidaan hiirellä kuvan päällä vetämällä tai ikkunaan numeroarvoja syöttämällä rajata mieleinen kuva-ala<br />
* Lopuksi napsautetaan ”''Rajaa''”<br />
<br />
Jos halutaan että kuvan pituus ja leveys suhteet säilyvät samoina kuin alkuperäisessä, rajaamisen voi tehdä myös seuraavasti.<br />
<br />
* Valitse kuvaikkunan valikoista ''Kuva'' > ''Kankaan koko''.<br />
* Kohdasta ''kankaan koko'' määritetään rajattavan alueen suuruus. Pienennetään tätä nuolilla niin, että rajattava alue on sopivan kokoinen. Oletuksena kuvan leveys ja korkeus pienenevät samassa suhteessa, mutta tämän saa tarvittaessa pois napsauttamalla niiden vieressä olevaa ''ketju''-kuvaketta. [[Kuva:11-gimp-perusohje1-ketjukuvake.png|thumb|250px|none]] <br />
<br />
* Kohdasta siirtymä siirretään valkoista kehystä jonka sisälle jäävä osa tulee rajattuun kuvaan. Siirrä tämä sopivaan kohtaan.<br />
* Lopuksi napsautetaan ”''Muuta kokoa''”. Nyt kuva on rajattu.<br />
<br />
=== Kuvakoon muuttaminen ===<br />
Seuraavaksi muutetaan kuvan kokoa eli resoluutiota nettikäyttöön sopivaksi.<br />
<br />
* Valitse ''Kuva'' > ''Skaalaa kuva''<br />
* Avautuneeseen ikkunaan syötetään kuvalle uusi koko<br />
<br />
[[Kuva:12-gimp-perusohje1-skaalaakuvaa.png|thumb|250px|none]] <br />
<br />
Kuva kokoa on usein kätevä muuttaa suhteellisesti sen nykyiseen kokoon nähden. Tämä onnistuu valitsemalla yksiköiksi kuvan tapaan ''prosentit''. Tämän jälkeen leveydeksi voidaan asettaa esimerkiksi 50 prosenttia ja painaa ''enter''-näppäintä, jolloin tuleva kuvan tarkkuus näkyy korkeus ja leveys asetusten alapuolella.<br />
<br />
<br />
== Tasojen käyttö ==<br />
Tasot ovat tärkeä GIMP:n ominaisuus, jolla kuvankäsittelyä voidaan helpottaa ja tehostaa. Tasot ovat ikään kuin päällekkäin olevia kalvoja, jotka voivat olla täysin tai osittain läpinäkyviä/peittäviä. Tasoja on käytännöllistä käyttää esimerkiksi tekstejä lisättäessä, jolloin ne säilyvät liikuteltavina jälkeenpäin. Tasoja käytettäessä on hyvä muistaa, että tasot eivät säily tallennettaessa kuvaa yleisimpiin kuvamuotoihin. Jos halutaan, että tasoja voidaan muokata vielä jälkeenpäin kannattaa kuva tallentaa GIMP:n omassa kuvamuodossa, joka on ''.xcf''. Tämä muoto on tarkoitettu muokattavana säilytettävien kuvien tallentamiseen, joten on suotavaa että kuvan ollessa valmis siitä käytettävä tiedosto olisi tallennettu jossain yleisemmässä muodossa, kuten ''jpg''.<br />
<br />
=== Uuden tason lisääminen ===<br />
* Valitse ''Taso'' > ''Uusi taso''. Tällöin avautuu seuraavan näköinen ikkuna<br />
<br />
[[Kuva:1-gimp-perusohje2-uusitaso.png|thumb|250px|none]]<br />
<br />
* Anna tasolle nimi<br />
* Oletuksena tasosta tulee samankokoinen kuin alkuperäisestä kuvasta, mutta tätä voi muuttaa leveys ja korkeus kohdasta<br />
* Tason täyttötapa määrittää millainen tausta tasolle tulee<br />
* Taso luodaan napsauttamalla ''OK''<br />
<br />
=== Tasojen hallinta ===<br />
Tasojen hallinnassa tärkeänä työkaluna on ylävalikoista löytyvä ''Ikkunat ''> ''Tasot''. Sillä voidaan esimerkiksi muuttaa tasojen järjestystä sekä poistaa niitä kokonaan tai ottaa pois näkyvistä.<br />
<br />
[[Kuva:2-gimp-perusohje2-tasohallinta.png|thumb|250px|none]]<br />
<br />
==== Aktiivisen tason valinta ====<br />
Aktiivisena oleva taso valitaan ''Ikkunat'' > ''Tasot'' -työkalun avulla napsauttamalla tasoa, joka halutaan aktiiviseksi. Kuvaa muokatessa kannattaa olla tarkkana, että tehtävät muutokset tulevat varmasti sille tasolle jolle on tarkoituskin.<br />
<br />
==== Tason poistaminen ====<br />
* Ota esiin ''Ikkunat'' > ''Tasot''<br />
* Napsauta poistettavaa tasoa hiiren kakkospainikkeella<br />
* Valitse ”''Poista taso''”-painike [[Kuva:3-gimp-perusohje2-roskakorikuvake.png|thumb|250px|none]]<br />
<br />
==== Tason ottaminen pois näkyvistä ====<br />
Taso on mahdollista ottaa pois näkyvistä siten että itse taso kuitenkin säilyy entisellään.<br />
<br />
* Ota esiin ''Ikkunat'' > ''Tasot''.<br />
* Napsauta pois tason vasemmalla oleva silmän kuva.[[Kuva:4-gimp-perusohje2-silmakuvake.png|thumb|250px|none]]<br />
<br />
Tason saa takaisin näkyviin napsauttamalla silmän kuvaa uudestaan.<br />
<br />
== Tekstin lisääminen ==<br />
Tekstin lisääminen tehdään seuraavasti.<br />
<br />
* Valitse ''Tekstityökalu''<br />
* GIMP -ikkunasta voit vaihtaa käytettävää fonttia, sen kokoa ja väriä<br />
<br />
[[Kuva:5-gimp-perusohje2-tekstinlisays.png|thumb|250px|none]]<br />
<br />
* Napsauta kohtaan johon teksti halutaan lisätä. Tekstityökalu lisää tekstin automaattisesti omalle tasolleen.<br />
* Kirjoita avautuneeseen tekstieditoriin teksti ja napsauta ''sulje''.<br />
* Tekstiruutua voidaan siirtää ”''Siirrä tasoja ja valintoja''” -työkalulla[[Kuva:6-gimp-perusohje2-siirratasoja.png|thumb|250px|none]]<br />
<br />
Tekstityökalu lisää automaatisesti uuden tekstin omalle tasolleen. Tekstiä voidaan siis siirtää ja muokata jälkeenpäin valitsemalla ''Ikkunat'' > ''Tasot ''toiminnon avulla taso johon teksti on lisätty.<br />
<br />
== Suotimien käyttö ==<br />
GIMP sisältää useita valmiita suotimia. Suotimilla kuvia voidaan muokata helposti ja asettaa niihin erilaisia tehosteita. Suodinten käyttöön on paras tutustua rohkeasti kokeilemalla ja testaamalla niiden erilaisia tehosteita. Suotimet löytyvät kuvaikkunan ylävalikon kohdasta suotimet.<br />
<br />
=== Suotimen lisääminen ===<br />
* Valitse käytettävä suodin ikkunan ''Suotimet''-valikosta <br />
* Valitse mahdollisesti avautuvasta ikkunasta tarvittaessa tarkempia asetuksia<br />
* Napsauta ''OK''<br />
<br />
Jos suodinta haluaa käyttää ainoastaan johonkin tiettyyn kohtaan kuvaa, valitse valintatyökaluilla kuvan kohta ja sen ollessa aktiivisena valitse käytettävä suodin.<br />
<br />
Suotimen lisäys voidaan tarvittaessa peruuttaa valitsemalla ''Muokkaa'' > ''Kumoa.''<br />
<br />
== Kuvan tallentaminen ==<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä''<br />
* Etsi tiedostolle sopiva tallennuspaikka <br />
* Anna tiedostolle nimi, jonka loppuun laitat tiedostomuodon päätteen, jolla kuvan haluat tallentaa (esim. .jpg, .png .xcf). Halutessa että kuvassa säilyvät kaikki tasot erillisinä ja että paras muokattavuus GIMP:ä käyttäessä säilyy kannattaa käyttää .xcf muotoa. Jos kuvaa ei ole enää tarvetta muokata jälkeenpäin kannattaa se tallentaa jossain muussa muodossa. Esimerkiksi jpg sopii hyvin valokuville ja png kaaviokuville.<br />
<br />
[[Kuva:7-gimp-perusohje2-tallennus.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Tallenna''-painiketta<br />
<br />
<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Inkscapen_perusk%C3%A4ytt%C3%B6&diff=30433Inkscapen peruskäyttö2010-01-15T08:07:27Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>[[Inkscape]] on avoimen lähdekoodin ohjelma vektorigrafiikan piirtämiseen. Se sopii hyvin esimerkiksi logojen, nettigrafiikan tai teknisten kaavioiden piirtämiseen. Tämä ohje käsittelee Inscapen käyttöä ja perusominaisuuksia ohjeessa piirrettävän mallikuvan avulla.<br />
<br />
== Yleistä ==<br />
[[Inkscape|Inkscapen]] käytössä pätee ajattelutapa, jossa tavallisen työpöydän päälle asetetaan paperista tai läpinäkyvästä kalvosta leikattuja kuvioita ja sijoitella niitä pohjapaperille tiettyyn järjestykseen. Kuvioiden fyysinen luonne ei kuitenkaan ole kuin paperilla, vaan niiden kokoa, muotoa ja väriä voidaan loputtomasti muokata. Inkscapen vastakohtana voidaan pitää ns. bittikarttapiirto-ohjelmia kuten [[Gimp]], joissa käsitellään tiettyjen muokattavien kohteiden ja muotojen sijasta yksittäisiä kuvapisteitä. Inkscape ei siis sovellu Gimpin tapaan esimerkiksi valokuvien muokkaamiseen ja käsittelyyn.<br />
<br />
== Perustoiminnot ==<br />
Avautuessaan Inkscapen työtila näyttää seuraavalta:<br />
<br />
[[Kuva:1-Inkscape-perusikkuna.png]] <br />
<br />
Ikkunaruutu koostuu työtilasta ja sitä ympäröivistä tehtäväpalkeista, joita ovat:<br />
<br />
* ''Komentorivi'' - Sisältää pikanäppäimet tiedostojen käsittelyyn sekä yleisimpiin objektien käsittelyä koskeviin toimintoihin, kuten objektin värien, fonttien ym. muokkaamiseen.<br />
* ''Ominaisuusrivi'' - Sisältää työkalukohtaisia toimintoja esimerkiksi objektin peilaamiseen ja kääntämiseen.<br />
* ''Työkalurivi'' - Työkalut objektien piirtämiseen, asetteluun ja muokkaamiseen.<br />
<br />
== Zoomaus ja ikkunan vieritys ==<br />
Perustyökalu zoomaukseen löytyy työkalupalkissa olevasta suurennuslasista. Oletuksena suurennuslasi zoomaa lähemmäksi ja painamalla käytettäessä ''Shift''-näppäin pohjaan loitommaksi. Nopeampia zoomauskeinoja ovat:<br />
* ''Ctrl''-näppäimen painaminen pohjaan ja hiiren rullan pyörittäminen<br />
* Näppäimistön '+''- ja ''–''-näppäimien painaminen<br />
<br />
Ikkunan vieritys onnistuu perinteisesti ikkunan vierityspalkeista. Lisäksi on mahdollista käyttää hiiren rullaa pystysuoraan vieritykseen ja ''Shift''-näppäintä pohjassa painaen vaakasuoraan vieritykseen.<br />
<br />
== Kuvioiden piirtäminen ja muokkaus ==<br />
=== Kuvioiden piirtäminen ===<br />
Valitse työkalupalkista suorakulmio ja kokeile piirtää hiiren avulla työtilaan mallin mukainen kuvio. Piirtäminen tapahtuu painamalla hiiren näppäin pohjaan ja liikuttamalla hiirtä, jolloin suorakulmion koko alkaa hahmottua.<br />
<br />
[[Kuva:2-Inkscape-suorakulmio.png]]<br />
<br />
Kokeile piirtää myös muita kuvioita kuten ympyrää, tähteä ja spiraalia.<br />
<br />
[[Kuva:3-Inkscape-kuvioita.png]]<br />
<br />
Piirretyt kuviot ovat täysin itsenäisiä hallittavissa piirtämisen jälkeenkin. Piirrettäessä kuvioiden reunoihin ilmestyvät pienet timantinmuotoiset kahvat, joista vetämällä kuvion muoto muuttuu.<br />
<br />
[[Kuva:4-Inkscape-muodon-saataminen.png]]<br />
<br />
Viivojen piirtämiseen on useita eri työkaluja. Tavallisen viivan piirtäminen onnistuu parhaiten työkalupalkista löytyvällä ”''Piirrä viivoja käsivaraisesti''” (''Draw freehand'') -toiminnolla. Sillä voi piirtää ns. vapaalla kädellä sekä tehdä helposti myös suoria viivoja. Suoran viivan piirtäminen onnistuu seuraavasti:<br />
* Valitse ”''Piirrä viivoja käsivaraisesti''” (''Draw freehand'')-toiminto.<br />
* Napsauta kohtaa josta viiva alkaa<br />
* Napsauta kohtaa johon viiva päättyy<br />
<br />
Viivoihin pätevät samat toiminnot ja ominaisuudet kuin muihinkin kuvioihin.<br />
<br />
== Kuvioiden muokkaus ==<br />
Kuvioiden valitsemista ja muokkausta varten käytettävissä on oma työkalu, joka löytyy työkalupalkista ylimpänä olevasta nuolen kuvasta tai painamalla ''F1''. Tällä työkalulla voidaan valita useampia kuvioita yhtäaikaisesti, muuttaa kuvioiden kokoa ja pyörittää niitä haluttuun asentoon.<br />
<br />
=== Kuvioiden värit ===<br />
Kuviot koostuvat pääasiallisesti kahdesta osasta, rajaviivasta (''stroke'') ja täytteestä (''fill''). Molemmille voidaan määrittää väri, läpinäkyvyys paksuus tai ottaa ne kokonaan pois. Kuvion värejä muokataan napsauttamalla kuviota hiiren kakkospainikkeella ja valitsemalla ”''Täyttö ja rajaviiva''” (''Fill and Stroke''). Seuraavaksi tehdään suorakulmiosta tummansininen väriliuku ilman rajaviivaa:<br />
* Valitse kuvioiden muokkaustyökalu työkalupalkista.<br />
* Napsauta suorakulmiota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva'' (''Fill and Stroke'').<br />
* Aseta avautuneesta ikkunasta ''Täyttö'' (''Fill'')-välilehdeltä ''suora liukuväri'' (l''inear-gradient'') päälle.<br />
<br />
[[Kuva:5-Inkscape-taytto ja reuna1.png]]<br />
<br />
* Alla olevasta ruudullisesta alueesta voidaan muuttaa väriliu'un suuntaa ja voimakkuutta. ''Peittävyys'' (''Master opacity'') -kohdasta säädetään koko kuvion läpinäkyvyyttä.<br />
* Siirry välilehdelle ''Viivan väritys'' (''Stroke paint'') ja napsauta se pois käytöstä painamalla x-kuviota.<br />
* Sulje ikkuna<br />
<br />
Kuvion pitäisi nyt näyttää seuraavalta:<br />
<br />
[[Kuva:6-Inkscape-taytto ja reuna2.png]]<br />
<br />
=== Kuvion koko ja kääntäminen ===<br />
Kuvion kokoa muutetaan napsauttamalla kuviota kuvioiden muokkaustyökalulla. Tällöin kuvion ympärille ilmestyy nuolet, joista kuvion kokoa voidaan muuttaa vetämällä.<br />
<br />
[[Kuva:7-Inkscape-kuvion koko.png]]<br />
<br />
Jos haluaa säilyttää kuva suhteen kokoa muutettaessa se onnistuu pitämällä ''Ctrl''-näppäintä pohjassa samalla kun vetää nuolista. <br />
<br />
Kuvion kääntäminen onnistuu napsauttamalla kuviota toistamiseen, jolloin ympärillä olevat nuolet vaihtavat suuntaansa ja keskelle kuviota ilmestyy pyörimisen keskiakseli.<br />
<br />
[[Kuva:8-Inkscape-kuvion kaanto.png]]<br />
<br />
Kuviota voidaan nyt pyörittää vetämällä kulmanuolista haluttuihin suuntiin tai taivuttaa keskinuolista. Pyöriminen tapahtuu kuvion keskellä olevan raksin suhteen, jonka paikkaa voidaan vapaasti muuttaa sitä raahaamalla. Kuvion pyörittämisessä kätevänä apuna toimii jälleen ''Ctrl''-näppäin, joka pyöritettäessä pohjaan painettuna kääntää kuviota 15 asteen kulmissa. Seuraavaksi käännetään sininen suorakulmio ja kasvatetaan sen kokoa.<br />
* Valitse suorakulmio kuvionmuokkaustyökalulla.<br />
* Napsauta kuviota toistamiseen, niin että kuviota voidaan pyörittää.<br />
* Paina ''Ctrl''-näppäin pohjaan ja pyöritä kuviota, niin että tumma osa tulee ylöspäin.<br />
<br />
[[Kuva:9-Inkscape-kuviot ikkunassa.png]]<br />
<br />
* Napsauta kuviota uudestaan ja venytä se suuremmaksi, esimerkiksi koko sivualueen kokoiseksi.<br />
<br />
[[Kuva:10-Inkscape-kuviot pohjalla.png]]<br />
<br />
=== Kuvion tason muokkaaminen ===<br />
Kuviot sijaitsevat omilla tasoillaan, joka tarkoittaa sitä, että ne voivat olla toistensa päällä ja alla aivan kuten esimerkiksi paperinpalat pöydällä. Kuvion tasoa voidaan muuttaa napsauttamalla kuvio aktiiviseksi ja valitsemalla ''Kohde ''(Object)'' ''> ''Nosta ''(Raise) tai'' Laske ''(''Lower''). Tason muuttaminen onnistuu myös työkalujen hallintapalkissa olevilla kuvakkeilla. Kokeile esimerkiksi taustana olevan sinisen suorakulmion tuomista muiden kuvioiden eteen ja sen jälkeen sen viemistä taaimmaksi.<br />
<br />
* Valitse sininen suorakulmio.<br />
* Valitse ''Kohde ''(''Object'') > ''Tuo päälimmäiseksi...'' (''Raise to Top'')<br />
<br />
Nyt suorakulmio on kaikkien muiden kuvioiden yläpuolella. Kuviot näkyvät yhä alta koska suorakulmion värit on määritetty osittain läpinäkyväksi. Tilannetta voi verrata esimerkiksi piirtoheitinkalvojen päällekkäisyyteen. Asetetaan suorakulmio takaisin alimmaksi.Valitse ''Kohde'' (''Object'') > ''Vie alimmaiseksi... ''(''Lower to Bottom'')<br />
<br />
=== Monen kuvion samanaikainen valitseminen ===<br />
Tarvittaessa on mahdollista siirtää useita kuvioita samanaikaisesti. Tämä onnistuu painamalla ''Shift''-näppäin pohjaan ja valitsemalla hiirellä samanaikaisesti halutut kuviot. Monta kuviota voidaan myös valita rajaamalla hiiren avulla alue jonka sisällä olevat kuviot halutaan valita. Tämä onnistuu valitsemalla muokkaustyökalu ja vetämällä hiirtä näppäin pohjassa halutulta alueelta.<br />
<br />
=== Kuvioiden ryhmittäminen ===<br />
Pelkän usean kuvion valitsemisen lisäksi erillisistä kuvioista voidaan tehdä ryhmiä, jolloin valitut kuviot käyttäytyvät kuin ne olisivat vain yksi ja sama kuvio. Tämä onnistuu valitsemalla edellisen kappaleen mukaisesti halutut kuviot ja valitsemalla ''Kohde'' (''Object'') -> ''Ryhmitä'' (''Group''). Ryhmityksen purkaminen onnistuu valitsemalla haluttu kuvioryhmä ja valitsemalla ''Kohde'' (''Object'') -> ''Pura ryhmitys'' (''Ungroup'').<br />
<br />
=== Kuvion monistaminen ===<br />
Tiettyä kuviota voidaan ”monistaa” tutun leikkaa – liimaa periaatteen mukaisesti.<br />
<br />
* Valitse monistettava kuvio<br />
* Valitse ''Muokkaa'' (''Edit'') > ''Kopioi'' (''Copy'') tai paina ''Ctrl'' ''+ c.''<br />
* Valitsemalla ''Muokkaa'' (''Edit'') > ''Liitä'' (''Paste'') tai painamalla ''Ctrl'' ''+ v,'' kuvio kopioituu kohtaan johon hiiren kursori osoittaa.<br />
<br />
== Toimintojen kokeilu ja mallikuvan viimeistely. ==<br />
Lopuksi kokeilemme muutamia toimintoja eri käytännöissä ja viimeistelemme mallikuvaa näyttämään yksinkertaiselta yötaivaalta. Aluksi tehdään maastoa kuvan alareunaan, käyttäen ''Piirrä suoria ja Bezier-viivoja'' (''Draw bezier curves'')-työkalua.<br />
<br />
* Valitse ''Piirrä suoria ja Bezier-viivoja'' -työkalu<br />
* Piirrä hiirellä napsutellen ensin maaston yläosa vasemmalta oikealle. Oikeassa reunassa vedä suora viiva reunaa myöten alas ja jatka samalla tavalla alareunassa ja vasemmalla sivustalla.<br />
* Lopulta kun viivat kohtaavat alku- ja loppupisteessä napsauta hiiren kakkospainiketta.<br />
* Aktivoi uusi kuvio jossa tällä hetkellä on pelkät ääriviivat.<br />
* Napsauta kuviota hiiren kakkospainikkeella ja valitse ''Täyttö ja rajaviiva'' (''Fill and Stroke'').<br />
* Valitse ''Tasainen väri'' (''Flat Color'') asetuksista väriksi tumman vihreä.<br />
* Aseta ''Suora väriliuku'' (''Linear Gradient'') valikon asetukset seuraavan kuvan tavalla.<br />
* Maaston tulisi olla vihreä väriliuku.<br />
<br />
[[Kuva:11-Inkscape-valmis kuva.png]]<br />
<br />
Lopuksi taivaalla olevaa tähteä voi monistaa leikkaa ja liimaa -tekniikalla, sekä muuttaa tähdet eri kokoisiksi. Ympyrästä väri voidaan muuttaa keltaiseksi ja asettaa se kuuksi yläreunaan. Spiraalin voi joko poistaa tai asettaa vaikka kuun sisään.<br />
<br />
<br />
== Kuvan tallentaminen bittikarttana ==<br />
[[Kuva:2-inkscape-siirto-tallenna-bittikartta.png|thumb|250px|right]]<br />
Inkscape -piirto-ohjelma tallentaan normaalisti tiedostonsa ns. vektorigrafiikkamuodossa, joita ei pysty avaamaan suoraan normaaleissa kuvankäsittelyohjelmissa. Kuvat voidaan kuitenkin "viedä" myös ns. bittikarttamuotoon. Tässä ohjeessa tutustutaan miten Inkscapella piirrettyjä kuvia voidaan tallentaa ns. "normaalissa" (bittikartta)-kuvamuodossa, jolloin ne voidaan avata esimerkiksi Gimp -kuvankäsittelyohjelmassa valokuvatiedostojen tapaan.<br />
<br />
=== Tallentaminen png-muotoon ===<br />
Seuraavassa tallennetaan esimerkkikuva png-tiedostoksi.<br />
<br />
* Valitse tallennettava kuva/kuva-alue napsauttamalla kuvaa tai maalaamalla hiiren avulla alue jonka alla tallennettavat kuvat ovat.<br />
<br />
[[Kuva:3-inkscape-siirto-tallenna-bittikartta-tiedosto.png|thumb|250px|none]]<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna bittikartta''<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Avautuneeseen ikkunaan syötetään kuvan tallentamiseen tarvittavat tiedot ja asetukset.<br />
<br />
[[Kuva:|thumb|250px|none]] <br />
<br />
* ''Tallenna alue'' - Valitaan tallennetaanko kuvaksi koko sivu, jokin piirros, itse valittu osa vai itse määritetty alue<br />
* ''Bittikartan koko ''-Määritetään tulevan tallennettavan kuvan "fyysinen koko" pisteinä leveys ja korkeus suunnissa tai ''dpi''-lukuna (pistettä tuumaa kohden). Tämä valinta vaikuttaa oleellisesti luotavan tiedoston kokoon ja laatuun.<br />
* ''Tiedostonimi'' - Syötetään tallennettavalle tiedostolle tallennuspolku ja sitä kuvaava nimi .png -tiedostopäätteellä.<br />
<br />
Lopullinen kuvan tallentaminen tapahtuu napsauttamalla Vie- painiketta jolloin kuva tallentuu kohdekansioon.<br />
<br />
<br />
[[Luokka: Oppaat]]<br />
[[Luokka: Kuvankäsittelyohjelmat]]<br />
[[Luokka:Opetusmateriaalit]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30432Linux.fi:Linuxkouluun.fi2010-01-15T07:56:22Z<p>OpinsysASokero: /* Opetusohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| [[Marblen perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| [[KBruchin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KWordQuizin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KTouchin perusohje]]<br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Marblen_perusohje&diff=30431Marblen perusohje2010-01-15T07:54:21Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>Marble on pieni maapallon tutkiskeluun soveltuva ohjelma, jota voi hyödyntää esimerkiksi maantiedonopetuksen tukena. Tässä oppaassa tutustutaan ohjelman käyttöön ja erilaisten karttojen hyödyntämiseen.<br />
<br />
Marble on pieni, hieman vanhemmillakin tietokoneilla toimiva työpöytämaapallo, joka pyrkii olemaan mahdollisimman yksinkertainen ja helppo käyttää. Tällä hetkellä ohjelmassa on varsin vähän ominaisuuksia, mutta sitä voi soveltaa sujuvasti esimerkiksi seuraaviin tehtäviin.<br />
<br />
* Maapallon tutkiminen<br />
* Kaupunkien etsiminen<br />
* Erilaisten karttapintojen tutkiminen (yö, satelliitti jne.)<br />
<br />
Tässä ohjeessa käsiteltävä Marblen version on varsin varhainen, joten ohjetta tullaan tarvittaessa päivittämään, kun hyödyllisiä uusia ominaisuuksia tulee käyttöön. Tällä hetkellä ohjelma on englannin kielinen.<br />
<br />
== Ohjelman perustoiminnot ==<br />
Ohjelma ikkuna on jaettu käytännössä kahteen osaan. Oikealla on kartta ja vasemmalla eri toiminnot jotka on jaettu välilehdillä kahteen osaan. Navigation-välilehti sisältää luonnollisesti pallon liikutteluun ja kohteiden etsimiseen tarkoitetut työkalut jotka on esitetty seuraavassa.<br />
<br />
[[Kuva:1-marble-tyopoytamaapallo-maapallo.png|thumb|250px|none]] <br />
<br />
# Kaupungin haku<br />
# Maapallon pyörityspainikkeet<br />
# Zoomaus lähemmäksi ja kauemmaksi<br />
<br />
''Topics'' -välilehdestä löytyy erilaiset karttapallot joita on käytettävissä.<br />
<br />
[[Kuva:2-marble-tyopoytamaapallo-karttapallot.png|thumb|250px|none]] <br />
<br />
== Navigointi ==<br />
=== Pallon pyörittäminen ===<br />
Maapalloa on helpoin pyörittää tarttumalla siihen hiiren ykköspainikkeella ja liikuttamalla hiirtä haluttuun suuntaan.<br />
<br />
Maapalloa on mahdollista myös pyörittää erillisillä navigointi-painikkeilla. <br />
<br />
[[Kuva:3-marble-tyopoytamaapallo-navigointi.png|thumb|250px|none]] <br />
<br />
=== Kaupungin hakeminen ===<br />
Marble tuntee kunkin maan suurimmat kaupungit. Niiden hakeminen on helpointa joko selaamalla ohjelman listaa kaupungeista tai kirjoittamalla haettavan kaupungin nimi ''Search''-kentään.<br />
<br />
[[Kuva:4-marble-tyopoytamaapallo-hakeminen.png|thumb|250px|none]] <br />
<br />
== Erilaiset kartat ==<br />
Marbe pystyy hyödyntämään useita erilaisia karttoja. Ohjeessa käytettävässä versiossa näitä karttoja on kolme kappaletta.<br />
<br />
# Selkeä peruskartta<br />
# Perussatelliittikartta<br />
# Öinen maapallo jossa jokainen maa on kuvattu sen yöaikaan<br />
<br />
Kartan pinnoitteen pääsee vaihtamaan siirtymällä ''Topics''-välilehdelle ja napsauttamalla haluttua pinnoitetta.<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30430Linux.fi:Linuxkouluun.fi2010-01-15T07:44:39Z<p>OpinsysASokero: /* Opetusohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| x [[KmPlotin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| [[KBruchin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KWordQuizin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| [[KTouchin perusohje]]<br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KTouchin_perusohje&diff=30429KTouchin perusohje2010-01-15T07:41:17Z<p>OpinsysASokero: </p>
<hr />
<div>KTouch on kymmensormijärjestelmän harjoittamiseen erikoistunut sovellus. Tässä ohjeessa tutustumme harjoituksen tekemiseen ja muokkaamiseen. <br />
<br />
== Johdanto ==<br />
<br />
Tässä ohjeessa tutustutaan konekirjoitusmateriaalin tekemiseen Ktouch-sovellukseen. Harjoitusmateriaalin valmistelun apuna voi hyödyttää seuraavaa sormienpaikkataulukkoa, jonka pohjalta harjoituksia kannattaa suunnitella. <br />
<br />
<br />
{| class="prettytable"<br />
| ''Sormi''<br />
| ''Näppäimet''<br />
<br />
|-<br />
| vasen etusormi:<br />
| f, g, r, t, v, b, 4, 5, 6<br />
<br />
|-<br />
| vasen keskisormi:<br />
| d, e, c, 3<br />
<br />
|-<br />
| vasen nimetön: <br />
| s, w, x, 2<br />
<br />
|-<br />
| vasen pikkusormi:<br />
| a, z, q, 1, §, Tab, Caps Lock, Shift<br />
<br />
|-<br />
| oikea etusormi:<br />
| j, h, u, y, m, n, 7<br />
<br />
|-<br />
| oikea keskisormi:<br />
| k, i, 8<br />
<br />
|-<br />
| oikea nimetön:<br />
| l, o, 9<br />
<br />
|-<br />
| oikea pikkusormi:<br />
| ö, ä, å, p, 0, +, ', ^, *, -<br />
<br />
|-<br />
| peukalot:<br />
| välilyönti<br />
<br />
|}<br />
Harjoituksissa on hyvä huomioida ns. ''perusrivi'', johon kuuluvat ne näppäimet joissa sormet ovat perusasemassa. Nämä ovat vasemmalle kädelle kirjaimet a, s, d, f ja oikealle kädelle j, k, l, ö. Harjoitusten tekeminen etenkin aloittelijoille kannattaa aloittaa näiden kirjainten harjoittamisesta.<br />
<br />
== Harjoituksen tekeminen ==<br />
Omia kirjoitusharjoituksia voidaan tehdä KTouch-ohjelman omalla muokkaustyökalulla. Harjoitusten tekeminen aloitetaan käynnistämällä KTouch ja siirtymällä muokkaustilaan valitsemalla ''Tiedosto'' > ''Muokkaa harjoitusta''. Avautuneesta ikkunasta valitaan ”''Luo uusi harjoitus''” ja napsautetaan ''OK''-painiketta.<br />
<br />
[[Kuva:1-ktouch-harjoitus-harjoitustiedosto.png|thumb|250px|none]]<br />
<br />
Avautuneeseen muokkausikkunaan, aloitetaan tekemään omaa harjoitusta.<br />
<br />
[[Kuva:2-ktouch-harjoitus-oma_harjoitus.png|thumb|250px|none]]<br />
<br />
=== Perustietojen syöttäminen ===<br />
Ikkunan yläosaan syötetään joitakin harjoitukseen liittyviä perustietoja.<br />
<br />
[[Kuva:3-ktouch-harjoitus-perustiedot.png|thumb|250px|none]]<br />
<br />
* ''Otsikko'' - Harjoitusta kuvaava otsikko<br />
* ''Kommentti'' – Tähän kenttään voi antaa yleistietoja harjoituksesta ja esim. harjoituksen tekijän nimen<br />
<br />
=== Harjoitustasojen syöttäminen ===<br />
Kirjoitusharjoitukset on jaettu useisiin tasoihin. Joka tasolla on tarkoituksena esitellä kahdesta kolmeen uutta kirjainta. Hyvä periaate tasojen tekemisessä on harjoituttaa joka tason ensimmäisillä riveillä tason uusia kirjaimia ja sitten sekoittaa niitä tason edetessä jo esiteltyjen kanssa sekaisin.Uusi taso lisätään seuraavasti:<br />
<br />
* Mikäli tehtävä taso on ensimmäinen taso, voidaan sen tietoja alkaa syöttämään suoraan valitsemalla oletuksena oleva ”muutama” niminen taso. Muussa tapauksessa uusi taso lisätään napsauttamalla "''lisää taso''"-painiketta.<br />
<br />
[[Kuva:4-ktouch-harjoitus-tasot.png|thumb|250px|none]]<br />
<br />
* Kohtaan ”''Tason ''X'' tiedot''” syötetään harjoitustasoon liittyviä tietoja ja itse harjoitettava materiaali.<br />
<br />
[[Kuva:5-ktouch-harjoitus-tason_tiedot.png|thumb|250px|none]]<br />
<br />
* Ensimmäiseen kenttään syötetään tasolla esitettävät uudet kirjaimet<br />
* Toiseen kenttään on tarvittaessa mahdollista antaa tasoon liittyviä lisätietoja..<br />
* ”''Tason tiedot''” kohtaan syötetään itse harjoitus. Tasot kannattaa aloittaa toistamalla ja harjoituttamalla tasolla esitettyjä kirjaimia. Tason viimeisillä riveillä kannattaa yleensä ottaa mukaan edellisillä tasoilla esiteltyjä kirjaimia, joista voidaan mahdollisesti muodostaa kokonaisia sanoja. Tason tietoihin syötetty teksti tulee harjoitettavaksi sellaisenaan, jolloin esimerkiksi tietoihin syötetty rivinvaihto vaatii myös testiä tehdessä rivinvaihdon.<br />
<br />
[[Kuva:6-ktouch-harjoitus-tason_tiedot2.png|thumb|250px|none]]<br />
<br />
Tasoja syötetään tällä samalla menetelmällä, niin kauan kun kaikki halutut tasot on saatu lisättyä. Viimeisenä tasona voi yleensä olla yhteenveto, jossa harjoitetaan kaikkia eri tasoilla olleita kirjaimia. Tällainen taso voi olla vaikka kokonainen pieni tarina.<br />
<br />
[[Kuva:7-ktouch-harjoitus-tason_muokkain.png|thumb|250px|none]]<br />
<br />
=== Tasojen järjestyksen muuttaminen ===<br />
Valmiiden tasojen järjestyksen muuttaminen on helppoa. Järjestyksen vaihtaminen onnistuu tasoluettelon alaosassa olevilla ''nuolipainikkeilla''. <br />
<br />
[[Kuva:8-ktouch-harjoitus-tason_jarjestys.png|thumb|250px|none]]<br />
<br />
Siirrettäessä valitaan hiirellä napsauttamalla siirrettävä taso ja liikutetaan sitä nuolilla haluttuun suuntaan.<br />
<br />
=== Tason poistaminen ===<br />
Taso voidaan poistaa helposti valitsemalla se tasoluettelosta ja napsauttamalla luettelon alareunassa olevaa ''poista''-painiketta.<br />
<br />
[[Kuva:9-ktouch-harjoitus-tason_poisto.png|thumb|250px|none]]<br />
<br />
=== Harjoituksen tallentaminen ===<br />
Harjoitus tallennetaan napsauttamalla ”''Tallenna nimellä...''”-painiketta. Avautuvaan ikkunaan syötetään tiedoston nimi ja valitaan polku mihin tiedosto halutaan tallentaa.<br />
<br />
[[Kuva:10-ktouch-harjoitus-harjoituksen_tallentaminen.png|thumb|250px|none]]<br />
<br />
== Esimerkkiharjoituksen lataaminen ==<br />
=== Lataaminen ===<br />
Alhaalla olevasta linkistä voidaan ladata valmis esimerkkiharjoitus. Harjoitus on koneellisesti muodostettu ja sen tarkoituksena on antaa esimerkki vaihtoehdosta miten harjoituksen voi tehdä. Tiedosto ladataan seuraavasti.<br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
Lataa esimerkkitiedosto [http://materiaali.linuxkouluun.fi/KTouch_esimerkkiharjoitus.ktouch.xml tästä]<br />
<br />
=== Avaaminen KTouchissa ===<br />
* Käynnistä KTouch<br />
* Valitse ''Tiedosto'' > "''Avaa harjoitus...''"<br />
* Valitse lataamasi tiedosto avautuneesta tiedostovalitsimesta<br />
* Napsauta ''Avaa''<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KTouchin_perusohje&diff=30428KTouchin perusohje2010-01-15T07:37:46Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>KTouch on kymmensormijärjestelmän harjoittamiseen erikoistunut sovellus. Tässä ohjeessa tutustumme harjoituksen tekemiseen ja muokkaamiseen. <br />
<br />
== Johdanto ==<br />
<br />
Tässä ohjeessa tutustutaan konekirjoitusmateriaalin tekemiseen Ktouch-sovellukseen. Harjoitusmateriaalin valmistelun apuna voi hyödyttää seuraavaa sormienpaikkataulukkoa, jonka pohjalta harjoituksia kannattaa suunnitella. <br />
<br />
<br />
{| class="prettytable"<br />
| ''Sormi''<br />
| ''Näppäimet''<br />
<br />
|-<br />
| vasen etusormi:<br />
| f, g, r, t, v, b, 4, 5, 6<br />
<br />
|-<br />
| vasen keskisormi:<br />
| d, e, c, 3<br />
<br />
|-<br />
| vasen nimetön: <br />
| s, w, x, 2<br />
<br />
|-<br />
| vasen pikkusormi:<br />
| a, z, q, 1, §, Tab, Caps Lock, Shift<br />
<br />
|-<br />
| oikea etusormi:<br />
| j, h, u, y, m, n, 7<br />
<br />
|-<br />
| oikea keskisormi:<br />
| k, i, 8<br />
<br />
|-<br />
| oikea nimetön:<br />
| l, o, 9<br />
<br />
|-<br />
| oikea pikkusormi:<br />
| ö, ä, å, p, 0, +, ', ^, *, -<br />
<br />
|-<br />
| peukalot:<br />
| välilyönti<br />
<br />
|}<br />
Harjoituksissa on hyvä huomioida ns. ''perusrivi'', johon kuuluvat ne näppäimet joissa sormet ovat perusasemassa. Nämä ovat vasemmalle kädelle kirjaimet a, s, d, f ja oikealle kädelle j, k, l, ö. Harjoitusten tekeminen etenkin aloittelijoille kannattaa aloittaa näiden kirjainten harjoittamisesta.<br />
<br />
== Harjoituksen tekeminen ==<br />
Omia kirjoitusharjoituksia voidaan tehdä KTouch-ohjelman omalla muokkaustyökalulla. Harjoitusten tekeminen aloitetaan käynnistämällä KTouch ja siirtymällä muokkaustilaan valitsemalla ''Tiedosto'' > ''Muokkaa harjoitusta''. Avautuneesta ikkunasta valitaan ”''Luo uusi harjoitus''” ja napsautetaan ''OK''-painiketta.<br />
<br />
[[Kuva:1-ktouch-harjoitus-harjoitustiedosto.png|thumb|250px|none]]<br />
<br />
Avautuneeseen muokkausikkunaan, aloitetaan tekemään omaa harjoitusta.<br />
<br />
[[Kuva:2-ktouch-harjoitus-oma_harjoitus.png|thumb|250px|none]]<br />
<br />
== Perustietojen syöttäminen ==<br />
Ikkunan yläosaan syötetään joitakin harjoitukseen liittyviä perustietoja.<br />
<br />
[[Kuva:3-ktouch-harjoitus-perustiedot.png|thumb|250px|none]]<br />
<br />
* ''Otsikko'' - Harjoitusta kuvaava otsikko<br />
* ''Kommentti'' – Tähän kenttään voi antaa yleistietoja harjoituksesta ja esim. harjoituksen tekijän nimen<br />
<br />
== Harjoitustasojen syöttäminen ==<br />
Kirjoitusharjoitukset on jaettu useisiin tasoihin. Joka tasolla on tarkoituksena esitellä kahdesta kolmeen uutta kirjainta. Hyvä periaate tasojen tekemisessä on harjoituttaa joka tason ensimmäisillä riveillä tason uusia kirjaimia ja sitten sekoittaa niitä tason edetessä jo esiteltyjen kanssa sekaisin.Uusi taso lisätään seuraavasti:<br />
<br />
* Mikäli tehtävä taso on ensimmäinen taso, voidaan sen tietoja alkaa syöttämään suoraan valitsemalla oletuksena oleva ”muutama” niminen taso. Muussa tapauksessa uusi taso lisätään napsauttamalla "''lisää taso''"-painiketta.<br />
<br />
[[Kuva:4-ktouch-harjoitus-tasot.png|thumb|250px|none]]<br />
<br />
* Kohtaan ”''Tason ''X'' tiedot''” syötetään harjoitustasoon liittyviä tietoja ja itse harjoitettava materiaali.<br />
<br />
[[Kuva:5-ktouch-harjoitus-tason_tiedot.png|thumb|250px|none]]<br />
<br />
* Ensimmäiseen kenttään syötetään tasolla esitettävät uudet kirjaimet<br />
* Toiseen kenttään on tarvittaessa mahdollista antaa tasoon liittyviä lisätietoja..<br />
* ”''Tason tiedot''” kohtaan syötetään itse harjoitus. Tasot kannattaa aloittaa toistamalla ja harjoituttamalla tasolla esitettyjä kirjaimia. Tason viimeisillä riveillä kannattaa yleensä ottaa mukaan edellisillä tasoilla esiteltyjä kirjaimia, joista voidaan mahdollisesti muodostaa kokonaisia sanoja. Tason tietoihin syötetty teksti tulee harjoitettavaksi sellaisenaan, jolloin esimerkiksi tietoihin syötetty rivinvaihto vaatii myös testiä tehdessä rivinvaihdon.<br />
<br />
[[Kuva:6-ktouch-harjoitus-tason_tiedot2.png|thumb|250px|none]]<br />
<br />
Tasoja syötetään tällä samalla menetelmällä, niin kauan kun kaikki halutut tasot on saatu lisättyä. Viimeisenä tasona voi yleensä olla yhteenveto, jossa harjoitetaan kaikkia eri tasoilla olleita kirjaimia. Tällainen taso voi olla vaikka kokonainen pieni tarina.<br />
<br />
[[Kuva:7-ktouch-harjoitus-tason_muokkain.png|thumb|250px|none]]<br />
<br />
== Tasojen järjestyksen muuttaminen ==<br />
Valmiiden tasojen järjestyksen muuttaminen on helppoa. Järjestyksen vaihtaminen onnistuu tasoluettelon alaosassa olevilla ''nuolipainikkeilla''. <br />
<br />
[[Kuva:8-ktouch-harjoitus-tason_jarjestys.png|thumb|250px|none]]<br />
<br />
Siirrettäessä valitaan hiirellä napsauttamalla siirrettävä taso ja liikutetaan sitä nuolilla haluttuun suuntaan.<br />
<br />
== Tason poistaminen ==<br />
Taso voidaan poistaa helposti valitsemalla se tasoluettelosta ja napsauttamalla luettelon alareunassa olevaa ''poista''-painiketta.<br />
<br />
[[Kuva:9-ktouch-harjoitus-tason_poisto.png|thumb|250px|none]]<br />
<br />
== Harjoituksen tallentaminen ==<br />
Harjoitus tallennetaan napsauttamalla ”''Tallenna nimellä...''”-painiketta. Avautuvaan ikkunaan syötetään tiedoston nimi ja valitaan polku mihin tiedosto halutaan tallentaa.<br />
<br />
[[Kuva:10-ktouch-harjoitus-harjoituksen_tallentaminen.png|thumb|250px|none]]<br />
<br />
== Esimerkkiharjoituksen lataaminen ==<br />
=== Lataaminen ===<br />
Alhaalla olevasta linkistä voidaan ladata valmis esimerkkiharjoitus. Harjoitus on koneellisesti muodostettu ja sen tarkoituksena on antaa esimerkki vaihtoehdosta miten harjoituksen voi tehdä. Tiedosto ladataan seuraavasti.<br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
Lataa esimerkkitiedosto [http://materiaali.linuxkouluun.fi/KTouch_esimerkkiharjoitus.ktouch.xml tästä]<br />
<br />
=== Avaaminen KTouchissa ===<br />
* Käynnistä KTouch<br />
* Valitse ''Tiedosto'' > "''Avaa harjoitus...''"<br />
* Valitse lataamasi tiedosto avautuneesta tiedostovalitsimesta<br />
* Napsauta ''Avaa''<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KWordQuizin_perusohje&diff=30427KWordQuizin perusohje2010-01-15T07:35:42Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>KWordQuiz on sanastojen ja sanalistojen opetteluun tarkoitettu pieni ja helppokäyttöinen sovellus. Tässä ohjeessa tutustutaan oman sanastotestin tekemiseen ja ohjelman eri sanastojen kyselytiloihin.<br />
<br />
== Johdanto ==<br />
KwordQuiz on sanastojen opetteluun tarkoitettu sovellus. Tässä ohjeessa käsitellään omien sanastojen tekemistä tekemällä esimerkin mukainen lyhyt sanastotesti. Esimerkkinä oleva sanasto on myös saatavilla valmiina itselle kokeiltavaksi oppaan lopusta löytyvästä linkistä. Ohjeen hyödyntämiseksi suositellaan perustietämystä työpöytäsovelluksien käyttämisestä. <br />
<br />
== Sanaston tekeminen ==<br />
=== Käynnistäminen ===<br />
Omien sanastojen tekeminen on nopeaa ja yksinkertaista. Seuraavassa tehdään esimerkin mukainen sanasto, joka lopuksi tallennetaan omaan kotihakemistoon.KWordQuiz löytyy yleisimmissä käyttöympäristöissä työpöydän käynnistys painikkeen opetusohjelmat-valikosta. Käynnistettäessä KwordQuiz avautuu tyhjään muokkaustilaan.Muokkaustilassa voidaan aloittaa omien sanastojen tekeminen. Sanastoja tehdään syöttämällä kysyttäviä sanoja ja niiden vastineita ohjelman kaksi sarakkeiseen taulukkoon. Taulukon jokaiseen vasemmanpuoleiseen sarakkeeseen voidaan esimerkiksi laittaa suomenkielinen sana ja oikeanpuoleiseen sen vieraskielinen vastine.<br />
<br />
[[Kuva:1-kwordquiz-sanastotesti-perusikkuna.png|thumb|250px|none]]<br />
<br />
Perusikkuna<br />
<br />
=== Esimerkkisanaston tekeminen ===<br />
Seuraavassa tehdään harjoitukseksi pieni sanasto. Sanastossa käytetään seuraavia sanoja.<br />
<br />
* koira – a dog<br />
* kissa – a cat<br />
* lehmä – a cow<br />
* sammakko – a frog<br />
* hevonen – a horse<br />
* lammas – a sheep<br />
* lintu – a bird<br />
<br />
Sanaston tekeminen aloitetaan valitsemalla taulukon ensimmäinen solu napsauttamalla sitä kaksi kertaa hiiren ykköspainikkeella.<br />
<br />
<br />
<br />
[[Kuva:2-kwordquiz-sanastotesti-solu.png|thumb|250px|none]]<br />
<br />
<br />
<br />
Tässä vaiheessa viimeistään tulee valita kummille puolille erikieliset sanat syötetään. Esimerkissä valitsemme vasemman sarakkeen suomenkielisille sanoille ja oikean puoleisen englanninkielisille. Seuraavaksi syötetään ensimmäinen sana ”koira” ja painetaan sen jälkeen enter-näppäintä.<br />
<br />
<br />
<br />
[[Kuva:3-kwordquiz-sanastotesti-koira.png|thumb|250px|none]]<br />
<br />
Nyt valituksi tulee automaattisesti oikean puoleinen solu, johon voidaan syöttää sanan englanninkielinen vastine samalla tavalla kuin edellä.<br />
<br />
<br />
<br />
[[Kuva:4-kwordquiz-sanastotesti-sarake2.png|thumb|250px|none]]<br />
<br />
Seuraavaksi jatketaan samalla tavalla muille riveille kunnes kaikki sanat on saatu syötetyiksi.<br />
<br />
<br />
<br />
<nowiki><</nowiki>[[Kuva:5-kwordquiz-sanastotesti-kaikki_sanat.png|thumb|250px|none]]<br />
<br />
<br />
<br />
=== Tallentaminen ===<br />
Kysely tallennetaan seuraavasti<br />
<br />
* Valitse ''Tiedosto'' > ''Tallenna nimellä...''<br />
* Valitse hakemistopolku johon sanasto tallennetaan<br />
* Valitse ''Tallenna'' <br />
<br />
== Syötettyjen sanojen kyseleminen ==<br />
KwordQuiz tarjoaa kolme erilaista kyselytyyppiä, joilla sanastoa voidaan testata. <br />
<br />
* Ensimmäinen tyyppi on tarkoitettu sanastojen omaehtoiseen harjoitteluun ja opetteluun. <br />
* Toinen on monivalinta, jossa ohjelma kysyy yhtä sanoista ja tarjoaa kolme vaihtoehtoa joista yksi on oikea. <br />
* Kolmantena on sanakoetyyppinen kysely, jossa ohjelma kysyy sanaa ja sille tulee kirjoittaa oikea vastine tekstikenttään.<br />
<br />
=== Sanastojen omaehtoinen harjoittelu ===<br />
Sanastojen harjoitteluun sopiva harjoitustyyppi on nimeltään Kysymyskortti. Kysymyskortti -sovelluksen ideana on, että ohjelma kyselee sanastoon syötettyjä sanoja ja käyttäjä kertoo mitkä sanoista hän on tiennyt ja mitä ei. Lopuksi ohjelma antaa mahdollisuuden harjoitella pelkästään niitä sanoja, joita käyttäjä ei ollut tiennyt. Tätä jatkuu niin kauan kunnes käyttäjä on mielestään osannut kaikki sanat. Tilaan siirrytään valitsemalla ''Mene'' > ''Kysymyskortti''. Nyt ohjelma alkaa kyselemään sanastoon syötettyjä sanoja. Ikkunan oikeassa laidassa on seuraavia toimintoja.<br />
<br />
[[Kuva:6-kwordquiz-sanastotesti-harjoittelu.png|thumb|250px|none]]<br />
<br />
* ''Tarkista'' – Tällä painikkeella voidaan tarkistaa mikä oikea vastaus olisi ollut<br />
* ''Tiedän'' – Tätä napsautetaan, jos käyttäjä tietää mikä oikea vastaus on<br />
* ''En tiedä'' – Tätä napsautetaan, jos käyttäjä ei tiedä mikä oikea vastaus on<br />
* ''Vihje'' – Ei ole käytössä tässä tilassa <br />
* ''Aloita alusta'' – Aloittaa testin alusta<br />
* ''Toista virheet'' – Kysyy uudelleen vain ne sanat joita ei edellisellä kierroksella tiedetty<br />
<br />
=== Monivalinta ===<br />
Monivalintatilaan siirrytään valitsemalla ''Mene'' > ''Monivalinta''. Monivalinnassa ohjelma kysyy sanaa ja antaa sanastossa olevista sanoista sille kolme vaihtoehtoa joista käyttäjän tulee valita oikea.Ikkunan oikeassa laidassa olevat toiminnot ovat muuten samat kuin edellisessä tehtävätyypissä paitsi vastaaminen tapahtuu pelkästään valitsemalla oikea vaihtoehto ja napsauttamalla Tarkista-painiketta.<br />
<br />
<br />
<br />
[[Kuva:7-kwordquiz-sanastotesti-monivalinta.png|thumb|250px|none]]<br />
<br />
<br />
<br />
=== Sanakoe ===<br />
Kysymys ja vastaus -tehtävätyypissä ohjelma kysyy käyttäjältä sanaa ja hänen tulee kirjoittaa se täsmälleen oikein ikkunassa olevaan tekstikenttään. Ohjelma käy sanaston kaikki sanat läpi ja antaa lopuksi käyttäjälle tilastoja testin tuloksesta.<br />
<br />
<br />
<br />
[[Kuva:8-kwordquiz-sanastotesti-sanakoe.png|thumb|250px|none]]<br />
<br />
Ikkunan oikeassa laidassa olevat toiminnot ovat samat kuin edellisessä tehtävässä.<br />
<br />
== Sanojen kyselyjärjestyksen muuttaminen ==<br />
Sanastossa olevien sanojen kyselyjärjestystä on mahdollista vapaasti muuttaa. Esimerkiksi jos ensimmäiseen sarakkeeseen on syötetty suomenkielisiä sanoja ja toiseen englanninkielisiä sanoja, ohjelma voi kysyä niitä kummalla tahansa kielellä missä tahansa järjestyksessä. Sanojen kyselyjärjestystä voidaan muuttaa ohjelman Tapa-valikosta. Valikko sisältää vaihtoehdot, jotka on selitetty seuraavaksi.<br />
<br />
* ''1 Sarake 1 – Sarake 2 Järjestyksessä'' : Kysyy järjestyksessä ensimmäisen sarakkeen sanoja<br />
* ''2 Sarake 2 – Sarake 1 Järjestyksessä :'' Kysyy järjestyksessä toisen sarakkeen sanoja<br />
* ''3 Sarake 1 – Sarake 2 Satunnaisesti :'' Kysyy sekaisin ensimmäisen sarakkeen sanoja<br />
* ''4 Sarake 2 – Sarake 1 Satunnaisesti :'' Kysyy sekaisin ensimmäisen sarakkeen sanoja<br />
* ''5 Sarake 1 – Sarake 2 Satunnaisesti :'' Kysyy sekaisin ensimmäisen ja toisen sarakkeen sanoja<br />
<br />
== Esimerkki tiedosto ==<br />
Ohjeessa tehty lyhyt sanasto voidaan ladata omalle tietokoneelle testaamista varten seuraavalla tavalla.<br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
Lataa sanastotiedosto [http://materiaali.linuxkouluun.fi/KWordQuiz_esimerkkisanasto.kvtml tästä]<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KBruchin_perusohje&diff=30425KBruchin perusohje2010-01-15T07:13:27Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä</p>
<hr />
<div>KBruch on murtolukujen päässälaskemisen harjoittamiseen tarkoitettu pieni ohjelma. Tässä ohjeessa tutustutaan ohjelman käyttämiseen ja eri harjoitustiloihin.<br />
<br />
== Mikä on KBruch? ==<br />
KBruch on pieni ja helppokäyttöinen ohjelma murtolukujen päässälaskujen, lukujen keskinäisen suuruuden vertaamisen, tekijöihin jaon ja lukumuunnosten harjoitteluun. Ohjeen soveltamiseksi ja ohjelman käyttämiseksi suositellaan yleisten työpöytäsovellusten käytönhallintaa.<br />
<br />
== Ohjelmasta ==<br />
Käynnistettäessä ohjelma aukeaa pääikkunaan, joka näyttää seuraavalta. <br />
<br />
[[Kuva:1-kbruch-murtoluvut-paaikkuna.png|thumb|250px|none]]<br />
<br />
Kaikki toiminta ohjelmassa tapahtuu tässä samassa ikkunassa, joten ohjelman käyttäminen on varsin suoraviivaista. Ikkuna on jaettu viiteen eri osioon.<br />
<br />
* Yläreunan valikkorivi josta pääsee käsiksi ohjelman asetuksiin ja muihin tietoihin. <br />
* Yläosan työkalurivi, jossa tehtäviin liittyviä asetuksia. <br />
* Vasemman reunan tehtävä valikko, josta valitaan tehtävä tyyppi. <br />
* Keskellä oleva varsinainen tehtäväruutu <br />
* Oikealla oleva tilastointi tehtävien suorittamisesta. <br />
<br />
== Tehtävätyypit ==<br />
Kbruch-ohjelman tehtävät ovat päässälaskutehtäviä. Ohjelma antaa aina halutun kategorian kysymyksen ja tehtävän tekijän tulee antaa siihen oikea vastaus. Ohjelmassa olevat tehtävätyypit ovat seuraavat.<br />
<br />
=== Murtolaskutehtävä ===<br />
Murtolaskutehtävissä henkilön tulee laskea päässään ohjelman antama tehtävä ja syöttää oikea vastaus ikkunan tekstikenttiin. Vastaus tulee antaa aina supistetussa muodossa. Jos näin ei tehdä ohjelma kertoo tehtävän vastauksen olevan oikein, mutta merkkaa sen vääräksi, koska supistus puuttuu.<br />
<br />
[[Kuva:2-kbruch-murtoluvut-murtolasku.png|thumb|250px|none]]<br />
<br />
Vastauksen syöttämisen jälkeen vastaus tarkastetaan napsauttamalla ”''Tarkista tehtävä''”-painiketta. <br />
<br />
[[Kuva:3-kbruch-murtoluvut-tarkista.png|thumb|250px|none]]<br />
<br />
Tehtävässä laskettavien termien määrää, suurinta nimittäjää ja laskutoimitustentyyppiä voidaan vaihtaa ikkunan yläosan työkaluriviltä. <br />
<br />
[[Kuva:4-kbruch-murtoluvut-termit.png|thumb|250px|none]]<br />
<br />
<br />
<br />
=== Vertailu ===<br />
Vertailutehtävässä henkilön tulee päätellä kumpi näkyvistä murtoluvuista on suurempi. <br />
<br />
[[Kuva:5-kbruch-murtoluvut-vertailu.png|thumb|250px|none]]<br />
<br />
Suuruuden määrittäminen tapahtuu napsauttamalla lukujen välissä olevaa ”''suurempi/pienempi kuin''”-merkkiä oikeaan asentoon. <br />
<br />
[[Kuva:6-kbruch-murtoluvut-merkki.png|thumb|250px|none]]<br />
<br />
<br />
<br />
Lopuksi tehtävä tarkastetaan ”''Tarkista tehtävä''”-painikkeella.<br />
<br />
=== Muunnokset ===<br />
Muunnoksissa muutetaan annettu desimaaliluku murtoluvuksi. Oikea vastaus syötetään ikkunan tekstikenttiin. [[Kuva:7-kbruch-murtoluvut-muunnokset.png|thumb|250px|none]]<br />
<br />
Joissakin tapauksissa annetun murtoluvun päällä on pieni viiva kuten alla olevassa esimerkissä. Tämä tarkoittaa, että luku jatkuu samana loputtomana sarjana siitä eteenpäin. <br />
<br />
[[Kuva:8-kbruch-murtoluvut-viiva.png|thumb|250px|none]]<br />
<br />
Lopuksi tehtävä tarkastetaan ”''Tarkista tehtävä''”-painikkeella.<br />
<br />
=== Tekijöihin jako ===<br />
Tässä tehtävässä annettu luku tulee jakaa alkutekijöihinsä annettujen lukujen avulla. <br />
<br />
[[Kuva:9-kbruch-murtoluvut-tekijoihin_jako.png|thumb|250px|none]]<br />
<br />
Tekijät syötetään napsauttamalla haluttua lukua sen numeropainikkeesta jolloin se lisätään riville. Viimeinen lisätty tekijä voidaan poistaa ”''Poista viimeinen tekijä''”-painikkeella.<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KmPlot/Perusohje&diff=30424KmPlot/Perusohje2010-01-15T07:05:55Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>Tässä ohjeessa tutustutaan omien funktioiden kuvaajien piirtämiseen KmPlot-ohjelman avulla.<br />
<br />
== Mikä on KMPlot? ==<br />
KmPlot on piirturi jolla voidaan piirtää matemaattisten funktioiden kuvaajia. Ohjelman avulla on mahdollista opetella ja kuvata matemaattisten kaavojen ja niiden graafisten kuvaajien välistä yhteyttä. KmPlot mahdollistaa useiden kuvaajien ja niiden derivaattojen ja integraalien piirtämisen samanaikaisesti, sekä niiden eri ominaisuuksien kuten maksimi- ja minimiarvojen tutkimisen. <br />
<br />
Tässä ohjeessa käydään läpi kuvaajien piirtäminen ja sovelluksen yleisiä toimintoja. Ohjeen soveltamiseksi suositellaan perustaitoja työpöytäsovellusten käyttämisestä.<br />
<br />
== Ohjelman perusikkuna ==<br />
Seuraavassa on esitelty ohjelman perusikkunan osat:<br />
<br />
[[Kuva:1-kmplot-matem_kuvaaja-perusikkuna.png|thumb|250px|none]]<br />
<br />
* Ylimpänä on ohjelman ''työkalurivi'', jossa on painikkeet ohjelman tärkeimpiin toimintoihin<br />
* Ikkunan keskellä on ''koordinaatisto'' johon kuvaaja piirretään<br />
* Alimpana on harmaa ''tilarivi'', jossa näkyy tietoja esimerkiksi koordinaateista liikutettaessa hiirtä koordinaatiston päällä <br />
<br />
=== Työkalurivi ===<br />
[[Kuva:2-kmplot-matem_kuvaaja-tyokalurivi.png|thumb|250px|none]]<br />
<br />
* Ensimmäiset kolme kuvaketta ovat normaalit tiedostojen käsittelyyn liittyvät toiminnot. Ensimmäisellä aloitetaan uusi kuvaajapohja, toisella avataan tallennettu kuvaaja ja kolmannella tallennetaan nykyinen työ.<br />
* Neljäs ja viides toiminto liittyvät kuvaajien piirtämiseen. Piirrettävä funktio voidaan syöttää nopeasti työkalurivin tekstikenttään tai yksityskohtaisemmin sen vieressä olevan painikkeen kautta.<br />
* Viimeisillä kolmella painikkeella hallitaan miltä koordinaatisto näyttää.<br />
<br />
== Kuvaajan piirtäminen ==<br />
Helpoin tapa kuvaajan piirtämiseksi on käyttää pääikkunan tekstikenttää. Tekstikenttään syötetään funktio ja painetaan ''enter''-näppäintä, jolloin ohjelma piirtää kuvaajan. Funktio voidaan kirjoittaa normaalin matemaattisen syntaksin mukaisesti kuten seuraavissa esimerkeissä.<br />
<br />
* ''x^2 ''(Huomaa potenssin merkintätapa!)<br />
* ''sin x'' <br />
* ''2 * sin x +5'' <br />
<br />
Tässä esimerkkinä "''2 * sin x +5''" -funktio piirrettynä KmPlot-ikkunaan<br />
<br />
[[Kuva:3-kmplot-matem_kuvaaja-funktio.png|thumb|250px|none]]<br />
<br />
Kuvaajia on mahdollista piirtää useita peräjälkeen, jolloin ne saavat automaattisesti eri värin kuin edelliset kuvaajat.<br />
<br />
<br />
<br />
=== Yksityiskohtaisempi kuvaajan piirtäminen ===<br />
Kuvaaja on vaihtoehtoisesti mahdollista piirtää valitsemalla ''Kuvaa'' > "''Uusi funktiokuvaaja...''". <br />
<br />
[[Kuva:4-kmplot-matem_kuvaaja-uusi_ftio.png|thumb|250px|none]]<br />
<br />
Tällöin avautuu ikkuna johon funktion tiedot voidaan syöttää.<br />
<br />
[[Kuva:5-kmplot-matem_kuvaaja-ftion_tiedot.png|thumb|250px|none]]<br />
<br />
Tätä kautta tehtävän kuvaajan ominaisuuksia on mahdollista muokata vapaammin. Seuraavassa on esitelty ikkunassa muokattavissa olevia tietoja.<br />
<br />
* ''Yhtälö'' – Piirrettävän funktion kaava<br />
* ''Piilota'' – Piilota funktion kuvaaja näkyvistä. Funktiota voidaan silti käyttää määriteltäessä toisia funkioita<br />
* ''Oma kuvaajan arvoväli - Min'' – Määrittää kuinka pieniä arvoja funktio voi pienimmillään saada<br />
* ''Oma kuvaajan arvoväli - Max'' - Määrittää kuinka suuria arvoja funktio voi enintään saada<br />
* ''Viivan leveys'' – Kuvaajan viivan paksuus millin kymmenesosina<br />
* ''Väri'' – Kuvaajan väri<br />
<br />
Valmis kuvaaja hyväksytään napsauttamalla ''OK-''painiketta, jolloin sen kuvaaja piirretään.<br />
<br />
== Valmiin kuvaajan muokkaaminen ==<br />
Valmiita kuvaajia voidaan muokata vapaasti seuraavalla tavalla.<br />
<br />
* Valitse ''Kuvaa'' > ''Muokkaa kuvaajia...'' <br />
* Valitse avautuvasta ikkunasta muokattava funktio<br />
<br />
[[Kuva:6-kmplot-matem_kuvaaja-ftion_muokk.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Muokkaa''-painiketta <br />
<br />
Tämän jälkeen avautuu ikkuna josta valitun funtion asetuksia voidaan muokata. Ikkunan kentät vastaavat täysin edellisessä kappaleessa esiteltyä uuden kuvaajan luomista. Muokkaukset hyväksytään napsauttamalla ''OK''-painiketta<br />
<br />
<br />
''Matemaattisissa funktioissa esiintyy yleensä neliöjuuria ja potenssiin korotuksia, joiden kirjoittaminen tietokoneen näppäimistöllä ei ole itsestäänselvyys. Tässä artikkelissa tutustutaan miten erilaisten funktioiden ja vakioiden syöttäminen onnistuu KmPlotissa.'' <br />
<br />
== Funktioden kirjoittaminen ==<br />
Seuraavassa on esitelty erilaisia tyypillisiä matemaattisissa lausekkeissa vastaan tulevia funktioita, merkkejä sekä vakioita. Tietokoneen näppäimistöltä ei suoraan löydy näppäimiä esimerkiksi neliöjuurilausekkeen syöttämiseen, mutta tässä artikkelissa tutustutaan miten se KmPlotissa on mahdollista. Kyseisiä funktioita voidaan käyttää piirrettäessä kuvaajia KmPlot ohjelmalla. <br />
<br />
=== Potenssiin korottaminen ===<br />
''^'' - Esimerkiksi x korotettuna neljänteen potenssiin syötettäisiin seuraavasti ''x^4''.<br />
<br />
=== Peruslaskutoimitukset ja vertailu ===<br />
''<nowiki>*</nowiki>'', ''/'', ''+'', ''−'',''<nowiki> <</nowiki>'', ''> , = ''- Peruslaskutoimitusfunktiot ja suuruuden vertailuun käytettävät merkit, toimivat normaalisti näppäimistöltä syötettäessä.<br />
<br />
=== Itseisarvo ===<br />
''|x| ''- Itseisarvo voidaan ilmaista edellä olevalla tavalla jättämällä luku niin sanottujen putkimerkkien väliin. Tämä merkki löytyy normaaleista näppäimistöistä suoraan.<br />
<br />
=== Neliöjuuri ===<br />
''sqrt(x) ''-'' ''Normaali neliöjuuri ilmaistaan ''sqrt'' funktiolla. Esimerkiksi neliöjuuri luvustayhdeksän kirjoitettaisiin seuraavasti ''sqrt(9).''<br />
<br />
=== Luonnollinen logaritmi ===<br />
''ln(x) - ''Luonnollinen logaritmi ilmaistaan funktiolla ''ln''. Esimerkiksi luonnollinen logaritmi luvusta kahdeksan kirjoitettaisiin ''ln(8).''<br />
<br />
=== Kymmenkantainen logaritmi ===<br />
''log(x)'' - Kymmenkantainen logaritmi ilmaistaan funktiolla ''log''. Esimerkiksi kymmenkantainen logaritmi luvusta 4 kirjoitettaisiin ''log(4).'' <br />
<br />
== Trigonometristen funktioiden kirjoittaminen ==<br />
Oletusasetuksilla KPlot käyttää radiaani yksiköitä. Ohjelma voidaan asettaa käyttämään yksikkönä asteita seuraavasti.[[Kuva:1-kmplot-matem_syntaksi-muokkaa.png|thumb|250px|none]] <br />
<br />
* Valitse'' Asetukset'' > ''Aseta KmPlot''<br />
* Aktivoi avautuneesta ikkunasta valinta ''asteet''<br />
* Napsauta ''OK''<br />
<br />
=== Sini, kosini ja tangentti ===<br />
''sin(x), cos(x), tan(x)'' - Sini, kosini ja tangentti funktiot syötetään edellä mainituilla funktiolyhenteillä. Esimerkiksi sinin kuvaaja muuttujalla x piirrettäisiin kirjoittamalla ''sin(x)''. Samoin toimivat edellisten käänteisfunktiot ''arcsin(x)'', ''arccos(x)'', ''arctan(x) ''<br />
<br />
=== Kotangentti, sekantti ja kosekantti ===<br />
''cot(x), sec(x)'', ''cosec(x) - ''Kotangentti, sekantti ja kosekantti toimivat samalla tavoin kuin edelliset sini-, kosini- ja tangenttifunktiot. Samoin myös käänteisfunktioiden kohdalla jotka ovat ''arccot(x)'', ''arcsec(x)'', ''arccosec(x)''<br />
<br />
== Matemaattisten vakioiden kirjoittaminen ==<br />
=== Pii ===<br />
''pi'' - Pii-vakiota (3.1415...) voidaan käyttää joko syöttämällä edellä mainittu ''pi''-merkintä tai käyttämällä sen likiarvoa.<br />
<br />
=== Neperin luku ===<br />
''e - ''Neperin luku (2.7182...) voidaan syöttää joko käyttämällä edellämainittua ''e''-symbolia tai vaihtoehtoisesti likiarvoa käyttäen.<br />
<br />
<br />
<br />
== Derivaatta- ja integraalifunktion kuvaajien piirtäminen ==<br />
Derivaatta- ja integraalifunktion kuvaajat piirretään halutulle funktiolle sen muokkaustilassa.<br />
<br />
* Valitse ''Kuvaa'' > ''Muokkaa kuvaajia...''<br />
* Valitse funktio, jonka derivaatta- tai integraalifunktio halutaan piirtää ja napsauta ''muokkaa''.<br />
<br />
[[Kuva:1-kmplot-integr_deriv-funktion_valinta.png|thumb|250px|none]]<br />
<br />
* Jos funktiota ei vielä ole, luo uusi funktio napsauttamalla ''Uusi funktiokuvaaja...'' ja syötä funktio avautuvaan ikkunaan.<br />
<br />
=== Derivaattafunktion kuvaajan tekeminen ===<br />
Valitse funktion muokkausikkunan vasemmasta reunasta ''Derivaatat'' -kuvake. <br />
<br />
[[Kuva:2-kmplot-integr_deriv-derivaatat.png|thumb|250px|none]]<br />
<br />
Kyseisen kuvaajan ensimmäinen ja toinen derivatta saadaan näkyviin valitsemalla ''Näytä 1.''/(''2''.)'' derivaatta'' ja napsauttamalla ''OK''-painiketta. Alla on esimerkkikuva funktiosta (punainen) ja sen ensimmäisestä derivaatasta (vihreä).<br />
<br />
[[Kuva:3-kmplot-integr_deriv-derivaattakuva.png|thumb|250px|none]]<br />
<br />
=== Integraalifunktion kuvaajan tekeminen ===<br />
Valitse funktion muokkausikkunan vasemmasta reunasta ''Integraali'' -kuvake. <br />
<br />
[[Kuva:4-kmplot-integr_deriv-integraalit.png|thumb|250px|none]]<br />
<br />
Napsauta'' Näytä Integraali'' -painiketta, jonka jälkeen integraalifunktio tulee näkyviin. Sen kuvaajan väriä ja muita asetuksia voidaan muuttaa ikkunassa olevista asetuksista.<br />
<br />
== Kuvaajan arvojen tutkiminen ==<br />
Kuvaajista voidaan selvittää esimerkiksi funktion arvo sekä graafisesti että laskennallisesti ja lisäksi funktion minimi- ja maksimiarvot tietyllä arvovälillä.<br />
<br />
=== Funktion arvojen tutkiminen graafisesti ===<br />
Funktion arvoja voidaan tutkia graafisesti, napsauttamalla valmiiksi piirrettyä kuvaajaa ohjelman perustilassa. <br />
<br />
[[Kuva:5-kmplot-integr_deriv-graafiset_arvot.png|thumb|250px|none]]<br />
<br />
Tällöin kursori tarttuu kuvaajaan kiinni ja liikuttamalla hiirtä sivuttaissuunnassa nähdään funktion arvot muuttujan suhteen ikkunan alareunasta. Funktion nollakohdat näkyvät erikseen niitä lähestyttäessä.<br />
<br />
=== Funktion arvon selvittäminen laskennallisesti ===<br />
Funktion arvoja voidaan selvittää tarkasti laskemalla seuraavasti.<br />
<br />
* Valitse ''Työkalut'' > ''Laske y-arvo''<br />
* Valitse avautuvan ikkunan alaosasta tutkittava funktio<br />
* Syötä ikkunan yläosan ''X''-tekstikenttään muuttujan arvo jota vastaava funktion arvo halutaan selvittää ja napsauta ''Laske''.[[Kuva:6-kmplot-integr_deriv-arvon_laskeminen.png|thumb|250px|none]]<br />
<br />
=== Maksimi- ja minimiarvojen tutkiminen ===<br />
Funktion maksimi- tai minimiarvo voidaan selvittää seuraavasti.<br />
<br />
* Valitse ''Työkalut'' > ''Etsi minimiarvoa/maksimiarvoa...'' riippuen siitä kumpaa halutaan tutkia<br />
* Valitse avautuvan ikkunan alaosasta tutkittava funktio<br />
* Aseta raja muuttujan arvoille minimistä maksimiin ikkunan yläosassa oleviin tekstikenttiin, jotta ohjelma tietää miltä väliltä arvoa halutaan selvittää.<br />
<br />
[[Kuva:7-kmplot-integr_deriv-max_min.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Etsi'', jolloin ohjelma kertoo halutun arvon suuruuden ja sen paikan.<br />
<br />
== Kuvaajan tallentaminen erilliseen kuvatiedostoon ==<br />
KmPlotilla piirrettävät kuvaajat on mahdollista tallentaa erilliseen kuvatiedostoon. Tällöin itse piirrettyjä kuvaajia voidaan liittää esimerkiksi omaan tekstinkäsittelydokumenttiin. Piirretyn kuvaajan tallentaminen tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Vie...''<br />
* Anna avautuvaan ikkunaan tallennettavalle kuvalle nimi<br />
* Valitse kuva tiedostotyyppi. Normaaliin käyttöön paras on ''PNG''-muoto.<br />
<br />
[[Kuva:8-kmplot-integr_deriv-tallenna.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Tallenna''-painiketta<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30411Linux.fi:Linuxkouluun.fi2010-01-14T15:02:32Z<p>OpinsysASokero: /* Opetusohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| [[Celestian perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| [[Stellariumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| [[KStarsin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KStarsin_perusohje&diff=30410KStarsin perusohje2010-01-14T15:01:48Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>Tässä ohjeessa tutustutaan KStars -työpöytäplanetaarion perusominaisuuksiin.<br />
<br />
== Johdanto ==<br />
KStars on planetaariosovellus, jolla voi tarkkailla tähtitaivasta omasta tietokoneesta. KStars osaa muodostaa tarkan kuvauksen taivaasta, mistäpäin maapalloa tahansa ja kellon ajasta riippumatta. Ohjelma sisältää suuren määrän tietoa tähdistä, planeetoista ja muista taivaankappaleista ja se on suunniteltu erityisesti opetustyökaluksi tähtitaivaan ja astronomiaan tutustumiseen.<br />
<br />
Tässä ohjeessa tutustutaan KStars -ohjelman perusominaisuuksiin ja käyttöliittymään. Ohjeen soveltamiseksi suositellaan tietämystä yleisten työpöytäohjelmistojen käytöstä.<br />
<br />
== Ohjelman käynnistäminen ensimmäistä kertaa ==<br />
[[Kuva:1-kstars-planetaario-perusasetukset.png|thumb|250px|none]]<br />
<br />
Ensimmäisellä käynnistyskerralla ohjelma kysyy muutamia perusasetuksia. <br />
<br />
Ensimmäisen esittelyikkunan jälkeen varsinaisiin asetuksiin siirrytään napsauttamalla ''Seuraava'' -painiketta.<br />
<br />
<br />
<br />
[[Kuva:2-kstars-planetaario-sijainti.png|thumb|250px|none]]Tärkeimpänä asetuksena ohjelma kysyy käyttäjän maantieteellistä sijaintia.<br />
<br />
<br />
<br />
Ikkunassa olevassa listassa on lueteltuna yli 1500 paikkaa ympäri maailmaa, joita voidaan käyttää kohdistukseen. Paikkojen listaa voidaan rajata ikkunassa olevilla tekstikentillä, johon syöttämällä tietoja lista pienenee. Suomalaisen paikkakunnan etsiminen onnistuu helpoiten kirjoittamalla ''Maa'' kohtaa ''Suomi'', jolloin näytetään ainoastaan suomalaiset paikkakunnat. Ohjelmassa on oletuksena muutamia Suomen kuntia ja kaupunkeja, joista käyttäjä voi valita itseään lähinnä olevan. Tarvittaessa oman paikkakunnan täydelliset koordinaatit on mahdolista syöttää ohjelman asetuksista, jolloin sijainnin saa erittäin tarkaksi. Peruskäytössä suurpiirteinen sijainti ei kuitenkaan aiheuta ongelmia.<br />
<br />
<br />
<br />
[[Kuva:3-kstars-planetaario-lisa_aineisto.png|thumb|250px|none]]Paikkakunnan syöttämisen jälkeen voidaan siirtyä eteenpäin napsauttamalla ''Seuraava'' -painiketta.Halutessaan käyttäjä voi hakea ohjelmaan laajennoksina ylimääräistä materiaalia joka täydentää ohjelman oletustietoja.<br />
<br />
<br />
<br />
Tämä ei kuitenkaan peruskäytössä ole välttämätöntä. Käyttäjä voi siis hyvin edetä itse ohjelmaan napsauttamalla ''Valmis'' -painiketta.<br />
<br />
== Perustoiminnot ==<br />
[[Kuva:4-kstars-planetaario-perustoiminnot.png|thumb|250px|none]]Alkuasetusten jälkeen ohjelma avautuu perusikkunaansa kohdistettuna annettujen paikka-asetusten mukaisesti.<br />
<br />
Ohjelmaikkunan yläreunasta löytyy valikkorivin lisäksi kaksi työkaluriviä, joita käytetään ohjelman käyttöön.<br />
<br />
=== Päätyökalurivi ===<br />
[[Kuva:5-kstars-planetaario-paatyokalurivi.png|thumb|250px|none]]Päätyökalurivi on perusasetuksilla ylimmäisenä. <br />
<br />
<br />
<br />
Se sisältää toimintoja ikkunan hallintaan, ohjelman asetuksiin ja ajan hallintaan.<br />
<br />
* [[Kuva:6-kstars-planetaario-kokonaytto.png|thumb|250px|none]]Ohjelma kokonäyttötilaan/pois kokonäyttötilasta<br />
* [[Kuva:7-kstars-planetaario-zoomaus.png|thumb|250px|none]] Ohjelman ''zoomaus''painikkeet. Ensimmäinen suurennuslasi zoomaa lähemmäksi ja toinen kauemmaksi. Kolmannella voidaan valita tähdistöstä nelikulmion muotoinen alue johon halutaan tarkentaa.<br />
* [[Kuva:8-kstars-planetaario-etsi.png|thumb|250px|none]]''Etsi kohde'' -toiminto. Tällä toiminnolla avautuu ikkuna josta löytyvät ohjelmassa olevat kappaleet järjestettyinä tiettyihin kategorioihin. Valitsemalla kohde ohjelma kohdentuu siihen automaattisesti.<br />
* [[Kuva:9-kstars-planetaario-maantiede.png|thumb|250px|none]]''Maantiede'' -toiminto. Tästä painikkeesta avautuu ikkuna josta voidaan asettaa tarkasti käyttäjän maantieteellinen sijainti. Toiminnosta lisää myöhemmässä kappaleessa.<br />
* [[Kuva:10-kstars-planetaario-aika.png|thumb|250px|none]]''Aseta aika'' -toiminto. Tästä painikkeesta avautuu kalenteri, jolla voidaan määrittää jokin tietty aika jonka tähtitaivasta halutaan katsella.<br />
<br />
[[Kuva:11-kstars-planetaario-sekunti.png|thumb|250px|none]]Työkalurivin viimeisenä on toiminnot kuluvat ajan hallintaan. <br />
<br />
Näillä voidaan ohjelmassa kuluva aika pysäyttää tai sitä voidaan nopeuttaa jolloin voidaan nähdä taivaan kappaleiden liikkeet selkeämmin. Oletuksena ohjelma toimii aina tosiaikaisesti tietokoneen kellon mukaan.<br />
<br />
=== Näyttötyökalurivi ===<br />
Näyttötyökalurivin avulla hallitaan kuinka paljon informaatiota tähdistöstä näytetään kerralla ikkunassa. Työkalurivien painiketta painamalla kyseinen ominaisuus laitetaan aina joko päälle tai pois.<br />
<br />
* [[Kuva:12-kstars-planetaario-tahdet.png|thumb|250px|none]]'' Tähtien näyttäminen''. Tällä toiminnolla voidaan tähdet ottaa pois näkyvistä tai takaisin näkyviin.<br />
* [[Kuva:13-kstars-planetaario-syva_taivas.png|thumb|250px|none]]'' Syvän taivaan kohteet''. Tällä toiminnolla voidaan poistaa syvän taivaan kohteet näkyvistä<br />
* [[Kuva:14-kstars-planetaario-aurinkokunnat.png|thumb|250px|none]]''Aurinkokunnat''. Tällä toiminnolla voidaan poistaa näkyvistä aurinkokunnat.<br />
* [[Kuva:15-kstars-planetaario-tahdistoviivat.png|thumb|250px|none]]'' Tähdistöviivat''. Tällä toiminnolla voidaan poistaa tähdistöviivat näkyvistä.<br />
* [[Kuva:16-kstars-planetaario-tahdistonimet.png|thumb|250px|none]]'' Tähdistöjen nimet''. Tällä toiminnolla saadaan tähdistöjen nimet pois näkyvistä.<br />
* [[Kuva:17-kstars-planetaario-tahdistorajat.png|thumb|250px|none]]'' Tähdistöjen rajat''. Tällä toiminnolla saadaan tähdistöjen rajat pois näkyvistä.<br />
* [[Kuva:18-kstars-planetaario-linnunrata.png|thumb|250px|none]]'' Linnunrata''. Tällä toiminnolla voidaan ottaa linnunrata pois näkyvistä.<br />
* [[Kuva:19-kstars-planetaario-horisontti.png|thumb|250px|none]]''Horisontti''. Tällä toiminnolla voidaan poistaa horisontti näkyvistä. Horisontin ollessa päällä peittyvät kaikki alueet vihreän horisonttialueen alle, mitkä eivät oikeasti kyseisenä ajankohtana käyttäjän sijaintiin näkyisi.<br />
<br />
=== Horisontin liikuttaminen ja tulkinta ===<br />
Horisonttia voidaan pyörittää helposti painamalla hiiren ykkösopainike pohjaan jossakin planetaarion kohdassa ja samalla liikuttamalla hiirtä haluttuun suuntaan.<br />
<br />
Planetaariossa olevan horisontin reunalla lukee ilmansuunnat, mihin suuntaan käyttäjä omaan sijaintiinsa nähden ohjelmalla katsoo.<br />
<br />
=== Taivaankappaleen löytäminen ja siihen kohdistaminen ===<br />
Tiettyä taivaan kappaleta voi etsi edellä esitellyn ''Hae kohde'' -työkalun avulla. Työkalu avaa ikkunan johon kohteet on jaoteltu eri kategorioihin, joiden kautta kohdetta voi etsiä.<br />
<br />
Mihin tahansa planeetaariossa näkyvään kohteeseen voidaan kohdistaa tupla napsauttamalla kohdetta hiiren ykköspainikkeella.<br />
<br />
== Taivaankappaleiden tiedot ==<br />
[[Kuva:20-kstars-planetaario-taivaankappale.png|thumb|250px|none]]Kaikista ohjelmassa olevista taivaankappaleista on olemassa kattavat tietovarastot sekä yleistä että pitkälle menevää tietoa. Seuraavassa tutustutaan saatavilla oleviin tietoihin ja käytämme esimerkkinä oman Maa -planeettamme kuuta.<br />
<br />
Yllä olevan kuvan mukaiseen näyttöön pääsee helpoiten hakemalla haluamaansa taivaankappaletta ja zoomaamalle sen jälkeen lähelle kohdetta. Kuu löytyy helpoiten hakemalla sitä edellä esitellyllä ''Etsi kohde'' -toiminnolla ja valitsemalla sieltä ''Aurinkokunta'' – ''Kuu'', jonka jälkeen ohjelma keskittää automaattisesti kuuhun.<br />
<br />
=== Halutun kohteen tietojen katsominen ===<br />
Taivaankappaleen tiedot saadaan esille napsauttamalla haluttua kappaletta hiiren kakkospainikkeella. Tällöin avautuvasta valikosta nähdään esimerkiksi seuraavia tietoja. <br />
<br />
[[Kuva:21-kstars-planetaario-kohteen_tiedot.png|thumb|250px|none]]<br />
<br />
[[Kuva:22-kstars-planetaario-tiedot.png|thumb|250px|none]]Valikon yläosiossa on taivaankappaleen nimi ja muita siihen liittyviä tietoja, kuten käyttäjän sijaintiin nähden olevat kappaleen nousu- ja laskuajat, jolloin kappale on taivaalla näkyvissä. <br />
<br />
<br />
<br />
[[Kuva:23-kstars-planetaario-seuraa.png|thumb|250px|none]]Seuraavana on ohjelman sisäisiä toimintoja, joista kappaleen tietojen kannalta tärkein on yksityiskohdat. Tästä avautuu ikkuna, josta voidaan katsoa kohteesta saatavilla olevia valokuvia ja samalla käyttäjä voi kirjoittaa omia muistiinpanoja kyseisestä kohteesta. <br />
<br />
<br />
<br />
[[Kuva:24-kstars-planetaario-hst_kuva.png|thumb|250px|none]]Seuraavana olevista kohdista voidaan katsoa erilähteistä saatavilla olevia kuvia kohteesta. <br />
<br />
<br />
<br />
[[Kuva:25-kstars-planetaario-wiki.png|thumb|250px|none]]Viimeisenä on lisätietolinkkejä kohteesta saatavilla oleviin englanninkielisiin lisätietolähteisiin.<br />
<br />
<br />
<br />
<br />
== Auringonpimennyksen simulointi KStarsilla ==<br />
Auringonpimennykset ovat taivaalla harvinainen näky, mutta planetaariosovelluksilla voidaan vapaasti tarkastella avaruuden kappaleiden liikkeitä. Tämän ohjeen avulla siirrytään ajassa taaksepäin ja seurataan 90-luvulla Suomessa nähtyä auringonpimennystä.<br />
<br />
Edellinen täydellinen auringonpimennys Suomessa nähtiin varhain aamulla 22. Heinäkuuta vuonna 1990. Kstars-ohjelmiston avulla on mahdollista palata samaan ajankohtaan katsomaan se uudestaan. Esimerkkinä käydään läpi asetusten laittaminen kyseisen auringonpimennyksen näkemiseksi. Ohjeen käyttämiseksi suositellaan KStars perusohjeeseen tutustumista ja perustietämystä työpöytäohjelmistojen käytöstä.<br />
<br />
=== Asetukset ===<br />
Auringonpimennyksen näkemiseksi on paikka- ja aikatiedot asetettava niin, että Kstarsin kuvaama taivas vastaa sitä tilannetta, joka haluttuna ajankohtana on ollut nähtävissä.<br />
<br />
==== Aika ====<br />
[[Kuva:1-kstars-auringonmpimennys-aika.png|thumb|250px|none]]Ensimmäisenä asetamme ohjelman ajan vastaamaan auringonpimennyksen aikaa. Vuoden 1990 täydellinen auringonpimennys tapahtui varhain aamulla 22. Heinäkuuta. Tällöin aurinko nousi normaalisti noin 3.58, mutta muutaman minuutin kuluttua kuu alkoi hiljalleen peittää aurinkoa. Noin tunnin jälkeen lähes täydellinen pimeys laskeutui tietylle alueelle, kunnes kuu alkoi jälleen väistää auringon edestä. <br />
<br />
<br />
<br />
[[Kuva:2-kstars-auringonmpimennys-kalenteri.png|thumb|250px|none]]Ajan asettamiseen käytämme päätyökalurivin ”''Aseta aika''” -työkalua.<br />
<br />
* Aseta vuodeksi ''1990''<br />
* Aseta kuukaudeksi ''Heinäkuu''<br />
* Aseta päiväksi ''22.'' päivä<br />
* Aseta kellon ajaksi noin ''3.58''<br />
<br />
==== Paikka ====<br />
Auringonpimennys oli tällöin nähtävissä parhaiten Joensuu – Helsinki akselilla. Käyttäjän paikaksi tulisi siis asettaa jotain tällä välillä. Esimerkissä käytämme paikkana Kuopiota, koska se löytyy valmiiksi KStarsin asetuksissa luetelluista paikkakunnista ja se on tarpeeksi pohjoisessa aamuaurinkoa ajatellen. Myös Helsinki toimii paikkakuntana, mutta myöhäisemmästä auringonnoususta johtuen tapahtuma ei näy aivan yhtä selkeästi. Paikkakunta asetetaan seuraavasti.<br />
<br />
* [[Kuva:3-kstars-auringonmpimennys-maantieteellinen.png|thumb|250px|none]]Napsauta päätyökalurivin ''Maantieteellinen'' -painiketta<br />
* Kirjoita maasuodattimeen paikaksi ''Suomi''<br />
* [[Kuva:4-kstars-auringonmpimennys-sijainti.png|thumb|250px|none]]Napsauta haluamaasi paikkakuntaa kaupunkien listasta (''Kuopio'')<br />
* Napsauta ''OK''<br />
<br />
=== Seuraaminen ===<br />
Auringon pimennyksen seuraamiseen siirryttäessä ohjelma tarkennetaan Auringon ja Kuun läheisyyteen ja hallitaan ajan kulkua päätyökalurivin aikatyökaluilla.<br />
<br />
==== Tarkkailun rajaaminen tapahtumaan ====<br />
Tarkkailun rajaaminen pelkkään Auringonpimennykseen onnistuu parhaiten kohdistamalla ohjelma tässä tapauksessa Kuuhun ja zoomaamalla voimakkaasti lähemmäksi. <br />
<br />
===== Kohdistaminen kuuhun =====<br />
* [[Kuva:5-kstars-auringonmpimennys-etsi.png|thumb|250px|none]]Napsauta päätyökalurivin ”''Etsi kohde''” -painiketta<br />
* [[Kuva:6-kstars-auringonmpimennys-suodata.png|thumb|250px|none]]Aseta avautuneeseen ikkunaan suodatukseksi ''Aurinkokunta''<br />
* Valitse listasta ''Kuu''<br />
* Napsauta ''OK''<br />
<br />
Nyt ohjelman tulisi olla kohdistettuna Kuuhun<br />
<br />
===== Zoomaus kuuhun =====<br />
[[Kuva:7-kstars-auringonmpimennys-horisontti.png|thumb|250px|none]]Zoomaus lähelle kuuta tapahtuu napsauttamalla ''Lähennä'' -painiketta useita kertoja, niin kauan että planetaario näyttää kutakuinkin seuraavalta. <br />
<br />
[[Kuva:8-kstars-auringonmpimennys-horisonttipainike.png|thumb|250px|none]]<br />
<br />
Alareunassa näkyvä vihreä alue on maan aiheuttama horisontti. Sen saa halutessa pois näkyvistä horisontti-painikkeella.<br />
<br />
==== [[Kuva:9-kstars-auringonmpimennys-tauko.png|thumb|250px|none]]Ajanhallinta ====<br />
[[Kuva:10-kstars-auringonmpimennys-toista.png|thumb|250px|none]]Planetaarion kuluvaa aikaa voidaan hallita työkalurivin ajanhallinta toiminnoilla.<br />
<br />
[[Kuva:11-kstars-auringonmpimennys-auringonmpimennys.png|thumb|250px|none]]Vasemmassa reunassa olevalla sinisellä painikkeella hallitaan ajan kulkua. Painamalla yllä olevan kuvan ''tauko'' -painiketta ajan kulku pysähtyy ja painike muuttuu ''Toista'' -painikkeeksi.<br />
<br />
Jälleen napsauttamalla ''Toista'' -painiketta aika lähtee juoksemaan.<br />
<br />
Ajankulun nopeutta hallitaan työkalun ''+'' ja ''-'' merkeillä. Vasemman puolimmainen ''+'' -merkki säätelee kentässä olevan numeron määrää ja oikean puoleinen ''-'' -merkki sen yksikköä. Työkalun toiminnan oppii parhaiten sitä kokeilemalla.[[Kuva:|thumb|250px|none]]Esimerkkinä hyvä nopeus auringonpimennyksen tarkkailuun on asettaa nopeudeksi yksi minuutti napsauttamalla oikean puolimmaista ''+'' -merkkiä kerran, jolloin yhden sekunnin sisällä ohjelman kello kulkee yhden minuutin.Ajan kuluessa kuu lipuu hiljalleen auringon yli peittäen sen hetkeksi kokonaan.<br />
<br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Stellariumin_perusohje&diff=30409Stellariumin perusohje2010-01-14T14:56:42Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>Stellarium jäljittelee oikeaa tähtitaivasta ja sen avulla taivaankappaleita ja niiden liikkeitä voidaan tarkkailla vapaasti. Tässä ohjeessa tutustutaan ohjelman perusominaisuuksiin.<br />
<br />
== Johdanto ==<br />
Stellarium on avoin planetaario-ohjelmisto, jonka tarkoituksena on luoda mahdollisimman todentuntuinen ympäristö tähtien katselemiseen omalta tietokoneelta. Stellariumissa käyttäjä on maanpinnalla, josta hän voi katsoa tähtitaivasta mistä tahansa kohteesta maapallolla. Stellariumia voidaan käyttää opettamaan tähtitiedettä ja demostroimaan tähtitaivaan tapahtumia kuten auringonpimennyksiä tai taivaankappaleiden kiertoa sekä auringon nousua. Ohjelma toimii myös apuna haluttaessa löytää kohteita oikealta taivaalta.Tässä ohjeessa tutustutaan Stellariumin perusominaisuuksiin ja käyttöön. Ohjelman käyttäminen vaatii yleisiä tietokoneen hallintataitoja ja mielellään englannin kielen ymmärtämistä. Stellariumin käyttöön vaaditaan erillinen työasema, jossa on komiulotteisen grafiikan kiihdytyksen mahdollistavat ominaisuudet. Ohjelma ei siis sovellu esimerkiksi kevytpääte käyttöön. Tämä ohje perustuu Ubuntu Dapper Linuxin mukana tulevaan versioon ohjelmasta. Ohjelmaan on olemassa suomennos, joka uudemmissa versioissa on jo käytössä.<br />
<br />
== Ohjelman käyttäminen ==<br />
=== Käynnistäminen ===<br />
[[Kuva:1-stellarium-tyokalu-kaynnistys.png|thumb|250px|none]]Ohjelma käynnistetään normaalisti järjestelmän käynnistysvalikosta. Käynnistyksen jälkeen ohjelma avautuu ohjelman perustilaan. <br />
<br />
Perustilassa ohjelman näkymä on maanpinnalla ja se kuvaa maisemaa niin kuin katsoja itse seisoisi kuvatussa paikassa. Ennen ohjelman tehokasta käyttämistä tulee tutustua ohjelman asetuksiin, joista myöhemmin omassa kappaleessaan. <br />
<br />
== Ohjelman hallinta ==<br />
Ohjelman hallinta kannattaa pääasiassa hoitaa näppäimistön ja hiiren yhteistoiminnalla. Näppäimistöä kannattaa suosia ruudun liikuttamiseen ja muuhun ohjaamiseen ja hiirtä lähinnä kohteiden valintaan taivaalta.<br />
<br />
=== Katseen suunnan liikuttaminen ===<br />
Katseen suuntaa ruudulla on helpointa liikuttaa näppäimistön nuolinäppäimiä käyttäen. Katse liikkuu maisemaan nähden siihen suuntaan minkä suuntaista nuolta painetaan. Vaihtoehtoisesti katsetta voi liikuttaa myös pelkän hiiren avulla painamalla hiiren ykköspainike pohjaan maiseman päällä ja liikuttamalla hiirtä haluttuun suuntaan. Tässä ohjeessa suositaan kuitenkin näppäimistöltä tapahtuvaa liikuttamista.<br />
<br />
=== Kohteen valitseminen ===<br />
<center>[[Kuva:2-stellarium-tyokalu-kohde.png|thumb|250px|none]]</center><br />
<br />
<center>Kohteen valitseminen</center><br />
<br />
Mikä tahansa kohde voidaan valita taivaalta tarkempaa tarkastelua varten. Kohteen valinta tapahtuu napsauttamalla kohdetta hiiren ykköspainikkeella, jolloin kohteen nimi ja sen tiedot tulevat näkyviin ruudun vasempaan yläkulmaan ja kohteen ympärillä alkaa välkkyä pieni risti.<br />
<br />
=== Kohteeseen lukitseminen ===<br />
Ohjelma on mahdollista kohdistaa ja lukita valittuun kohteeseen, jolloin ruutu keskittyy sen tarkkailuun ja jolloin kohteeseen on helppoa esimerkiksi zoomata.Kohteen lukitseminen tapahtuu ensin valitsemalla kohde edellä mainitulla tavalla ja painamalla sen jälkeen välilyöntiä.<br />
<br />
=== Zoomaaminen ===<br />
[[Kuva:3-stellarium-tyokalu-zoomaus.png|thumb|250px|none]]Valittuun ja lukittuun kohteeseen voidaan zoomata näppäimistön ”''Page Up''” ja ”''Page Down''” -näppäimillä tai hiiren rullaa käyttämällä. ”''Page Up''”-näppäimen avulla päästään kohdetta lähelle ja ”''Page Down''”-näppäimellä kauemmaksi.<br />
<br />
== Työkalut ==<br />
[[Kuva:4-stellarium-tyokalu-tyokalut.png|thumb|250px|none]]<br />
<br />
Stellariumin ruudun alalaidassa on ohjelman työkalurivi, josta voidaan vaihdella muutamia ohjelman näkymään vaikuttavia tekijöitä ja asetuksia sekä hakea planeettoja niiden nimen perusteella. <br />
<br />
Seuraavassa on selvitetty toimintojen tarkoitus. Kuvakkeiden ulkonäkö saattaa poiketa Stellariumin eri versioiden välillä, mutta järjestys on sama.<br />
<br />
* [[Kuva:5-stellarium-tyokalu-ajanhallinta.png|thumb|250px|none]]''Tähtikuviot'' – Tällä toiminnolla saadaan tähtikuviot näkyviin tai pois näkyvistä<br />
* [[Kuva:6-stellarium-tyokalu-asetusikkuna.png|thumb|250px|none]]''Tähtikuvioiden nimet'' - Tällä toiminnolla saadaan tähtikuvioiden nimet näkyviin tai pois näkyvistä<br />
* [[Kuva:7-stellarium-tyokalu-rendering.png|thumb|250px|none]]''Tähtikuvioiden kuvat'' - Tällä toiminnolla saadaan upeat tähtikuvioiden kuvat näkyviin tai pois näkyvistä<br />
* [[Kuva:8-stellarium-tyokalu-date_time.png|thumb|250px|none]]''Atsimuutti ruudukko'' - Tällä toiminnolla saadaan atsimuuttiruudukko näkyviin tai pois näkyvistä<br />
* [[Kuva:9-stellarium-tyokalu-location.png|thumb|250px|none]]''Equatorinen ruudukko'' - Tällä toiminnolla saadaan equatorinen ruudukko näkyviin tai pois näkyvistä<br />
* [[Kuva:|thumb|250px|none]]''Maanpinta'' - Tällä toiminnolla saadaan maanpinta näkyviin tai pois näkyvistä. Otettaessa maanpinta pois näkyvistä on mahdollista nähdä horisontin alapuolella olevat kohteet<br />
* [[Kuva:|thumb|250px|none]]''Ilmansuunnat'' - Tällä toiminnolla saadaan maanpinnalla näkyvät ilmansuunnat näkyviin tai pois näkyvistä<br />
* [[Kuva:|thumb|250px|none]]''Yötaivas'' – Tällä toiminnolla saadaan yötaivas näkyviin tai pois näkyvistä. Tätä toimintoa voidaan hyödyntää kun halutaan nähdä kaikki tähdet jotka ovat valoisaan aikaan taivaalla, mutta eivät valosta johtuen näy.<br />
* [[Kuva:|thumb|250px|none]]''Tähtisumut'' - Tällä toiminnolla saadaan tähtisumut näkyviin tai pois näkyvistä<br />
* [[Kuva:|thumb|250px|none]]''Kiinnitys'' - Tällä toiminnolla muutetaan katsojan kiinnitys maahan nähden<br />
* [[Kuva:|thumb|250px|none]]''Mene haluttuun kohteeseen'' – Toimii kuten Ohjelman hallinta kappaleen kohteeseen lukitseminen<br />
* [[Kuva:|thumb|250px|none]]''Etsi kohde'' – Avaa työkalun jolla voidaan hakea haluttuja kohteita niiden englannin kielisillä nimillä<br />
* [[Kuva:|thumb|250px|none]]''Asetukset'' – Avaa asetusten muokkausikkunan. Lisää kappaleessa asetusten muokkaaminen<br />
* [[Kuva:|thumb|250px|none]]''Ohjeita'' – Avaa ikkunan tiivistetyille englanninkielisille ohjeille ohjelmasta<br />
* [[Kuva:|thumb|250px|none]]''Poistu'' – Poistuu ohjelmasta<br />
<br />
== Ajan hallinta ==<br />
[[Kuva:|thumb|250px|none]]Käynnistettäessä Stellarium ottaa nykyisen ajan tietokoneen kellosta. Ohjelman käyttämä aika ei kuitenkaan muuten ole riippuvainen tietokoneen ajasta tai nykyisestä ajasta. Ohjelmassa aikaa voidaan nopeuttaa tai vaihtoehtoisesti vaikka matkustaa ajassa taaksepäin täysin vapaasti. Ajan hallintaan käytettävät työkalut ovat ruudun oikeassa alakulmassa.<br />
<br />
Työkalujen toiminnot on selvitetty seuraavassa.<br />
<br />
* [[Kuva:|thumb|250px|none]]''Hidasta aikaa'' – Tällä painikkeella nopeutettua aikaa voidaan hidastaa tai kääntää aika kulkemaan taaksepäin<br />
* [[Kuva:|thumb|250px|none]]''Normaalinopeu''s – Tällä painikkeella aika palaa takaisin normaali nopeuteen<br />
* [[Kuva:|thumb|250px|none]]''Nopeuta aikaa'' – Tällä painikkeella aikaa voidaan nopeuttaa<br />
* [[Kuva:|thumb|250px|none]]''Paluu nykyhetkeen'' – Palauttaa ohjelman kellon takaisin nykyhetkeen.<br />
<br />
== Asetusten muokkaaminen ==<br />
[[Kuva:|thumb|250px|none]]Ohjelman asetusten muokkaus tapahtuu työkalurivin asetusten muokkaustyökalulla. Ohjelmassa on paljon muutettavia asetuksia joista keskitymme vain käytönkannalta välttämättömiin.Asetusikkuna avautuu seuraavan näköisenä.<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Asetusikkunassa voidaan liikkua eri asetusten välillä välilehtien avulla.<br />
<br />
=== Aika asetukset ===<br />
[[Kuva:|thumb|250px|none]]Ohjelman aika asetuksia pääsee muokkaamaan tarkasti ”''Date & Time''” -välilehdeltä. <br />
<br />
Tältä sivulta voidaan muuttaa ohjelman aika-asetuksia tarkasti siihen ajankohtaan jonka taivasta halutaan katsoa.<br />
<br />
=== Sijainti ===<br />
[[Kuva:|thumb|250px|none]]Ohjelman sijainti-asetukset löytyvä ''Location''-välilehdeltä.Ohjelman sijainti määrittää pitkälti sen miltä taivas näyttää. Esimerkki kuvassa paikka on asetettu keskiseen Suomeen. Halutessa ohjelmalla voidaan siis katsella miltä taivas mahdollisesti näyttää sillä hetkellä missä tahansa pisteessä maapallolla. <br />
<br />
Kun oma sijainti on valittu se voidaan tallentaa ”''Save location''” -painikkeella.<br />
<br />
<br />
<br />
== Auringonpimennyksen simulointi Stellariumilla ==<br />
<br />
Edellinen täydellinen auringonpimennys tapahtui Suomessa varhain aamulla 22. päivä Heinäkuuta vuonna 1990. Stellarium -planetaarion tarkoituksena on pyrkiä luomaan aidon maiseman näköinen ympäristö taivaankappaleiden tukimiseen ja katselemiseen omalta tietokoneelta. Ohjelma pystyy esittämään taivaankappaleet täsmälleen oikein laskemalla niiden sijainnin käyttäjän antaman sijainnin ja kellon ajan perusteella. Näin on myös mahdollista matkustaa ajassa taaksepäin katsomaan vuoden 1990 auringonpimennystä.<br />
<br />
Tämän ohjeen soveltamiseksi suositellaan tutustumista erilliseen Stellarium planetaarion yleisoppaaseen.<br />
<br />
=== Toiminta ===<br />
==== Ohjelman asetukset ====<br />
[[Kuva:2-stellarium-auringonpimennys-date_time.png|thumb|250px|none]]Käynnistä ohjelma normaalisti perustilaansa ja siirry työkalu-valikosta ohjelman asetuksiin napsauttamalla ohjelman'' asetukset ''-painiketta.<br />
<br />
[[Kuva:3-stellarium-auringonpimennys-location.png|thumb|250px|none]]''Ajan asettaminen''Siirry asetukset valikon ”''Date & Time''” -välilehdelleAseta vuodeksi 1990, kuukaudeksi heinäkuu (7) ja päiväksi 22. päiväAseta kellon ajaksi noin 3:30:00 aamulla<br />
<br />
===== Paikan asettaminen =====<br />
* [[Kuva:4-stellarium-auringonpimennys-etsi.png|thumb|250px|none]]Siirry asetusvalikon ''Location''-välilehdelle<br />
* Aseta sijainniksi suurin piirtein Joensuus sijainti, jossa pimennys näkyi hyvin. Pituuspiiri on tällöin noin 29º ja leveyspiiri noin 62º.<br />
<br />
''Tallenna sijainti''Nämä asetukset riittävät pimennyksen havaitsemiseksi. Tarpeen mukaan voi olla hyvä valita ohjelmassa käytettäväksi maastoksi mahdollisimman vahan ympärillä oleva kasvillisuutta sisältävä teema. Tämän voi vaihtaa sopivaksi ''Landscapes'' -välilehdeltä.Tämän jälkeen asetusikkunan voi sulkea sen oikeasta yläkulmasta.<br />
<br />
=== Pimennyksen katsominen ===<br />
==== Katseen lukitseminen kuuhun ====<br />
* [[Kuva:5-stellarium-auringonpimennys-search.png|thumb|250px|none]]Napsauta työkalurivin ''Etsi kohde'' -työkalua<br />
* [[Kuva:6-stellarium-auringonpimennys-kaanto.png|thumb|250px|none]]Kirjoita avautuneen ”''Object Search''” -ikkunan ”''Planets & Moons''” -välilehden tekstikenttään aettavaksi kohteeksi Moon.<br/> <br />
* [[Kuva:7-stellarium-auringonpimennys-tapahtuma.png|thumb|250px|none]]Paina ''Enter''-näppäintä jolloin ohjelman tulisi automaattisesti siirtyä kohti kuuta ja auringonnousua.<br/> <br />
* Sulje ”''Object Search''”-ikkuna<br />
<br />
==== Tapahtuman seuraaminen ====<br />
[[Kuva:|thumb|250px|none]]Ikkunassa näkyy nyt auringon nousu. Itse pimennys tapahtuu siten, että aurinko jatkaa nousemistaan noin 4.30 saakka, kunnes kuu siirtyy hiljalleen auringon eteen, lopulta peittäen sen kokonaan.Tapahtumaa voidaan seurata nopeuttamalla aikaa sopivalla tavalla ja kelata tarvittaessa takaisin päin ajanhallinta toiminnoilla. Napsauttamalla ajan nopeutusta kaksi kertaa ajankulku nopeutuu sopivasti, jolloin pimennyksen näkee hyvin. Aikatoimintojen käyttöä kannattaa harjoitella, jolloin pimennystä voi vaikka katsoa yhä uudestaan eri nopeuksin.<br />
<br />
|}<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30408Linux.fi:Linuxkouluun.fi2010-01-14T14:51:07Z<p>OpinsysASokero: /* Opetusohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| x [[Kalziumin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| [[KAtomicin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Celestian_perusohje&diff=30407Celestian perusohje2010-01-14T14:49:49Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero KUVAT VAATII TARKISTUSTA koska kaikkia oli turha siirtää</p>
<hr />
<div>Celestia on planetaariosovellus, joka mahdollistaa lähes vapaan liikkumisen avaruudessa. Tässä ohjeessa tutustutaan ohjelman peruskäyttöön ja -ominaisuuksiin. <br />
<br />
== Johdanto ==<br />
[[Kuva:1-celestia-perusohje-mars.png|thumb|250px|none]]<br />
<br />
Celestia<br />
<br />
Celestia on mielenkiintoinen ja monipuolinen tähtitiedeohjelmisto. Celestian tarkoituksena on mallintaa universumimme niin, että käyttäjän on mahdollistaa matkustaa vapaasti kohteesta toiseen. Ohjelma soveltuu erinomaisesti omaehtoiseen avaruusmatkailuun tai työkaluksi opettajille esimerkiksi demostroimaan planeettojen liikkeitä.<br />
<br />
Celestia vaatii käytetäväkseen modernin työaseman, jossa on ominaisuuden kolmiulotteisen grafiikan nopeaan piirtämiseen. Ohjelma ei siis sovellu kevytpäätekäyttöön, vaan se vaatii erillisen tehokkaan työaseman. Tässä ohjeessa perehdytään ohjelman perusominaisuuksiin ja sen soveltamiseksi suositellaan hyvää tietokoneen hallinnan osaamista. Ohjelma on tällä hetkellä englanninkielinen, joten hyvä englannin kielen ymmärtäminen on myös suositeltavaa.<br />
<br />
== Ohjelman käyttäminen ==<br />
[[Kuva:2-celestia-perusohje-earth.png|thumb|250px|none]]<br />
<br />
Celestian perustila<br />
<br />
Ohjelma käynnistetään normaalisti järjestelmän käynnistysvalikosta, jonka jälkeen ikkunaan avautuu kuva maapallosta. Ohjelma on nyt perustilassa ja valmis käytettäväksi.<br />
<br />
=== Ikkunan työkalut ===<br />
[[Kuva:3-celestia-perusohje-tyokalut.png|thumb|250px|none]]<br />
<br />
Celestian työkalut<br />
<br />
Ohjelmaikkunan yläosassa on kolme riviä toimintoja. <br />
<br />
Ensimmäinen näistä on normaali valikkorivi, keskimmäisenä on ohjelman päätyökalurivi ja kolmantena rivistö pikakirjanmerkkejä.Päätyökalurivin toiminnoilla voidaan hallita muutamia ohjelman tärkeimpiä toimintoja. Työkalut ja niiden toiminnallisuus on selvitetty seuraavassa.<br />
<br />
* [[Kuva:4-celestia-perusohje-kohteen_omin.png|thumb|250px|none]]''Avaa'' – Käyttäjä voi ladata internetistä ladattuja tai itse tehtyjä ohjelmoituja tiedostoja (skriptejä), jotka mahdollistavat esimerkiksi ohjelmoidut kiertoajelut avaruudessa.<br />
* [[Kuva:|thumb|250px|none]]''Kokoruututila'' – Tällä painikkeella saa päälle tai pois kokoruututilan.<br />
* [[Kuva:|thumb|250px|none]]''Takaisin'' – Tämä toiminto toimii samaan tapaan kuin internet selaimen takaisin-painike. Toiminto vie käyttäjän takaisin edelliseen paikkaan tai tilanteeseen.<br />
* [[Kuva:|thumb|250px|none]]''Eteenpäin'' – Toimii toisinpäin kuin takaisin-painike <br />
* [[Kuva:|thumb|250px|none]]''Käännä ajankulku'' – Tällä painikkeella voidaan ajankulku kääntää taaksepäin ja takaisin oikein päin.<br />
* [[Kuva:|thumb|250px|none]]''Hidasta aikaa'' – Tällä painikkeella voidaan hidastaa ajan kulkua<br />
* [[Kuva:|thumb|250px|none]]''Pysäytä aika'' – Tämä painike pysäyttää ajan kulun. Uudelleen painamalla aika lähtee taas pyörimään.<br />
* [[Kuva:|thumb|250px|none]]''Nopeuta aikaa'' – Tällä painikkeella voidaan nopeuttaa ajan kulkua.<br />
* [[Kuva:|thumb|250px|none]]''Palaa nykyiseen aikaa'' – Tämä painike asettaa ohjelman kellon nykyiseen aikaan.<br />
* [[Kuva:|thumb|250px|none]]''Jaa ikkuna vaakatasossa'' – Jakaa ikkunan vaakatasossa puoliksi yhtä suuriin osiin.<br />
* [[Kuva:|thumb|250px|none]]''Jaa ikkuna pystysuunnassa'' - Jakaa ikkunan pystytasossa puoliksi yhtä suuriin osiin.<br />
* [[Kuva:|thumb|250px|none]]''Vaihda ruutua'' – Ikkunan ollessa jaettu useampaan ruutuun tällä painikkeella voidaan vaihtaa aktiivista ruutua.<br />
* [[Kuva:|thumb|250px|none]]''Sulje aktiivinen ruutu'' – Sulkee aktiivisen ruudun jos ikkunassa on useampi kuin yksi ruutu.<br />
* [[Kuva:|thumb|250px|none]]''Poistu ohjelmasta'' – Sulkee Celestian.<br />
<br />
=== Kohteiden hallinta ===<br />
Ohjelman kohteita voidaan hallita yhdessä hiiren ja näppäimistön avulla. Ohjelman käynnistyessä käyttäjä näkee maapallon tosiaikaisena avaruudesta käsin. Seuraavia toimintoja voidaan harjoitella tässä tilassa.<br />
<br />
==== Kohteen pyörittäminen ====<br />
Kohdetta voidaan pyörittää joko hiiren tai näppäimistön avulla. Hiirellä tämä onnistuu pitämällä hiiren kakkospaiiketta pohjassa ja liikuttamalla hiirtä haluttuun suuntaan, jolloin ikkunassa näkyvä kohde liikkuu ja sitä voidaan tarkastella eri kulmista. <br />
<br />
Hallitummin kohdetta voidaan pyörittää näppäimistön avulla pitämällä sen ''Shift''-näppäintä pohjassa ja painamalla samanaikaisesti nuolinäppäintä haluttuun pyöritys suuntaan.<br />
<br />
=== Ikkunan liikuttaminen ===<br />
Ohjelma ikkunaa voidaan liikuttaa vapaati katseen suuntaamiseksi eri suuntiin. Hiirellä tämä tapahtuu painamalla hiiren ykköspainike pohjaan ja liikuttamalla hiirtä haluttuun suuntaan. Vapauttamalla hiiren painike välillä ja tarttumalla sillä uudesta kohtaa voidaan katse suunnata mihin suuntaan hyvänsä.<br />
<br />
Näppäimistöltä tämä onnistuu nuolinäppäinten avulla. Sivulle osoittavat nuolet pyörittävät ikkunaa kohteeseen nähden ympäri ja ylös ja alas nuolet katsojaa.<br />
<br />
==== Kohteen ominaisuudet ====<br />
Napsauttamalla tiettyä kohdetta taivaalla avautuu ohjelmaan aina sitä koskeva valikko.<br />
<br />
[[Kuva:|thumb|250px|none]]<br />
<br />
Tästä valikosta voidaan tehdä seuraavia toimintoja.<br />
<br />
* ''Select'' – Valitsee taivaalla olevan kohteen aktiiviseksi<br />
* ''Center'' – Keskittää kohteen<br />
* ''Goto'' – Siirtyy kohteeseen<br />
* ''Follow'' – Seuraa kohdetta<br />
* ''Synch Orbit'' – Liimaa katsojan kyseiseen kohtaan kappaleen kiertorataa<br />
* ''Info'' – Avaa Internet-selaimessa englanninkielisen lisätietosivuston kohteesta.<br />
* ''Unmark All'' – Poistaa kaikki merkinnät<br />
* ''Mark'' – Merkitsee kohteen muistiin<br />
* ''Satellites'' – Näyttää kohteella olevat kiertolaiset ja mahdollistaa siirtymisen niihin.<br />
<br />
=== Siirtyminen halutuun kohteeseen ===<br />
Siirtyminen tiettyyn kohteeseen voi tapahtua valitsemalla jonkin taivaalla näkyvän kohteen tai syöttämällä ohjelmalle nimen kohteesta johon halutaan siirtyä.<br />
<br />
<br />
''Näkyvään kohteeseen siirtyminen''Taivaalla näkyvään kohteeseen siirrytään seuraavasti.<br />
<br />
* Napsauta kohdetta hiiren kakkospainikkeella<br />
* Valitse avautuneesta valikosta ''Goto''<br />
<br />
Ohjelma siirtyy tämän jälkeen automaattisesti valittuun kohteeseen.<br />
<br />
''Siirtyminen nimen perusteella''<br />
<br />
Siirryttäessä nimen perusteella on huomioitava, että siirtyminen voi tapahtua vain jos kyseinen kohde on samassa aurinkokunnassa. Tällöin esimerkiksi oltaessa oman aurinkokuntamme ulkopuolella ja haluttaessa siirtyä sieltä Kuuhun on ensin siirryttävä kohteeseen Sol, eli oma aurinkomme ja vasta tämän jälkeen kohteeseen Moon, joka on Maapalloa kiertävä kuu. Siirtyminen kohteen nimen perusteella tapahtuu seuraavasti. <br />
<br />
* Paina ''Enter''-näppäintä<br />
* Kirjoita avautuneeseen ruutuun kohteen englannin kielinen nimi (Esim. Moon, Mars, Saturn...)<br />
* Paina ''Enter''-näppäintä<br />
* Paina ''g''-näppäintä (niin kuin Goto)<br />
<br />
Tämän jälkeen ohjelma siirtyy kohteeseen.<br />
<br />
=== Ohjelman käyttäminen avaruusaluksena ===<br />
Celestia mahdollistaa myös täysin vapaan lentämisen avaruudessa kuin avaruusaluksella ikään. Ohjaus toimii tällöin seuraavilla näppäimistön näppäimillä.<br />
<br />
* ''a'' – Kiihdyttää nopeutta eksponentiaalisesti eteenpäin.<br />
* ''z'' – Hidastaa nopeutta<br />
* ''Nuolinäppäimet'' – Aluksen ohjaus<br />
<br />
<br />
== Lisätietoa ==<br />
Yksi Celestian parhaista ominaisuuksista on mahdollisuus lisätä omia kohteita niin sanotuiksi kirjanmerkeiksi tai linkeiksi. Linkin avulla toinen käyttäjä voi helposti siirtyä merkattuun paikkaan ja aikaan esimerkiksi katsomaan tiettyä auringonpimennystä tai muuta tilannetta.<br />
<br />
Tässä ohjeessa tutustutaan näiden linkkien käyttämiseen muutaman esimerkkikohteen avulla. Ohjeen soveltamiseksi kannattaa tutustua aiempaan Linuxkouluun.fi -sivuston Celestia-oppaaseen.<br />
<br />
=== Linkkien löytäminen ===<br />
Linkkejä erilaisiin kohteisiin on Celestialle tarjolla useilla ohjelman harrastajien verkkosivuilla. Verkkosivut ovat useinmiten englanninkielisiä, mutta niihin pääsy on varsin yksinkertaista. Seuraavassa on muutama sivu joista valmiita linkkejä ohjelmaan löytyy.<br />
<br />
* [http://www.linuxkouluun.fi/Seldenin%20Celestia%20Galleria Seldenin Celestia Galleria]<br />
* [http://www.linuxkouluun.fi/Harald%20Schmidtin%20Celestia%20Galleria Harald Schmidtin Celestia Galleria]<br />
* [http://www.linuxkouluun.fi/Celestia%20-ohjelmiston%20keskutelufoorumi Celestia -ohjelmiston keskutelufoorumi]<br />
<br />
Sivustoilla linkit ovat esitetty hieman eri tavoin. Oletuksena kuitenkin on, että varsinaiset linkit näyttävät seuraavalta: ''cel://Linkin_tarkempi_osoite''<br />
<br />
Linkin alussa oleva cel:// -kohta kertoo että kyseinen linkki liittyy Celestia ohjelmaan ja sen perässä on tarkemmat ohjeet ohjelmalle mitä sen tulee näyttää.<br />
<br />
=== Linkin käyttäminen ===<br />
Helpommillaan linkin käyttäminen onnistuu yksinkertaisesti klikkaamalla sitä verkkoselaimessa, jolloin kyseinen linkki aukeaa automaattisesti Celestia ohjelmistoon. Tämä ei kuitenkaan aina toimi riippuen käytettävästä Internet-selaimesta tai sen asetuksista.<br />
<br />
Mikäli linkin napsauttaminen antaa virheilmoituksen se voidaan vaihtoehtoisesti avata Celestiassa siirtämällä kopioi ja liitä-toiminnon avulla. Tämä tapahtuu seuraavasti.<br />
<br />
* Käynnistä ''Celestia'' sekä ''verkkoselain'' <br />
* Avaa verkkoselaimessa sivusto, jossa haluttu linkki on<br />
* Napsauta linkkiä hiiren kakkospainikkeella<br />
* Valitse "''Kopioi linkin osoite''"<br />
* Siirry Celestiaan<br />
* ''Valitse Navigation'' - ''Goto URL...''<br />
* Napsauta hiiren kakkospainiketta tekstikentässä ja valitse ''Liitä'' (engl. Paste)<br />
* Napsauta ''OK''<br />
<br />
=== Valmiita Linkkejä ===<br />
Seuraavassa on edellä mainituista lähteistä kerättyjä valmiita Celestia-linkkejä joita voi kokeilla yllä olevan ohjeen perusteella. <br />
<br />
* [cel://follow/Sol/-1951-07-24T14:24:39.53865?x=AACAeAVma+tSCA&y=Ckxwx+Rl/GdR/v///////w&z=VcqwP+j6SqVo/v///////w&ow=0.129619&ox=-0.827087&oy=-0.069572&oz=0.542481&select=Sol:Mercury&fov=59.026920&ts=1000000.000000&ltd=0&rf=-1344758477&lm=-1074932214 Aurinkokunta]<br />
* [cel://freeflight/2004-01-23T14:16:42.07919?x=QGcgesLkFj+1DA&y=IGXjwESpGv///////////w&z=Fbs1esfXhe7y/////////w&ow=0.231217&ox=-0.566846&oy=0.772273&oz=0.169759&select=Sol:Earth:Moon&fov=4.098598&ts=10.000000&ltd=0&rf=2967&lm=49156 Auringon pimennys] (*)<br />
* [cel://Follow/Sol:Earth/2003-09-08T15:36:16.17625?x=IGbgoHFF/RPNDA&y=6sEjCL2tNQ&z=TZe8QsgxgPkD&ow=0.590026&ox=0.108706&oy=0.797316&oz=-0.065877&select=Sol:Earth&fov=25.745958&ts=10000.000000 Kuu kiertämässä arinkoa] (*)<br />
* [cel://PhaseLock/Sol:Saturn:Titan/Sol:Saturn/2004-07-08T06:08:21.37833?x=gIgfIUyR1IeUDA&y=6pipM0ZYOU7//////////w&z=9WfDP2BSNkZ3/////////w&ow=0.936830&ox=0.205162&oy=-0.273726&oz=0.073021&select=Sol:Saturn&fov=6.312434&ts=-1.000000&ltd=0&rf=5891&lm=0 Saturnuksen kuu Titan] (**) <br />
<br />
''Lähteet:''<br />
<br />
* <nowiki>* don - Celestian keskustelufoorumi</nowiki><br />
* <nowiki>** http://www.lns.cornell.edu/~seb/celestia/gallery-001c.html</nowiki><br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=KAtomicin_perusohje&diff=30403KAtomicin perusohje2010-01-14T14:42:11Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div><br />
KAtomik on pieni peli jossa tarkoituksena on liikuttaa sokkelikossa olevia atomeita yhteen niin, että saadaan muodostettua haluttu molekyyli.<br />
<br />
== Johdanto ==<br />
Katomic on Sokoban tyylinen pieni peli, jossa tavoitteena on atomeja liikuttamalla muodostaa tehtävänannon mukainen molekyyli. Tässä ohjeessa tutustutaan peliin, sen ideaan ja pelaamiseen. Ohjeen soveltamiseksi suositellaan yleistä tietokoneenkäyttötaitoa.<br />
<br />
== Mikä on Sokoban? ==<br />
Sokoban (Japania: Varastomies) oli 80-luvun alkupuolella Japanissa kehitetty videopeli, jossa tarkoituksena oli siirrellä laatikoita sokkelossa. Peli vaatii ja kehittää ongelmanratkaisukykyä.<br />
<br />
Katomic on periaatteeltaan hyvin pitkälti sama kuin Sokoban, mutta siinä laatikoiden sijasta liikutetaan atomeita. Tällöin ongelmanratkaisukyvyn lisäksi peli opettaa yksinkertaista molekylien kemiaa.<br />
<br />
== Pelin pelaaminen ==<br />
=== Peli-ikkuna ===<br />
[[Kuva:1-katomic-kemiaa-peli_ikkuna.png|thumb|250px|none]]<br />
<br />
Katomik-pelin ikkuna<br />
<br />
Peli-ikkuna on seuraavan kaltainen. <br />
<br />
# Peli-ikkuna<br />
# Valittu atomi<br />
# Kentän valitsin<br />
# Molekyyli mallikuva ja kentän taso<br />
# Siirtojen lukumäärä<br />
<br />
=== Pelin tarkoitus ===<br />
[[Kuva:2-katomic-kemiaa-pelin_tarkoitus.png|thumb|250px|none]]Tarkoituksena pelaajalla on siis liikuttaa atomeja niin, että ne muodostavat mallikuvan molekyylin.<br />
<br />
Pelin vaikeutena on, että atomit eivät liiku täysin vapaasti, vaan liikutettaessa ne siirtyvät aina niin kauan kunnes törmäävät seinään tai toiseen atomiin. Pelaaja pääsee seuraavaan kenttään, kun molekyyli on saatu valmiiksi. Peli pitää tilastoa kenttien nopeimmista ratkaisijoista. Mitä pienemmällä määrällä siirtoja pelaaja selviää, sitä korkeammalle hän sijoittuu.<br />
<br />
=== Atomien hallinta ===<br />
Atomeja voidaan liikuttaa joko hiirellä tai näppäimistöllä.<br />
<br />
==== Siirrettävän atomin valinta ====<br />
Siirrettävä atomi valitaan, joko napsauttamalla sitä hiirellä tai painamalla ''Tab''-näppäintä näppäimistöltä niin monesti, että haluttu atomi tulee valituksi.<br />
<br />
==== Atomin liikuttaminen ====<br />
[[Kuva:3-katomic-kemiaa-liikuttaminen.png|thumb|250px|none]]Valittuna olevaa atomia liikutetaan napsauttamalla sen sivuilla olevia nuolia, jolloin atomi liikkuu valittuun suuntaan kunnes törmää sokkelon seinään tai toiseen atomiin.<br />
<br />
Liikkuminen on mahdollista myös näppäimistön nuolinäppäinten avulla, jolloin painamalla näppäintä sallittuun suuntaan kohde liikkuu.<br />
<br />
==== Kentän ratkaiseminen ====<br />
[[Kuva:4-katomic-kemiaa-ratkaiseminen.png|thumb|250px|none]]Kenttä ratkeaa kun atomit on siirretty maalin mukaiseen järjestykseen, jossa atomeissa olevat pienet harmaat tapit ovat toisiinsa kiinni.<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Kalzium&diff=30402Kalzium2010-01-14T14:37:31Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>Kalzium on yksinkertainen alkuainetaulukko-ohjelmisto, jolla alkuaineisiin ja niiden ominaisuuksiin voidaan tutustua. Tässä oppaassa tutustutaan Kalziumin toimintaan ja perusominaisuuksiin. <br />
<br />
== Mitä Kalziumilla voi tehdä? ==<br />
Kalzium on tarkoitettu pääasiassa alkuainetaulukon tarkastelemiseen. Ohjelmassa alkuaineiden paikkoja voidaan helposti visualisoida ryhmien, lohkojen, happamuuden tai vaikka kristallirakenteiden mukaan. Lisäksi yksitäisistä alkuaineista voidaan tarkastella niiden tarkempia ominaisuuksia kuten valokuvia tai atomirakennetta. Ohjelman suomennoksen taso vaihtelee hieman versiosta riippuen, mutta tulevaisuudessa ohjelman voidaan olettaa olevan kokonaan suomennettu. <br />
<br />
== Kalziumin perustoiminnot ==<br />
Kalziumin perusikkuna sisältää seuraavat osat.<br />
<br />
[[Kuva:1-kalzium-jaks_jarj-perusikkuna.png|thumb|250px|none]]<br />
<br />
# ''Työkalurivi'' - Pikapainikkeet tärkeimpiin työkaluihin<br />
# ''Toiminnot'' - Kalzium-ohjelman eri toiminnot<br />
# ''Alkuainetaulukko ''- Jaksollisen järjestelmän alkuainetaulukko, jossa jokaisesta aineesta saa hiirellä napsauttamalla tarkempia tietoja <br />
<br />
=== Ryhmittelyn ja värien muokkaaminen ===<br />
Jaksollisen järjestelmän väritystä voidaan helposti muuttaa eri asetusten avulla. Ryhmitysten värejä voidaan muokata valitsemalla ''Näytä''-valikon ''Väritys''-kohdasta haluttu väritystoiminto. <br />
<br />
== Alkuaineen tietojen tarkastelu ==<br />
Yksittäisen alkuaineen tietoja voidaan tarkastella viemällä hiiri kyseisen aineen päälle. Tällöin Kalzium näyttää seuraavanlaisen pikatietoruudun.<br />
<br />
[[Kuva:2-kalzium-jaks_jarj-alkuaine.png|thumb|250px|none]]<br />
<br />
Tarkempia tietoja on mahdollista saada napsauttamalla haluttua alkuainetta. Tällöin avautuu seuraavanlainen ikkuna.<br />
<br />
[[Kuva:3-kalzium-jaks_jarj-tarkemmat_tiedot.png|thumb|250px|none]]<br />
<br />
Saatavilla olevia tietoja ovat...<br />
<br />
* ''Yleistiedot'' - Yleistiedoista selviää mm. atomipaino ja elektronien lukumäärä<br />
* ''Kuva'' - Valokuva alkuaineesta <br />
* ''Atomimalli'' - Bohrin atomimalli<br />
* ''Kemialliset tiedot'' - Alkuaineen tarkemmat kemialliset tiedot<br />
* ''Energiat'' - Alkuaineen sulamis- ja kiehumispisteet sekä elektronegatiivisuuarvot <br />
* ''Sekalaista'' - Tietoa alkuaineen löytämisvuodesta, yleisyydestä ja historiasta<br />
* ''Spektri'' - Alkuaineen spektri<br />
<br />
== Molekyylipainon laskeminen ==<br />
Kalziumin avulla voidaan laskea yksinkertaisten molekyylien painoja ''Laske''-toiminnon avulla. Molekyylipainon laskeminen tapahtuu kirjoittamalla molekyylin kaava tekstikenttään ja napsauttamalla ''Laske''-painiketta. Esimerkissä on laskettu veden molekyylipaino syöttämällä tekstikenttään veden kaava ''H2O''.<br />
<br />
[[Kuva:4-kalzium-jaks_jarj-molekyylipaino.png|thumb|250px|none]]<br />
<br />
== Aikajana ==<br />
Aikajana-toiminnolla voidaan tarkastella eri alkuaineiden löytämisvuotta muuttamalla tarkkailtavaa vuotta. Tarkkailtavaa vuotta voidaan muuttaa liukusäätimen avulla. Tällöin alkuainetaulukossa näkyvät ainostaan ne alkuaineet jotka ovat kyseiseen vuoteen mennessä tunnettu. <br />
<br />
[[Kuva:5-kalzium-jaks_jarj-aikajana.png|thumb|250px|none]]<br />
<br />
== Aineen olomuodot ==<br />
Aineen olomuodot-toiminnon avulla voidaan tarkastella miten lämpötila vaikuttaa eri alkuaineiden olomuotoihin. Tarkkailtavaa lämpötilaa muutetaan liukusäädintä liikuttamalla. <br />
<br />
[[Kuva:6-kalzium-jaks_jarj-olomuodot.png|thumb|250px|none]]<br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30401Linux.fi:Linuxkouluun.fi2010-01-14T14:35:12Z<p>OpinsysASokero: /* Opetusohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| x [[GChemPaintin perusohje]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=GChemPaintin_perusohje&diff=30400GChemPaintin perusohje2010-01-14T14:34:17Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>GChemPaint on molekyylien kemiallisten rakenteiden piirtämiseen tarkoitettu ohjelma. Erityisen hyvin se sopii orgaanisen kemian molekyylien rakennekuvien piirtämiseen. Tässä ohjeessa tutustutaan ohjelman perustoimintoihin ja valmiiden rakennemallien hyödyntämiseen. <br />
<br />
Ennen ohjelman käyttöön ottamista on huomioitava, että GChemPaint on vielä nuori ja kehityksen alla oleva ohjelmisto. Ohjelma on tällä hetkellä saatavilla vain englanninkielisenä ja etenkin varnhemmat versiot voivat olla epävakaita. <br />
<br />
== Ohjelman perustoiminnot ==<br />
Seuraavassa on viitteellisesti esitelty ohjelman päätoiminnot. Parhaiten niiden käyttölogiikan oppii omaehtoisen harjoittelun avulla.<br />
<br />
=== Molekyylien piirtäminen työkaluilla ===<br />
==== Yksittäisen atomin lisääminen ====<br />
Yksittäisiä atomeita voidaan lisätä työkalurivin lisäyspainikkeen avulla.[[Kuva:1-gchempaint-orgaanista_kemiaa-lisayspainike.png|thumb|250px|none]] <br />
<br />
Tuplanapsautettaessa painiketta voidaan haluttu alkuaineatomi valita jaksollista järjestelmää muistuttavasta ikkunasta.<br />
<br />
[[Kuva:2-gchempaint-orgaanista_kemiaa-alkuaineet.png|thumb|250px|none]]<br />
<br />
Tämän jälkeen atomi lisätään napsauttamalla työtilaa. GChemPaint lisää automaattisesti esimerkiksi yksittäisen hiilen ympärille kuuluvat vetyatomit. Esimerkkikuvassa on malliksi lisätty hiiliatomi jonka jälkeen GChemPaint on automaattisesti lisännyt sen ympärille tarvittavat vetyatomit ja muodostanut näin metaani-molekyylin. <br />
<br />
[[Kuva:3-gchempaint-orgaanista_kemiaa-tyotila.png|thumb|250px|none]]<br />
<br />
<br />
<br />
=== Molekyyn lisääminen valmiista malleista ===<br />
GChemPaint sisältää valmiiksi useita monimutkaisempia molekyylejä jotka voidaan lisätä käsiteltäviksi valikosta valitsemalla. Tämä tapahtuu seuraavasti.<br />
<br />
* Valitaan työkalurivin valikosta haluttu molekyyli (esimerkissä bentseeni)<br />
<br />
[[Kuva:4-gchempaint-orgaanista_kemiaa-molekyylin_lisaaminen.png|thumb|250px|none]]<br />
<br />
* Napsautetaan mallin lisäämiseen käytettävän työkalun kuvaketta [[Kuva:5-gchempaint-orgaanista_kemiaa-bentseenin_lisaaminen.png|thumb|250px|none]]<br />
<br />
* Napsautetaan työtilassa kohtaa johon molekyyli lisätään<br />
<br />
[[Kuva:6-gchempaint-orgaanista_kemiaa-mallin_lisaaminen.png|thumb|250px|none]]<br />
<br />
Tämän jälkeen haluttu molekyyli on saatu lisättyä.<br />
<br />
==== Sidoksen tekeminen ====<br />
Molekyylien välisiä sidoksia tehdään työkalurivillä olevien sidostyökalujen avulla. [[Kuva:7-gchempaint-orgaanista_kemiaa-tyotilan_kohta.png|thumb|250px|none]]<br />
<br />
* Lisää tai tee halutut rakenneosat<br />
* Valitse haluttu sidostyökalu<br />
* Vedä sidos rakenneosasta toiseen<br />
<br />
Esimerkkikuvassa on lisätty metaani ja bentseeni-molekyylit ja yhdistetty ne yksinkertaisella sidoksella. GChemPaint piilottaa metyyliryhmäksi muuttuneen metaanin automaattisesti. <br />
<br />
<br />
<br />
[[Kuva:8-gchempaint-orgaanista_kemiaa-sidokset.png|thumb|250px|none]]<br />
<br />
Metaani ja bentseeni molekyylit erillisinä<br />
<br />
[[Kuva:9-gchempaint-orgaanista_kemiaa-bentseeni.png|thumb|250px|none]]<br />
<br />
Bentseeni ja metaani liitettyinä yksinkertaisella sidoksella<br />
<br />
== Atomin tai molekyylin poistaminen ==<br />
Yksittäinen atomi voidaan poistaa työkalurivin pyyhekumitoiminnolla.<br />
<br />
* Valitse pyyhekumi-painike [[Kuva:10-gchempaint-orgaanista_kemiaa-yhdistys.png|thumb|250px|none]]<br />
* Napsauta atomia joka halutaan poistaa<br />
<br />
Kokonainen molekyyli on helpointa poistaa valitsemalla se aktiiviseksi ja napsauttamalla näppäimistön ''del''-painiketta.<br />
<br />
* Valitse valintatyökalu [[Kuva:11-gchempaint-orgaanista_kemiaa-pyyhekumi.png|thumb|250px|none]] työkaluriviltä<br />
* Napsauta poistettava molekyyli aktiiviseksi<br />
* Paina ''del''-näppäintä<br />
<br />
== Atomin tai molekyylin liikutaminen ==<br />
Molekyylejä voidaan liikuttaa valitsemalla valintatyökalu ja tarttumalla hiirellä haluttuun molekyyliin. <br />
<br />
== Molekyylin tallentaminen ==<br />
Mikäli molekyyli halutaan tallentaa muokattavassa muodossa toimitaan seuraavasti.<br />
<br />
* Valitse'' File'' > ''Save As...''<br />
* Anna tiedostolle nimi<br />
* Napsauta ''Save'' -painiketta<br />
<br />
<br />
<br />
Jos tarkoituksena on saada molekyyli esimerkiksi tekstinkäsittelyohjelmaan tallennetaan se kuvatiedostoksi.<br />
<br />
* Valitse haluttu molekyyli tai molekyylit aktiivisiksi<br />
* Valitse ''File'' > ''Save As Image...''<br />
* Anna tiedostolle nimi, jonka lopussa on kuvatiedostonpääte .png. Esimerkiksi ''bentseenirengas.png''.<br />
* Napsauta ''Save''-painiketta <br />
<br />
Tämän jälkeen molekyyli voidaan lisätä tekstin sekaan normaalina kuvatiedostona.<br />
<br />
<br />
==GCemPaintin molekyylien avaus Ghemicalissa==<br />
<br />
Molekyylien rakennekuvia piirrettäessä GChemPaint on hyvä työväline reaktioyhtälöiden tekemiseen tai jos molekyylirakenteita halutaan esimerkiksi tekstinkäsittelyn sekaan. Mikäli samoja, jo kertaalleen piirrettyjä molekyylejä halutaan tarkastella kolmiulotteisesti Ghemical-ohjelmistolla ei ole välttämätöntä piirtää niitä kokonaan uudelleen. <br />
<br />
<br />
=== Miten toimitaan? ===<br />
* Käynnistä GChemPaint <br />
* Piirrä/avaa haluttu molekyyli tai valitse jokin valmiista malleista. Esimerkissä on avattu naftaliini-molekyyli.<br />
<br />
[[Kuva:1-gchempaint-ghemical-molekyyli.png|thumb|250px|none]]<br />
<br />
* Napsauta molekyyliä hiiren kakkospainikkeella<br />
* Valitse "''Export to Ghemical''"<br />
<br />
[[Kuva:2-gchempaint-ghemical-export.png|thumb|250px|none]]Nyt molekyyli avautuu Ghemicalissa. Molekyyliä voidaan nyt pyöritellä vapaasti ja tutkia sen rakennetta. <br />
<br />
[[Kuva:3-gchempaint-ghemical-ghemical.png|thumb|250px|none]] <br />
<br />
Ensi viikon oppaassa tutustutaan tarkemmin muutamiin Ghemicalin ominaisuuksiin joilla molekyyleistä voidaan esimerkiksi laskea tarkempia tietoja.<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30399Linux.fi:Linuxkouluun.fi2010-01-14T14:22:26Z<p>OpinsysASokero: /* Opetusohjelmat */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| x [[Logo-ohjelmointia Konnalla]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Logo-ohjelmointia_Konnalla&diff=30398Logo-ohjelmointia Konnalla2010-01-14T14:20:32Z<p>OpinsysASokero: </p>
<hr />
<div>LOGO on erityisesti lapsille ja yleisesti ohjelmoinnin opettamiseen suunnattu ohjelmointikieli. LOGO-ohjelmointikielen ideana on liikuttaa viivoja piirtävää kilpikonnaa havainnollisten käskyjen avulla. Tässä ohjeessa tutustutaan LOGO-ohjelmointiympäristö Konnan perustoimintoihin.<br />
<br />
== Johdanto ==<br />
<br />
[[Kuva:1-konna-ohjelmointi-esimerkki.png|thumb|250px|none]]<br />
<br />
LOGO-ohjelmoitikielen kehitti 1970-luvulla Semour Papert MIT:n yliopistossa. Hän näki tietokoneet etenkin lasten luovuutta ja konstruktivistista oppimista kehittävinä työvälineinä. Logo-ohjelmointi perustuu ohjelmaikkunassa näkyvän kilpikonnan liikuttamiseen yksittäisten käskyjen avulla. <br />
<br />
Esimerkkinä LOGO-ohjelmasta voidaan pitää esimerkiksi seuraavaa käskysarjaa: <br />
<br />
* Valitse punainen väri<br />
* Liiku 100 pistettä eteenpäin<br />
* Käänny vasemmalle 90 astetta<br />
* Liiku 100 pistettä eteenpäin<br />
<br />
Näiden käskyjen jälkeen kilpikonna piirtäisi suoran punaisen viivan ja kääntyy katsomaan vasemmalle ja etenisi vielä toiset 100 pistettä. Kun tämä samainen käskysarja toistettaisiin ohjelmassa esimerkiksi kaksi kertaa peräkkäin piirtäisi kilpikonna kokonaisen neliön.<br />
<br />
Kilpikonnaan liikuttamalla voidaan matkia useita ohjelmoinnin peruskäsitteitä. Edellinen esimerkki on äärimmäinen yksinkertaistus LOGO-ohjelmasta. Laajimmilaan ohjelmissa voidaan käyttää kaikkia tyypillisimpiä ohjelmoinnin peruskäsitteitä. Näitä ovat esimerkiksi.<br />
<br />
* Muuttujat<br />
* Silmukat<br />
* Ehtolauseet<br />
* Tekstin tulostaminen<br />
<br />
Seuraavaksi tutustutaan itse Konna-ohjelman toimintoihin sekä valmiiden esimerkkiohjelmien avaamiseen.<br />
<br />
== Perustoiminnot ==<br />
[[Kuva:2-konna-ohjelmointi-toiminnot.png|thumb|250px|none]]<br />
<br />
# ''Koodi-ikkuna - ''Alue johon ohjelmakoodi kirjoitetaan<br />
# ''Alusta - ''Alue jossa kilpikonna liikkuu<br />
# ''Työkalurivi - ''Ohjelman työkalut<br />
<br />
=== Tärkeimmät pikapainikkeet ===<br />
[[Kuva:3-konna-ohjelmointi-pikapainikkeet.png|thumb|250px|none]]<br />
<br />
Järjestyksessä vasemmalta oikealle.<br />
<br />
# ''Värin valinta - ''Väripaletti<br />
# ''Kokoruututila -'' Ikkuna kokoruudun kokoiseksi<br />
# ''Ohjelman suoritusnopeus - ''Kuinka nopeasti ohjelman rivit suoritetaan<br />
# ''Suorita ohjelma - ''Käynnistä ohjelman suoritus<br />
# ''Keskeytä suoritus - ''Keskeytä ohjelman suoritus<br />
# ''Lopeta suoritus - ''Lopeta ohjelman suoritus<br />
<br />
=== Valmiiden esimerkkiohjelmien avaaminen ===<br />
Konna sisältää useita valmiita esimerkkiohjelmia joiden avulla ohjelmointikielen toimintaan voidaan tutustua tai joiden avulla voi saada ideoita omiin ohjelmiin. Esimerkkiohjelman lataaminen tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa Esimerkkejä...''<br />
<br />
[[Kuva:4-konna-ohjelmointi-valmiit_esim.png|thumb|250px|none]]<br />
<br />
* Valitse avattava ''esimerkkitiedosto''<br />
* Napsauta ''Avaa''-painiketta<br />
<br />
Tämän jälkeen esimerkkiohjelma latautuu Konnaan. Ohjelman koodi tulee tällöin näkyviin ohjelman ''koodi''-ikkunaan. <br />
<br />
[[Kuva:5-konna-ohjelmointi-koodi.png|thumb|250px|none]]<br />
<br />
=== Ohjelman suorittaminen ===<br />
Ladattu ohjelma voidaan suorittaa napsauttamalla työkalurivillä olevaa ''Suorita''-painiketta [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Tämän jälkeen kilpikonna lähtee liikkeelle noudattaen rivi riviltä koodi-ikkunassa olevia käskyjä. Ohjelma havainnollistaa tehdyn ohjelman suoritusta korostamalla aina suoritusvuorossa olevaa käskyä.Ohjelman suoritusta on helpompi seurata, kun sen nopeutta hieman lasketaan. Tämä tapahtuu ''Suoritusnopeus''-painikkeella [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Ohjelman päättyessä kilpikonna pysähtyy ja ohjelman esimerkiksi muokkaamista voidaan jatkaa.<br />
<br />
<br />
== Konna ja Logo-ohjelmoinnin perusteet ==<br />
Seuraavaksi tutustutaan käytännön LOGO-ohjelmointiin. Tavoitteena on esitellä esimerkkien avulla kielen idea ja luoda pohja omien ohjelmien tekemiselle. Ohessa esiteltäviä käskyjä esitetään pienten esimerkkiohjelmien avulla, jolla toimintaa pyritään havainnollistamaan. <br />
<br />
Konna-ohjelman käyttämä LOGO-kieli muistuttaa pitkälti perinteistä LOGO-kieltä, mutta sisältää luonnollisesti joitain pieniä eroja. Käytännössä myös muut LOGO-kieltä käsittelevät oppaat ovat Konnaa käytettäessä avuksi, mutta johinkin ongelmiin niitä käytettäessä tulee varautua. Kieli voi siis kirjoitusasultaan hieman poiketa eri ohjelmien välillä, mutta on logiikaltaan sovellettavissa myös Konnassa.<br />
<br />
=== Ohjelman tekemisen aloittaminen ===<br />
Uuden ohjelman tekeminen aloitetaan yksinkertaisesti käynnistämällä Konna-ohjelma jonka jälkeen LOGO-kieltä voidaan alkaa suoraan kirjoittamaan ''Koodi''-ikkunaan.<br />
<br />
[[Kuva:1-konna-osa1-aloitus.png|thumb|250px|none]]<br />
<br />
Perustilassa oleva Konna-ikkuna<br />
<br />
<br />
<br />
=== Ohjelman peruskäskyt ===<br />
==== Kilpikonnan liikuttaminen ====<br />
Kilpikonnan liikuttaminen tapahtuu yksinkertaisesti kertomalla sille liikkeen suunta ja matka. Kilpikonnan liikkeitä ohjataan englanninkielisillä käskyillä jotka on esitetty seuraavassa.<br />
<br />
* ''Forward (matka)'' - Kilpikonna kulkee suoraan eteenpäin annetun matkan verran. Esimerkiksi käsky ''"Forward 50"'' liikuttaa kilpikonnaa 50 pistettä eteenpäin.<br />
* ''Backwards (matka)'' - Kilpikonna kulkee taaksepäin annetun matkan verran.<br />
* ''Turnleft (kulma asteina)'' - Kilpikonna kääntyy vasemmalle annetun astemäärän verran. Esimerkiksi ''"Turnleft 45"'' kääntää kilpikonnan katsomaan 45 astetta oikealle.<br />
* ''Turnright (kulma asteina)'' - Kilpikonna kääntyy oikealle annetun astemäärän verran.<br />
* ''Go (sijainti x,y -koordinaatteina)'' - Siirtää kilpikonnan tiettyyn koordinaattipisteeseen. Esimerkiksi "''go 10,10''" siirtää kilpikonnan vasempaa yläreunaan. <br />
<br />
[[Kuva:2-konna-osa1-peruskaskyt.png|thumb|250px|none]]<br />
Konna-ikkuna johon esimerkin komennot on syötetty<br />
<br />
Harjoituksena voidaan laittaa kilpikonna piirtämään neliö. Tämä tapahtuu käskemällä sitä piirtämään neljä viivaa joiden välissä sen tulee kääntyä 90 astetta.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):''<br />
<br />
forward 100 # Kävelee sata pistettä eteenpäin<br />
turnleft 90 # Kääntyy 90 astetta vasemmalle<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
<br />
Konnassa voidaan esimerkin tapaan jättää koodin sekaan omia kommentteja merkkaamalla kommeniksi tarkoitettu rivi ''<nowiki>#</nowiki>''-merkillä. <br />
<br />
==== Ohjelman suoritus ====<br />
Ohjelma suoritetaan napsauttamalla ''suorita''-painiketta [[Kuva:3-konna-osa1-suorita.png|thumb|250px|none]].<br />
<br />
Tämän jälkeen kilpikonna piirtää ohjeita noudattaen halutunlaisen neliön. Käskyjä kirjoitettaessa voidaan huomata, että Konna värjää käskyt ja niiden parametrit eri väreillä. Tämä helpottaa niiden lukemista ja samalla voidaan nähdä, että käskyt on syötetty oikein. <br />
<br />
[[Kuva:4-konna-osa1-suoritettu.png|thumb|250px|none]]<br />
<br />
==== Edellisen ohjelman jälkien pyyhkiminen ====<br />
Ohjelman suorituksen jälkeen edellisen ohjelman määrittämät kilpikonnan piirrustukset ja sijainti jäävät edelleen voimaan ja näkyviin. Käyttämällä seuraavia komentoja ohjelman alussa, piirtoalustan ja kilpikonnan asetukset nollautuvat oletusasetuksiksi.<br />
<br />
* ''clear'' - Pyyhkii kaikki aiemmat kilpikonnan piirrosjäljet, mutta säilyttää sen sijainnin sekä piirtoalustan värin. <br />
* ''reset'' - Nollaa kaikki asetukset niiden perustilaan.<br />
<br />
Reset-käskyä voidaan käyttää esimerkiksi seuraavalla tavalla. Esimerkissä ''reset''-käsky nollaa kaikki alustan asetukset ennen muiden käskyjen suorittamista.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset #Nollataan kaikki ohjelman asetukset ennen seuraavien käskyjen suorittamista<br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 135<br />
forward 141<br />
<br />
==== Viivan piirto-ominaisuuksien muuttaminen ====<br />
Viivan ominaisuuksia voidaan muuttaa seuraavien käskyjen avulla.<br />
<br />
* ''pencolor (väriarvo RGB-lukuna)'' - kilpikonnan piirtämän viivan väri. Esimerkiksi komento ''"pencolor 255,0,0"'' asettaisi väriksi punaisen. <br />
* ''penwidth (paksuus pisteinä)'' - kilpikonnan piirtämän viivan paksuus. Esimerkiksi komento ''"penwidth 3"'' asettaa viivan paksuudeksi kolme pistettä.<br />
* ''penup'' - Nostaa kynä alustalta<br />
* ''pendown'' - Laskee kynän takaisin alas<br />
<br />
[[Kuva:5-konna-osa1-viiva_omin.png|thumb|250px|none]]<br />
Esimerkki viivan ominaisuuksista<br />
<br />
Seuraavassa esimerkissä Konnan asetukset ensin alustetaan ''reset''-käskyllä ja lähdetään sen jälkeen piirtämään kolmiota piirtämällä suoria viivoja ja vaihtamalla niiden välissä kulmaa. Viivojen piirtämistä edeltää välillä myös kynän värin sekä paksuuden vaihtaminen.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset <br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
pencolor 255,0,0<br />
penwidth 3<br />
forward 100<br />
pencolor 140,0,0<br />
penwidth 6<br />
turnleft 135<br />
forward 141 <br />
<br />
==== Alustan asetusten muokkaaminen ====<br />
Piirtoalustalle voidaan myös määrittää erilaisia asetuksia. Näitä ovat esimerkiksi sen värin vaihtaminen sekä koon muuttaminen.<br />
<br />
* ''canvassize (uusi koko x,y -pisteinä'') - Määrittää piirtoalustan koon. Esimerkiksi komento "''canvassize 400,350''" tekee alustasta 400 pistettä leveän ja 350 pistettä korkean. <br />
* ''canvascolor (väriarvo RGB-lukuna'') - Muuttaa alustan pohjavärin halutuksi. Esimerkiksi komento "''canvascolor 0,0,0''" muuttaa värin mustaksi.<br />
<br />
[[Kuva:6-konna-osa1-alusta.png|thumb|250px|none]] <br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
<nowiki>#Alustetaan kaikki asetukset</nowiki><br />
reset <br />
<br />
<nowiki>#Muutetaan alustan kokoa ja väriä</nowiki><br />
canvassize 400,300<br />
canvascolor 255,0,0<br />
<br />
<nowiki>#Tästä alkaa piirtäminen</nowiki><br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
pencolor 205,0,0<br />
penwidth 3<br />
forward 100<br />
pencolor 140,0,0<br />
penwidth 6<br />
turnleft 135<br />
forward 141 <br />
<br />
<br />
=== Muuttujien käyttäminen ===<br />
Usein käytettäviä numerosarjoja tai vaikka tekstiä voidaan tallentaa Konnassa helposti itsemääritettyihin muuttujiin.<br />
<br />
Muuttujan käytön periaatetta voidaan soveltaa esimerkiksi seuraavan selväkielisen esimerkin avulla.<br />
<br />
<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
[[Kuva:2-konna-osa2-matka.png|thumb|250px|none]] <br />
reset<br />
matka=100 #tallennetaan matka nimiseen muuttujaan luku 100<br />
forward matka #liikutaan eteenpäin matka-muuttujassa olevan lukuarvon verran<br />
turnleft 90 #käännytään 90 astetta vasemmalla<br />
forward matka<br />
turnleft 90<br />
forward matka<br />
<br />
Esimerkissä tallennetaan ensin'' matka'' nimiseen muuttujaan tietty haluttu pituus. Tämän jälkeen viivan piirtämisessä käytetään pelkän luvun sijasta muuttujan nimeä. Nyt jos liikuttavaa matkaa halutaan muuttaa, tarvitsee muuttaa vain muuttujan saamaa arvoa jolloin muutos vaikuttaa kaikkialle jossa kyseistä muuttujaa käytetään.<br />
<br />
=== Tekstin tulostaminen ===<br />
Konnassa on mahdollista tulostaa myös suoraan tekstiä. Tämä onnistuu ''print-''käskyn avulla joka toimii seuraavasti.<br />
<br />
* ''print'' "tulostettava teksti tähän lainausmerkkien sisään"<br />
<br />
Print-käskyä voidaan käyttää myös tulostamaan muuttujalle syötettyä tietoa<br />
<br />
* ''print'' muuttujan_nimi<br />
<br />
Tai molempia yhdessä.<br />
<br />
* ''print'' muuttujan_nimi + "Haluttu teksti"<br />
<br />
Print -käskyä käytettäessä on hyvä huomioida, että teksti tulostetaan sille kohdalle missä kilpikonna sijaitsee. Tällöin esimerkiksi useita rivejä peräkkäin tulostettaessa on kilpikonnaa rivien välissä itse liikutettava. Muuten tulostetut tekstit tulevat samalle riville päällekäin.<br />
<br />
Seuraavassa esimerkissä tulostetaan kolme eri riviä kolmella eri tavalla. Aluksi kilpikonna on siirretty vasempaan reunaan ja sitten sitä liikutetaan jokaisen erillisen rivin tulostuksen jälkeen. <br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
[[Kuva:3-konna-osa2-tekstiesimerkki.png|thumb|250px|none]] <br />
reset #alustetaan konnan asetukset<br />
go 10,50 #siirretään konna vasempaan reunaan jotta teksti mahtuu paremmin<br />
print "tässä suoraa tekstiä" #tulostetaan haluttu teksti<br />
teksti="terve" #tallennetaan teksti-muuttujaan sana<br />
forward 20 #siirretään kilpikonnaa rivi ylöspäin<br />
print teksti #tulostetaan teksti-muuttujassa oleva sana<br />
forward 20 #siirretään kilpikonnaa rivi ylöspäin<br />
print teksti + " mitäpä kuuluu?" #tulostetaan sekä muuttujassa oleva teksti että haluttu lause peräkkäin<br />
<br />
=== Silmukat ===<br />
Silmukat ovat ohjelmoinnin yksi peruskäsite. Silmukat ovat nimensä mukaisesti ohjelman osia joissa tiettyä ohjelman pätkää toistetaan halutun määrän kertoja silmukanomaisesti ympäri.<br />
<br />
Esimerkiksi oppaan ensimmäisessä osassa esiintynyt neliön piirtoesimerkki voidaan yksinkertaistaa silmukkaa käyttämällä. Esimerkissä konna toisti käytännössä neljä kertaa kahta samaa käskyä seuraavasti.<br />
<br />
<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset<br />
<nowiki># piirretään neliö toistamalla samoja käskyjä peräkkäin</nowiki><br />
forward 100 # Kävelee sata pistettä eteenpäin<br />
turnleft 90 # Kääntyy 90 astetta vasemmalle<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 90<br />
forward 100 <br />
<br />
<br />
Silmukoiden avulla sama neliö voidaan piirtää käskemällä toistaa kyseisiä kahta käskyä neljä kertaa jolloin ne tarvitsee kirjoittaa vain kerran.<br />
<br />
Silmukan tekeminen tapahtuu'' repeat''-käskyn avulla joka toimii seuraavasti.<br />
<br />
* ''repeat'' (toistojen lukumäärä) ''<nowiki>[</nowiki>'' (suoritettavat lauseet) '']'' - Seuraavassa esimerkissä neliö on piirretty repeat-käskyn avulla<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):''<br />
<br />
[[Kuva:4-konna-osa2-silmukka.png|thumb|250px|none]]<br />
<br />
<nowiki># piirretään neliö silmukan avulla¶</nowiki><br />
reset<br />
<nowiki>repeat 4 [ # toistetaan sulkujen sisällä olevat lauseet neljä kertaa peräkkäin</nowiki><br />
forward 100 <br />
turnleft 90<br />
]<br />
<br />
Repeat on helpoin silmukkakäsky joka Konnassa on, mutta ei kuitenkaan ainoa. Konnassa toimivat myös monista ohjelmointikielistä tutut ''while-'' ja ''for-'' silmukat. Kyseisiin silmukkamuotoihin perehdytään mahdollisesti myöhemmin ilmestyvässä Konna-artikkelissa.<br />
<br />
=== Ehtolauseet ===<br />
Ehtolauseiden avulla ohjelmoinnissa on mahdollista tehdä esimerkiksi valintoja aiemmin suoritettujen tulosten perusteella ja vaikuttaa siten ohjelman toimintaan. Konnassa käytettävät ehtolausekomennot ovat ''if''- ja ''else''-käskyt. If-käsky voi esiintyä yksin, mutta ''Else''-käsky esiintyy vain ''if''-lauseen yhteydessä. Ehtolauseissa käytetään tyypillisesti vertailtavina elementteinä muuttujiin tallennettuja tuloksia. Ehtolauseita käytetään seuraavasti.<br />
<br />
* ''if'' (''kysymys'') ''<nowiki>[</nowiki>''käskyt jotka suoritetaan mikäli kysymyksen asettama ehto täyttyy'']''<br />
* ''<nowiki>else [</nowiki>''käskyt jotka suoritetaan mikäli edeltävän if-lauseen ehdot eivät täyty'']''<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):[[Kuva:5-konna-osa2-ehtolause.png|thumb|250px|none]] ''<br />
<br />
reset #alustetaan ohjelman asetukset<br />
go 10,50<br />
muuttuja=55 #asetetaan muuttuja nimisen muuttujan arvoksi 55<br />
<nowiki>if muuttuja < 56 [ #tutkitaan ehtolauseella onko muuttuja suurempi kuin 56</nowiki><br />
print "koska muuttuja on suurempi kuin 56, tulostetaan tämä teksti"<br />
] #koska edellinen ehto toteutuu suoritetaan suluissa oleva lause<br />
<nowiki>else [#mikäli ehto ei täyty suoritetaan seuraava lause</nowiki><br />
print "if-lauseen ehto ei täyttynyt joten tuostetaan tämä teksti" <br />
]<br />
<br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Logo-ohjelmointia_Konnalla&diff=30397Logo-ohjelmointia Konnalla2010-01-14T14:18:45Z<p>OpinsysASokero: </p>
<hr />
<div>LOGO on erityisesti lapsille ja yleisesti ohjelmoinnin opettamiseen suunnattu ohjelmointikieli. LOGO-ohjelmointikielen ideana on liikuttaa viivoja piirtävää kilpikonnaa havainnollisten käskyjen avulla. Tässä ohjeessa tutustutaan LOGO-ohjelmointiympäristö Konnan perustoimintoihin.<br />
<br />
== Johdanto ==<br />
<br />
[[Kuva:1-konna-ohjelmointi-esimerkki.png|thumb|250px|none]]<br />
<br />
LOGO-ohjelmoitikielen kehitti 1970-luvulla Semour Papert MIT:n yliopistossa. Hän näki tietokoneet etenkin lasten luovuutta ja konstruktivistista oppimista kehittävinä työvälineinä. Logo-ohjelmointi perustuu ohjelmaikkunassa näkyvän kilpikonnan liikuttamiseen yksittäisten käskyjen avulla. <br />
<br />
Esimerkkinä LOGO-ohjelmasta voidaan pitää esimerkiksi seuraavaa käskysarjaa: <br />
<br />
* Valitse punainen väri<br />
* Liiku 100 pistettä eteenpäin<br />
* Käänny vasemmalle 90 astetta<br />
* Liiku 100 pistettä eteenpäin<br />
<br />
Näiden käskyjen jälkeen kilpikonna piirtäisi suoran punaisen viivan ja kääntyy katsomaan vasemmalle ja etenisi vielä toiset 100 pistettä. Kun tämä samainen käskysarja toistettaisiin ohjelmassa esimerkiksi kaksi kertaa peräkkäin piirtäisi kilpikonna kokonaisen neliön.<br />
<br />
Kilpikonnaan liikuttamalla voidaan matkia useita ohjelmoinnin peruskäsitteitä. Edellinen esimerkki on äärimmäinen yksinkertaistus LOGO-ohjelmasta. Laajimmilaan ohjelmissa voidaan käyttää kaikkia tyypillisimpiä ohjelmoinnin peruskäsitteitä. Näitä ovat esimerkiksi.<br />
<br />
* Muuttujat<br />
* Silmukat<br />
* Ehtolauseet<br />
* Tekstin tulostaminen<br />
<br />
Seuraavaksi tutustutaan itse Konna-ohjelman toimintoihin sekä valmiiden esimerkkiohjelmien avaamiseen.<br />
<br />
== Perustoiminnot ==<br />
[[Kuva:2-konna-ohjelmointi-toiminnot.png|thumb|250px|none]]<br />
<br />
# ''Koodi-ikkuna - ''Alue johon ohjelmakoodi kirjoitetaan<br />
# ''Alusta - ''Alue jossa kilpikonna liikkuu<br />
# ''Työkalurivi - ''Ohjelman työkalut<br />
<br />
=== Tärkeimmät pikapainikkeet ===<br />
[[Kuva:3-konna-ohjelmointi-pikapainikkeet.png|thumb|250px|none]]<br />
<br />
Järjestyksessä vasemmalta oikealle.<br />
<br />
# ''Värin valinta - ''Väripaletti<br />
# ''Kokoruututila -'' Ikkuna kokoruudun kokoiseksi<br />
# ''Ohjelman suoritusnopeus - ''Kuinka nopeasti ohjelman rivit suoritetaan<br />
# ''Suorita ohjelma - ''Käynnistä ohjelman suoritus<br />
# ''Keskeytä suoritus - ''Keskeytä ohjelman suoritus<br />
# ''Lopeta suoritus - ''Lopeta ohjelman suoritus<br />
<br />
=== Valmiiden esimerkkiohjelmien avaaminen ===<br />
Konna sisältää useita valmiita esimerkkiohjelmia joiden avulla ohjelmointikielen toimintaan voidaan tutustua tai joiden avulla voi saada ideoita omiin ohjelmiin. Esimerkkiohjelman lataaminen tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa Esimerkkejä...''<br />
<br />
[[Kuva:4-konna-ohjelmointi-valmiit_esim.png|thumb|250px|none]]<br />
<br />
* Valitse avattava ''esimerkkitiedosto''<br />
* Napsauta ''Avaa''-painiketta<br />
<br />
Tämän jälkeen esimerkkiohjelma latautuu Konnaan. Ohjelman koodi tulee tällöin näkyviin ohjelman ''koodi''-ikkunaan. <br />
<br />
[[Kuva:5-konna-ohjelmointi-koodi.png|thumb|250px|none]]<br />
<br />
=== Ohjelman suorittaminen ===<br />
Ladattu ohjelma voidaan suorittaa napsauttamalla työkalurivillä olevaa ''Suorita''-painiketta [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Tämän jälkeen kilpikonna lähtee liikkeelle noudattaen rivi riviltä koodi-ikkunassa olevia käskyjä. Ohjelma havainnollistaa tehdyn ohjelman suoritusta korostamalla aina suoritusvuorossa olevaa käskyä.Ohjelman suoritusta on helpompi seurata, kun sen nopeutta hieman lasketaan. Tämä tapahtuu ''Suoritusnopeus''-painikkeella [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Ohjelman päättyessä kilpikonna pysähtyy ja ohjelman esimerkiksi muokkaamista voidaan jatkaa.<br />
<br />
<br />
== Konna ja Logo-ohjelmoinnin perusteet ==<br />
Seuraavaksi tutustutaan käytännön LOGO-ohjelmointiin. Tavoitteena on esitellä esimerkkien avulla kielen idea ja luoda pohja omien ohjelmien tekemiselle. Ohessa esiteltäviä käskyjä esitetään pienten esimerkkiohjelmien avulla, jolla toimintaa pyritään havainnollistamaan. <br />
<br />
Konna-ohjelman käyttämä LOGO-kieli muistuttaa pitkälti perinteistä LOGO-kieltä, mutta sisältää luonnollisesti joitain pieniä eroja. Käytännössä myös muut LOGO-kieltä käsittelevät oppaat ovat Konnaa käytettäessä avuksi, mutta johinkin ongelmiin niitä käytettäessä tulee varautua. Kieli voi siis kirjoitusasultaan hieman poiketa eri ohjelmien välillä, mutta on logiikaltaan sovellettavissa myös Konnassa.<br />
<br />
== Ohjelman tekemisen aloittaminen ==<br />
Uuden ohjelman tekeminen aloitetaan yksinkertaisesti käynnistämällä Konna-ohjelma jonka jälkeen LOGO-kieltä voidaan alkaa suoraan kirjoittamaan ''Koodi''-ikkunaan.<br />
<br />
[[Kuva:1-konna-osa1-aloitus.png|thumb|250px|none]]<br />
<br />
Perustilassa oleva Konna-ikkuna<br />
<br />
<br />
<br />
== Ohjelman peruskäskyt ==<br />
=== Kilpikonnan liikuttaminen ===<br />
Kilpikonnan liikuttaminen tapahtuu yksinkertaisesti kertomalla sille liikkeen suunta ja matka. Kilpikonnan liikkeitä ohjataan englanninkielisillä käskyillä jotka on esitetty seuraavassa.<br />
<br />
* ''Forward (matka)'' - Kilpikonna kulkee suoraan eteenpäin annetun matkan verran. Esimerkiksi käsky ''"Forward 50"'' liikuttaa kilpikonnaa 50 pistettä eteenpäin.<br />
* ''Backwards (matka)'' - Kilpikonna kulkee taaksepäin annetun matkan verran.<br />
* ''Turnleft (kulma asteina)'' - Kilpikonna kääntyy vasemmalle annetun astemäärän verran. Esimerkiksi ''"Turnleft 45"'' kääntää kilpikonnan katsomaan 45 astetta oikealle.<br />
* ''Turnright (kulma asteina)'' - Kilpikonna kääntyy oikealle annetun astemäärän verran.<br />
* ''Go (sijainti x,y -koordinaatteina)'' - Siirtää kilpikonnan tiettyyn koordinaattipisteeseen. Esimerkiksi "''go 10,10''" siirtää kilpikonnan vasempaa yläreunaan. <br />
<br />
[[Kuva:2-konna-osa1-peruskaskyt.png|thumb|250px|none]]<br />
Konna-ikkuna johon esimerkin komennot on syötetty<br />
<br />
Harjoituksena voidaan laittaa kilpikonna piirtämään neliö. Tämä tapahtuu käskemällä sitä piirtämään neljä viivaa joiden välissä sen tulee kääntyä 90 astetta.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):''<br />
<br />
forward 100 # Kävelee sata pistettä eteenpäin<br />
turnleft 90 # Kääntyy 90 astetta vasemmalle<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
<br />
Konnassa voidaan esimerkin tapaan jättää koodin sekaan omia kommentteja merkkaamalla kommeniksi tarkoitettu rivi ''<nowiki>#</nowiki>''-merkillä. <br />
<br />
=== Ohjelman suoritus ===<br />
Ohjelma suoritetaan napsauttamalla ''suorita''-painiketta [[Kuva:3-konna-osa1-suorita.png|thumb|250px|none]].<br />
<br />
Tämän jälkeen kilpikonna piirtää ohjeita noudattaen halutunlaisen neliön. Käskyjä kirjoitettaessa voidaan huomata, että Konna värjää käskyt ja niiden parametrit eri väreillä. Tämä helpottaa niiden lukemista ja samalla voidaan nähdä, että käskyt on syötetty oikein. <br />
<br />
[[Kuva:4-konna-osa1-suoritettu.png|thumb|250px|none]]<br />
<br />
=== Edellisen ohjelman jälkien pyyhkiminen ===<br />
Ohjelman suorituksen jälkeen edellisen ohjelman määrittämät kilpikonnan piirrustukset ja sijainti jäävät edelleen voimaan ja näkyviin. Käyttämällä seuraavia komentoja ohjelman alussa, piirtoalustan ja kilpikonnan asetukset nollautuvat oletusasetuksiksi.<br />
<br />
* ''clear'' - Pyyhkii kaikki aiemmat kilpikonnan piirrosjäljet, mutta säilyttää sen sijainnin sekä piirtoalustan värin. <br />
* ''reset'' - Nollaa kaikki asetukset niiden perustilaan.<br />
<br />
Reset-käskyä voidaan käyttää esimerkiksi seuraavalla tavalla. Esimerkissä ''reset''-käsky nollaa kaikki alustan asetukset ennen muiden käskyjen suorittamista.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset #Nollataan kaikki ohjelman asetukset ennen seuraavien käskyjen suorittamista<br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 135<br />
forward 141<br />
<br />
=== Viivan piirto-ominaisuuksien muuttaminen ===<br />
Viivan ominaisuuksia voidaan muuttaa seuraavien käskyjen avulla.<br />
<br />
* ''pencolor (väriarvo RGB-lukuna)'' - kilpikonnan piirtämän viivan väri. Esimerkiksi komento ''"pencolor 255,0,0"'' asettaisi väriksi punaisen. <br />
* ''penwidth (paksuus pisteinä)'' - kilpikonnan piirtämän viivan paksuus. Esimerkiksi komento ''"penwidth 3"'' asettaa viivan paksuudeksi kolme pistettä.<br />
* ''penup'' - Nostaa kynä alustalta<br />
* ''pendown'' - Laskee kynän takaisin alas<br />
<br />
[[Kuva:5-konna-osa1-viiva_omin.png|thumb|250px|none]]<br />
Esimerkki viivan ominaisuuksista<br />
<br />
Seuraavassa esimerkissä Konnan asetukset ensin alustetaan ''reset''-käskyllä ja lähdetään sen jälkeen piirtämään kolmiota piirtämällä suoria viivoja ja vaihtamalla niiden välissä kulmaa. Viivojen piirtämistä edeltää välillä myös kynän värin sekä paksuuden vaihtaminen.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset <br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
pencolor 255,0,0<br />
penwidth 3<br />
forward 100<br />
pencolor 140,0,0<br />
penwidth 6<br />
turnleft 135<br />
forward 141 <br />
<br />
=== Alustan asetusten muokkaaminen ===<br />
Piirtoalustalle voidaan myös määrittää erilaisia asetuksia. Näitä ovat esimerkiksi sen värin vaihtaminen sekä koon muuttaminen.<br />
<br />
* ''canvassize (uusi koko x,y -pisteinä'') - Määrittää piirtoalustan koon. Esimerkiksi komento "''canvassize 400,350''" tekee alustasta 400 pistettä leveän ja 350 pistettä korkean. <br />
* ''canvascolor (väriarvo RGB-lukuna'') - Muuttaa alustan pohjavärin halutuksi. Esimerkiksi komento "''canvascolor 0,0,0''" muuttaa värin mustaksi.<br />
<br />
[[Kuva:6-konna-osa1-alusta.png|thumb|250px|none]] <br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
<nowiki>#Alustetaan kaikki asetukset</nowiki><br />
reset <br />
<br />
<nowiki>#Muutetaan alustan kokoa ja väriä</nowiki><br />
canvassize 400,300<br />
canvascolor 255,0,0<br />
<br />
<nowiki>#Tästä alkaa piirtäminen</nowiki><br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
pencolor 205,0,0<br />
penwidth 3<br />
forward 100<br />
pencolor 140,0,0<br />
penwidth 6<br />
turnleft 135<br />
forward 141 <br />
<br />
<br />
== Muuttujien käyttäminen ==<br />
Usein käytettäviä numerosarjoja tai vaikka tekstiä voidaan tallentaa Konnassa helposti itsemääritettyihin muuttujiin.<br />
<br />
Muuttujan käytön periaatetta voidaan soveltaa esimerkiksi seuraavan selväkielisen esimerkin avulla.<br />
<br />
<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
[[Kuva:2-konna-osa2-matka.png|thumb|250px|none]] <br />
reset<br />
matka=100 #tallennetaan matka nimiseen muuttujaan luku 100<br />
forward matka #liikutaan eteenpäin matka-muuttujassa olevan lukuarvon verran<br />
turnleft 90 #käännytään 90 astetta vasemmalla<br />
forward matka<br />
turnleft 90<br />
forward matka<br />
<br />
Esimerkissä tallennetaan ensin'' matka'' nimiseen muuttujaan tietty haluttu pituus. Tämän jälkeen viivan piirtämisessä käytetään pelkän luvun sijasta muuttujan nimeä. Nyt jos liikuttavaa matkaa halutaan muuttaa, tarvitsee muuttaa vain muuttujan saamaa arvoa jolloin muutos vaikuttaa kaikkialle jossa kyseistä muuttujaa käytetään.<br />
<br />
== Tekstin tulostaminen ==<br />
Konnassa on mahdollista tulostaa myös suoraan tekstiä. Tämä onnistuu ''print-''käskyn avulla joka toimii seuraavasti.<br />
<br />
* ''print'' "tulostettava teksti tähän lainausmerkkien sisään"<br />
<br />
Print-käskyä voidaan käyttää myös tulostamaan muuttujalle syötettyä tietoa<br />
<br />
* ''print'' muuttujan_nimi<br />
<br />
Tai molempia yhdessä.<br />
<br />
* ''print'' muuttujan_nimi + "Haluttu teksti"<br />
<br />
Print -käskyä käytettäessä on hyvä huomioida, että teksti tulostetaan sille kohdalle missä kilpikonna sijaitsee. Tällöin esimerkiksi useita rivejä peräkkäin tulostettaessa on kilpikonnaa rivien välissä itse liikutettava. Muuten tulostetut tekstit tulevat samalle riville päällekäin.<br />
<br />
Seuraavassa esimerkissä tulostetaan kolme eri riviä kolmella eri tavalla. Aluksi kilpikonna on siirretty vasempaan reunaan ja sitten sitä liikutetaan jokaisen erillisen rivin tulostuksen jälkeen. <br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
[[Kuva:3-konna-osa2-tekstiesimerkki.png|thumb|250px|none]] <br />
reset #alustetaan konnan asetukset<br />
go 10,50 #siirretään konna vasempaan reunaan jotta teksti mahtuu paremmin<br />
print "tässä suoraa tekstiä" #tulostetaan haluttu teksti<br />
teksti="terve" #tallennetaan teksti-muuttujaan sana<br />
forward 20 #siirretään kilpikonnaa rivi ylöspäin<br />
print teksti #tulostetaan teksti-muuttujassa oleva sana<br />
forward 20 #siirretään kilpikonnaa rivi ylöspäin<br />
print teksti + " mitäpä kuuluu?" #tulostetaan sekä muuttujassa oleva teksti että haluttu lause peräkkäin<br />
<br />
== Silmukat ==<br />
Silmukat ovat ohjelmoinnin yksi peruskäsite. Silmukat ovat nimensä mukaisesti ohjelman osia joissa tiettyä ohjelman pätkää toistetaan halutun määrän kertoja silmukanomaisesti ympäri.<br />
<br />
Esimerkiksi oppaan ensimmäisessä osassa esiintynyt neliön piirtoesimerkki voidaan yksinkertaistaa silmukkaa käyttämällä. Esimerkissä konna toisti käytännössä neljä kertaa kahta samaa käskyä seuraavasti.<br />
<br />
<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset<br />
<nowiki># piirretään neliö toistamalla samoja käskyjä peräkkäin</nowiki><br />
forward 100 # Kävelee sata pistettä eteenpäin<br />
turnleft 90 # Kääntyy 90 astetta vasemmalle<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 90<br />
forward 100 <br />
<br />
<br />
Silmukoiden avulla sama neliö voidaan piirtää käskemällä toistaa kyseisiä kahta käskyä neljä kertaa jolloin ne tarvitsee kirjoittaa vain kerran.<br />
<br />
Silmukan tekeminen tapahtuu'' repeat''-käskyn avulla joka toimii seuraavasti.<br />
<br />
* ''repeat'' (toistojen lukumäärä) ''<nowiki>[</nowiki>'' (suoritettavat lauseet) '']'' - Seuraavassa esimerkissä neliö on piirretty repeat-käskyn avulla<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):''<br />
<br />
[[Kuva:4-konna-osa2-silmukka.png|thumb|250px|none]]<br />
<br />
<nowiki># piirretään neliö silmukan avulla¶</nowiki><br />
reset<br />
<nowiki>repeat 4 [ # toistetaan sulkujen sisällä olevat lauseet neljä kertaa peräkkäin</nowiki><br />
forward 100 <br />
turnleft 90<br />
]<br />
<br />
Repeat on helpoin silmukkakäsky joka Konnassa on, mutta ei kuitenkaan ainoa. Konnassa toimivat myös monista ohjelmointikielistä tutut ''while-'' ja ''for-'' silmukat. Kyseisiin silmukkamuotoihin perehdytään mahdollisesti myöhemmin ilmestyvässä Konna-artikkelissa.<br />
<br />
== Ehtolauseet ==<br />
Ehtolauseiden avulla ohjelmoinnissa on mahdollista tehdä esimerkiksi valintoja aiemmin suoritettujen tulosten perusteella ja vaikuttaa siten ohjelman toimintaan. Konnassa käytettävät ehtolausekomennot ovat ''if''- ja ''else''-käskyt. If-käsky voi esiintyä yksin, mutta ''Else''-käsky esiintyy vain ''if''-lauseen yhteydessä. Ehtolauseissa käytetään tyypillisesti vertailtavina elementteinä muuttujiin tallennettuja tuloksia. Ehtolauseita käytetään seuraavasti.<br />
<br />
* ''if'' (''kysymys'') ''<nowiki>[</nowiki>''käskyt jotka suoritetaan mikäli kysymyksen asettama ehto täyttyy'']''<br />
* ''<nowiki>else [</nowiki>''käskyt jotka suoritetaan mikäli edeltävän if-lauseen ehdot eivät täyty'']''<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):[[Kuva:5-konna-osa2-ehtolause.png|thumb|250px|none]] ''<br />
<br />
reset #alustetaan ohjelman asetukset<br />
go 10,50<br />
muuttuja=55 #asetetaan muuttuja nimisen muuttujan arvoksi 55<br />
<nowiki>if muuttuja < 56 [ #tutkitaan ehtolauseella onko muuttuja suurempi kuin 56</nowiki><br />
print "koska muuttuja on suurempi kuin 56, tulostetaan tämä teksti"<br />
] #koska edellinen ehto toteutuu suoritetaan suluissa oleva lause<br />
<nowiki>else [#mikäli ehto ei täyty suoritetaan seuraava lause</nowiki><br />
print "if-lauseen ehto ei täyttynyt joten tuostetaan tämä teksti" <br />
]<br />
<br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Logo-ohjelmointia_Konnalla&diff=30396Logo-ohjelmointia Konnalla2010-01-14T14:17:44Z<p>OpinsysASokero: jatko artikkelit</p>
<hr />
<div>LOGO on erityisesti lapsille ja yleisesti ohjelmoinnin opettamiseen suunnattu ohjelmointikieli. LOGO-ohjelmointikielen ideana on liikuttaa viivoja piirtävää kilpikonnaa havainnollisten käskyjen avulla. Tässä ohjeessa tutustutaan LOGO-ohjelmointiympäristö Konnan perustoimintoihin.<br />
<br />
[[Kuva:1-konna-ohjelmointi-esimerkki.png|thumb|250px|none]]<br />
<br />
LOGO-ohjelmoitikielen kehitti 1970-luvulla Semour Papert MIT:n yliopistossa. Hän näki tietokoneet etenkin lasten luovuutta ja konstruktivistista oppimista kehittävinä työvälineinä. Logo-ohjelmointi perustuu ohjelmaikkunassa näkyvän kilpikonnan liikuttamiseen yksittäisten käskyjen avulla. <br />
<br />
Esimerkkinä LOGO-ohjelmasta voidaan pitää esimerkiksi seuraavaa käskysarjaa: <br />
<br />
* Valitse punainen väri<br />
* Liiku 100 pistettä eteenpäin<br />
* Käänny vasemmalle 90 astetta<br />
* Liiku 100 pistettä eteenpäin<br />
<br />
Näiden käskyjen jälkeen kilpikonna piirtäisi suoran punaisen viivan ja kääntyy katsomaan vasemmalle ja etenisi vielä toiset 100 pistettä. Kun tämä samainen käskysarja toistettaisiin ohjelmassa esimerkiksi kaksi kertaa peräkkäin piirtäisi kilpikonna kokonaisen neliön.<br />
<br />
Kilpikonnaan liikuttamalla voidaan matkia useita ohjelmoinnin peruskäsitteitä. Edellinen esimerkki on äärimmäinen yksinkertaistus LOGO-ohjelmasta. Laajimmilaan ohjelmissa voidaan käyttää kaikkia tyypillisimpiä ohjelmoinnin peruskäsitteitä. Näitä ovat esimerkiksi.<br />
<br />
* Muuttujat<br />
* Silmukat<br />
* Ehtolauseet<br />
* Tekstin tulostaminen<br />
<br />
Seuraavaksi tutustutaan itse Konna-ohjelman toimintoihin sekä valmiiden esimerkkiohjelmien avaamiseen.<br />
<br />
== Perustoiminnot ==<br />
[[Kuva:2-konna-ohjelmointi-toiminnot.png|thumb|250px|none]]<br />
<br />
# ''Koodi-ikkuna - ''Alue johon ohjelmakoodi kirjoitetaan<br />
# ''Alusta - ''Alue jossa kilpikonna liikkuu<br />
# ''Työkalurivi - ''Ohjelman työkalut<br />
<br />
=== Tärkeimmät pikapainikkeet ===<br />
[[Kuva:3-konna-ohjelmointi-pikapainikkeet.png|thumb|250px|none]]<br />
<br />
Järjestyksessä vasemmalta oikealle.<br />
<br />
# ''Värin valinta - ''Väripaletti<br />
# ''Kokoruututila -'' Ikkuna kokoruudun kokoiseksi<br />
# ''Ohjelman suoritusnopeus - ''Kuinka nopeasti ohjelman rivit suoritetaan<br />
# ''Suorita ohjelma - ''Käynnistä ohjelman suoritus<br />
# ''Keskeytä suoritus - ''Keskeytä ohjelman suoritus<br />
# ''Lopeta suoritus - ''Lopeta ohjelman suoritus<br />
<br />
=== Valmiiden esimerkkiohjelmien avaaminen ===<br />
Konna sisältää useita valmiita esimerkkiohjelmia joiden avulla ohjelmointikielen toimintaan voidaan tutustua tai joiden avulla voi saada ideoita omiin ohjelmiin. Esimerkkiohjelman lataaminen tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa Esimerkkejä...''<br />
<br />
[[Kuva:4-konna-ohjelmointi-valmiit_esim.png|thumb|250px|none]]<br />
<br />
* Valitse avattava ''esimerkkitiedosto''<br />
* Napsauta ''Avaa''-painiketta<br />
<br />
Tämän jälkeen esimerkkiohjelma latautuu Konnaan. Ohjelman koodi tulee tällöin näkyviin ohjelman ''koodi''-ikkunaan. <br />
<br />
[[Kuva:5-konna-ohjelmointi-koodi.png|thumb|250px|none]]<br />
<br />
=== Ohjelman suorittaminen ===<br />
Ladattu ohjelma voidaan suorittaa napsauttamalla työkalurivillä olevaa ''Suorita''-painiketta [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Tämän jälkeen kilpikonna lähtee liikkeelle noudattaen rivi riviltä koodi-ikkunassa olevia käskyjä. Ohjelma havainnollistaa tehdyn ohjelman suoritusta korostamalla aina suoritusvuorossa olevaa käskyä.Ohjelman suoritusta on helpompi seurata, kun sen nopeutta hieman lasketaan. Tämä tapahtuu ''Suoritusnopeus''-painikkeella [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Ohjelman päättyessä kilpikonna pysähtyy ja ohjelman esimerkiksi muokkaamista voidaan jatkaa.<br />
<br />
<br />
== Konna ja Logo-ohjelmoinnin perusteet ==<br />
Seuraavaksi tutustutaan käytännön LOGO-ohjelmointiin. Tavoitteena on esitellä esimerkkien avulla kielen idea ja luoda pohja omien ohjelmien tekemiselle. Ohessa esiteltäviä käskyjä esitetään pienten esimerkkiohjelmien avulla, jolla toimintaa pyritään havainnollistamaan. <br />
<br />
Konna-ohjelman käyttämä LOGO-kieli muistuttaa pitkälti perinteistä LOGO-kieltä, mutta sisältää luonnollisesti joitain pieniä eroja. Käytännössä myös muut LOGO-kieltä käsittelevät oppaat ovat Konnaa käytettäessä avuksi, mutta johinkin ongelmiin niitä käytettäessä tulee varautua. Kieli voi siis kirjoitusasultaan hieman poiketa eri ohjelmien välillä, mutta on logiikaltaan sovellettavissa myös Konnassa.<br />
<br />
== Ohjelman tekemisen aloittaminen ==<br />
Uuden ohjelman tekeminen aloitetaan yksinkertaisesti käynnistämällä Konna-ohjelma jonka jälkeen LOGO-kieltä voidaan alkaa suoraan kirjoittamaan ''Koodi''-ikkunaan.<br />
<br />
[[Kuva:1-konna-osa1-aloitus.png|thumb|250px|none]]<br />
<br />
Perustilassa oleva Konna-ikkuna<br />
<br />
<br />
<br />
== Ohjelman peruskäskyt ==<br />
=== Kilpikonnan liikuttaminen ===<br />
Kilpikonnan liikuttaminen tapahtuu yksinkertaisesti kertomalla sille liikkeen suunta ja matka. Kilpikonnan liikkeitä ohjataan englanninkielisillä käskyillä jotka on esitetty seuraavassa.<br />
<br />
* ''Forward (matka)'' - Kilpikonna kulkee suoraan eteenpäin annetun matkan verran. Esimerkiksi käsky ''"Forward 50"'' liikuttaa kilpikonnaa 50 pistettä eteenpäin.<br />
* ''Backwards (matka)'' - Kilpikonna kulkee taaksepäin annetun matkan verran.<br />
* ''Turnleft (kulma asteina)'' - Kilpikonna kääntyy vasemmalle annetun astemäärän verran. Esimerkiksi ''"Turnleft 45"'' kääntää kilpikonnan katsomaan 45 astetta oikealle.<br />
* ''Turnright (kulma asteina)'' - Kilpikonna kääntyy oikealle annetun astemäärän verran.<br />
* ''Go (sijainti x,y -koordinaatteina)'' - Siirtää kilpikonnan tiettyyn koordinaattipisteeseen. Esimerkiksi "''go 10,10''" siirtää kilpikonnan vasempaa yläreunaan. <br />
<br />
[[Kuva:2-konna-osa1-peruskaskyt.png|thumb|250px|none]]<br />
Konna-ikkuna johon esimerkin komennot on syötetty<br />
<br />
Harjoituksena voidaan laittaa kilpikonna piirtämään neliö. Tämä tapahtuu käskemällä sitä piirtämään neljä viivaa joiden välissä sen tulee kääntyä 90 astetta.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):''<br />
<br />
forward 100 # Kävelee sata pistettä eteenpäin<br />
turnleft 90 # Kääntyy 90 astetta vasemmalle<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
<br />
Konnassa voidaan esimerkin tapaan jättää koodin sekaan omia kommentteja merkkaamalla kommeniksi tarkoitettu rivi ''<nowiki>#</nowiki>''-merkillä. <br />
<br />
=== Ohjelman suoritus ===<br />
Ohjelma suoritetaan napsauttamalla ''suorita''-painiketta [[Kuva:3-konna-osa1-suorita.png|thumb|250px|none]].<br />
<br />
Tämän jälkeen kilpikonna piirtää ohjeita noudattaen halutunlaisen neliön. Käskyjä kirjoitettaessa voidaan huomata, että Konna värjää käskyt ja niiden parametrit eri väreillä. Tämä helpottaa niiden lukemista ja samalla voidaan nähdä, että käskyt on syötetty oikein. <br />
<br />
[[Kuva:4-konna-osa1-suoritettu.png|thumb|250px|none]]<br />
<br />
=== Edellisen ohjelman jälkien pyyhkiminen ===<br />
Ohjelman suorituksen jälkeen edellisen ohjelman määrittämät kilpikonnan piirrustukset ja sijainti jäävät edelleen voimaan ja näkyviin. Käyttämällä seuraavia komentoja ohjelman alussa, piirtoalustan ja kilpikonnan asetukset nollautuvat oletusasetuksiksi.<br />
<br />
* ''clear'' - Pyyhkii kaikki aiemmat kilpikonnan piirrosjäljet, mutta säilyttää sen sijainnin sekä piirtoalustan värin. <br />
* ''reset'' - Nollaa kaikki asetukset niiden perustilaan.<br />
<br />
Reset-käskyä voidaan käyttää esimerkiksi seuraavalla tavalla. Esimerkissä ''reset''-käsky nollaa kaikki alustan asetukset ennen muiden käskyjen suorittamista.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset #Nollataan kaikki ohjelman asetukset ennen seuraavien käskyjen suorittamista<br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 135<br />
forward 141<br />
<br />
=== Viivan piirto-ominaisuuksien muuttaminen ===<br />
Viivan ominaisuuksia voidaan muuttaa seuraavien käskyjen avulla.<br />
<br />
* ''pencolor (väriarvo RGB-lukuna)'' - kilpikonnan piirtämän viivan väri. Esimerkiksi komento ''"pencolor 255,0,0"'' asettaisi väriksi punaisen. <br />
* ''penwidth (paksuus pisteinä)'' - kilpikonnan piirtämän viivan paksuus. Esimerkiksi komento ''"penwidth 3"'' asettaa viivan paksuudeksi kolme pistettä.<br />
* ''penup'' - Nostaa kynä alustalta<br />
* ''pendown'' - Laskee kynän takaisin alas<br />
<br />
[[Kuva:5-konna-osa1-viiva_omin.png|thumb|250px|none]]<br />
Esimerkki viivan ominaisuuksista<br />
<br />
Seuraavassa esimerkissä Konnan asetukset ensin alustetaan ''reset''-käskyllä ja lähdetään sen jälkeen piirtämään kolmiota piirtämällä suoria viivoja ja vaihtamalla niiden välissä kulmaa. Viivojen piirtämistä edeltää välillä myös kynän värin sekä paksuuden vaihtaminen.<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset <br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
pencolor 255,0,0<br />
penwidth 3<br />
forward 100<br />
pencolor 140,0,0<br />
penwidth 6<br />
turnleft 135<br />
forward 141 <br />
<br />
=== Alustan asetusten muokkaaminen ===<br />
Piirtoalustalle voidaan myös määrittää erilaisia asetuksia. Näitä ovat esimerkiksi sen värin vaihtaminen sekä koon muuttaminen.<br />
<br />
* ''canvassize (uusi koko x,y -pisteinä'') - Määrittää piirtoalustan koon. Esimerkiksi komento "''canvassize 400,350''" tekee alustasta 400 pistettä leveän ja 350 pistettä korkean. <br />
* ''canvascolor (väriarvo RGB-lukuna'') - Muuttaa alustan pohjavärin halutuksi. Esimerkiksi komento "''canvascolor 0,0,0''" muuttaa värin mustaksi.<br />
<br />
[[Kuva:6-konna-osa1-alusta.png|thumb|250px|none]] <br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
<nowiki>#Alustetaan kaikki asetukset</nowiki><br />
reset <br />
<br />
<nowiki>#Muutetaan alustan kokoa ja väriä</nowiki><br />
canvassize 400,300<br />
canvascolor 255,0,0<br />
<br />
<nowiki>#Tästä alkaa piirtäminen</nowiki><br />
turnleft 45<br />
forward 100<br />
turnleft 90<br />
pencolor 205,0,0<br />
penwidth 3<br />
forward 100<br />
pencolor 140,0,0<br />
penwidth 6<br />
turnleft 135<br />
forward 141 <br />
<br />
<br />
== Muuttujien käyttäminen ==<br />
Usein käytettäviä numerosarjoja tai vaikka tekstiä voidaan tallentaa Konnassa helposti itsemääritettyihin muuttujiin.<br />
<br />
Muuttujan käytön periaatetta voidaan soveltaa esimerkiksi seuraavan selväkielisen esimerkin avulla.<br />
<br />
<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
[[Kuva:2-konna-osa2-matka.png|thumb|250px|none]] <br />
reset<br />
matka=100 #tallennetaan matka nimiseen muuttujaan luku 100<br />
forward matka #liikutaan eteenpäin matka-muuttujassa olevan lukuarvon verran<br />
turnleft 90 #käännytään 90 astetta vasemmalla<br />
forward matka<br />
turnleft 90<br />
forward matka<br />
<br />
Esimerkissä tallennetaan ensin'' matka'' nimiseen muuttujaan tietty haluttu pituus. Tämän jälkeen viivan piirtämisessä käytetään pelkän luvun sijasta muuttujan nimeä. Nyt jos liikuttavaa matkaa halutaan muuttaa, tarvitsee muuttaa vain muuttujan saamaa arvoa jolloin muutos vaikuttaa kaikkialle jossa kyseistä muuttujaa käytetään.<br />
<br />
== Tekstin tulostaminen ==<br />
Konnassa on mahdollista tulostaa myös suoraan tekstiä. Tämä onnistuu ''print-''käskyn avulla joka toimii seuraavasti.<br />
<br />
* ''print'' "tulostettava teksti tähän lainausmerkkien sisään"<br />
<br />
Print-käskyä voidaan käyttää myös tulostamaan muuttujalle syötettyä tietoa<br />
<br />
* ''print'' muuttujan_nimi<br />
<br />
Tai molempia yhdessä.<br />
<br />
* ''print'' muuttujan_nimi + "Haluttu teksti"<br />
<br />
Print -käskyä käytettäessä on hyvä huomioida, että teksti tulostetaan sille kohdalle missä kilpikonna sijaitsee. Tällöin esimerkiksi useita rivejä peräkkäin tulostettaessa on kilpikonnaa rivien välissä itse liikutettava. Muuten tulostetut tekstit tulevat samalle riville päällekäin.<br />
<br />
Seuraavassa esimerkissä tulostetaan kolme eri riviä kolmella eri tavalla. Aluksi kilpikonna on siirretty vasempaan reunaan ja sitten sitä liikutetaan jokaisen erillisen rivin tulostuksen jälkeen. <br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
[[Kuva:3-konna-osa2-tekstiesimerkki.png|thumb|250px|none]] <br />
reset #alustetaan konnan asetukset<br />
go 10,50 #siirretään konna vasempaan reunaan jotta teksti mahtuu paremmin<br />
print "tässä suoraa tekstiä" #tulostetaan haluttu teksti<br />
teksti="terve" #tallennetaan teksti-muuttujaan sana<br />
forward 20 #siirretään kilpikonnaa rivi ylöspäin<br />
print teksti #tulostetaan teksti-muuttujassa oleva sana<br />
forward 20 #siirretään kilpikonnaa rivi ylöspäin<br />
print teksti + " mitäpä kuuluu?" #tulostetaan sekä muuttujassa oleva teksti että haluttu lause peräkkäin<br />
<br />
== Silmukat ==<br />
Silmukat ovat ohjelmoinnin yksi peruskäsite. Silmukat ovat nimensä mukaisesti ohjelman osia joissa tiettyä ohjelman pätkää toistetaan halutun määrän kertoja silmukanomaisesti ympäri.<br />
<br />
Esimerkiksi oppaan ensimmäisessä osassa esiintynyt neliön piirtoesimerkki voidaan yksinkertaistaa silmukkaa käyttämällä. Esimerkissä konna toisti käytännössä neljä kertaa kahta samaa käskyä seuraavasti.<br />
<br />
<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan): ''<br />
<br />
reset<br />
<nowiki># piirretään neliö toistamalla samoja käskyjä peräkkäin</nowiki><br />
forward 100 # Kävelee sata pistettä eteenpäin<br />
turnleft 90 # Kääntyy 90 astetta vasemmalle<br />
forward 100<br />
turnleft 90<br />
forward 100<br />
turnleft 90<br />
forward 100 <br />
<br />
<br />
Silmukoiden avulla sama neliö voidaan piirtää käskemällä toistaa kyseisiä kahta käskyä neljä kertaa jolloin ne tarvitsee kirjoittaa vain kerran.<br />
<br />
Silmukan tekeminen tapahtuu'' repeat''-käskyn avulla joka toimii seuraavasti.<br />
<br />
* ''repeat'' (toistojen lukumäärä) ''<nowiki>[</nowiki>'' (suoritettavat lauseet) '']'' - Seuraavassa esimerkissä neliö on piirretty repeat-käskyn avulla<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):''<br />
<br />
[[Kuva:4-konna-osa2-silmukka.png|thumb|250px|none]]<br />
<br />
<nowiki># piirretään neliö silmukan avulla¶</nowiki><br />
reset<br />
<nowiki>repeat 4 [ # toistetaan sulkujen sisällä olevat lauseet neljä kertaa peräkkäin</nowiki><br />
forward 100 <br />
turnleft 90<br />
]<br />
<br />
Repeat on helpoin silmukkakäsky joka Konnassa on, mutta ei kuitenkaan ainoa. Konnassa toimivat myös monista ohjelmointikielistä tutut ''while-'' ja ''for-'' silmukat. Kyseisiin silmukkamuotoihin perehdytään mahdollisesti myöhemmin ilmestyvässä Konna-artikkelissa.<br />
<br />
== Ehtolauseet ==<br />
Ehtolauseiden avulla ohjelmoinnissa on mahdollista tehdä esimerkiksi valintoja aiemmin suoritettujen tulosten perusteella ja vaikuttaa siten ohjelman toimintaan. Konnassa käytettävät ehtolausekomennot ovat ''if''- ja ''else''-käskyt. If-käsky voi esiintyä yksin, mutta ''Else''-käsky esiintyy vain ''if''-lauseen yhteydessä. Ehtolauseissa käytetään tyypillisesti vertailtavina elementteinä muuttujiin tallennettuja tuloksia. Ehtolauseita käytetään seuraavasti.<br />
<br />
* ''if'' (''kysymys'') ''<nowiki>[</nowiki>''käskyt jotka suoritetaan mikäli kysymyksen asettama ehto täyttyy'']''<br />
* ''<nowiki>else [</nowiki>''käskyt jotka suoritetaan mikäli edeltävän if-lauseen ehdot eivät täyty'']''<br />
<br />
''LOGO-koodia (tämän voi kirjoittaa ja leikata ja liimata Konnan koodi-ikkunaan):[[Kuva:5-konna-osa2-ehtolause.png|thumb|250px|none]] ''<br />
<br />
reset #alustetaan ohjelman asetukset<br />
go 10,50<br />
muuttuja=55 #asetetaan muuttuja nimisen muuttujan arvoksi 55<br />
<nowiki>if muuttuja < 56 [ #tutkitaan ehtolauseella onko muuttuja suurempi kuin 56</nowiki><br />
print "koska muuttuja on suurempi kuin 56, tulostetaan tämä teksti"<br />
] #koska edellinen ehto toteutuu suoritetaan suluissa oleva lause<br />
<nowiki>else [#mikäli ehto ei täyty suoritetaan seuraava lause</nowiki><br />
print "if-lauseen ehto ei täyttynyt joten tuostetaan tämä teksti" <br />
]<br />
<br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Logo-ohjelmointia_Konnalla&diff=30395Logo-ohjelmointia Konnalla2010-01-14T14:12:31Z<p>OpinsysASokero: /* Ohjelman toiminnot */</p>
<hr />
<div>LOGO on erityisesti lapsille ja yleisesti ohjelmoinnin opettamiseen suunnattu ohjelmointikieli. LOGO-ohjelmointikielen ideana on liikuttaa viivoja piirtävää kilpikonnaa havainnollisten käskyjen avulla. Tässä ohjeessa tutustutaan LOGO-ohjelmointiympäristö Konnan perustoimintoihin.<br />
<br />
[[Kuva:1-konna-ohjelmointi-esimerkki.png|thumb|250px|none]]<br />
<br />
LOGO-ohjelmoitikielen kehitti 1970-luvulla Semour Papert MIT:n yliopistossa. Hän näki tietokoneet etenkin lasten luovuutta ja konstruktivistista oppimista kehittävinä työvälineinä. Logo-ohjelmointi perustuu ohjelmaikkunassa näkyvän kilpikonnan liikuttamiseen yksittäisten käskyjen avulla. <br />
<br />
Esimerkkinä LOGO-ohjelmasta voidaan pitää esimerkiksi seuraavaa käskysarjaa: <br />
<br />
* Valitse punainen väri<br />
* Liiku 100 pistettä eteenpäin<br />
* Käänny vasemmalle 90 astetta<br />
* Liiku 100 pistettä eteenpäin<br />
<br />
Näiden käskyjen jälkeen kilpikonna piirtäisi suoran punaisen viivan ja kääntyy katsomaan vasemmalle ja etenisi vielä toiset 100 pistettä. Kun tämä samainen käskysarja toistettaisiin ohjelmassa esimerkiksi kaksi kertaa peräkkäin piirtäisi kilpikonna kokonaisen neliön.<br />
<br />
Kilpikonnaan liikuttamalla voidaan matkia useita ohjelmoinnin peruskäsitteitä. Edellinen esimerkki on äärimmäinen yksinkertaistus LOGO-ohjelmasta. Laajimmilaan ohjelmissa voidaan käyttää kaikkia tyypillisimpiä ohjelmoinnin peruskäsitteitä. Näitä ovat esimerkiksi.<br />
<br />
* Muuttujat<br />
* Silmukat<br />
* Ehtolauseet<br />
* Tekstin tulostaminen<br />
<br />
Seuraavaksi tutustutaan itse Konna-ohjelman toimintoihin sekä valmiiden esimerkkiohjelmien avaamiseen.<br />
<br />
== Ohjelman toiminnot ==<br />
[[Kuva:2-konna-ohjelmointi-toiminnot.png|thumb|250px|none]]<br />
<br />
# ''Koodi-ikkuna - ''Alue johon ohjelmakoodi kirjoitetaan<br />
# ''Alusta - ''Alue jossa kilpikonna liikkuu<br />
# ''Työkalurivi - ''Ohjelman työkalut<br />
<br />
=== Tärkeimmät pikapainikkeet ===<br />
[[Kuva:3-konna-ohjelmointi-pikapainikkeet.png|thumb|250px|none]]<br />
<br />
Järjestyksessä vasemmalta oikealle.<br />
<br />
# ''Värin valinta - ''Väripaletti<br />
# ''Kokoruututila -'' Ikkuna kokoruudun kokoiseksi<br />
# ''Ohjelman suoritusnopeus - ''Kuinka nopeasti ohjelman rivit suoritetaan<br />
# ''Suorita ohjelma - ''Käynnistä ohjelman suoritus<br />
# ''Keskeytä suoritus - ''Keskeytä ohjelman suoritus<br />
# ''Lopeta suoritus - ''Lopeta ohjelman suoritus<br />
<br />
== Valmiiden esimerkkiohjelmien avaaminen ==<br />
Konna sisältää useita valmiita esimerkkiohjelmia joiden avulla ohjelmointikielen toimintaan voidaan tutustua tai joiden avulla voi saada ideoita omiin ohjelmiin. Esimerkkiohjelman lataaminen tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa Esimerkkejä...''<br />
<br />
[[Kuva:4-konna-ohjelmointi-valmiit_esim.png|thumb|250px|none]]<br />
<br />
* Valitse avattava ''esimerkkitiedosto''<br />
* Napsauta ''Avaa''-painiketta<br />
<br />
Tämän jälkeen esimerkkiohjelma latautuu Konnaan. Ohjelman koodi tulee tällöin näkyviin ohjelman ''koodi''-ikkunaan. <br />
<br />
[[Kuva:5-konna-ohjelmointi-koodi.png|thumb|250px|none]]<br />
<br />
== Ohjelman suorittaminen ==<br />
Ladattu ohjelma voidaan suorittaa napsauttamalla työkalurivillä olevaa ''Suorita''-painiketta [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Tämän jälkeen kilpikonna lähtee liikkeelle noudattaen rivi riviltä koodi-ikkunassa olevia käskyjä. Ohjelma havainnollistaa tehdyn ohjelman suoritusta korostamalla aina suoritusvuorossa olevaa käskyä.Ohjelman suoritusta on helpompi seurata, kun sen nopeutta hieman lasketaan. Tämä tapahtuu ''Suoritusnopeus''-painikkeella [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Ohjelman päättyessä kilpikonna pysähtyy ja ohjelman esimerkiksi muokkaamista voidaan jatkaa.<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Logo-ohjelmointia_Konnalla&diff=30394Logo-ohjelmointia Konnalla2010-01-14T14:11:15Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>LOGO on erityisesti lapsille ja yleisesti ohjelmoinnin opettamiseen suunnattu ohjelmointikieli. LOGO-ohjelmointikielen ideana on liikuttaa viivoja piirtävää kilpikonnaa havainnollisten käskyjen avulla. Tässä ohjeessa tutustutaan LOGO-ohjelmointiympäristö Konnan perustoimintoihin.<br />
<br />
[[Kuva:1-konna-ohjelmointi-esimerkki.png|thumb|250px|none]]<br />
<br />
LOGO-ohjelmoitikielen kehitti 1970-luvulla Semour Papert MIT:n yliopistossa. Hän näki tietokoneet etenkin lasten luovuutta ja konstruktivistista oppimista kehittävinä työvälineinä. Logo-ohjelmointi perustuu ohjelmaikkunassa näkyvän kilpikonnan liikuttamiseen yksittäisten käskyjen avulla. <br />
<br />
Esimerkkinä LOGO-ohjelmasta voidaan pitää esimerkiksi seuraavaa käskysarjaa: <br />
<br />
* Valitse punainen väri<br />
* Liiku 100 pistettä eteenpäin<br />
* Käänny vasemmalle 90 astetta<br />
* Liiku 100 pistettä eteenpäin<br />
<br />
Näiden käskyjen jälkeen kilpikonna piirtäisi suoran punaisen viivan ja kääntyy katsomaan vasemmalle ja etenisi vielä toiset 100 pistettä. Kun tämä samainen käskysarja toistettaisiin ohjelmassa esimerkiksi kaksi kertaa peräkkäin piirtäisi kilpikonna kokonaisen neliön.<br />
<br />
Kilpikonnaan liikuttamalla voidaan matkia useita ohjelmoinnin peruskäsitteitä. Edellinen esimerkki on äärimmäinen yksinkertaistus LOGO-ohjelmasta. Laajimmilaan ohjelmissa voidaan käyttää kaikkia tyypillisimpiä ohjelmoinnin peruskäsitteitä. Näitä ovat esimerkiksi.<br />
<br />
* Muuttujat<br />
* Silmukat<br />
* Ehtolauseet<br />
* Tekstin tulostaminen<br />
<br />
Seuraavaksi tutustutaan itse Konna-ohjelman toimintoihin sekä valmiiden esimerkkiohjelmien avaamiseen.<br />
<br />
== Ohjelman toiminnot ==<br />
[[Kuva:2-konna-ohjelmointi-toiminnot.png|thumb|250px|none]]<br />
<br />
1. ''Koodi-ikkuna - ''Alue johon ohjelmakoodi kirjoitetaan2. ''Alusta - ''Alue jossa kilpikonna liikkuu3. ''Työkalurivi - ''Ohjelman työkalut<br />
<br />
=== Tärkeimmät pikapainikkeet ===<br />
[[Kuva:3-konna-ohjelmointi-pikapainikkeet.png|thumb|250px|none]]<br />
<br />
Järjestyksessä vasemmalta oikealle.<br />
<br />
1. ''Värin valinta - ''Väripaletti2. ''Kokoruututila -'' Ikkuna kokoruudun kokoiseksi3. ''Ohjelman suoritusnopeus - ''Kuinka nopeasti ohjelman rivit suoritetaan4. ''Suorita ohjelma - ''Käynnistä ohjelman suoritus5. ''Keskeytä suoritus - ''Keskeytä ohjelman suoritus6. ''Lopeta suoritus - ''Lopeta ohjelman suoritus<br />
<br />
== Valmiiden esimerkkiohjelmien avaaminen ==<br />
Konna sisältää useita valmiita esimerkkiohjelmia joiden avulla ohjelmointikielen toimintaan voidaan tutustua tai joiden avulla voi saada ideoita omiin ohjelmiin. Esimerkkiohjelman lataaminen tapahtuu seuraavasti.<br />
<br />
* Valitse ''Tiedosto'' > ''Avaa Esimerkkejä...''<br />
<br />
[[Kuva:4-konna-ohjelmointi-valmiit_esim.png|thumb|250px|none]]<br />
<br />
* Valitse avattava ''esimerkkitiedosto''<br />
* Napsauta ''Avaa''-painiketta<br />
<br />
Tämän jälkeen esimerkkiohjelma latautuu Konnaan. Ohjelman koodi tulee tällöin näkyviin ohjelman ''koodi''-ikkunaan. <br />
<br />
[[Kuva:5-konna-ohjelmointi-koodi.png|thumb|250px|none]]<br />
<br />
== Ohjelman suorittaminen ==<br />
Ladattu ohjelma voidaan suorittaa napsauttamalla työkalurivillä olevaa ''Suorita''-painiketta [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Tämän jälkeen kilpikonna lähtee liikkeelle noudattaen rivi riviltä koodi-ikkunassa olevia käskyjä. Ohjelma havainnollistaa tehdyn ohjelman suoritusta korostamalla aina suoritusvuorossa olevaa käskyä.Ohjelman suoritusta on helpompi seurata, kun sen nopeutta hieman lasketaan. Tämä tapahtuu ''Suoritusnopeus''-painikkeella [[Kuva:6-konna-ohjelmointi-suorita.png|thumb|250px|none]]. Ohjelman päättyessä kilpikonna pysähtyy ja ohjelman esimerkiksi muokkaamista voidaan jatkaa.<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30393Linux.fi:Linuxkouluun.fi2010-01-14T14:07:59Z<p>OpinsysASokero: /* Videonkäsittely */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| x [[Animaatioiden teko GCompriksella]]<br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Animaatioiden_teko_GCompriksella&diff=30392Animaatioiden teko GCompriksella2010-01-14T14:07:08Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>GCompris -opetusohjelmakokoelma sisältää monia hauskoja ohjelmia pienemmille lapsille. Tässä artikkelissa tutustutaan animaatioiden tekemiseen GCompriksella.<br />
<br />
== Johdanto ==<br />
GCompris on pienemmille lapsille tarkoitettu opetusohjelmisto jossa on koottuna useita kymmeniä pieniä pelejä ja tehtäviä. GCompris mahdollistaa myös yksinkertaisten animaatioiden tekemisen.<br />
<br />
Tässä ohjeessa tutustutaan GCompriksen animaatio-työkaluun ja sen käyttämiseen.<br />
<br />
== Ohjelman käynnistäminen ==<br />
GComprisilla animaatioiden tekeminen onnistuu käynnistämällä animaatiotyökalun seuraavasti.<br />
<br />
* Käynnistä ''GCompris''<br />
* Valitse "''Siirry viihdykkeisiin''"<br />
* Valitse "''Piirrä kuva tai luo animaatio''"<br />
<br />
Nyt animaatiotyökalu on käynnissä ja animaation tekeminen voidaan aloittaa.<br />
<br />
== Ohjelman toiminnot ==<br />
Seuraavassa on kuvattu ohjelman käyttöliittymän eri osat.<br />
<br />
[[Kuva:1-gcompris-animaatio-perusikkuna.png|thumb|250px|none]]<br />
<br />
# ''Työkalut ''- Piirtämiseen ja muiden lisättävien kohteiden hallintaan sekä animaation toistamiseen liittyvät työkalut<br />
# ''Piirtoalue ''- Alue jolle animaatio luodaan<br />
# ''Väripaletti'' - Väripaletti käytettäville työkaluille<br />
<br />
Animaatio-osion ideana on piirtää saatavilla olevilla työkaluilla piirtoalueelle erilaisia objekteja. Jokainen piirrettävä kohde käyttäytyy jälkeenpäin objektina jota voidaan siirtää, muuttaa sen kokoa tai vaikka poistaa. Ohjelmassa on myös kokoelma erilaisia valmiita kohteita kuten esimerkiksi autoja ja puita, joita voidaan vapaasti sijoitella piirtoalueella ja käyttää animaatiossa.<br />
<br />
== Animaation tekeminen ==<br />
Animaation tekeminen perustuu piirtoalustalle lisättävistä kohteista joiden sijainnista otetaan liikutettaessa aina kuva. Kun otetut kuvat toistetaan nopeasti peräkkäin syntyy vaikutelma liikkuvasta kuvasta.<br />
<br />
=== Valmiin kohteen lisääminen piirtoalustalle ===<br />
* Valitse työkalupalkin vasemmassa alareunassa oleva auton kuva<br />
<br />
[[Kuva:2-gcompris-animaatio-autokuvake.png|thumb|250px|none]]<br />
<br />
* Valitse kategorioista sopiva kohde ja napsauta sitä<br />
<br />
=== Kohteen liikuttaminen ja kuvaaminen ===<br />
Kun kohde on lisätty piirtoalustalle voidaan sitä liikuttaa pieniä matkoja kerrallaan ja ottaa vaiheittain tlanteesta kuva.<br />
<br />
* Sijoita kohde esimerkiksi aivan ruudun vasempaan yläreunaan.<br />
* Napsauta kamera-kuvaketta joka ottaa kyseisestä tilanteesta kuvan<br />
<br />
[[Kuva:3-gcompris-animaatio-kamerakuvake.png|thumb|250px|none]]<br />
<br />
* Siirrä kohdetta esim. hieman oikealle ja napsauta kameran kuvaa uudelleen<br />
<br />
[[Kuva:4-gcompris-animaatio-vaiheidenkuvaus.png|thumb|250px|none]]<br />
<br />
Jatka kohteen liikuttamista niin kauan kunnes animaatio on mielestäsi valmis. Piirtoalustalle voidaan lisätä uusia hahmoja tai kohteita. Työkalupalkin piirtotyökaluilla animaatioille voidaan piirtää esimerkiksi taustamaisemia.<br />
<br />
=== Animaation toistaminen ===<br />
Valmis animaatio voidaan toistaa napsauttamalla klaffitaulu-painiketta.<br />
<br />
[[Kuva:5-gcompris-animaatio-klaffikuvake.png|thumb|250px|none]]<br />
<br />
=== Animaation tallentaminen ja avaaminen ===<br />
Animaatio voidaan tallentaa napsauttamalla tallenna painiketta sekä avata sen oikealla puolella olevaa avaus-painiketta.<br />
<br />
[[Kuva:6-gcompris-animaatio-tallennakuvake.png|thumb|250px|none]]<br />
<br />
<br />
[[Luokka:Oppaat]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Linux.fi:Linuxkouluun.fi&diff=30380Linux.fi:Linuxkouluun.fi2010-01-14T13:46:17Z<p>OpinsysASokero: /* Videonkäsittely */</p>
<hr />
<div>[http://www.linuxkouluun.fi/ Linuxkouluun.fi] on [[Opinsys]]in ylläpitämä opassivusto ensisijaisesti Linuxin ja vapaiden ohjelmistojen oppilaitoskäyttöä varten. Sen ylläpito on päätetty lopettaa ja materiaalit on päätetty siirtää [[Linux.fi]]:hin.<br />
<br />
== Materiaalin siirto-ohje ==<br />
Tämän ohjeen tarkoituksena on selkeyttää ja yhdenmukaistaa linuxkouluun.fi -sivuston materiaalin siirtämistä Linux.fi -wikisivuston alle. Ohjeessa käytetään apuna OpenOffice ohjelmistoa artikkelien muuntamisessa wiki-syntaxiin. Samat muunnokset on mahdollista tehdä myös käsin tai jonkin toisen työkalun avulla, mutta tällä ohjeella niiden pitäisi onnistua helposti hieman kokemattomammaltakin käyttäjältä.<br />
<br />
'''Perusperiaatteet:'''<br />
<br />
* '''Voit siirtää vain artikkeleita joiden lisenssiksi on muunnettu Creative Commons 3.0 - nimi mainittava -lisenssi'''. Artikkelit, joissa on rajoitetumpi lisenssi on katsottu vanhentuneiksi tai huonosti Linux.fi -wikiin sopiviksi. Jos niistä kuitenkin joku mielestäsi kuuluu tänne niin keskustele aiheesta keskustelu-sivulla<br />
* Lue siirrettävä artikkeli oikeasti läpi ja korjaa mahdollisia kirjoitusvirheitä <br />
* Testaa itse, että ohje varmasti toimii ohjelmien nykyversioilla ja päivitä ohjetta ja kuvankaappauksia sen mukaan <br />
* Katso mallia tästä artikkelista [[Ghemicalin lisätoimintoja]]<br />
* Poista ohjeista ylimääräinen lisenssitieto ja osissa artikkeleita olevat "ensiviikolla/seuraava linuxkouluun artikkeli" /tms.-kappaleet. <br />
<br />
<br />
'''1. Artikkelin valinta ja varaaminen'''<br />
<br />
Tämän ohjeen alta löydät ToDo-listan. Valitse siitä vielä siirtämätön artikkeli ja varaa se itsellesi siirtoa varten. Mikäli jokin artikkeli on varattuna epäilyttävän pitkään, tullaan se vapauttamaan, jotta joku muu voi sen siirtää.<br />
<br />
'''2. Artikkelin siirto'''<br />
<br />
# Mene siirrettävään artikkeliin <br />
# Hanki ensin artikkeliin liittyvät kuvat, joko osoitteesta [http://materiaali.linuxkouluun.fi/siirto/ http://materiaali.linuxkouluun.fi/siirto/]. Tuolla ei kuitenkaan kaikki kuvat ole järjestyksessä joten osassa artikkeleista helpointa on tallentaa kuvat yksitellen artikkelin sivulta nettiselaimella. <br />
# '''''Nimeä kuvat kaavalla (!!)''''': ''numero-ohjelma-ohjeenaihe-kuvankaappauksen_aihe.png .''<nowiki> [1-nvu-perusohje-nvu_perusikkuna.png] </nowiki><br />
# Avaa OpenOffice -tekstinkäsittely <br />
#* Kopioi ja liitä siirrettävä artikkeli nettiselaimesta kuvineen OpenOfficeen <br />
#* Siisti tekstiä tässä vaiheessa <br />
#* Valitse Tiedosto > Vie <br />
#** Valitse tiedostomuodoksi ''mediawiki'' <br />
#** Tallenna tiedosto <br />
# Avaa tallennettu mediawiki -tiedosto tekstieditorissa (esim. gedit) <br />
#* <nowiki>Muuta kaikki [[Image:lkjfkljsklj450rt94ut0jertj3094jt.png]] muotoon [[Kuva: |thumb|250px|none]] </nowiki><br />
#* <nowiki>Muuta kaikki ''' -merkinnät muotoon '' </nowiki><br />
# Avaa Linux.fi -wiki <br />
# Luo uusi sivu, jonka nimessä on ohjelman nimi ja aihe jota ohje käsittelee <br />
#* Liitä uudelle sivulle muokattu wiki-teksti <br />
#* Lisää sopivat luokat ja linkit tekstiin (Ainakin Ohje -luokka) <br />
#* Lisää kommentiksi artikkelin alkuperäinen tekijä, ellet se ole sinä itse ja että artikkeli on siirretty Linuxkouluun.fi:stä <br />
# Lataa ohjeeseen liittyvät kuvat yksitellen wikiin, "Tallenna tiedosto" -toiminnolla. Jos sinulla on riittävät oikeudet käytä kuvien massalatausta: [http://linux.fi/wiki/Toiminnot:MultipleUpload massalataus] <br />
#* <nowiki>Lisää kuvat ohjesivulle [[Kuva: |thumb|250px|none]] -merkkauksiin, esim. </nowiki><br />
'''3. Linkitykset'''<br />
# Lisää linkki ohjeeseen wikin linuxkouluun.fi -sivulle ja muille asiaan kuuluville. Hyvästäkään artikkelista ei ole hyötyä jos potentiaaliset lukijat eivät löydä sitä.<br />
<br />
== TODO -lista ==<br />
<br />
=== Kooste-artikkelit ===<br />
<br />
Näistä artikkelista voidaan siirtää myös osittaista tietoa esim. kyseisiä ohjelmia koskeville sivuille. Muista lisätä sivun kommenttiin alkuperäinen kirjoittaja.<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=96&Itemid=11 Maapallon tutkimista] <br />
| <br />
| x - [[Maapallon tutkimista]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=89&Itemid=11 Kuvat koneelle ja arkistoon...] <br />
| Esiteltävät ohjelmat tulisi ajantasaistaa <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=73&Itemid=11 Kemiaa Linuxilla] <br />
| <br />
| x - [[Kemiaohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=57&Itemid=11 Tähtitiedettä työpöydällä] <br />
| Otsikko uusiksi, esim. "työpöytäplanetaariot" <br />
| x - [[Työpöytäplanetaariot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=66&Itemid=11 Ohjelmia animaatioiden tekemiseen] <br />
| Ohjelmien tilanteen tarkistaminen <br />
| x - [[Animaatiot]]<br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=47&Itemid=11 Videon- ja äänenkäsittelyä Linuxilla] <br />
| (tarkista tilanne kdenlive, cinerella)<br />
| x - [[Videon- ja äänenkäsittelyä Linuxilla]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=33&Itemid=11 Nettisivujen tekemistä linuxilla] <br />
| Ohjelmien tilanteen tarkistus (esim. nvu:ta ei enää kehitetä) <br />
| <br />
<br />
|-<br />
| lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=27&Itemid=11 Julkaisuohjelmat] <br />
| Sisältö hyvä tarkistaa ja muotoilla tarvittaessa uusiksi <br />
| x - [[Julkaisuohjelmat]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=21&Itemid=11 Kuvankäsittelyä Linuxilla] <br />
| Ohjelmien tilanteen tarkistus ja artikkelin laajentaminen <br />
| <br />
<br />
|}<br />
<br />
=== Kuvankäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| <br />
| x - [[Inkscapen peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=125&Itemid=4 Inkscape - Kuvan tallentaminen] <br />
| Voidaan yhdistää artikkeliin [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=116&Itemid=4 Inkscape -piirto-ohjelma] <br />
| x<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=92&Itemid=4 Kuvien arkistointia gThumbilla] <br />
| Ajantasaisuus tarkistettava <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=93&Itemid=4 Yksinkertaista valokuvien käsittelyä gThumbilla] <br />
| Voidaan yhdistää artikkelin [Kuvien arkistointia gThumbilla kanssa <br />
| x [[GThumbin peruskäyttö]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=95&Itemid=4 Kuva-arkistointia F-Spotilla] <br />
| Päivitettävä ohjelman uusimman verion mukaiseksi <br />
| x [[F-Spot perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=82&Itemid=4 KolourPaint - yksinkertainen piirto-ohjelma] <br />
| Päivitys KDE4 versioon. <br />
| [[Kolourpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=71&Itemid=4 Tuxpaint - Piirto-ohjelma lapsille] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=74&Itemid=4 Tuxpaintilla tehty kuva tekstinkäsittelyyn] <br />
| Tuxpaint-ohjeiden yhdistäminen <br />
| x [[Tuxpaintin perusohje]]<br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=3&Itemid=4 Kuvankäsittely Gimpillä - Osa 1.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=22&Itemid=4 Kuvankäsittely GIMP:llä - Osa 2.] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|-<br />
| Opinsys - Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=24&Itemid=4 Kuvatiedostomuodon muuttaminen Gimpillä] <br />
| Yhdistettävä yhdeksi Gimp -artikkeliksi <br />
| <br />
<br />
|}<br />
<br />
=== Äänenkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=48&Itemid=5 Audacity - Perustoiminnot ja äänen nauhoittaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi. (tekeillä) <br />
| x -[[Audacity - Perustoiminnot ja äänen nauhoittaminen#Perustoiminnot ja äänen nauhoittaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 Audacity - Ääniraidan ][http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=49&Itemid=5 muokkaaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Ääniraidan muokkaaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=50&Itemid=5 Audacity - Äänen tallentaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänen tallentaminen]]<br />
<br />
|-<br />
| Lahtis<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=51&Itemid=5 Audacity - Äänitiedoston muodon muuttaminen] <br />
| Päivitettävä uusimman Audacityn mukaiseksi. Audacity artikkelit yhdeksi <br />
| x - [[Audacity - Perustoiminnot ja äänen nauhoittaminen#Äänitiedoston muodon muuttaminen]]<br />
<br />
|- <br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Videonkäsittely ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| ASokero<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=52&Itemid=6 Kino - Videon siirtäminen kameralta työasemalle] <br />
| Kino -artikkelien yhdistäminen? <br />
| X<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=54&Itemid=6 Kino - Videon leikkaaminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x - [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=55&Itemid=6 Kino - Tehosteiden lisääminen] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=56&Itemid=6 Kino - Videon tallentaminen tiedostoon] <br />
| Kino -artikkelien yhdistäminen? <br />
| x [[Videoeditointi Kinolla]]<br />
<br />
|-<br />
| Opinsys- Akuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=72&Itemid=6 Animaatioiden tekeminen GCompriksella] <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Internet ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=35&Itemid=9 Sivupohjien tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=36&Itemid=9 Verkkosivuston tekeminen sivupohjasta] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=38&Itemid=9 Verkkosivun julkaiseminen verkossa NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=39&Itemid=9 CSS-tyylisivujen tekeminen NVU:lla] <br />
| Ohjelma nykyään nimeltään kompozer. Muunnettava sen mukaiseksi. <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Toimisto-ohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=84&Itemid=10 OpenOffice - Oman kalenterin tekeminen] <br />
| Esimerkkikalenteri vaatii päivityksen <br />
| <br />
<br />
|-<br />
| HanSki <br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=126&Itemid=8 OpenOffice - Matemaattisen kuvaajan piirtäminen] <br />
| <br />
| 15.9. - [[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=118&Itemid=8 Lehden taittamista Scribuksella - osa 1 sivupohjan tekeminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=119&Itemid=8 Lehden taittamista Scribuksella - osa 2 sisällön lisääminen] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=114&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 1 pohja] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=115&Itemid=8 Esitteen tekeminen Scribus-taitto-ohjelmalla - osa 2 sisältö] <br />
| Ohjeen testaaminen Scribuksen nykyversion avulla ja päivittäminen sen mukaiseksi <br />
| <br />
<br />
|-<br />
| <br />
| <br />
| <br />
| <br />
<br />
|}<br />
<br />
=== Opetusohjelmat ===<br />
<br />
{| class="prettytable" border="1"<br />
| '''Varattu '''<br />
| '''Artikkeli '''<br />
| '''Sisältö vaatii päivityksen '''<br />
| '''Siirto on tehty '''<br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=86&Itemid=10 Kilpikonnagrafiikan ohjelmointia] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=87&Itemid=10 Konna-ohjelmointia käytännössä - osa 1] <br />
| Päivitys KDE4 versioon. Konna artikkelien yhdistäminen. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=88&Itemid=10 Konna-ohjelmointia käytännössä - osa 2] <br />
| Päivitys KDE4 versioo. Konna artikkelien yhdistäminen. <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=99&Itemid=10 Marble - Työpöytämaapallo] <br />
| Päivitys uusimpaan versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=79&Itemid=10 GChemPaint molekyylit Ghemicaliin] <br />
| GChempaint ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=76&Itemid=10 GChemPaint - Orgaanista kemiaa] <br />
| GChempaint ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=75&Itemid=10 Kalzium -jaksollinen järjestelmä] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=65&Itemid=10 Kemiaa ja logiikkaa KAtomicilla] <br />
| Päivitys ohjelman uuden version mukaiseksi <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=62&Itemid=10 Celestia] <br />
| Pikkukuvat jätetty pois<br />
| <br />
<br />
|-<br />
| Opinsys<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=63&Itemid=10 Celestia - Linkkinä universumiin] <br />
| Ei kuvia<br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=61&Itemid=10 Stellarium - Auringonpimennys] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=60&Itemid=10 Stellarium - Työkalu tähtitaivaan tutkimiseen] <br />
| Uudet kuvankaappaukset <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=59&Itemid=10 KStars - Auringonpimennys] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=58&Itemid=10 KStars - Monipuolinen työpöytäplanetaario] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=43&Itemid=10 KmPlot - Ohjelma matemaattisten kuvaajien piirtämiseen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=46&Itemid=10 KmPlot - Matemaattisen syntaksin kirjoittaminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=44&Itemid=10 KmPlot - Kuvaajan tarkastelu sekä integraalien ja derivaattojen piirtäminen] <br />
| Päivitys KDE4 versioon. KmPlot ohjeiden yhdistäminen <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=41&Itemid=10 KBruch - Murtolukujen päässälaskua] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=7&Itemid=10 KWordQuiz - Sanastotestin tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
|-<br />
| Opinsys H_kuvat<br />
| [http://www.linuxkouluun.fi/index.php?option=com_content&task=view&id=6&Itemid=10 KTouch - Konekirjoitusharjoituksen tekeminen] <br />
| Päivitys KDE4 versioon <br />
| <br />
<br />
<br />
|}<br />
<br />
<br />
<br />
Seuraavat artikkelit on siirretty wikiin Linuxkouluun.fistä:<br />
*[[Ghemicalin peruskäyttö]]<br />
*[[Ghemicalin lisätoimintoja]]<br />
*[[Inkscapen peruskäyttö]]<br />
*[[Videon siirtäminen tietokoneelle Kinolla]]<br />
*[[Nettisivun tekeminen NVU:lla]]<br />
*[[Matemaattisen kuvaajan tekeminen Openofficella]]<br />
<br />
[[Luokka:Wiki]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Videoeditointi_Kinolla&diff=30379Videoeditointi Kinolla2010-01-14T13:44:42Z<p>OpinsysASokero: </p>
<hr />
<div>Tässä Kino-videoeditointiohjelmaa käsittelevässä artikkelissa tutustutaan videomateriaalin leikkaamiseen valmiin esimerkkivideon perusteella.<br />
<br />
== Johdanto ==<br />
Tässä opasartikkelissa perehdytään esimerkin avulla videon leikkaamiseen. Oppaan käytäjälle on ladattavissa esimerkkimateriaalia, jolla ohjetta voidaan seurata ja harjoitella Kinon käyttöä sen mukaan. Ohjeen hyödyntämiseksi suositellaan omalle tietokoneelle valmiiksi asennetua Kino-ohjelmaa, yleistä tietokoneen käyttötaitoa sekä tutustumista aiempiin Kinoa käsitteleviin artikkeleihin.<br />
<br />
Ohjeessa käytettävä materiaali on ladattavissa sivun lopussa olevien ohjeiden mukaisesti. <br />
<br />
== Videon leikkaus edit-tilassa ==<br />
=== Toiminnot ===<br />
''Leikkaa''-tila on videoiden leikkamisen päätyökalu. Se koostuu videoruudusta, ikkunan alalaidassa olevasta aikajanasta ja kontrollipainikkeista. Myös ikkunan yläosassa oleva työvälinepalkki aktivoituu siirryttäessä ''leikkaa''-tilaan. Kontrollipainikkeilla muokattavaa videota voidaan katsoa ja kelata. Ikkunan alaosan ''aika''-valitsimesta voidaan vaihtaa näytettävää ajan yksikköä. Oletuksena se näyttää monesko frame eli kuva videosta sillä hetkellä on näkyvissä. Mikäli tämä ei ole oletuksena vaihda aika-valitsimeen yksiköksi ''kuvat''. <br />
<br />
Työvälinepalkin toimintoja voidaan käyttää muokkaamaan aikajanaa. <br />
<br />
[[Kuva:1-kino-leikkaaminen-tyokalut.png|thumb|250px|none]]<br />
<br />
<br />
<br />
''Leikkaa'', ''kopioi'' ja ''liimaa'' toimintoja voidaan käyttää tutulla tavalla leikkaamaan ja liittämään kohtauksia. Oikean puolimmaisia ''Liitä yhteen'' ja ''Jaa kahtia'' -toimintoja käytetään yhdistämään ja leikkaamaan erilleen aikajanalla olevia kohtauksia.<br />
<br />
<br />
{| class="prettytable"<br />
| [[Kuva:2-kino-leikkaaminen-join.png|thumb|250px|none]]<br />
| ''Join''-toimito liittää kaksi kohtausta yhteen<br />
<br />
|-<br />
| [[Kuva:3-kino-leikkaaminen-splitpainike.png|thumb|250px|none]]<br />
| ''Split''-toiminto jakaa yhden kohtauksen kahdeksi<br />
<br />
|}<br />
== Esimerkkimateriaalin avaaminen ==<br />
Seuraavaksi tutustutaan videon leikkaamiseen käytettävissä olevan esimerkkimateriaalin avulla. <br />
<br />
* Siirry ''Leikkaa''-tilaan napsauttamalla ikkunan oikealla puolella olevasta ''Leikkaa''-painikkeesta.<br />
<br />
[[Kuva:4-kino-leikkaaminen-editpainike.png|thumb|250px|none]]<br />
<br />
* Avataan harjoitusvideon tallennustiedosto valitsemalla ''Tiedosto'' > ''Avaa'' ja avaamalla tiedosto ''kino-leikkamaton_esimerkki.smil''.<br />
* Tiedoston avauduttua, ikkunan vasempaan laitaan ilmestyy kuva, jotka esittää videota. Tähän samaan ruutuun ilmestyvät myöhemmin projektin kaikki kohtaukset jotka siihen tullaan leikkaamaan.<br />
<br />
[[Kuva:5-kino-leikkaaminen-ladattutiedosto.png|thumb|250px|none]]<br />
<br />
Yleensä Kino tunnistaa automaattisesti kaikki videossa olevat kohtaukset, kun käsiteltäviä videoita avataan. Esimerkkivideossa tämä on kuitenkin harjoituksen vuoksi estetty. Sama kohtausten jako tulee näkyviin myös kuvan alapuolella olevassa aikajanassa. Ylimmäisenä kohtausruudussa oleva kohtaus näkyy aikajanassa vasemmanpuolimmaisena ja alimmaisena oleva oikeanpuolimmaisena. Videota toistettaessa kohtaukset toistuvat vasemmalta oikealle. <br />
<br />
<br />
<br />
=== Kohtausten erottaminen ===<br />
Seuraavaksi muutamme hieman kohtausten järjestystä leikkamalla videoon kolme kohtausta ''Jaa kahtia''-työkalun avulla.<br />
<br />
Aikajanalla liikutaan tarttumalla hiirellä siinä olevaan nuoleen.<br />
<br />
[[Kuva:6-kino-leikkaaminen-kohtausteneroitus.png|thumb|250px|none]]<br />
<br />
* Siirry aikajanalla kohtaan ''kuva 225'', jossa kuvakulma selvästi vaihtuu<br />
<br />
[[Kuva:7-kino-leikkaaminen-aikajanakohdassa225.png|thumb|250px|none]]<br />
<br />
* Napsauta työkalupalkin ''Jaa kahtia'' -painiketta<br />
<br />
[[Kuva:8-kino-leikkaaminen-splitpainike.png|thumb|250px|none]]<br />
<br />
* Toista sama kohtaan ''kuva 435''<br />
<br />
=== Leikattujen kohtausten järjestäminen ===<br />
Nyt video on leikattu kolmeen eri kohtaukseen. Kohtaukset näkyvät myös vasemmalla olevassa kohtausruudussa. Seuraavaksi muutetaan kohtausten järjestystä.<br />
<br />
* Tartu kohtausruudussa alimmaisena olevaan kuvaan hiiren ykköspainikkeella ja siirrä se pitämällä nappi pohjassa ylimpänä olevan kuvan päälle ja vapauta nappi. Nyt äsken viimeisenä toistettava kohtaus toistetaan ensimmäisenä.<br />
<br />
[[Kuva:9-kino-leikkaaminen-kohtauksensiirto.png|thumb|250px|none]]<br />
<br />
* Siirrä samalla tavalla viimeisenä oleva rotta aiheinen kohtaus keskimmäiseksi.<br />
<br />
[[Kuva:10-kino-leikkaaminen-kohtauksensiirto.png|thumb|250px|none]]<br />
<br />
Omia videoita muokattaesas leikkaaminen kannattaa yleensä aloittaa samalla tavalla järjestämällä kohtaukset haluttuun järjestykseen. Tärkeintä on, että ''Leikkaa''-tilassa saadaan kohtaukset jaoteltua ja asetettua oikeaan järjestykseen koko video matkalta. Vielä ei kannata välittää siitä, jos kohtausten aluissa ja lopuissa on jotain ylimääräistä, koska niiden siistimiseen ja leikkaamiseen kannattaa käyttää Trim-työkalua.<br />
<br />
== Leikkausten tarkentaminen Trimaus-tilassa ==<br />
Seuraavaksi tutustutaan ''Trimmaa''-tilaan, jossa kohtausten välisiä leikkauksia on mahdollista tarkentaa ja siistiä. ''Trimmaus''-tilassa videon aikajana kuvaa alkuperäistä videotiedostoa ja siten siinä olevat kohtaukset ovat nyt eri järjestyksessä ''Leikkaa''-tilaan verrattuna, koska niiden paikkoja siellä vaihdettiin.<br />
<br />
* Siirry ''Trimmaus''-tilaan napsauttamalla oikealla olevaa ''Trimmaa'' -painiketta.<br />
* Napsauttelemalla vasemmalla olevan kohtausruudun kuvia voi aikajanalta huomata missä kohtaus alkuperäisellä videolla sijaitsee.<br />
* Valitse ikkunan vasemmassa laidassa olevan kohtausruudun viimeinen kohtaus pientä lyhentämistä varten.<br />
<br />
Aikajanalla oleva sininen alue kuvaa nyt valittuna olevaa viimeistä kohtausta. <br />
<br />
[[Kuva:11-kino-leikkaaminen-trimtila.png|thumb|250px|none]]<br />
<br />
Sen alussa ja lopussa olevilla pienillä kolmioilla kohtauksen pituutta voidaan muuttaa. Seuraavaksi lyhennetään hieman viimeistä kohtausta sen lopusta.<br />
<br />
* Siirrä hiiren kursori jälkimmäisen kolmion kohdalle ja siirrä sitä esimerkiksi kohtaan ''kuva 160''.<br />
* Vertaa nyt ''Leikkaa''-tilaan ja huomaa, että lopullista videota kuvaava aikajana on nyt lyhentynyt saman verran kuin viimeistä kohtausta ''Trimmaus''-tilassa lyhennettiin.<br />
* Kokeile säätää myös muita kohtauksia ja katso miten ne vaikuttavat lopulliseen videoon. <br />
<br />
''Trimmaus''-tilassa pystyy siis helposti ja tarkasti poistamaan kohtauksista ylimääräisiä kohtia. Jos esimerkiksi jonkin kohtauksen sisällä olisi kohta mikä pitäisi saada leikattua pois, voi kohtauksen ensin leikata ''Leikkaa''-tilassa kahdeksi eri kohtaukseksi ja sitten ''Leikkaa''-tilassa poistaa kohdan jota ei haluta mukaan.<br />
<br />
== Leikkauksen tallentaminen ==<br />
Leikattu video kannattaa tässä vaiheessa tallentaa Kinon omaan tallennusmuotoon valitsemalla ''Tiedosto'' > ''Tallenna nimellä... ''ja syöttämällä tiedostolle nimi. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Seuraavista linkeistä voidaan ladata esimerkissä käytetty video sekä kinon esimerkkitallennustiedostot. Tiedostot tulee ladata ''samaan kansioon'' seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkissä käytetty ''video'' [http://materiaali.linuxkouluun.fi/alkuperainen_video.dv tästä]. Huomaa että tiedosto on kooltaan suuri (n. 80 mt), jolloin sen lataaminen voi kestää yhteysnopeudesta riippuen pitkään. <br />
# Lataa esimerkissä käytetyn ''leikkaustiedoston'' muokkaamaton versio [http://materiaali.linuxkouluun.fi/kino-leikkaamaton_esimerkki.smil tästä]<br />
# Lataa esimerkissä tehtävän ''leikkaustiedoston'' valmis versio [http://materiaali.linuxkouluun.fi/kino-valmis_esimerkki.smil tästä]<br />
<br />
<br />
<br />
== Kinon tehosteet ==<br />
<br />
Seuraavaksi lisätään mallivideoon muutamia siirtymätehosteita leikkausten välilleja lisäksi videon loppuun lyhyt teksti. Ennen tehosteiden lisäämistä tulee ''Leikkaa''-tilassa leikkata kohdat joiden välille tehosteita tullaan lisäämään.<br />
<br />
* Siirry ''Leikkaa''-tilaan.<br />
* Siirrä aikajanan kohdistin ensin kuvaan ''30'' ja napsauta ''Jaa kahtia''-työkalua asettaaksesi leikkaus.<br />
* Tee sama kohtiin ''90'', ''272'' ja ''320''.<br />
<br />
[[Kuva:1-kino-tehosteet-aikajana.png|thumb|250px|none]]<br />
<br />
* Siirry sitten tehosteidentekotilaan napsauttamalla oikealla olevaa Tehosteet-painiketta.<br />
<br />
''Tehosteet''-tilassa videoiden kohtauksiin voidaan lisätä pieniä tehosteita videoon sekä ääniraitaan. Ääniä koskevat tehosteet löytyvät välilehtien ”''Äänisuodin''” ja ”''Äänisiirtymä''” alta. Videoihin liittyvät tehosteet löytyvät taas ”''Videosuodin''” ja ”''Videosiirtymä''” kohtien alta. Siirtymätehosteet ovat kohtausten välille tulevia tehosteita, joilla kuva tai ääni saadaan esimerkiksi kohtauksen vaihtuessa vaihdettua sulavasti toiseen. <br />
<br />
Liikaa tehosteiden käyttöä kannattaa kuitenkin välttää, koska se tekee videosta varsin levottoman ja vie liikaa huomiota. Mallivideossa on esimerkin vuoksi käytetty tarkoituksella liikaa tehosteita, mutta tätä kannattaa omia videoita leikatessa välttää.<br />
<br />
== Siirtymätehosteiden lisääminen ==<br />
Tarkoituksena on ensin lisätä video alkuun tehoste, jossa kuva liukuu mustasta väristä normaaliksi videoksi ja loppuun päinvastoin.<br />
<br />
* Valitse vasemmalla olevasta kohtausruudusta ensimmäinen kohtaus aktiiviseksi.<br />
* Valitse ”''Videosiirtymä''” kohtaan siirtymätehoste ”''Häivytä''”.<br />
* Muuta alapuolelle avautuneesta listasta ''Lopusta alkuun''. Saatat joutua ikkunan koosta riippuen vierittämään ikkunaa alaspäin vierityspalkista saadaksesi tämän näkyviin.<br />
* Valitse samalta riviltä painike jonka vieressä on ''musta väripainike''. Tällä värillä määritetään että mstä väristä kuvaa aletaan tuomaan esille.<br />
<br />
[[Kuva:2-kino-tehosteet-siirtymatehoste.png|thumb|250px|none]]<br />
<br />
* Voit tarkistaa tehosteen toiminnan ''Esikatselu'' -painikkeella, joka näyttää hitaan esikatseluversion tehosteesta.<br />
* Viimeisenä napsauta ''Renderöi-''painiketta jolloin tehoste lisätään kohtaukseen.<br />
<br />
On hyvä muistaa että Kino ei muuta alkuperäistä videota tehosteita lisätessä, vaan automaattisesti luo korvaavan tiedoston, jossa kyseinen kohtaus on tallennettuna tehosteen kanssa.'' Leikkaa''-tilassa voi tarkastella kokonaisuutena miltä tehoste näyttää ja tarvittaessa perua sen lisäys työkalupalkin ''Kumoa'' -painikkeella. Seuraavaksi tehdään sama käänteisenä video loppuun.<br />
<br />
* Tarkista että olet ''Tehosteet''-Tilassa.<br />
* Napsauta viimeinen kohtaus aktiiviseksi.<br />
* Valitse jälleen ”''Videosiirtymä''” kohdasta ”''Häivytä''”.<br />
* Valitse nyt kohta joka viimeksi asetettiin arvoon "Lopusta alkuun" arvoksi ''"Alusta loppuun"''<br />
<br />
[[Kuva:3-kino-tehosteet-haivytys.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Renderöi''-painiketta, jolloin tehoste jälleen lisätään.<br />
<br />
Lisäksi tehdään videon keskelle kaksi siirtymätehostetta.<br />
<br />
* Napsauta ''kolmas'' kohtaus aktiiviseksi.<br />
* Valitse ''Videosiirtymä'' -välilehden alta kohta ''Luminanssipyyhkäisy''<br />
* Aseta valinnat kohtiin kohtaan ''Alusta loppuun ''ja ''Seuraavat kuvat''<br />
<br />
[[Kuva:4-kino-tehosteet-lyminanssipyyhkaisy.png|thumb|250px|none]]<br />
<br />
* Esikatsele tarvittaessa'' Esikatselu-''painikkeella ja tallenna tehoste napsauttamalla ''Renderöi''-painiketta<br />
<br />
Toinen tehoste tehdään seuraavasti.<br />
<br />
* Valitse seuraavaksi ''kuudes'' kohtaus ja lisää tähän ”''Videosiirtymä''” -välilehdeltä siirtymätehoste ”''Pyyhkäisy''”.<br />
* Aseta valinta kohtaan ''Alusta loppuun''<br />
<br />
[[Kuva:5-kino-tehosteet-pushwipe.png|thumb|250px|none]]<br />
<br />
* Napsauta jälleen ''Renderöi''-painiketta tallentaaksesi tehoste.<br />
<br />
Nyt siirtymät on asetettu eri kohtausten välille ja kokonaisuutta voidaan katsella normaalisti ''Leikkaa''-tilassa <br />
<br />
== Tekstien lisääminen ==<br />
Viimeisenä tehosteena tutustutaan tekstin laittamiseen videon päälle. Tarkoituksena on kokeilla lisätä lyhyt teksti videon loppuun. Esivalmisteluna lisäämme videoon vielä yhden leikkauksen loppuun siten, että kun video alkaa lopussa fade -tehosteen takia pimentyä ilmestyy teksti esille.<br />
<br />
* Siirry ''Leikkaa'' -tilaan.<br />
* Lisää ''Jaa kahtia''-työkalulla leikkaus esimerkiksi kuvaan ''348''.<br />
* Siirry ''Tehosteet'' -tilaan.<br />
* Valitse viimeinen kohtaus aktiiviseksi.<br />
* Valitse ''Videosuodin'' -välilehdeltä tehosteeksi ''Tekstittäjä''.<br />
* Kirjoita sopiva teksti. Mallivideossa ''THE END''.<br />
* Valitse sopiva ''fontti'' ja sen ''koko''<br />
<br />
[[Kuva:6-kino-tehosteet-videotitler.png|thumb|250px|none]]<br />
<br />
* Lopuksi napsauta ''Renderöi'' -painiketta.<br />
<br />
Nyt videon loppuun on lisätty teksti. Samalla tavalla mihin tahansa videon kohtaan on mahdollista lisätä tekstiä. Tekstit kannattaa tehdä yleensä leikkauksen lopuksi.<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Seuraavista linkeistä voidaan ladata esimerkissä käytetty video sekä kinon esimerkkitallennustiedostot. Tiedostot tulee ladata ''samaan kansioon'' seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna'' <br />
<br />
=== Ohjeessa tehtymateriaali ===<br />
# Lataa ''lopullinen ''video MPEG-muodossa [http://materiaali.linuxkouluun.fi/kino-valmis_esimerkki.mpg tästä] (video on katsottavissa yleisimmillä videotoisto-ohjelmilla)<br />
<br />
=== Alkuperäinen materiaali ===<br />
# Lataa esimerkissä käytetty ''video'' [http://materiaali.linuxkouluun.fi/alkuperainen_video.dv tästä]. Huomaa että tiedosto on kooltaan suuri (n. 80 mt), jolloin sen lataaminen voi kestää yhteysnopeudesta riippuen pitkään. <br />
# Lataa esimerkissä muokattava ''leikkaustiedosto'' [http://materiaali.linuxkouluun.fi/kino-valmis_esimerkki.smil tästä]<br />
<br />
<br />
== Videon tallentaminen ==<br />
Tässä ohjeessa käydään läpi lyhyesti vaiheet tallennettaessa video DVD-levylle poltettavaan ''mpeg2''-muotoon. Ohjetta voidaan soveltaa leikatun videon tallentamiseen mihin tahansa Kinon tarjoamista videotiedostomuodoista. Ensimmäisenä ennen tallentamista tulee avata Kinoon tallennettavaksi tarkoitettu video. Tämän jälkeen tallentaminen tapahtuu seuraavien vaiheiden mukaisesti.<br />
<br />
* Siirry ''Export''-tilaan valitsemalla ikkunan oikeasta laidasta Export.<br />
<br />
[[Kuva:1-kino-tallennus-exportpainike.png|thumb|250px|none]]<br />
<br />
* Siirry ''MPEG''-välilehdelle<br />
<br />
[[Kuva:2-kino-tallennus-mpegvalilehti.png|thumb|250px|none]]<br />
<br />
* Anna tiedostolle tallenuspolku ja nimi sille varattuun kenttään<br />
<br />
[[Kuva:3-kino-tallennus-tallennuspolku.png|thumb|250px|none]]<br />
<br />
* Valitse tiedostotyypiksi ''DVD''<br />
<br />
[[Kuva:4-kino-tallennus-tallennusmuoto.png|thumb|250px|none]]<br />
<br />
* Ota pois valinta ”''Auto Split Files''”, jolloin video tallentuu yhdeksi tiedostoksi<br />
* Lopuksi napsauta alalaidassa olevaa'' Export''-painiketta, jolloin video tallennetaan valittuun kansiopolkuun<br />
<br />
Videon tallentaminen voi kestää hyvinkin pitkään riippuen työaseman tehokkuudesta ja videon pituudesta. Tallentamiseen kestävä aika näkyy arviona ikkunnan alalaidassa.<br />
<br />
[[Kuva:5-kino-tallennus-tallennuksenkulku.png|thumb|250px|none]]<br />
<br />
Videon tallennuttua sitä voidaan katsoa normaalilla videon toistosovelluksella.<br />
<br />
Videon polttaminen DVD-levylle tapahtuu käytössä olevalla DVD-levyjen kirjoitusohjelmalla. DVD-levyjen tekemistä tullaan mahdollisesti käsittelemään myöhemmin Linuxkouluun.fi -sivuilla.<br />
<br />
<br />
<br />
<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokerohttps://www.linux.fi/w/index.php?title=Videoeditointi_Kinolla&diff=30328Videoeditointi Kinolla2010-01-14T13:42:00Z<p>OpinsysASokero: Siirto linuxkouluun.fi:stä - Antti Sokero</p>
<hr />
<div>Tässä Kino-videoeditointiohjelmaa käsittelevässä artikkelissa tutustutaan videomateriaalin leikkaamiseen valmiin esimerkkivideon perusteella.<br />
<br />
== Johdanto ==<br />
Tässä opasartikkelissa perehdytään esimerkin avulla videon leikkaamiseen. Oppaan käytäjälle on ladattavissa esimerkkimateriaalia, jolla ohjetta voidaan seurata ja harjoitella Kinon käyttöä sen mukaan. Ohjeen hyödyntämiseksi suositellaan omalle tietokoneelle valmiiksi asennetua Kino-ohjelmaa, yleistä tietokoneen käyttötaitoa sekä tutustumista aiempiin Kinoa käsitteleviin artikkeleihin.<br />
<br />
Ohjeessa käytettävä materiaali on ladattavissa sivun lopussa olevien ohjeiden mukaisesti. <br />
<br />
== Videon leikkaus edit-tilassa ==<br />
=== Toiminnot ===<br />
''Leikkaa''-tila on videoiden leikkamisen päätyökalu. Se koostuu videoruudusta, ikkunan alalaidassa olevasta aikajanasta ja kontrollipainikkeista. Myös ikkunan yläosassa oleva työvälinepalkki aktivoituu siirryttäessä ''leikkaa''-tilaan. Kontrollipainikkeilla muokattavaa videota voidaan katsoa ja kelata. Ikkunan alaosan ''aika''-valitsimesta voidaan vaihtaa näytettävää ajan yksikköä. Oletuksena se näyttää monesko frame eli kuva videosta sillä hetkellä on näkyvissä. Mikäli tämä ei ole oletuksena vaihda aika-valitsimeen yksiköksi ''kuvat''. <br />
<br />
Työvälinepalkin toimintoja voidaan käyttää muokkaamaan aikajanaa. <br />
<br />
[[Kuva:1-kino-leikkaaminen-tyokalut.png|thumb|250px|none]]<br />
<br />
<br />
<br />
''Leikkaa'', ''kopioi'' ja ''liimaa'' toimintoja voidaan käyttää tutulla tavalla leikkaamaan ja liittämään kohtauksia. Oikean puolimmaisia ''Liitä yhteen'' ja ''Jaa kahtia'' -toimintoja käytetään yhdistämään ja leikkaamaan erilleen aikajanalla olevia kohtauksia.<br />
<br />
<br />
{| class="prettytable"<br />
| [[Kuva:2-kino-leikkaaminen-join.png|thumb|250px|none]]<br />
| ''Join''-toimito liittää kaksi kohtausta yhteen<br />
<br />
|-<br />
| [[Kuva:3-kino-leikkaaminen-splitpainike.png|thumb|250px|none]]<br />
| ''Split''-toiminto jakaa yhden kohtauksen kahdeksi<br />
<br />
|}<br />
== Esimerkkimateriaalin avaaminen ==<br />
Seuraavaksi tutustutaan videon leikkaamiseen käytettävissä olevan esimerkkimateriaalin avulla. <br />
<br />
* Siirry ''Leikkaa''-tilaan napsauttamalla ikkunan oikealla puolella olevasta ''Leikkaa''-painikkeesta.<br />
<br />
[[Kuva:4-kino-leikkaaminen-editpainike.png|thumb|250px|none]]<br />
<br />
* Avataan harjoitusvideon tallennustiedosto valitsemalla ''Tiedosto'' > ''Avaa'' ja avaamalla tiedosto ''kino-leikkamaton_esimerkki.smil''.<br />
* Tiedoston avauduttua, ikkunan vasempaan laitaan ilmestyy kuva, jotka esittää videota. Tähän samaan ruutuun ilmestyvät myöhemmin projektin kaikki kohtaukset jotka siihen tullaan leikkaamaan.<br />
<br />
[[Kuva:5-kino-leikkaaminen-ladattutiedosto.png|thumb|250px|none]]<br />
<br />
Yleensä Kino tunnistaa automaattisesti kaikki videossa olevat kohtaukset, kun käsiteltäviä videoita avataan. Esimerkkivideossa tämä on kuitenkin harjoituksen vuoksi estetty. Sama kohtausten jako tulee näkyviin myös kuvan alapuolella olevassa aikajanassa. Ylimmäisenä kohtausruudussa oleva kohtaus näkyy aikajanassa vasemmanpuolimmaisena ja alimmaisena oleva oikeanpuolimmaisena. Videota toistettaessa kohtaukset toistuvat vasemmalta oikealle. <br />
<br />
<br />
<br />
=== Kohtausten erottaminen ===<br />
Seuraavaksi muutamme hieman kohtausten järjestystä leikkamalla videoon kolme kohtausta ''Jaa kahtia''-työkalun avulla.<br />
<br />
Aikajanalla liikutaan tarttumalla hiirellä siinä olevaan nuoleen.<br />
<br />
[[Kuva:6-kino-leikkaaminen-kohtausteneroitus.png|thumb|250px|none]]<br />
<br />
* Siirry aikajanalla kohtaan ''kuva 225'', jossa kuvakulma selvästi vaihtuu<br />
<br />
[[Kuva:7-kino-leikkaaminen-aikajanakohdassa225.png|thumb|250px|none]]<br />
<br />
* Napsauta työkalupalkin ''Jaa kahtia'' -painiketta<br />
<br />
[[Kuva:8-kino-leikkaaminen-splitpainike.png|thumb|250px|none]]<br />
<br />
* Toista sama kohtaan ''kuva 435''<br />
<br />
=== Leikattujen kohtausten järjestäminen ===<br />
Nyt video on leikattu kolmeen eri kohtaukseen. Kohtaukset näkyvät myös vasemmalla olevassa kohtausruudussa. Seuraavaksi muutetaan kohtausten järjestystä.<br />
<br />
* Tartu kohtausruudussa alimmaisena olevaan kuvaan hiiren ykköspainikkeella ja siirrä se pitämällä nappi pohjassa ylimpänä olevan kuvan päälle ja vapauta nappi. Nyt äsken viimeisenä toistettava kohtaus toistetaan ensimmäisenä.<br />
<br />
[[Kuva:9-kino-leikkaaminen-kohtauksensiirto.png|thumb|250px|none]]<br />
<br />
* Siirrä samalla tavalla viimeisenä oleva rotta aiheinen kohtaus keskimmäiseksi.<br />
<br />
[[Kuva:10-kino-leikkaaminen-kohtauksensiirto.png|thumb|250px|none]]<br />
<br />
Omia videoita muokattaesas leikkaaminen kannattaa yleensä aloittaa samalla tavalla järjestämällä kohtaukset haluttuun järjestykseen. Tärkeintä on, että ''Leikkaa''-tilassa saadaan kohtaukset jaoteltua ja asetettua oikeaan järjestykseen koko video matkalta. Vielä ei kannata välittää siitä, jos kohtausten aluissa ja lopuissa on jotain ylimääräistä, koska niiden siistimiseen ja leikkaamiseen kannattaa käyttää Trim-työkalua.<br />
<br />
== Leikkausten tarkentaminen Trimaus-tilassa ==<br />
Seuraavaksi tutustutaan ''Trimmaa''-tilaan, jossa kohtausten välisiä leikkauksia on mahdollista tarkentaa ja siistiä. ''Trimmaus''-tilassa videon aikajana kuvaa alkuperäistä videotiedostoa ja siten siinä olevat kohtaukset ovat nyt eri järjestyksessä ''Leikkaa''-tilaan verrattuna, koska niiden paikkoja siellä vaihdettiin.<br />
<br />
* Siirry ''Trimmaus''-tilaan napsauttamalla oikealla olevaa ''Trimmaa'' -painiketta.<br />
* Napsauttelemalla vasemmalla olevan kohtausruudun kuvia voi aikajanalta huomata missä kohtaus alkuperäisellä videolla sijaitsee.<br />
* Valitse ikkunan vasemmassa laidassa olevan kohtausruudun viimeinen kohtaus pientä lyhentämistä varten.<br />
<br />
Aikajanalla oleva sininen alue kuvaa nyt valittuna olevaa viimeistä kohtausta. <br />
<br />
[[Kuva:11-kino-leikkaaminen-trimtila.png|thumb|250px|none]]<br />
<br />
Sen alussa ja lopussa olevilla pienillä kolmioilla kohtauksen pituutta voidaan muuttaa. Seuraavaksi lyhennetään hieman viimeistä kohtausta sen lopusta.<br />
<br />
* Siirrä hiiren kursori jälkimmäisen kolmion kohdalle ja siirrä sitä esimerkiksi kohtaan ''kuva 160''.<br />
* Vertaa nyt ''Leikkaa''-tilaan ja huomaa, että lopullista videota kuvaava aikajana on nyt lyhentynyt saman verran kuin viimeistä kohtausta ''Trimmaus''-tilassa lyhennettiin.<br />
* Kokeile säätää myös muita kohtauksia ja katso miten ne vaikuttavat lopulliseen videoon. <br />
<br />
''Trimmaus''-tilassa pystyy siis helposti ja tarkasti poistamaan kohtauksista ylimääräisiä kohtia. Jos esimerkiksi jonkin kohtauksen sisällä olisi kohta mikä pitäisi saada leikattua pois, voi kohtauksen ensin leikata ''Leikkaa''-tilassa kahdeksi eri kohtaukseksi ja sitten ''Leikkaa''-tilassa poistaa kohdan jota ei haluta mukaan.<br />
<br />
== Leikkauksen tallentaminen ==<br />
Leikattu video kannattaa tässä vaiheessa tallentaa Kinon omaan tallennusmuotoon valitsemalla ''Tiedosto'' > ''Tallenna nimellä... ''ja syöttämällä tiedostolle nimi. <br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Seuraavista linkeistä voidaan ladata esimerkissä käytetty video sekä kinon esimerkkitallennustiedostot. Tiedostot tulee ladata ''samaan kansioon'' seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna''<br />
<br />
# Lataa esimerkissä käytetty ''video'' [http://materiaali.linuxkouluun.fi/alkuperainen_video.dv tästä]. Huomaa että tiedosto on kooltaan suuri (n. 80 mt), jolloin sen lataaminen voi kestää yhteysnopeudesta riippuen pitkään. <br />
# Lataa esimerkissä käytetyn ''leikkaustiedoston'' muokkaamaton versio [http://materiaali.linuxkouluun.fi/kino-leikkaamaton_esimerkki.smil tästä]<br />
# Lataa esimerkissä tehtävän ''leikkaustiedoston'' valmis versio [http://materiaali.linuxkouluun.fi/kino-valmis_esimerkki.smil tästä]<br />
<br />
<br />
<br />
== Kinon tehosteet ==<br />
<br />
Seuraavaksi lisätään mallivideoon muutamia siirtymätehosteita leikkausten välilleja lisäksi videon loppuun lyhyt teksti. Ennen tehosteiden lisäämistä tulee ''Leikkaa''-tilassa leikkata kohdat joiden välille tehosteita tullaan lisäämään.<br />
<br />
* Siirry ''Leikkaa''-tilaan.<br />
* Siirrä aikajanan kohdistin ensin kuvaan ''30'' ja napsauta ''Jaa kahtia''-työkalua asettaaksesi leikkaus.<br />
* Tee sama kohtiin ''90'', ''272'' ja ''320''.<br />
<br />
[[Kuva:1-kino-tehosteet-aikajana.png|thumb|250px|none]]<br />
<br />
* Siirry sitten tehosteidentekotilaan napsauttamalla oikealla olevaa Tehosteet-painiketta.<br />
<br />
''Tehosteet''-tilassa videoiden kohtauksiin voidaan lisätä pieniä tehosteita videoon sekä ääniraitaan. Ääniä koskevat tehosteet löytyvät välilehtien ”''Äänisuodin''” ja ”''Äänisiirtymä''” alta. Videoihin liittyvät tehosteet löytyvät taas ”''Videosuodin''” ja ”''Videosiirtymä''” kohtien alta. Siirtymätehosteet ovat kohtausten välille tulevia tehosteita, joilla kuva tai ääni saadaan esimerkiksi kohtauksen vaihtuessa vaihdettua sulavasti toiseen. <br />
<br />
Liikaa tehosteiden käyttöä kannattaa kuitenkin välttää, koska se tekee videosta varsin levottoman ja vie liikaa huomiota. Mallivideossa on esimerkin vuoksi käytetty tarkoituksella liikaa tehosteita, mutta tätä kannattaa omia videoita leikatessa välttää.<br />
<br />
== Siirtymätehosteiden lisääminen ==<br />
Tarkoituksena on ensin lisätä video alkuun tehoste, jossa kuva liukuu mustasta väristä normaaliksi videoksi ja loppuun päinvastoin.<br />
<br />
* Valitse vasemmalla olevasta kohtausruudusta ensimmäinen kohtaus aktiiviseksi.<br />
* Valitse ”''Videosiirtymä''” kohtaan siirtymätehoste ”''Häivytä''”.<br />
* Muuta alapuolelle avautuneesta listasta ''Lopusta alkuun''. Saatat joutua ikkunan koosta riippuen vierittämään ikkunaa alaspäin vierityspalkista saadaksesi tämän näkyviin.<br />
* Valitse samalta riviltä painike jonka vieressä on ''musta väripainike''. Tällä värillä määritetään että mstä väristä kuvaa aletaan tuomaan esille.<br />
<br />
[[Kuva:2-kino-tehosteet-siirtymatehoste.png|thumb|250px|none]]<br />
<br />
* Voit tarkistaa tehosteen toiminnan ''Esikatselu'' -painikkeella, joka näyttää hitaan esikatseluversion tehosteesta.<br />
* Viimeisenä napsauta ''Renderöi-''painiketta jolloin tehoste lisätään kohtaukseen.<br />
<br />
On hyvä muistaa että Kino ei muuta alkuperäistä videota tehosteita lisätessä, vaan automaattisesti luo korvaavan tiedoston, jossa kyseinen kohtaus on tallennettuna tehosteen kanssa.'' Leikkaa''-tilassa voi tarkastella kokonaisuutena miltä tehoste näyttää ja tarvittaessa perua sen lisäys työkalupalkin ''Kumoa'' -painikkeella. Seuraavaksi tehdään sama käänteisenä video loppuun.<br />
<br />
* Tarkista että olet ''Tehosteet''-Tilassa.<br />
* Napsauta viimeinen kohtaus aktiiviseksi.<br />
* Valitse jälleen ”''Videosiirtymä''” kohdasta ”''Häivytä''”.<br />
* Valitse nyt kohta joka viimeksi asetettiin arvoon "Lopusta alkuun" arvoksi ''"Alusta loppuun"''<br />
<br />
[[Kuva:3-kino-tehosteet-haivytys.png|thumb|250px|none]]<br />
<br />
* Napsauta ''Renderöi''-painiketta, jolloin tehoste jälleen lisätään.<br />
<br />
Lisäksi tehdään videon keskelle kaksi siirtymätehostetta.<br />
<br />
* Napsauta ''kolmas'' kohtaus aktiiviseksi.<br />
* Valitse ''Videosiirtymä'' -välilehden alta kohta ''Luminanssipyyhkäisy''<br />
* Aseta valinnat kohtiin kohtaan ''Alusta loppuun ''ja ''Seuraavat kuvat''<br />
<br />
[[Kuva:4-kino-tehosteet-lyminanssipyyhkaisy.png|thumb|250px|none]]<br />
<br />
* Esikatsele tarvittaessa'' Esikatselu-''painikkeella ja tallenna tehoste napsauttamalla ''Renderöi''-painiketta<br />
<br />
Toinen tehoste tehdään seuraavasti.<br />
<br />
* Valitse seuraavaksi ''kuudes'' kohtaus ja lisää tähän ”''Videosiirtymä''” -välilehdeltä siirtymätehoste ”''Pyyhkäisy''”.<br />
* Aseta valinta kohtaan ''Alusta loppuun''<br />
<br />
[[Kuva:5-kino-tehosteet-pushwipe.png|thumb|250px|none]]<br />
<br />
* Napsauta jälleen ''Renderöi''-painiketta tallentaaksesi tehoste.<br />
<br />
Nyt siirtymät on asetettu eri kohtausten välille ja kokonaisuutta voidaan katsella normaalisti ''Leikkaa''-tilassa <br />
<br />
== Tekstien lisääminen ==<br />
Viimeisenä tehosteena tutustutaan tekstin laittamiseen videon päälle. Tarkoituksena on kokeilla lisätä lyhyt teksti videon loppuun. Esivalmisteluna lisäämme videoon vielä yhden leikkauksen loppuun siten, että kun video alkaa lopussa fade -tehosteen takia pimentyä ilmestyy teksti esille.<br />
<br />
* Siirry ''Leikkaa'' -tilaan.<br />
* Lisää ''Jaa kahtia''-työkalulla leikkaus esimerkiksi kuvaan ''348''.<br />
* Siirry ''Tehosteet'' -tilaan.<br />
* Valitse viimeinen kohtaus aktiiviseksi.<br />
* Valitse ''Videosuodin'' -välilehdeltä tehosteeksi ''Tekstittäjä''.<br />
* Kirjoita sopiva teksti. Mallivideossa ''THE END''.<br />
* Valitse sopiva ''fontti'' ja sen ''koko''<br />
<br />
[[Kuva:6-kino-tehosteet-videotitler.png|thumb|250px|none]]<br />
<br />
* Lopuksi napsauta ''Renderöi'' -painiketta.<br />
<br />
Nyt videon loppuun on lisätty teksti. Samalla tavalla mihin tahansa videon kohtaan on mahdollista lisätä tekstiä. Tekstit kannattaa tehdä yleensä leikkauksen lopuksi.<br />
<br />
== Esimerkkimateriaalin lataaminen ==<br />
Seuraavista linkeistä voidaan ladata esimerkissä käytetty video sekä kinon esimerkkitallennustiedostot. Tiedostot tulee ladata ''samaan kansioon'' seuraavien vaiheiden mukaisesti. <br />
<br />
* Napsauta alhaalla olevaa tiedostolinkkiä hiiren kakkospainikkeella (yleensä oikeapainike)<br />
* Valitse avautuneesta valikosta "''Tallenna kohde levylle''"<br />
* Valitse hakemisto mihin tiedosto tallennetaan<br />
* Napsauta ''Tallenna'' <br />
<br />
=== Ohjeessa tehtymateriaali ===<br />
# Lataa ''lopullinen ''video MPEG-muodossa [http://materiaali.linuxkouluun.fi/kino-valmis_esimerkki.mpg tästä] (video on katsottavissa yleisimmillä videotoisto-ohjelmilla)<br />
<br />
=== Alkuperäinen materiaali ===<br />
# Lataa esimerkissä käytetty ''video'' [http://materiaali.linuxkouluun.fi/alkuperainen_video.dv tästä]. Huomaa että tiedosto on kooltaan suuri (n. 80 mt), jolloin sen lataaminen voi kestää yhteysnopeudesta riippuen pitkään. <br />
# Lataa esimerkissä muokattava ''leikkaustiedosto'' [http://materiaali.linuxkouluun.fi/kino-valmis_esimerkki.smil tästä]<br />
<br />
<br />
[[Luokka:Ohjeet]]</div>OpinsysASokero