Sivueditorin käyttöohje

Sivueditorin käyttöohje Voit tehdä tyylikkäät nettisivut yrityksellesi sivueditorilla. Sivueditorin avulla on helppoa päivittää ja ylläpitää sivuja silloin, kun sinulle parhaiten sopii. Aloittaaksesi tarvitset vain tietokoneen ja Internet yhteyden. Tarkempia neuvoja ja ohjeita voit kysyä tarvittaessa NettiTieto Oy:stä Puhelimitse: 0200 19111 Sähköpostitse: apua@nettitieto.fi

SIVUEDITORIN TYÖKALURVIN PAINIKKEIDEN KÄYTTÖOHJE Yllä näet sivueditorin työkalurivin. Osa työkaluista on vielä vaaleanharmaana, eikä niitä voi käyttää, mutta kun kirjoitat editorin alla olevaan sivutilaan tekstiä (alla), harmaana olevat työkalut tulevat aktiiviseksi.

TYÖKALURIVI: KOODI, LIHAVOI, KURSIVOI, ALLEVIIVAA, YLIVIIVAA Näyttää editorilla luodun sivun html-koodina. Lihavoi kirjoitettavan tekstin, jos sitä napsautetaan ennen kirjoittamista. Jos haluat jälkikäteen lihavoida tekstiä tai osan tekstistä, maalaa haluttu teksti aktiiviseksi ja napsauta sen jälkeen lihavointia. Kursivoi tekstin, eli tekee siitä oikealle päin kallistunutta Alleviivaa tekstin. Yliviivaa kirjoitetun tekstin.

TYÖKALURIVI: TEKSTIN VÄRI JA TEKSTIN TAUSTAN VÄRI 2. Tekstin värin (1) tai tekstin taustan värin (2) voit valita napsauttamalla vieressä olevaa pientä mustaa kolmiota. Väri-painiketta on napsautettava ennen värillisen tekstin kirjoittamista tai vaihtoehtoisesti maalattava teksti aktiiviseksi jälkikäteen ja sen jälkeen napsauttaa haluttua väriä.

TYÖKALURIVI: TEKSTIN JA TAUSTAN VÄRI 3. Automaattinen (3) palauttaa tekstin normaaliksi. 4. 5. Lisää värejä.. -painiketta (4) napsauttamalla aukeaa lisävalikko (5), josta voit valita lisää värejä. Värin valinta tapahtuu liikuttamalla hiirtä paletin päällä ja napsauttamalla haluttua väriä.

TYÖKALURIVI: LEIKKAA JA KOPIOI Leikkaa on aktiivisena, kun olet maalannut tekstiä. Tekstin maalaaminen tehdään menemällä maalattavan sanan päälle, ja vetämällä sanan päällä hiiren vasen painike pohjassa siten, että sanan tausta muuttuu siniseksi. Leikkaa -toiminto leikkaa sen mikä on valittuna eli poistaa valitun kohdan. Kopioi on myös silloin aktiivisena, kun olet maalannut tekstiä, eli valinnut aktiiviseksi halutun tekstin. Se ei poista alkuperäistä tekstiä vaan kopioi sen. Saat myös Leikkaa ja Kopioi -toiminnot esille napsauttamalla maalatun sanan päällä hiiren oikealla painikkeella, jolloin avautuu valikko, josta voit valita haluamasi toiminnon.

TYÖKALURIVI: LIITTÄMISEN ERI VAIHTOEHDOT SEKÄ INDEKSIT Liitä - toiminnon eri vaihtoehdot tulevat aktiiviseksi siinä vaiheessa, kun on leikattu tai kopioitu jokin sana tai lause. Toiminnolla voit liittää leikatun tai kopioidun sanan toiseen kohtaan. Valitse kohta, viemällä hiiren kursori haluttuun kohtaan, ja napsauta Liitä - painiketta. Leikattu tai kopioitu teksti siirtyy tai kopioituu valintasi mukaan. Liitä tekstinä -painike liittää kopioidun tai leikatun tekstin ilman muotoiluja. Liitä Wordistä painiketta käytät, kun haluat tuoda tekstiä Word dokumentistä ja poistaa siitä muotoilut. Painiketta napsautettaessa avautuu ikkuna (1), johon tuotu teksti voidaan liittää ja poistaa muotoilut siitä. Alaindeksi -painikkeella lisäät alaindeksin, kun napsautat painiketta ennen alaindekseksi tulevaa numeroa tai kirjainta. Yläindeksi -painikkeella lisäät yläindeksin, kun napsautat painiketta ennen yläindekseksi tulevaa numeroa tai kirjainta.

