Päivitetty 6.3.2011

Sisällysluettelo:

Kirjautuminen
Aloitusnäkymä
Sivun muokkausnäkymä ja sen toiminnot

Kirjautuminen

Pääset sisäänkirjautumiseen osoitteesta http://raketa.fi/edit.php ja kirjaudu sisään tunnuksillasi. Mikäli kirjoitat tunnukset väärin siirryt enlanninkieliselle sivulle, mihin voit syöttää tiedot uudestaan tai tilata uuden salasanan kohdasta "forget your password" tai kirjoittamalla Kaille info@raketa.fi tai 040 775 3747.

Huomaa, että mikäli kirjaudut sisään, mutta et tee sivustolla toimenpiteitä n. 15 minuuttiin, niin järjestelmä kirjaa sinut ulos ja voit pahimmassa tapauksessa menettää tekemäsi muutokset. Mikäli päivitys keskeytyy, niin kannattaa käyttää "Tallenna luonnos" toimintoa, joka löytyy Sivuston toiminnot -valikosta, jolloin pääset muokkaamaan sivua uudelleen siitä mihin jäit, mutta kuitenkaan et tarvite julkaista keskeneräistä sivua.

Raketa.fi -sivuston alareunassa olevan Kai Metsävainio -nimen E-kirjainta klikkaamalla pääsee myös editointikirjautumiseen.

Talleta osoite selaimesi suosikkeihin.

Aloitusnäkymä

Päänäkymä

Päivityssivusto koostuu yläreunan palkista ja sen alla olevasta alueesta. Yläreunan palkissa ovat "Sivuston toiminnot" ja oma nimesi, jonka alta voi kirjautua ulos tai vaihtaa esim. salasanasi. Sivuston toiminnot valikon alta löytyvät samat sisällöt kuin aloitusnäkymäsivuston keskeltäkin.

Muokkaa sivua

Täältä siirryt kotisivusi etusivulle, jota pääset muokkaamaan. Voit siirtyä haluamallesi sivulle siltä löytyvien linkkien kautta.

Avaa sivustokartta

Avaa sivustokartan, josta pääset siirtymään suoraan haluamasi sivun muokkaukseen. Sivustokartan voi avata myös milloin tahansa oikean reunan palkista (harmaa kahva), jolloin pääset nopeasti haluamallesi sivulle.

Hallinnoi kuvia

Avaa sivun, jonka avulla voit siirtää omalta koneeltasi palvelimelle kuvia joita haluat käyttää sivustolla. Kuvat on hyvä käsitellä oikeaan kokoon ennen siirtoa kuvankäsittelyohjelmalla (esim. ilmaisella Google Picasalla, jolla voit pienentää ja leikata kuvia oikeisiin mittoihin ennen siirtoa palvelimelle).

Pikalinkit

Pikalinkit listaan ilmestyy viimeksi päivitettyjä sivuja, joista pääset myös nopeasti haluamallesi sivulle.

Sivun muokkausnäkymä ja sen toiminnot

Sivunäkymä

Kun olet valinnut muokattavan sivun ilmestyy se näyttöön kuten se normaalisti näkyy. Myös yläreunaan ilmestyy uusi tykalurivi, josta löytyvät seuraavat valikot:

Sivusto toimenpiteet

Julkaise

Kun olet tehnyt sivustoon tarvittavat muokkaukset tulee sivu aina julkaista palvelimelle "Julkaise" toiminnolla, muuten muutokset eivät tule näkyviin. Mikäli olet poistumassa sivulta ennen julkaisua saat myös englanninkielisen varoituksen ja vahvistuspyynnön asiasta. Mikäli tuolloin vastaat Yes, poistut sivulta ja menetät tekemäsi muutokset.

Tallenna luonnos

Kun olet tehnyt muokkauksia, mutta et ole saanut muutoksia loppuun ja sinun pitää keskeyttää työ voit tallentaa sivun luonnoksena ja jatkaa muokkausta myöhemmin. Valitse tuolloin "tallenna luonnos" Sivuston toimenpiteet-valikosta, niin et menetä jo tehtyä työtä eikä sinun tarvitse julkaista keskeneräistä sivua.

