UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com
Sisällys Editorin käyttöohje... 1 Editorin kuvakelista... 1 Tekstin lihavoiminen, kursivointi, alleviivaus ja yliviivaus... 5 Tekstin tasaus... 6 Tekstin sisentäminen... 7 Listan luominen... 8 Tekstin tyylin muokkaaminen... 9 Kirjanmerkin lisääminen (sivun sisäinen linkki)... 10 Sisällön tuominen muista ohjelmista... 11 Taulukot... 11 Kuvan lisääminen... 12 Uuden kuvan lataaminen... 13 Kuvan muokkaaminen... 17 Linkkien tekeminen editorissa... 18
1 Editorin kuvakelista (Sisältää täyden listan editorin kuvakkeista. Kaikkia kuvakkeita ei välttämättä löydy jokaiselta käyttäjältä.): Kuvake Selitys "Tallenna". Tallentaa editorin sisällön. "Täysi näyttö". Painettaessa editori siirtyy koko näytön tilaan ja koko näytön tilassa ollessa takaisin normaaliin tilaan. "Esikatsele". "Tulosta". "Etsi". Etsii editorin sisällöstä haluttua tekstipätkää. "Oikeinkirjoituksen tarkistus". "Tyyli ja Muotoilu". Tämä kuvake avaa valikon, joka sisältää: "Tekstin muotoilu" "Kappaleen muotoilu" "Listan muotoilu" "Laatikon muotoilu" "Muokattu Css" "Tekstin muotoilu". Avaa ikkunan, jossa voi muokata tekstin tyyliä. (esim. fontti, koko, tehosteet) "Kappaleen muotoilu". Avaa ikkunan, jossa voi muokata kappaleen tyyliä. (esim. keskitys, sanaväli, riviväli)
2 "Listan muotoilu". Avaa ikkunan, jossa voi muokata listan tyyliä. (esim. sisennys, numeroitu vai pallukat) "Kehysten muotoilu". Avaa ikkunan, jossa voi muokata kehysten tyyliä. (esim. paksuus) "Muokattu Css". Avaa ikkunan, jossa voi määrittää tietyn CSS-tyylin käytettäväksi. "Leikkaa". Leikkaa valitun materiaalin pois editorista ja siirtää sen leikepöydälle. "Kopioi". Kopioi valitun materiaalin leikepöydälle. "Liitä". Liittää leikepöydältä materiaalin editoriin. "Liitä Wordistä". "Liitä teksti". "Kumoa". "Tee uudestaan". "Tekstin väri". Muokkaa tekstin väriä. "Tekstin taustaväri". Muokkaa tekstin taustaväriä. "Kirjanmerkki". "Hyperlinkki". Lisää linkin valittuun tekstiin. (Linkkinä toimii maalattu teksti. Linkin lähde, kohde ja otsikko täytetään valikkoon)
3 "Kuvan lisäys". Avaa kuvanlisäysikkunan. "Taulukko". Vasemman puoleinen kuvake mahdollistaa taulukon luonnin. Oikeanpuoleinen mahdollistaa valitun taulukon muokkaamisen. "Suuntaviiva". "Todellinen". Mahdollistaa kuvan todellisen paikan määrittämisen. (Siirtää kuvan tekstin päälle) "Erikoismerkit". Avaa valikon josta voi valita erikoismerkkejä. "Vaakaviiva". Lisää vaakaviivan. "Lomake". "Poista muotoilu". Poistaa valitusta tekstistä siihen asetetun tyylin ja palauttaa oletustyylin. "Lähdekoodin editointi". Avaa ikkunan, jossa voi muokata sivun lähdekoodia HTML-muodossa. "Tyhjennä kaikki". Tyhjentää kaiken editorin sisällön. "Tyylin valinta". Avaa editorin oikeaan reunaan listan käytettävistä tyyleistä. "Kappaleen tyyli". Avaa pudotusvalikon, josta voi valita käytettävän tyylin. "Fontti". Avaa pudotusvalikon, josta voi valita käytettävän fontin. "Fonttikoko". Avaa pudotusvalikon, josta voi valita fonttikoon. "Lihavoitu". "Kursivoitu". "Alleviivattu". "Yliviivattu". "Yläindeksi". "Alaindeksi". "Tasaa vasemmat reunat". "Keskitä ". "Tasaa oikeat reunat". "Tasaa molemmat reunat".
4 "Numerointi". Muodostaa numeroidun listan. "Pallura". Muodostaa pallura-listan. "Suurenna sisennystä". Sisentää tekstiä. "Pienennä sisennystä". Vähentää sisennetyn tekstin sisennystä. "Vasemmalta oikealle". "Oikealta vasemmalle". "Numerointi". Luo numeroidun listan "Luettelomerkit". Luo listan käyttäen luettelomerkkejä (palluroita)
5 Tekstin lihavoiminen, kursivointi, alleviivaus ja yliviivaus Tekstin lihavointi toteutetaan maalaamalla haluttu tekstiosio ja sen jälkeen painamalla Lihavoitu -ikonia alla olevan kuvan mukaisesti. Kursivointi, alleviivaus ja yliviivaus toteutetaan täysin samalla tavalla käyttäen, ja ikoneita. Kuva 1
6 Tekstin tasaus Editorilla on mahdollista tasata teksti vasempaan reunaan, oikeaan reunaan ja keskittää teksti. Teksti on oletuksena tasattu vasempaan reunaan. Muuttaaksesi tasauksen oikeaan reunaan, maalaa teksti ja paina Tasaa oikeat reunat -ikonia alla olevan kuvan mukaisesti. Tekstin keskitys toteutetaan samalla tavalla käyttäen ikonia. Kuva 2
7 Tekstin sisentäminen Tekstin sisennys toteutetaan maalaamalla haluttu tekstiosio ja painamalla Suurenna sisennystä -ikonia alla olevan kuvan mukaisesti. Sisennyksen määrää vähennetään toimimalla samalla tavalla käyttäen ikonia. Kuva 3
8 Listan luominen Listoja on kahdenlaisia, numeroituja sekä luettelomerkein eroteltuja. Numeroitu lista luodaan painamalla Numerointi -ikonia. Seuraava numero listaan saadaan aikaiseksi painamalla Enter-nappia. Luettelomerkeillä eroteltu lista luodaan samalla tavalla käyttäen Luettelomerkit -ikonia. Lista voidaan myöskin luoda jo valmiista tekstistä maalaamalla sen ja tämän jälkeen painamalla listan luomiseen käytettävää ikonia. Jos lista luodaa tällä tavalla, lista muodostaa uuden kohdan jokaisen rivinvaihdon kohdalta (paikoista joissa on painettu Enter-nappia). Kuva 4
9 Tekstin tyylin muokkaaminen Tekstin tyyliä voidaan muokata maalaamalla muokattavaksi tarkoitetun tekstiosion ja painamalla Kappaleen Tyyli -ikonia ja valitsemalla aukeavasta pudotusvalikosta halutun tyylin. Otsikko 1- Otsikko 6 tyylit vastaavat H1-H6 otsikkotyylejä, jotka on määritelty julkaisun tyylisivuilla. Tästä johtuen teksti tulee näkymään julkaistuna erilaisena kuin editorin esikatselussa. Kuva 5
10 Kirjanmerkin lisääminen (sivun sisäinen linkki) Editorilla on mahdollista lisätä kirjanmerkkejä eri kohtiin editorin sisältöä. Kirjanmerkit ovat ikäänkuin piilossa olevia ankkureita, joihin voi viitata linkillä. Kirjanmerkit eivät siis näy julkaisussa, mutta löytyvät taustalla olevasta koodista. Luomalla linkin joka viittaa kirjanmerkkiin saadaan aikaiseksi linkki, joka siirtää lukijan siihen kohtaan tekstiä missä kyseinen kirjanerkki sijaitsee. Kirjanmerkki luodaan menemällä tekstissä siihen kohtaan kohtaan mihin kirjanmerkki halutaan (muista asettaa kursori haluttuun paikkaan, pelkkä rullaus oikeaan kohtaan ei riitä). Tämän jälkeen painetaan Kirjanmerkki -ikonia jossa kirjanmerkille annetaan ainoastaa nimi.. Tämä avaa ikkunan, Kuva 6 Kun kirjanmerkki on luotu, voidaan luoda siihen viittaava linkki maalaamalla linkiksi haluttu tekstiosa ja painamalla Hyperlinkki -ikonia. Tämä avaa hyperlinkki-ikkunan, jossa voidaan luoda linkkejä. Linkki kirjanmerkkiin luodaan valitsemalla Kirjanmerkki Lähteen sijasta. Pudotusvalikosta pystytään valitsemaan se kirjanmerkki, johon linkin halutaan viittaavan. Tämän jälkeen painetaan Liitä -nappia vahvistukseksi. (Viittaus kirjanmerkkiin ei toimi jos kirjanmerkin jälkeen ei ole mitään materiaalia) Kuva 7
11 Sisällön tuominen muista ohjelmista Sisällön liittämiseen on editorissa 3 eri tapaa toimia. Kun haluat tuoda editoriin muualta kopioitua materiaalia, paina Liitä -ikonia kolme tapaa liittää materiaalia. Liitä tekstiä. Tämä avaa pudotusvalikon, joka sisältää liittää kopioidun materiaalin pelkkänä tekstinä, poistaen kaikki tyylit ja muotoilut. Liitä Wordistä liittää kopioidun materiaalin säilyttäen perusmuotoilut (lihavoitu, alleviivattu, kursivoitu etc). Liitä Wordistä poistaa kopioidusta tekstistä muut tyylit, kuten otsikkotyylit, värit ja fonttikoot. Kun haluat tuoda materiaalia Wordistä, käytä aina Liitä Wordistä -toimintoa säilyttääksesi Wordissä luodun tekstin rakenteen. Taulukot Kun haluat luoda uuden taulukon, paina Lisää taulukko -ikonia. Tämä avaa pudotusvalikon, josta pystyy valitsemaan taulukon koon (rivien ja sarakkeiden määrän). Valitsemalla pudotusvalikon alareunasta Edistynyt taulukon lisäys aukeaa monipuolisempi taulukon lisäys ikkuna. Tässä Liitä taulukko ikkunassa on mahdollista määrittää luotavan taulukon koko, solujen väli, kehysten paksuus (jos haluaa käyttää kehyksiä) sekä muita tarkempia ominaisuuksia. Kun taulukko on luotu, näkyy sen tyhjät solut editorissa. Näihin soluihin on nyt mahdollista lisätä sisältöä. Taulukkoa on mahdollista muokata luonnin jälkeen haluamaansa muotoon. Kun taulukko on valittuna, aktivoituu Muokkaa taulukkoa/solua -ikoni. Ikoni avaa pudotusvalikon, jossa on muokkausvaihtoehdot Koko, Muokkaa taulukkoa ja Muokkaa solua. Valitsemalla Koko pääset lisäämään, poistamaan ja yhdistämään soluja. Valitsemalla Muokkaa taulukkoa pääset muokkaamaan taulukon ominaisuuksia. Tämä avaa uuden ikkunan jossa pääset muokkaamaan taulukkoa. Sovitus välilehti (valitsemaan taulukon koon joko automaattiseksi tai tarkasti tiettyyn kokoon), ominaisuudet välilehti mahdollistaa taulukon ulkonäön muokkaamisen (kehys, marginaalit, tausta etc), tyyli välilehti mahdollistaa CSS-tyylin kirjoittamisen taulukolle. Valitsemalla Muokkaa solua pääset saman tyyliseen ikkunaan, kuin Muokkaa taulukkoa, josta on mahdollista muokata yksittäisten solujen tyyliä.
12 Kuvan lisääminen Voit lisätä tekstiin kuvia yläreunan valikon Lisää kuva napista (kuva 8). Vie kursori tekstiin kohtaan johon kuva lisätään ennen kuin painat Lisää kuva nappia. Kuva 8 Avautuvassa näkymässä (kuva 9) näkyy uusimmat kuvapankiin ladatut kuvat. Klikkaamalla kuvaa lisätään kuva kursorin osoittamaan kohtaan tekstissä. Huom! Kursorilla tarkoitetaan editorissa vilkkuva viivaa, joka osoittaa mihin kohtaan tekstiä ollaan kirjoittamassa. Kuva 9
13 Uuden kuvan lataaminen Mikäli haluamaasi kuvaa ei ole vielä ladattu kuvapankkiin, voit ladata uuden kuvan/kuvia Lataa uusi kuva linkistä. Kuva 10 Valitse kuvalle luokka ja paina Seuraava vaihe nappia (kuva 11). Kuva 11
14 Aloita kuvan/kuvien lataaminen Selaa napista (kuva 12). Kuva 12 Etsi haluamasi kuva/kuvat tietokoneelta avautuvan resurssienhallinta -ikkunan avulla ja paina Avaa/Open nappia (kuva 13). Huomaa että voit valita useita kuvia ladattavaksi kerrallaan pitämällä näppäimistön Ctrl napin pohjassa ja klikkaamalla yksitellen kuvia jotka halutat ladata. Kuva 13
15 Valittuasi kuvat paina ikkunan alareunassa olevaa Lataa kuvat nappia (kuva 14). Kuva 14 Voit halutessasi rajata lataamasi kuvan maalaamalla alueen kuvasta hiirellä. Maalaminen tapahtuu pitämällä hiiren vasenta nappia alhaalla ja liikuttamalla hiirtä kuvasta rajattavan alueen päältä. Kun alue on valittu, vapauta hiiren nappi. Tämän jälkeen rajattua aluetta voi vielä muuttaa ottamalla hiirellä kiinni rajatun alueen ympärillä olevista neliöistä. Kuva 15
Anna kuvalle kuvaava nimi ja halutessasi kuvateksti. Valitse kuvan tyypiksi Uutiskirje ja paina Rajaa kuva nappia (kuva 16). Mikäli et rajannut kuvaa, paina Ei rajausta, jatka eteenpäin nappia. 16 Kuva 16 Lisäämäsi kuva näkyy nyt ensimmäisenä kuvalistassa. Voit lisätä kuvan uutiskirjeeseen klikkaamalla kuvaa (kuva 17). Kuva 17
17 Kuvan muokkaaminen Muokataksesi uutiskirjeeseen lisättyä kuvaa, valitse kuva klikkaamalla sitä hiirellä ja paina tämän jälkeen editorin Muokkaa kuvaa nappia (kuva 18). Kuva 18 Voit muuttaa kuvan kehyksiä, kohdistusta ja kokoa (leveys ja korkeus pikseleinä). Marginaali määrittää kuvan ympärille jäävän tyhjän tilan leveyttä (kuva 19). Kuva 19
18 Linkkien tekeminen editorissa Voit tehdä linkkejä editorissa kirjoittamalla suoraan linkin osoitteen, eli esim. www.golfpiste.com. Mikäli haluat jonkin kohdan tekstistä olevan linkki, valitse linkiksi haluamasi teksti (tai kuva) ja paina Hyperlinkki nappia (kuva 20) Kuva 20 Kopioi linkin osoite suoraan kuvan 21 osoittamaan kenttään. Muita asetuksia ei tarvitse muuttaa. Paina Liitä nappia. Kuva 21 Nyt valitsemasi teksti on linkki haluamaasi osoitteeseen. Tallenna -napista lopetat osion muokkauksen ja lisäämäsi sisältö tallentuu uutiskirjeeseen.