TYÖKALURIVI: TEKSTIN SIJOITTELU SEKÄ NUMEROINTI JA LUETTELOINTI Sijoittaa ja tasaa tekstin sivun vasempaan reunaan. Keskittää tekstin sivulla. Sijoittaa ja tasaa tekstin sivun oikeaan reunaan. Numerointi. Maalaa haluttu lista ja napsauta numerointia. Numeroinnin saat pois myös samalla painikkeella. Luettelomerkit. Toimii samoin kuin numerointi. Tasaa tekstin molemmilta reunoilta.

TYÖKALURIVI: ETSI Napsauttamalla Etsi-painiketta (1), avautuu Etsi-www-valintaikkuna, jonne voit kirjoittaa etsittävän sanan tai osan siitä (2). Etsi-toiminto etsii tekstistä halutun sanan tai osan sanasta. 2.

TYÖKALURIVI: KORVAA Korvaa toiminnon (1) avulla, korvaat etsittävän sanan toisella sanalla. 2. Korvaa työkalua napsautettaessa aukeaa Korvaa www-valintaikkuna, johon kirjoitat korvattavan sanan ja sanan jolla korvataan (2).

TYÖKALURIVI: TYHJENNÄ, ESIKATSELE, KUMOA JA TOISTA 3. 2. Tyhjennä toiminto (1) tyhjentää kaiken, mitä sivuilla on. Jos vahingossa tyhjennät sivun, voit palauttaa kaiken takaisin napsauttamalla heti perään Kumoa painiketta (2). 4. Esikatselu -toiminnolla (3) voit katsella miltä sivu näyttää selaimessa. Näkyviin tulee vain itse tuottamasi sisältö. Sivupohja, jolla tuottamasi sisältö on, ei näy tätä kautta katsottuna. Jos haluat nähdä tuottamasi sisällön ulkoasupohjalla, sinun on tallennettava muutokset, jonka jälkeen voit katsoa editorin yläpuolella olevasta Katso sisältö -linkistä (4). 5. Toista -toiminto (5) palauttaa edellisen poiston takaisin.

TYÖKALURIVI: SISENNYS, VALITSE KAIKKI SEKÄ POISTA MUOTOILUT Pienennä sisennystä toiminto (1) pienentää tekstin sisennystä. 2. Suurenna sisennystä toiminto (2) sisentää tekstiä aina vähän kerrallaan niin monta kertaa kuin sitä painetaan. 3. Valitse kaikki toiminto (3) valitsee kaiken tekstin sivulta. Tämän toiminnan avulla voit kätevästi esimerkiksi muuttaa koko sivun tekstin tyylin kerralla. Sama toiminnon voit toteuttaa myös pikanäppäin yhdistelmällä Ctrl + A. 4. Poista muotoilut -toiminto (4) poistaa muotoilut tekstistä. Teksti on kuitenkin ensin oltava valittuna, ennen kuin tätä toimintoa voi käyttää. Tekstin voit valita joko käyttämällä Valitse kaikki -toimintoa, jolloin kaikki teksti tulee valituksi tai maalaamalla haluttu osa tekstistä.

TYÖKALURIVI: LINKIN LISÄÄMINEN 2. Linkin teon aloitat valitsemalla aktiiviseksi kuva tai teksti (1), josta haluat tehdä linkin. Tällöin Lisää linkki / muokkaa linkkiä -toiminto (2) muuttuu aktiiviseksi. Kun napsautat Lisää linkki / muokkaa linkkiä toimintoa, avautuu Linkki-www-valintaikkuna. 3. Tarkista, että Linkin tiedot -välilehti on päällimmäisenä. Linkki -tyypiksi (3) voit valita osoite, ankkuri tässä sivussa tai sähköposti. Valitse tyypiksi Osoite, kun linkki vie jollekin www -sivustolle.

TYÖKALURIVI: LINKIN LISÄÄMINEN 4. 5. Protokolla -kohdasta (4) voit valita http - protokollan sijasta tarvittaessa myös toisen protokollan. Osoite kohtaan (5) kirjoita osoite, johon haluat linkin vievän, esimerkiksi www.nettitieto.fi