SEO

SEO-toiminnolla voit määrittää sivulle avainsanoja, joista jotkin hakukoneet ovat kiinnostuneita. Kyseinen toiminto on aina sivukohtainen, eli jokaiselle sivulle voidaan määritellä omat avainsanat ja ne tulee olla sellaisia avainsanoja, jotka esiintyvät myös kyseisen sivun tekstissä. Erota sanat pilkulla ja käytä maksimissaan n. 15 sanaa per sivu. Mikäli sivustolla kerrot tuotteista voi käyttää avainsanoina esim. sivuilla mainittuja tuoteryhmiä ja valmistajia jne.

Kuvaus-kenttään voit kirjoittaa lyhyen kuvauksen sivun aiheesta. Lyhyt ja ytimekäs, älä kopioi tähän sivun sisältöä vaan tiivistä se pariin lauseeseen.

Sivusto työkalut

Valikon alta voit palata aiempaan versioon sivusta.

Edit-kuplat

Edit-kuplat näyttävät alueet joita voit päivittää ja kun siirrät hiiren Edit-kuplan päälle korostaa alueen joka kyseisestä kuplasta on muokattavissa. Klikkaamalla Edit-kuplaa avautuu tekstinmuokkausikkuna. Edit voi olla myös kuvan päällä, jolloin avautuu suoraan kuvavalikko.

Toistettavat kentät kupla (repeat)

Mikäli sivustolle on määritelty toistettavia kenttiä (usein uutiset, ajankohtaiset ja tarjoukset) on se kätevä tapa päivittää usein vaihtuvaa sisältöä. Toistokupla ilmestyy kun siirryt toistettavan alueen päälle (hiiri ei saa olla tuolloin Edit-nappulan päällä). Toistettava alue voi koostua merkinnästä joka sisältää pelkästä tekstikentän tai esim. kahdesta kentästä, joista toinen on merkinnän otsikko ja erillisestä sisältökentästä. Alla näkyvässä kuvassa on toisettavassa kentässä otsikko ja sisältökenttä. Toistettavien kenttien käytöstä voi lukea ohjeita täältä...

Tekstin muokkaus

Klikkaa haluamaasi Edit-kuplaa avataksesi muokkausnäkymän.

Sisällön muokkaus toimii kuten tekstinkäsittelyohjelmat. Kentän yläreunassa on toimintanäppäimiä, joilla voit muokata tekstin ominaisuuksia. Painikkeiden nimen näet viemällä hiiren painikkeen päälle hetkeksi, jolloin painikkeen nimi ilmestyy näkyviin. Seuraavana yleisimmät toiminnot ja niiden käyttö.

Älä käytä rivinvaihtuessa tavutusta -merkillä, koska nettisivu rivittää sanat automaattisesti kokonaisina.

Peru

Toimintanappuloissa löytyy Peru-nappula, joka peruu tehdyn toimenpiteen/toimenpiteitä. Mikäli teet virheen voit käyttää toimintoa peruaksesti edellisen toiminnon. Voit käyttää perumiseen myös näppäimiä CTRL + Z. Mikäli olet täydellisesti sekoittanut sivun sisällön, etkä saa sitä millään korjattua voit aina sulkea sivun kokonaan ja aloittaa alusta. Poistuessasi ennen julkaisua selain varoittaa (englanniksi) että haluatko varmasti poistua tallentamatta muutoksia. Vastaa tuolloin vain Kyllä ja mitään vahinkoa ei ole tapahtunut. Mikäli olet julkaissut virheellisesti sivun voit historiatiedoista ottaa sivun edellisen version käyttöön.

Muotoilu-alasvetovalikko

