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

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.

SIVUEDITORIN TYÖKALURVIN PAINIKKEIDEN KÄYTTÖOHJE

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.

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 VÄRI JA TEKSTIN TAUSTAN VÄRI

2.

1.

“Automaattinen” (3) palauttaa tekstin normaaliksi.

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: TEKSTIN JA TAUSTAN VÄRI

5.

3.

4.

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: LEIKKAA JA KOPIOI

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.

TYÖKALURIVI: LIITTÄMISEN ERI VAIHTOEHDOT SEKÄ INDEKSIT

Alaindeksi -painikkeella lisäät alaindeksin, kun napsautat painiketta ennenalaindekseksi tulevaa numeroa tai kirjainta.

Yläindeksi -painikkeella lisäät yläindeksin, kun napsautat painiketta ennenyläindekseksi tulevaa numeroa tai kirjainta.

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ä.

1.

Sijoittaa ja tasaa tekstin sivun vasempaan reunaan.

Keskittää tekstin sivulla.

Sijoittaa ja tasaa tekstin sivun oikeaan reunaan.

Tasaa tekstin molemmilta reunoilta.

Numerointi. Maalaa haluttu lista ja napsauta numerointia. Numeroinnin saat pois myös samalla painikkeella.

Luettelomerkit. Toimii samoin kuin numerointi.

TYÖKALURIVI: TEKSTIN SIJOITTELU SEKÄ NUMEROINTI JA LUETTELOINTI

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.

TYÖKALURIVI: ETSI

1.

2.

Korvaa –toiminnon (1) avulla, korvaat etsittävän sanan toisella sanalla.

Korvaa –työkalua napsautettaessa aukeaa Korvaa –www-valintaikkuna, johon kirjoitat korvattavan sanan ja sanan jolla korvataan (2).

TYÖKALURIVI: KORVAA

1.

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).

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).

Toista -toiminto (5) palauttaa edellisen poiston takaisin.

TYÖKALURIVI: TYHJENNÄ, ESIKATSELE, KUMOA JA TOISTA

3. 2.1.

4.

5.

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.

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: SISENNYS, VALITSE KAIKKI SEKÄ POISTA MUOTOILUT

Pienennä sisennystä –toiminto (1) pienentää tekstin sisennystä.

Suurenna sisennystä –toiminto (2) sisentää tekstiä aina vähän kerrallaan niin monta kertaa kuin sitä painetaan.

3.

4.

1. 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.

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

1.2.

3.

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

4.5.

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: LINKIN LISÄÄMINEN

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.

Sähköposti –linkin teet samoin kuin tavallinen linkin, valitse linkiksi haluttu teksti tai kuva aktiiviseksi, ja napsauta Lisää linkki / muokkaa linkkiä -painiketta (1).

Linkkityypiksi (2) valitse sähköposti.

TYÖKALURIVI: SÄHKÖPOSTILINKIN LISÄÄMINEN

1.

2.

3.

4.

5.

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.

Lisää ankkuri - toiminnon (3) avulla voit merkitäsivulta kohdan, johon voit tehdä myöhemmin linkin.

TYÖKALURIVI: POISTA LINKKI JA ANKKURI

1.

2.

3.

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.

TYÖKALURIVI: KUVAN SIIRTÄMINEN PALVELIMELLE

1.

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).

Eteesi aukeaa Resurssiselain.

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).

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).

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 SIIRTÄMINEN PALVELIMELLE

4.

3.

5.

6. 7.

8. 9.

Palvelimella on nyt kuva (10), jota olet siirtämässä sivuille. Napsauttamalla kuvaa siirryt takaisin Kuvan ominaisuudet –ikkunaan (11).

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.

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

10.

11.

12.

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).

Muokkaa-painikkeen kautta avautuu ikkuna, jossa voit muun muassa rajata kuvaa, muuttaa kuvan kokoa ja kääntää kuvaa.

Ennen kun siirrät kuvan sivulle, voit halutessasi muokata sitä.

TYÖKALURIVI: KUVAN MUOKKAAMINEN1.

2.

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).

KUVAN RAJAAMINEN

1.

2.

4.

3.

5.

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).

KUVAN KOON MUUTTAMINEN

1.

4.

2. 3.

5. 6.

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).

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.

TYÖKALURIVI: TAULU -TYÖKALU

1.

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.

TAULUN OMINAISUUDET

1. 2.

3.

4.

Lisää murtoviiva –painike (1) tekee koko sivun poikki menevän murtoviivan.

Kun napsautat Lisää erikoismerkki -painiketta (2), avautuu valintaikkuna (3), josta voit valita haluamasi erikoismerkin liikkumalla merkkien päällä ja napsauttamalla kerran haluttua merkkiä.

Ohjeet - painikkeesta saat tietoja editorista ja selaimesta (5)

TYÖKALURIVI: MURTOVIIVA, ERIKOISMERKKI, FLASH JA TIETOJA EDITORISTA

Lisää/muokkaa flashia –painikkeella (4) voit lisätä flash-tiedostonsivulle

1.

2.

3.

4. 5.

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.

Näistä kohdista voit valita, minkä tyyppistä tekstiä haluat sivuille lisätä. Muista maalata ensin muotoiltava teksti.

TYÖKALURIVI: MUOTOILU, FONTTI, TYYLI JA KOKO

1. 2. 3. 4.

Lisätietoja

NettiTieto Oy – NTG Finland

Microkatu 1, PL 119970211 Kuopio

Puhelimitse: +358 (0)200 19111Sähköpostitse: apua@nettitieto.fi