TYÖKALURIVI: LINKIN LISÄÄMINEN Kohde-välilehdeltä voit valita miten linkki aukeaa selaimessa. Jos valitset kohteeksi Uusi ikkuna(_blank), linkki avautuu uuteen ikkunaan. Kun linkin asetukset ovat valmiita, napsauta OK.

TYÖKALURIVI: SÄHKÖPOSTILINKIN LISÄÄMINEN Sähköposti linkin teet samoin kuin tavallinen linkin, valitse linkiksi haluttu teksti tai kuva aktiiviseksi, ja napsauta Lisää linkki / muokkaa linkkiä -painiketta (1). 3. 4. 5. 2. Linkkityypiksi (2) valitse sähköposti. Sähköpostiosoite -kenttään (3) kirjoita sähköpostiosoite täydellisenä, esimerkiksi apua@nettitieto.fi Aihe kenttään (4) voit halutessasi kirjoittaa viestin aiheen. Viesti kohtaan (5) voit kirjoittaa viestiä valmiiksi. Aihe ja teksti kohdat voit myös jättää täyttämättä. Kun kentät ovat valmiit, napsauta OK. Sähköpostiosoite -linkki on valmis.

TYÖKALURIVI: POISTA LINKKI JA ANKKURI Poista linkki painike (1) purkaa tehdyn linkin. Maalaa ensin linkki (2) napsauttamalla hiiren vasen painike pohjaan ja vetämällä sanan päällä hiiren vasen painike pohjassa siten, että sanan tausta muuttuu siniseksi, jonka jälkeen napsautat Poista linkki -painiketta. 2. 3. Lisää ankkuri - toiminnon (3) avulla voit merkitä sivulta kohdan, johon voit tehdä myöhemmin linkin.

TYÖKALURIVI: KUVAN SIIRTÄMINEN PALVELIMELLE Kotisivuille voit lisätä vain Internet-tasoisia kuvia. Suosituskoko sivuille liitettäville kuville on max. 30 Kt/kuva. Kotisivuille et saa tallentaa painotasoisia kuvia tai perustaa ns. kuva-arkistoa (painotasoisista kuvista). Yhdelle sivulle ei kannata liittää kovin montaa kuvaa, koska sivun latautuminen hidastuu. 2. Vie hiiren kursori työskentelyalueelle kohtaan, johon haluat siirtää kuvan. Valitse työkaluriviltä Lisää kuva/muokkaa kuvaa toiminto (1). Siirryt Lisää kuva Web valintaikkunaan. Valitse Kuvan tiedot välilehti ja napsauta Selaa palvelinta painiketta (2).

TYÖKALURIVI: KUVAN SIIRTÄMINEN PALVELIMELLE Eteesi aukeaa Resurssiselain. 3. Valitse kansio (3), johon haluat siirtää kuvan omalta koneeltasi. Voit myös luoda uuden kansion napsauttamalla Luo uusi kansio painiketta (4). Kirjoita kansion nimi ja napsauta OK. Napsauta Selaa painiketta (5). 4. 8. 5. 9. Selaa painikkeen avulla pääset etsimään tietokoneeltasi kuvan, jonka haluat siirtää palvelimelle. Kun olet löytänyt kuvan, valitse se aktiiviseksi (tiedät, että kuva on aktiivisena, kun kuvan nimi ilmestyy Tiedoston nimi kenttään) (6). Napsauta Avaa- painiketta (7). 6. 7. Lisää tiedosto tähän kansion kohtaan ilmestyy polku, josta kuva löytyy (8). Napsauta Lähetä painiketta (9). Kuva on siirretty palvelimelle ja se voidaan seuraavaksi siirtää sivulle.

TYÖKALURIVI: KUVAN MUOKKAAMINEN 10. Palvelimella on nyt kuva (10), jota olet siirtämässä sivuille. Napsauttamalla kuvaa siirryt takaisin Kuvan ominaisuudet ikkunaan (11). 1 Sieltä näet Esikatselu ikkunasta (12), miten kuva asettuu sivulle tekstiin nähden. Jos kuvan kohdistus ei miellytä, voit vaihtaa kuvan paikkaa Kohdistus -alasvetovalikon valinnoista. 12. Voit myös määritellä kuvan kokoa, rajan, vaakatila/pystytila väliä kuvalle ja tekstille sekä kuvan kohdistusta sivulla. Napsauta OK.