Tämä on ehkä tärkein toiminto muokkausnäkymässä. Muotoilu vaikuttaa otsikoiden ja perussisällön tekstityyliin. Kun klikkaat hiiren erityyppiseen tekstiin (esim. otsikkoon tai perustekstiin näkyy valitun kohdan muotoilutyyli aina alasvetovalikon rivillä. Muotoilu-valinta vaikuttaa aina siihen kappaleeseen missä kohdistin vilkkuu tai maalattuun tekstiin (kokonaisina kappaleina).

Huom! Kun kirjoitat tekstiä, on hyvä kirjoittaa teksti ensin kokonaan ja sen jälkeen tehdä muotoilut otsikoille. Eli erota otsikot tekstistä omille riveilleen Enteriä painaen. Kun teksti on valmis, klikkaa kohdistin otsikon kohdalle ja valitse Muotoilu-valikosta haluttu otsikkotyyppi sen mukaan minkä tasoinen otsikko on kyseessä.

Perustekstin tyyli on aina Kappale

Sivustolla oleva perusteksti on aina muotoilua "Kappale". Mikäli kappaleet muuttuvat esim. otsikon näköiseksi maalaa kappale ja valitse alasvetovalikosta "Kappale".

Otsikko-tyylit

Yleensä sivun ylin "nimiotsikko" on tyyliä "Otsikko 1" ja itse sisältötekstin otsikot ovat "Otsikko 2" -muotoa ja "Otsikko 3" jne. Useimmilla käyttäjillä on yleensä vain sivun nimen jälkeen on tarvetta vain yhdentyyppiselle alaotsikolle, eli Otsikko 2 muodolle. Otsikko tulee erottaa kappaleista tekemällä Enterillä tyhjän rivinvaihdon.

Otsikkorakenteen esimerkki

Sivun nimi (Otsikko 1)

Ensimmäinen tarina (Otsikko 2)

Ensimmäisen tarinan alaotsikko (Otsikko 3)

Ensimmäisen tarinan toinen alaotsikko (Otsikko 3)

Toinen tarina (Otsikko 2)

Toisen tarinan ensimmäinen alaotsikko (Otsikko 3)

Toisen tarinan alaotsikon alaotsikko (Otsikko 4)

Toisen tarinan toinen alaotsikko (Otsikko 3)

Järjestelemätön lista

Lista-painikkeella teet luettelolistoja (kirjoita ensimmäinen sana ja paina pallukkapainiksetta, enterillä saat uuden pallukkarivin). Kun olet kirjoittanut viimeisen luettelokohdan paina enter ja klikkaa luettelo pois päältä luettelopainikkeesta tai paina kaksi kertaa enter:

Ensimmäinen
Toinen
Kolmas

Huom! Vältä käyttämästä luetteloa ranskalaisella viivalla merkitsemällä, koska rivinvaihdossa teksti hyppää viivan kanssa samalle kohdalle, mutta listatoiminnolla teksti pysyy linjassa myös rivin vaihtuessa.

Järjestetty lista

Toiminnolla saat numeroidun listan ja muuten toimii kuten Järjestelemätön lista -painike:

Ensimmäinen
Toinen
Kolmas

Sisennys

Sisennyksellä voi korostaa tekstiä sisentämällä tekstiä oikealle, mitä usemmin klikkaat nappulaa sitä sisemmälle teksti sisentyy. Mikäli olet sisentänyt kappeleen tulee aktiiviseksi myös Loitanna-painike, jolla voit taas palauttaa tekstiä vasemmalle. Sisennys toimii myös kappalekohtaisesti.

Tässä on sisennettyä tekstiä.

Ja tässä on vielä sisemmälle sisennettyä tekstiä.

HUOM! Älä koskaan käytä sisennykseen näppäimistön TAB eli tabulaattorinäppäintä, vaan tee sisennykset aina käyttämällä editorin Sisennys-näppäintä.

Lihavoitu/kursivoitu ja alleviivattu

Näillä näppäimillä voit korostaa vaikka yksittäisen sanan. Maalaa sana ja klikkaa haluttua näppäintä.

HUOM! Älä käytä liikaa näitä toimintoja, korosta vain äärimmäisessä pakossa. Alleviivausta en suosittele käyttämään missään tapauksessa, koska netissä usein linkit ovat alleviivattuja. Älä käytä näitä toimintoja koskaan otsikkotekstin kanssa. Otsikkotekstin tyyli määritellään aina Muotoilu-alasvetovalikon kautta.

Lisää/muokkaa linkkiä

Kun haluat lisätä tekstiin linkin jollekin toiselle sivulle maalaa ensin teksti, josta haluat muodostaa linkin. Sen jälkeen toimintanäppäimistä aktivoituvat linkki-nappulat (näyttävät ketjulta). Kun klikkaat lisää/muokkaa linkkiä avautuu uusi ikkuna, jossa syötetään nettiosoite mihin linkki halutaan vievän. Osoite kirjoitetaan aina http:// muodossa.

Kohde valikosta valitaan se miten linkki avautuu. Avaa uudessa ikkunassa -valinta avaa uuden ikkunan joka menee linkisä olevaan osoitteeseen. Avaa samassa ikkunassa-vaihtoehto siirtää saman ikkunan uuteen osoitteeseen.

Huom! Mikäli linkki vie jonkin kolmannen osapuolen sivustolle on hyvä valita "Avaa uudessa ikkunassa", jolloin käyttäjän selain ei poistu sivuiltasi vaan pystyy jatkamaan sivustosi selausta sulkiessaan linkistä avautuneen sivun.

Linkin muokkaus tapahtuu maalaamalla linkkinä oleva teksti ja painamalla Lisää/muokkaa nappulaa. Linkin tekstistä voit poistaa maalaamalla linkkinä olevan tekstin ja klikkaamalla "Poista linkki".

Kuvien lisääminen tekstiin

Kuvat kannattaa siirtää valmiiksi palvelimelle Hallinnoi kuvia- toiminnon kautta ja sen jälkeen ne ovat helposti lisättävissä sivustolle. Kuvien asettelussa on yleensä kolme käytettyä tapaa. Kuva voi täyttää koko kappaleen leveyden, eli tulee tekstikappaleiden väliin. Mikäli kuva on kapeampi kuin palsta voidaan se myös tasata oikealle tai vasemmalle, jolloin teksti kiertää kuvaa.

Kappaleiden väliin tuleva kuva (palstan levyinen kuva)

Mene tyhjälle riville (tee tarvittaessa tyhjä rivi), niin että kohdistin vilkkuu tyhjällä rivillä. Klikkaa sen jälkeen Lisää kuva nappulaa. Avautuu Lisää/muokkaa kuva ikkuna, jossa Kuvan URL rivin lopussa näkyy pieni laatikko (Selaa), josta pääset katsomaan palvelimelle siirtämiäsi kuvia. Valitse haluamasi kuva klikkaamalla kuvaa, jonka jälkeen palaat takaisin pieneen ikkunaan, johon myös kuva ilmestyy. Kirjoita kuvalle "Kuvan kuvaus", eli anna kuvalle nimi esim. sen mukaan mitä se esittää ja valitse valmis. Sen jälkeen kuva ilmestyy muokkausnäkymän tekstiin.

Oikealle tai vasemmalle tasatun kuvan lisäys (reilusti kapeampi kuin palsta)

Mikäli haluat tasata kuvan oikealle tai vasemmalle, niin että teksti kiertää kuvaa mene sen kappaleen ensimmäisen tekstirivin alkuun miltä korkeudelle haluat kuvan yläreunan tulevan. Tällaiselle kuvalle ei tarvitse tehdä omaa tyhjää riviään vaan se lisätään tavallaan rivin alkuun. Kun kohdistin vilkkuu kyseisen rivin alussa (kohdistin ei saa olla sanan keskellä tai sanojen välissä vaan ehdottomasti rivin alussa) klikkaa "Lisää kuva" -nappulaa ja toimi kuten palstan levyisen kuvan valinnan kanssa, mutta aseta myös Näkyminen -välilehdeltä tasaustapa. Eli käytännössä "Oikealla" tai "Vasemmalla". Näet samalla esimerkkikuvassa miten kuva ja teksti menevät suhteessa toisiinsa valinnan mukaan.

Näkymät-välilehdessä voit myös määritellä kuvalle koon. Voit ainoastaan pienentää kuvan fyysistä kokoa, mikäli suurennat kokoa se pikselöityy eikä näytä hyvältä. Säilytä aina mittasuhteet, ettei kuva veny väärin. Mikäli haluat kuvalle tyhjää tekstin ympärille voi määrittää halutessasi myös ne arvot, mikäli kuva on valmiiksi sivuston levyinen älä määritä sille enää vaakasuoraa lisätilaa tai se rikkoo sivuston ulkoasun.

Mikäli hyväksyit kuvan asetukset ja ne menivät väärin, pääset muokkaamaan kuvan asetuksia kaksoisklikkaamalla kuvaa tai klikkaamalla se aktiiviseksi ja painamalla "Lisää kuva" nappulaa uudestaan.

Kopioi / liitä -toiminnot

Mikäli muokattava teksti on sinulla valmiina esim. word-dokumenttissa tai jossain muussa tiedostossa tai jollain muulla nettisivulla ja haluat kopioda sen nopeasti voit käyttää kopioi/liitä toimintoa. Tässä kannattaa olla kuitenkin tarkkana, koska kopioinnissa mukana saattaa tulla myös lähtödokumentin käytettyä muotoilukoodia ja teksti näkyy väärin omalla sivullasi.

Maalaa haluamasi teksti ja kopioi se välimuistiin esim. painamalla CTRL + C (Macissä CTRL sijaan OPT).

Liitä -nappuloita löytyy valikosta kolme: Liitä, Liitä pelkkänä tekstinä ja Liitä Wordistä. Näistä kannattaa käyttää vain valintaa Liitä pelkkänä tekstinä, jolloin kopioidusta tekstistä poistuvat muotoilut. Mikäli saat ilmoituksen, että toiminto ei ole tuettu selaimessa voi käyttää tuolloin suoraan CTRL + V näppäimiä liittämiseksi tekstin kenttään. Varmista että teksti näyttää siltä kuten pitääkin. Joillakin selaimilla taas suora CTRL + V tuo muotoilut mukanaan, jolloin niillä taas tulee käyttää tuota Liitä pelkkänä tekstinä-toimintoa.

Kopioidun tekstin puhdistus Muistiolla/Notepadilla tai Teksturilla

Mikäli et saa tekstiä liitettyä ilman alkuperäisen lähteen muotoilua niin avaa Windowsin apuohjelmista löytyvä Muistio-ohjelma (Macissa Teksturi). Liitä kopioitu teksti muistion ikkunaan painamalla CTRL + V. Paina sen jälkeen CTRL + A jolloin kaikki tekstit tulevat uudelleen valituksi ja sen jälkeen kopioi teksti välimuistiin CTRL + C näppäimillä. Sen jälkeen voit liittää tekstin sivustollesi CTRL + V näppäimiä painamalla. Muotoile sen jälkeen tarvittavat kappalevaihdot ja otsikot.

Toistettavien merkintöjen käyttö

Tämä ohje koskee vain sivustoja joihin on määritelty toistettavia merkintöjä.

Toistokuplassa on vihreä + merkki, jolla lisäät (tekee kopion kyseisestä merkinnästä) uuden merkinnän. Punaisella miinus-merkillä poistat kyseisen merkinnän ja nuolilla voi järjestää merkintöjä eri järjestykseen. Huomaa, että et voi koskaan poistaa koskaan ylintä merkintää. Mikäli haluat poistaa ylimpänä olevan merkinnän siirrä se nuolella alemmaksi ja poista se sitten punaisesta miinus-merkistä.

Alla olevassa kuvassa on ylemmästä toistokentästä tehty uusi kopio, jonka jälkeen Edit-kuplista voidaan muokata uuden tai alkuperäisen merkinnän sisältö.

Kuvien hallinta

Kuvien hallinta-toiminnolla voit siirtää kuvia omalta koneeltasi palvelimelle, joita voit sitten käyttää sivustolla esim. tekstin seassa kuvituksena. Kun valitset valikosta kuvien hallinnan avautuu ikkuna, jossa näkyy palvelimella olevat kuvat. Vasemmassa reunassa on mahdolliset kansiot, joihin voi siirtää kuvia aiheen mukaisesti. Voit tehdä myös halutessasi uusia kansioita. Kuvat on hyvä käsitellä valmiiksi oikeaan kokoon ennen siirtoa, koska alkuperäiset digikuvat voivat olla todella isoja ja raskaita nettikäyttöön.

HUOM! Varmista, että kuvien nimissä ei ole ääkkösiä tai välilyöntejä. Kuvan nimeä on mahdollista muokata myös palvelimella.

Kuvan lataaminen omalta koneelta palvelimelle

Mikäli haluat siirtää kuvat johonkin omaan kansioon palvelimella, tee ensin kansio ja mene sen sisälle ja sen jälkeen toimi alla olevan ohjeen mukaan. Muuten kuvat latautuvat ns. juureen eli aloitusnäkymään.

Ikkunan yläreunassa on "Julkaise uusi kuva", jota klikkaamalla avautuu tiedostoselausikkuna oman tietokoneesi hakemistoon. Etsi kuva tai kuvat, jotka haluat siirtää palvelimelle (voit valita useampia kuvia kerrallaan CTRL näppäintä pohjassa pitäen ja klikaten haluamasi kuvia yksitellen). Kun olet valinnut siirrettävät kuvat valitse "Avaa", jolloin siirto alkaa ja kuvista tulee pikkukuvat näkyviin. Huom, mikäli kuvien nimissä on ääkkösiä tai välilyöntejä siirto voi epäonnistua.

Kuvien muokkaus ja optimointi

Kun siirrät hiiren kuvan päälle ilmestyy kuvan viereen valikko, jossa on vaihtoehdot: Muokkaa, Optimoi ja Poista. Muokkaa-napista pääset muuttamaan kuvan nimeä, varo ettet poista kuvatiedoston tiedostotyyppiä .jpg .png tai .gif kuvasta riippuen. Poista toiminnolla poistat kuvan palvelimelta. Optimoi valinta avaa kevyen kuvankäsittelysivuston, jolla voit tehdä kuvalle monenlaisia muutoksia. Esimerkiksi muuttaa tai leikata kuvaa ja optimoida sen laatua web-käyttöön sopivaksi.

Mikäli kuvien käsittely ei onnistu oikeaan kokoon, voit aina myös tilata minulta kuvien muokkauksen sopivaan kokoon, jolloin siirrän kuvat myös palvelimelle odottamaan käyttöä.

Dokumenttien hallinta

Mikäli haluat lisätä sivustoosi esim. pdf-dokumentin ja tehdä linkin sivustolta dokumenttiin toimitaan kuten kuvien siirron kanssa (kts. kuvien hallinta). Dokumentit siirretään ensin palvelimelle ja sen jälkeen lisätään tekstiin linkki palvelimelle olevaan tiedostoon.

Avaa dokumenttien hallinta pääsivulta. Sinulle avautuu samanlainen näkymä kuin Kuvien hallinnassa, joten valitse "Julkaise uusi dokumentti", jonka jälkeen valitse avautuvasta ikkunasta koneeltasi palvelimelle siirrettävä dokumentti. Kun dokumentti on siirtynyt näkyy se dokumenttien hallintasivulla.

Mene sivulle, josta tulee linkki dokumenttiin. Lisää linkki ja valitse dokumenttisymboli URL-rivin lopusta, jonka jälkeen dokumenttienhallinta avautuu, klikkaa haluttua dokumenttia. Hyväksy muutokset ja julkaise sivu. Mikäli haluat lisätä dokumentteja palvelimelle, mutta sinulta puuttuu "Hallitse dokumentteja" toiminto pääsivulta, ota yhteyttä Kaihin.