TYÖKALURIVI: KUVAN MUOKKAAMINEN Ennen kun siirrät kuvan sivulle, voit halutessasi muokata sitä. Valitse työkaluriviltä kuvake Lisää kuva/muokkaa kuvaa (1). Siirryt Lisää kuva Web valintaikkunaan. Valitse Kuvan tiedot välilehti ja napsauta Selaa palvelinta painiketta. Resurssiselaimessa valitse muokattavan kuvan alla oikealla oleva Muokkaa toimintapainike (2). 2. Muokkaa-painikkeen kautta avautuu ikkuna, jossa voit muun muassa rajata kuvaa, muuttaa kuvan kokoa ja kääntää kuvaa.

KUVAN RAJAAMINEN Valitse Rajaa työkalu (1). Vedä hiirellä kuvaan alue, jonka haluat jäävän näkyviin. Hyväksy muutokset Ok-painikkeella (2). Tallenna muutokset Tallenna-painikkeella (3). Kuva tallennetaan uudella nimellä (4). Hyväksy tallennus Ok-painikkeella (5). 2. 3. 4. 5.

KUVAN KOON MUUTTAMINEN Valitse Muuta kokoa työkalu (1). Muuta kuva haluttuun kokoon (2). Hyväksy muutokset Ok-painikkeella (3). Tallenna muutokset Tallenna-painikkeella (4). Kuva tallennetaan uudella nimellä (5). Hyväksy tallennus Ok-painikkeella (6). 2. 3. 5. 6. 4.

TYÖKALURIVI: TAULU -TYÖKALU Taulukon avulla on sivuille helpompi sijoitella kuvia ja tekstiä. Uuden taulun tekemisen aloitat napsauttamalla Lisää taulu / muokkaa taulua -painiketta (1). Esiin tulee Taulun ominaisuudet www-valintaikkuna (2). 3. 4. 2. Rivit -kohdassa (3) voit määritellä kuinka monta riviä haluat taulukkoon ja sarakkeet kohdassa kuinka monta saraketta. Rajan paksuus (4) määrittää taulukon rajojen paksuuden. Jos valitset arvoksi 0, taulukon reunat eivät näy selaimessa.

TAULUN OMINAISUUDET 2. 3. 4. Kohdistus -kohdassa (1) voit määritellä mihin kohtaan taulukko asettuu sivulle. Jos valitset kohdistukseksi keskelle, taulukko asettuu sivun keskelle. Otsikko -kohdassa (2) voit kirjoittaa taulukolle otsikon. Otsikko sijoittuu taulukon yläpuolelle, keskelle taulukkoa. Leveys -kohdasta voit valita taulukon leveyden joko prosentteina tai pikseleinä. Korkeus määritellään pikseleinä (3). Solujen väli (4) määrittää kuinka suuri välimatka on soluilla toisistaan, kun taas solujen sisennys määrittää tekstin sijoittumisen soluun. Mitä suurempi on solujen sisennyksen luku, sen isommaksi kasvaa solussa olevan tekstin välimatka solun reunoihin.

TYÖKALURIVI: MURTOVIIVA, ERIKOISMERKKI, FLASH JA TIETOJA EDITORISTA Lisää murtoviiva painike (1) tekee koko sivun poikki menevän murtoviivan. 2. Kun napsautat Lisää erikoismerkki -painiketta (2), avautuu valintaikkuna (3), josta voit valita haluamasi erikoismerkin liikkumalla merkkien päällä ja napsauttamalla kerran haluttua merkkiä. 3. Lisää/muokkaa flashia painikkeella (4) voit lisätä flash-tiedoston sivulle Ohjeet - painikkeesta saat tietoja editorista ja selaimesta (5) 4. 5.

TYÖKALURIVI: MUOTOILU, FONTTI, TYYLI JA KOKO Näistä kohdista voit valita, minkä tyyppistä tekstiä haluat sivuille lisätä. Muista maalata ensin muotoiltava teksti. Muotoilu valikosta (1) voit valita erilaisia muotoiluja Fontti -valikosta (2) voit valita erilaisia kirjasinmalleja. Tyyli -valikosta (3) voit valita tekstille erilaisia tyylejä. Koko -valikosta (4) voit määritellä tekstin koon. 2. 3. 4.

Lisätietoja NettiTieto Oy NTG Finland Microkatu 1, PL 1199 70211 Kuopio Puhelimitse: +358 (0)200 19111 Sähköpostitse: apua@nettitieto.fi