Kotisivutyökalu. Nebula Oy. Käyttäjän opas. Nebula Oy

Transkriptio

1

2 Sivu 2/37 Sisällysluettelo 1. Esittely Kotisivutyökalun tilaaminen Kotisivutyökalun tunnusten luominen Kirjautuminen Kotisivutyökaluun Kirjautuminen Kotisivutyökaluun MyNebula-hallintapaneelin kautta Kirjautuminen Kotisivutyökaluun suoran verkko-osoitteen kautta Mallipohjan valinta Muokkaustilaan siirtyminen Sivun lisääminen Sivun muokkaaminen Kansion lisääminen Sivujen lisääminen kansion sisälle Sisällön lisääminen sivulle Tekstin lisääminen Sivuston väriteema ja fontit Tekstielementtien muokkaaminen Väriteeman muokkaaminen Sivujen taustan muokkaaminen Sivuston kuvitus Kuvien lisääminen verkkosivulle Kuvien hallintatyökalut Kuva-albumit Widgetit Mallipohjan Widgetit Mallipohjan Widgetin piilottaminen Sivuston julkaiseminen ja esikatselu Hallinnoi Sivuston tila Profiili Verkkotunnuksen yhdistäminen Favicon Analytiikka SEO (Search engine optimization), eli hakukoneoptimointi... 29

3 Sivu 3/ Uudelleenohjaus Resetoi Edistyneille käyttäjille Kustomoidun lomakkeen käyttäminen Monitasoisen sivuston rakentaminen Tekstilinkin luominen alasivulle Kuvalinkin luominen alasivulle... 36

4 Sivu 4/37 1. Esittely Ohje koskee seuraavia palveluita: Kotisivutyökalu Mini Kotisivutyökalu Perus Kotisivutyökalu Pro Seuraavaan ohjeeseen on koottu ohjeita Kotisivutyökalun perusominaisuuksien käyttämistä varten. Ohjeessa kuvattujen ominaisuuksien avulla pystyt rakentamaan sekä ulkoasultaan että toiminnoiltaan näyttävät verkkosivut. Kaikkia mahdollisia toiminnallisuuksia ohjeessa ei ole kuvattu, sillä oppaan tarkoitus on auttaa kotisivutyökalun käyttäjää pääsemään alkuun verkkosivujen rakentamisessa. Kotisivutyökalun avulla voi halutessaan luoda rakenteeltaan hyvinkin vaativia verkkosivuja ja työkalujen käyttötavat ovat mittavat. Kaikki ominaisuudet eivät välttämättä ole käytössä jokaisessa Kotisivutyökalu-versiossa. Lisää tietoa versioista ja niiden ominaisuuksista saat verkkosivuiltamme ja asiakaspalvelustamme. Mikäli et löydä vastausta kysymykseesi Kotisivutyökalun käyttäjän oppaasta, olethan yhteydessä Nebulan Asiakaspalveluun. Asiakaspalvelun yhteystiedot löydät jokaisen sivun alaviitteestä sekä verkkosivuiltamme. 2. Kotisivutyökalun tilaaminen Voit vertailla kotisivutyökalun eri versioita verkkosivullamme täällä. Voit tilata Kotisivutyökalun verkkosivujemme tai seuraavien linkkien kautta: Tilaa ilmainen Kotisivutyökalu mini Tilaa maksullinen Kotisivutyökalu Perus tai Pro 3. Kotisivutyökalun tunnusten luominen Kun olet tilannut Kotisivutyökalun, sinun tulee seuraavaksi luoda palveluun tunnukset. Tunnukset pääset luomaan MyNebula-palvelunhallinnasta. 1. Kirjaudu MyNebula-hallintapaneeliin ( Hallintapaneeliin kirjaudutaan tilausvaiheessa luomillasi tunnuksilla. 2. Valitse oikeassa ylänurkassa olevasta Tilaus-pudotusvalikosta oikea palvelu (Kotisivutyökalu mini, perus tai pro) 3. Klikkaa ylävalikosta Kotisivutyökalu, jolloin pääset Kotisivutyökalun hallintaan. 4. Klikkaa Lisää uusi painiketta.

5 Sivu 5/37 5. Anna avautuvalle lomakkeelle seuraavat tiedot: 1. Käyttäjätunnus (Käyttäjätunnuksen tulee olla toimiva oleva sähköpostiosoite. HUOM! Osoite ei voi olla sama kuin mahdollisesti MyNebula-pääkäyttäjätunnuksena käytetty osoite.) 2. Salasana 3. Sähköpostiosoite 4. Etunimi 5. Sukunimi 6. Valitse kieli (Esim Finnish) 7. Anna verkkotunnuksen osoite (domain). HUOM! Sivusi osoite tulee olemaan muotoa <omasivusto>.neb.fi. Mikäli hankit Perus- tai Pro-paketin voidaan kotisivutyökaluusi liittää omavalintainen verkkotunnus (esim Tämä tehdään jälkikäteen ja ohjeet oman verkkotunnuksen lisäämiseksi löydät klikkaamalla tästä. Klikkaa lopuksi vielä Seuraava 6. Klikkaa Valmis 7. Klikkaa käyttäjätunnuksen perässä olevaa Avaa-linkkiä, jolloin kotisivutyökalu käynnistyy 8. Voit nyt käyttää kotisivutyökalua ja luoda sillä näyttävät kotisivut.

6 Sivu 6/37 MIKÄLI HANKIT KOTISIVUTYÖKALU MINI PAKETIN, OLET VALMIS. JOS HANKIT PERUS- TAI PRO-PAKETIN, JATKA VIELÄ ETEENPÄIN! 1. Klikkaa luomaasi tunnusta 2. Valitse Subscription 3. Klikkaa Lisää uusi 4. Klikkaa Valmis Voit kirjautua kotisivutyökaluun tästä eteenpäin joko MyNebula-hallintapaneelin kautta tai osoitteestahttp://kotisivut.nebula.fi Löydät ohjeet tunnusten luomiseksi myös verkkosivuiltamme täältä.

7 Sivu 7/37 4. Kirjautuminen Kotisivutyökaluun Kun olet luonut käyttäjätunnukset Kotisivutyökaluun, voit kirjautua Kotisivutyökalun hallintaan. Kirjautumisvaihtoehtoja on kaksi Kirjautuminen Kotisivutyökaluun MyNebula-hallintapaneelin kautta Kirjaudu MyNebula-hallintapaneeliin osoitteessa Tunnukset hallintapaneeliin olet luonut verkkokaupassa palvelun tilauksen yhteydessä. Valitse ruudun oikean yläreunan Tilaus pudotusvalikosta tilaamasi Kotisivutyökalu-palvelu. Siirry nyt välilehdelle Kotisivutyökalu ja klikkaa Kotisivutyökalun käyttäjätunnusta.

8 Sivu 8/37 Klikkaa aukeavalta sivulta Avaa ja Kotisivutyökalu aukeaa uuteen ikkunaan selaimessasi Kirjautuminen Kotisivutyökaluun suoran verkko-osoitteen kautta Siirry osoitteeseen kotisivut.nebula.fi ja kirjaudu sisään Kotisivutyökalun kirjautumistunnuksilla. Kotisivutyökalun käyttäjätunnukset eivät ole samat kuin MyNebula-hallintapaneelin kirjautumistunnukset. Olet luonut Kotisivutyökalun kirjautumistunnukset kappaleessa Kotisivutyökalun tunnusten luominen. Mikäli et tiedä Kotisivutyökalun tunnuksia, voit tarkastaa ne MyNebula-hallintapaneelista Kotisivutyökalun asetuksista. Ohjeet kotisivutyökalun asetuksiin kirjautumisesta löydät kappaleesta Kirjautuminen Kotisivutyökaluun MyNebula-hallintapaneelin kautta.

9 Sivu 9/37 5. Mallipohjan valinta Kotisivutyökalujen rakentaminen kannattaa aloittaa valitsemalla sopiva Mallipohja. Mallipohja on käyttäjälle tehty ulkoasurunko, joka tarjoaa pienen muokkauksen jälkeen täysin valmiit verkkosivut. Mallipohjaa on mahdollista muokata halutun näköiseksi esimerkiksi muokkaamalla värimaailmaa ja tekstien asettelua sekä lisäämällä kuvia. Tarjolla olevien mallipohjien määrä riippuu siitä, mikä Kotisivutyökalun versio sinulla on käytössäsi: Mini, Perus vai Pro. Kun aloitat sivun luomisen, palvelu ohjaa sinut ensimmäisenä valitsemaan sivustolle mallipohjan. Pääset myöhemmin muuttamaan mallipohjaa valitsemalla vasemman reunan valikosta Teema ja sieltä Selaa mallipohjia. Tämän jälkeen sinulla aukeaa näkymä kaikista versiossasi saatavilla olevista mallipohjista. Valitse haluttu mallipohja klikkaamalla sitä mallipohjien luettelosta. Mallipohjan klikkaamisen jälkeen voit esikatsella sivustoa ruudullasi. Halutessasi voit esikatsella, miltä sivustosi näyttää eri laitteilla. Klikkaa Käytä mallipohjaa ottaaksesi mallipohjan käyttöön.

10 Sivu 10/37 6. Muokkaustilaan siirtyminen Mallipohjan valinnan jälkeen siirryt automaattisesti Kotisivutyökalun muokkaustilaan. Muokkaustilaan pääset myös siirtymään valitsemalla etusivun liukukytkimestä Muokkaa. Liukukytkimen toinen toiminto on sivuston esikatselu, jossa voit esikatsella sivustoasi ja nähdä miltä se näyttää eri laitteilla, ennen kuin julkaiset sivun. Tätä kannattaa hyödyntää myös tehdessä sivustolle muutoksia, näin esim. kirjoitusvirheet eivät eksy julkaistulle sivulle vaan pystyt korjaamaan ne jo esikatselussa Sivun lisääminen Verkkosivu koostuu normaalisti useasta eri sivusta. Oletuksena Kotisivutyökalu luo ainoastaan etusivun. Muita erillisiä sivuja verkkosivuilla voi olla esimerkiksi Yhteystiedot -sivu tai Tietoa yrityksestä -sivu. Aloita uuden sivun luominen vasemman yläkulman Sivusto-kohdalta, Lisää sivu / kansio -painikkeesta. Sivua lisätessä pääset valitsemaan, mistä sivusta on kysymys. Kotisivutyökalusta löytyy esimerkiksi valmis Yhteystieto -sivu, jossa on normaalin yhteystietosivun peruselementit valmiina. Halutessasi voit muokata myös valmiita sivupohjia tai luoda kokonaan tyhjän sivun valitsemalla sivupohjaksi Oletus. Täydennä sivun lisäämisvalikossa Sivun otsikko ja valitse Sijainti. Otsikko tulee näkyviin kyseiselle sivulle sekä verkkosivujen ylälaidan navigaatiopalkkiin. Sijainti sen sijaan määrittää, missä verkkosivujesi osiossa sivu näkyy. Sivun voi halutessaan asettaa kansion sisälle. Lisätietoa kansioista löydät kappaleesta Kansioiden lisääminen. Kun olet valmis, klikkaa Lisää sivu.

11 Sivu 11/ Sivun muokkaaminen Kun uusi sivu on lisätty, näet sen kotisivusi alla Sivut-osiossa. Aloita sivun muokkaaminen klikkaamalla sivun nimeä. Kun sivun alle syntyy oranssi viiva, klikkaa sen oikeassa reunassa olevaa ratasta. Sivun vasempaan laitaan ilmestyy tällöin kyseisen sivun muokkauspalkki, jossa voit määrittää mm. seuraavat asetukset: Otsikko navigaatiossa Asetus määrittää millä nimellä sivu näkyy verkkosivuillasi ja sivuston valikossa. Sivun URL Asetus määrittää millä verkko-osoitteella kyseiselle sivulle voi siirtyä. Jos kotisivusi osoite on yritys.fi ja määrität tähän kenttään sanan yhteystiedot, muodostuu sivun verkko-osoitteeksi yritys.fi/yhteystiedot Otsikko selaimessa Asetus määrittää mitä käyttäjän selaimessa lukee kun hän selaa kyseistä sivua. Avainsanat Voit lisätä kyseisellä sivulla oleviin asioihin liittyviä avainsanoja. Käyttäjien on helpompi löytää sivustosi, mikäli he etsivät hakukoneella vastaavia avainsanoja. Kuvaus Kuvaus näkyy hakukoneiden tuloksissa verkko-osoitteen alapuolella. Otsakkeen ja sisältörungon skriptit Halutessasi voit lisätä sivustollesi erinäisiä toiminnallisuuksia lisäämällä skriptejä. Ominaisuus on suositeltu skriptiohjelmoinnin ammattilaisille. Virheelliset skriptit voivat hajottaa sivuston. Piilotettu navigaatiosta Asetus määrittää näkyykö kyseinen sivu sivustosi ylälaidan navigaatiopalkissa. Käytä kotisivuna Voit valita luomasi sivun sivuston kotisivuksi, jolloin se aukeaa ensimmäisenä sivustolle saavuttaessa. Sivun tila Voit valita, onko sivu aktiivinen, ei-aktiivinen vai luonnos. Ainoastaan aktiivisena olevat sivut näkyvät julkaistulla sivustolla. Kun olet valmis, klikkaa muokkauspalkin yläreunassa painiketta Tallenna.

12 Sivu 12/37 7. Kansion lisääminen Kansio on verkkosivuillasi esitettävä valikko, jonka alle on koottu yksi tai useampi verkkosivu. Esimerkkinä sivustolla voi olla kansio, joka sisältää tietoa tuotteista. Useat eri tuoteryhmät ovat jaettu usealle eri sivulle. Oikealla näkyvässä esimerkkitapauksessa Kansio nimeltä Tuotteet sisältää sivut 1. Tuotekategoria, 2. Tuotekategoria ja 3. Tuotekategoria. Sivut aukeavat näkyviin kun käyttäjä vie hiiren sanan Tuotteet päälle. Aloita kansion luominen klikkaamalla Lisää sivu/kansio. Valitse tyypiksi kansio ja anna kansiolle nimi. Paina lopuksi Luo hakemisto Sivujen lisääminen kansion sisälle Tarkat ohjeet sivun lisäämiseksi löytyy kappaleesta Sivun lisääminen. Kun sivustollesi on luotu kansioita, sivun lisäämiseksi tulee lisää vaihtoehtoja. Valitse haluamasi kansio sivun luonnin yhteydessä valitsemalla uuden sivun sijainti alasvetovalikosta. Voit muuttaa sijaintia myös myöhemmin sivun asetuksista.

13 Sivu 13/37 8. Sisällön lisääminen sivulle Kun avaat tyhjän sivun ensimmäistä kertaa, sivulla näkyy katkoviivalla alue, johon voit lisätä haluamaasi sisältöä. Sisältöä lisätään hiiren osoittimen avulla, vetämällä ja pudottamalla Tekstin lisääminen Aloita tekstin lisääminen klikkaamalla editorin yläreunasta Lisää sisältöä. Teksti lisätään sivulle tapaan, joka on kuvattu kappaleessa Sisällön lisääminen sivulle. Aloita esimerkiksi otsikon lisäämisellä. Sivulle ilmaantuu teksti OTSIKKO1. Klikkaa Otsikko 1 -painiketta hiiren vasemmalla painikkeella, pidä näppäin pohjassa, vedä se tyhjän sivun katkoviivaalueelle kohtaan, jossa alue muuttuu tummansiniseksi ja päästä hiiren painikkeesta irti. Muokataksesi tekstiä, vie hiiri tekstin OTSIKKO 1 päälle ja klikkaa hiiren vasemmalla painikkeella. Klikkaamisen jälkeen ruudun oikeaan reunaan avautuu tekstieditori, jossa pääset muokkaamaan tekstin ulkoasua ja toiminnallisuuksia.

14 Sivu 14/37 Otsikon lisäämisen jälkeen, voit lisätä esimerkiksi sisältötekstiä varten tekstielementin Normaali. Vedä haluttu tekstikenttä OTSIKKO 1 -tekstielementin ala- tai yläpuolelle ja päästä irti, kun tekstialueelle ilmaantuu sininen kohdistusviiva kohtaan johon haluat tekstikentän asettaa. Nyt sivulla tulisi näkyä myös normaali tekstielementti, jota pääset niin ikään muokkaamaan klikkaamalla tekstikenttää. Tekstielementin ylälaidasta löytyy myös ikoneita, joiden toiminnallisuudet on selitetty alla. Siirrä - Siirtääksesi tekstielementtiä, vie hiiri elementin päälle, klikkaa raahauspainiketta, ja raahaa teksti haluamaasi paikkaan. Poista - Kun puolestaan haluat poistaa tekstielementin, vie hiiri elementin päälle ja klikkaa oikeassa reunassa sijaitsevaa rastia. Kopio - Klikkaa tätä jos haluat esimerkiksi siirtää tekstielementin toiselle sivulle. Kun klikkaat tätä painiketta, sivun ylälaitaan ilmestyy sininen painike, jonka vieressä lukee Kopioitu widget. Voit siirtää kopioidun tekstin haluamaasi paikkaan siirtämällä sinistä ikonia Kopioitu widget tekstin vasemmalla puolella.

15 Sivu 15/37 9. Sivuston väriteema ja fontit Sivustollasi olevat elementit noudattavat tyypillisesti valitsemasi mallipohjan oletusväritystä ja fontteja. Voit kuitenkin muokata sivustosi väritystä ja fontteja monipuolisesti haluamasi näköiseksi. Voit muokata tekstejä myös kunkin tekstin kohdalla erikseen, mutta helpointa on muuttaa asetukset koko sivulle kerrallaan. Pääset muokkaamaan väriteemaa, sivuston taustaa ja fontteja valitsemalla editorin vasemmasta reunasta kohdan Teema Tekstielementtien muokkaaminen Voit halutessasi muokata oletustekstielementtejä P, H1, H2 jne. Aloita elementtien muokkaaminen klikkaamalla Teema editorin vasemmassa reunassa, ja sen jälkeen Fontit. Ruudulle avautuu allekkain listattuna kaikki tekstielementit ja klikkaamalla haluttua tekstielementtiä, pääset muokkaamaan sitä. Kun olet suorittanut haluamasi muutokset, klikkaa Tallenna.

16 Sivu 16/ Väriteeman muokkaaminen Aloita sivustosi värimaailman muokkaaminen klikkaamalla Teema ja edelleen Värit. Ruudulle aukeaa valmiita väritilkkuja, joista ylimmäinen on käytössäsi tällä hetkellä oleva väritilkku. Väritilkku sisältää kaikki sivustollasi käytössä olevat värit. Näet tilkusta suoraan, missä osaa sivustoa mitäkin väritilkun väriä käytetään. Aloita käytössä olevan väritilkun muokkaaminen klikkaamalla ylimmän väritilkun oikeassa yläreunassa olevaa ratasta, jolloin ruudulle avautuu värin muokkausvalikko. Valitse klikkaamalla väri, jota haluat muokata. Kyseisen värineliön ympärille ilmestyy mustat reunat. Valitse haluttu väri valitsemalla ensin pääväri koko väriskaalasta (oikean puoleinen väriliuska) ja valitse tämän jälkeen sävy vasemman puolen värineliöstä. Halutessasi voit kirjata suoraan värisävyn koodin tekstikenttään, mikäli se on tiedossasi. Värit ovat käytössä heti valinnan jälkeen. Poistu klikkaamalla värimuokkaimen oikean yläkulman ruksia, tai painamalla Takaisin, jolloin pääset takaisin sivuston perustilaan.

17 Sivu 17/ Sivujen taustan muokkaaminen Klikkaa Teema välilehdellä Tausta ja pääset muokkaamaan sivuston taustan asetuksia. Esiin avautuu pudotusvalikko, jossa on oletuksena valinta Tasainen väri. Valinta vaikuttaa siihen, kuinka sivun taustaväri muodostetaan. Tasainen väri Koko sivun taustaväri koostuu yhdestä tasaisesta väristä Liukuväri (kaltevuus) Taustaväri ei ole tasainen vaan se koostuu kahdesta valitsemasta väristä. Voit valita myös kuinka väri vaihtelee kahden valitun värin välillä. Pystysuora - Sivun väri muokkautuu toiseksi matkalla sivun ylälaidasta alalaitaan. Vaakasuora Sivun väri muokkautuu toiseksi matkalla sivun reunasta toiseen. Pyöreä Sivun väri muokkautuu toiseksi matkalla sivun keskeltä reunoja kohti. Kuva Valitse haluamasi kuva sivun taustaksi. Aloita värin valitseminen klikkaamalla tällä hetkellä käytössä olevaa värineliötä, jolloin ruudulle aukeaa värinvalitsin, josta voit valita halutun värin. Väri valitaan vastaavalla tavalla kuin on kuvattu kappaleessa Värit. Samassa näkymässä voit myös muokata koko sivun väritilkkua. Kun luot sivulle liukuväriä, sinun tulee vastaavalla tavalla valita kaksi eri väriä. Mikäli haluat luoda sivun taustan kuvasta, valitse pudotusvalikosta Kuva ja klikkaa Valitse kuva. Ruudulle aukeaa kuvanlisäysvalikko. Mikäli et ole vielä siirtänyt sivustoosi yhtään kuvaa, voit valita kuvan tietokoneeltasi klikkaamalla auenneesta ikkunasta Lisää kuvia Lisätietoa kuvan lisäämisestä löytyy kappaleesta Kuvien lisääminen.

18 Sivu 18/ Sivuston kuvitus Aloita kuvan lisääminen siirtymällä välilehdelle Kuvat ja lisää sivustosi kuvagalleriaan kuvia klikkaamalla Lisää kuvia Tämän jälkeen ruudulle avautuu kuvanlisäysvalikko, jonka avulla pääset valitsemaan lisättäviä kuvia tietokoneeltasi. Voit lisätä kuvia sivustosi kuvagalleriaan kahdella tavalla: 1. Hiiren osoittimen avulla voit suoraan vetää ja pudottaa kuvia ikkunan päälle, jolloin ne lisätään välittömästi sivustosi kuvagalleriaan. 2. Klikkaa auenneesta ikkunasta + Valitse tiedostot ja valitse lisättävät kuvat suoraan tietokoneeltasi. Halutessasi voit määritellä, mihin kuva-albumiin kuvat siirretään. Mikäli sinulla on olemassa albumi, johon haluat lisätä uudet kuvat, valitse kyseinen albumi ikkunan oikean laidan pudotusvalikosta. Mikäli sinulla ei vielä ole albumeja, voit samalla luoda uuden valitsemalla kuvanlisäysikkunan pudotusvalikosta "Lisää albumeita. Valitse albumille nimi ja klikkaa Tallenna. Tämän jälkeen siirtämäsi kuvat tallentuvat uuteen albumiisi.

19 Sivu 19/ Kuvien lisääminen verkkosivulle Klikkaa haluttua kuvaa hiiren vasemmalla painikkeella, pidä näppäin pohjassa, vedä se verkkosivulle haluamaasi kohtaan. Voit asettaa kuvan kohtaan, jossa alue muuttuu tummansiniseksi. Kun löydät sopivan kohdan ja päästä hiiren painikkeesta irti Kuvien hallintatyökalut Kun kuva on asetettu paikoilleen ja hiiren osoitin viedään kuvan päälle, kuvan ylälaitaan ilmestyy harmaa palkki, josta löytyy kuvan hallintaikonit:

20 Sivu 20/ Kuva-albumit Kuva-albumit välilehden päänäkymässä näet kaikki kuvat ja kuva-albumit, joissa kuvat sijaitsevat. Lisätäksesi kuvia kuva-albumiin, klikkaa Lisää kuvia. Katso tarkemmat ohjeet kuvien lisäämisestä kappaleesta Kuvien lisääminen kuvaarkistoon Mikäli haluat siirtää tai poistaa useita kuvia kerralla, vie hiiri kunkin kuvan päälle ja valitse ne klikkaamalla kuvan vasemmassa yläkulmassa näkyvää harmaata valintaikonia. Kuva on valittu, kun valintaikoni muuttuu siniseksi. Kun sinulla on yksi tai useampi kuva valittuna, valitse kohteille tehtävät toimenpiteet kuvien yläpuolella näkyvästä sinisestä palkista. Mikäli haluat hallita yhtä kuvaa kerralla ja valita kuvalla otsikon, kuvauksen ja albumin, klikkaa kuvan keskeltä hiiren vasemmalla painikkeella, jolloin ruudulle avautuu kuvan hallintaikkuna. Kopio - Klikkaa tätä jos haluat esimerkiksi siirtää kuvan toiselle sivulle. Kun klikkaat tätä painiketta, sivun ylälaitaan ilmestyy sininen painike, jonka vieressä lukee Kopioitu widget. Voit siirtää kopioidun kuvan haluamaasi paikkaan siirtämällä sinistä ikonia Kopioitu widget tekstin vasemmalla puolella. Muokkaa - Klikkaamalla tätä ikonia ruudulle aukeaa kuvaeditori, josta löytyy hyvin kattavat työkalut kuvan muokkaamiseksi. Kun kuvan muokkaus on valmista, paina Tallenna.

21 Sivu 21/37 Valitse - Työkalun avulla pääset vaihtamaan kuvan tilalle toisen kuvan hyvin nopeasti ja vaivattomasti. Kun klikkaat ikonia, ruudulle avautuu kuvagalleria-ikkuna. Lisää uusia kuvia tai valitse suoraan listasta korvaava kuva klikkaamalla sitä. Ohjeen kuvan lisäämiseksi löydät kappaleesta Kuvien lisääminen kuvakirjastoon. Sarakkeet - Työkalun avulla voit hallita kyseisen sarake-alueen jakamista. Kun olet klikannut painiketta, ruudulle avautuu vaihtoehdot alueen jakamiseksi. Vastaava ikoni löytyy myös widgeteistä (katso lisää widgeteistä kappaleesta Widgetit). Jos esimerkiksi valitse jakoasetukseksi Kaksi saraketta 75% - 25%, valittu sarake jaetaan koko ruudun leveydellä kahteen osioon, joista toinen osio saa 75% tilasta ja toinen 25% tilasta. Siirrä - Siirrä kuviota toiseen kohtaan kyseisellä sivulla. Klikkaa ikonia hiiren vasemmalla painikkeella ja pidä painiketta pohjassa. Siirrä kuva haluamaasi kohtaan sivulla, jossa alue muuttuu tummansiniseksi ja vapauta hiiren vasen painike. Poista - Poista kuva.

22 Sivu 22/37 Muut kuvanmuokkaamiseen liittyvät asetukset avautuvat ruudun vasempaan laitaan kun klikkaat kuvaa hiiren vasemmalla painikkeella. Valitse kuva Valitse kuvan tilalle jokin toinen kuva kuvakirjastostasi. Skaalaa Valitse kuvan koko. Kuvan linjaus Valitse kuvan sijoitus. Vasen laita, keskikohta tai oikea laita. Linkki kohteeseen Aseta kuvalle linkki, joka aktivoituu klikkauksesta. o Sisäinen Linkki kohteeseen verkkosivullasi o Ulkoinen Linkki kohteeseen jollakin toisella verkkosivulla o Sähköpostiosoite Luo linkin, joka aktivoi käyttäjän sähköpostisovelluksen ja esitäyttää vastaanottajakenttää haluamasi sähköpostiosoitteen. Alt-attribuutti Valitse tekstiä joka näkyy käyttäjälle, mikäli jostain syystä kuvan avaaminen epäonnistuu. Otsikon avainsana Voit asettaa kuvalle otsikon, joka näytetään kuvan alapuolella. Kuvaus Kuvaus on teksti, joka näytetään otsikon avainsanan alapuolella. Mikäli et ole asettanut otsikon avainsanaa, kuvaus esitetään kuvan alapuolella.

23 Sivu 23/ Widgetit Kuvien ja tekstien lisäksi sivustolle voidaan lisätä Widgettejä. Widgetit ovat pieniä valmiiksi luotuja sovelluksia verkkosivuillesi. Se mitä Widgettejä on käytettävissä, riippuu käytössä olevasta Kotisivutyökalu-versiosta: Mini, Perus vai Pro. Aloita Widgettien lisääminen klikkaamalla Lisää sisältöä. Widgetit siirretään verkkosivuille täysin samalla tavalla, kuin kuvat ja tekstielementit. Klikkaa haluttua widgettiä hiiren vasemmalla painikkeella, pidä näppäin pohjassa, vedä se verkkosivulle haluamaasi kohtaan. Voit asettaa widgetin kohtaan, jossa alue muuttuu tummansiniseksi. Kun löydät sopivan kohdan ja päästä hiiren painikkeesta irti. Pääset widgetin asetuksiin klikkaamalla widgettiä hiiren vasemmalla painikkeella. Ruudun vasempaan seuraan avautuu tällöin saatavilla olevat asetukset. Esimerkiksi Kartta-widgetin osalta pääset säätämään osoitetta, kartan korkeutta sekä sitä, kuinka lähelle kohdeosoitetta kartta on zoomattu. Kohteen leveys riippuu aina sarakkeen säädöistä (katso lisää sarakkeiden säätämisestä kappaleesta Kuvien hallintatyökalut). Ohessa lyhyet kuvaukset saatavilla olevista Widgeteistä: Kartta-widgetti lisää sivuillesi kartan käyttäen Google Maps sovellusta. Kun määrittelet widgettiin osoitteesi ja lisäät siihen yrityksesi osoitteen, asiakkaat näkevät heti verkkosivuiltasi, missä yrityksesi sijaitsee. Lisää valmis kaavake verkkosivuillesi. Kaavakkeessa on kentät sähköpostille ja viestille. Lisäasetuksista voit määrittää mm. kaavakkeen tekstejä sekä sähköpostiosoitteen, johon kaavakkeen viestit lähetetään. Halutessasi voit ohjata asiakkaan valitsemallesi kiitos-sivulle kaavakkeen täyttämisen jälkeen. Halutessasi voit lisätä kotisivutyökaluun myös kustomoituja kaavakkeita (katso lisää kappaleesta Kustomoidun lomakkeen käyttäminen). Lisää verkkosivuillesi tekstin, jota painamalla käyttäjän puhesovellus aktivoituu ja soittaa haluamaasi numeroon. Lisää verkkosivuillesi suoran linkin LinkedIN-profiiliisi. Syötät vain asetuksiin LinkedIn-profiilisi verkkoosoitteen. Verkko-osoitteen saat selville LinkedIn-profiilisi määrityksistä.

24 Sivu 24/37 Lisää verkkosivuillesi kenttä, johon asiakkaat voivat syöttää sähköpostiosoitteensa, mikäli he ovat esimerkiksi halukkaita saamaan sinulta tarjouspyynnön tai lisätietoa asiasta. Yhteystiedot toimitetaan sinulle haluamaasi sähköpostiosoitteeseen valitsemallasi etiketillä varustettuna. Halutessasi voit ohjata asiakkaan valitsemallesi kiitos-sivulle liittymiskaavakkeen täyttämisen jälkeen. Voit linkittää widgetin avulla PayPal-tilin verkkosivullesi. PayPal:in avulla asiakkaat voivat esimerkiksi maksaa palveluistasi tai lahjoittaa sinulle rahaa. Linkitä widgetin avulla Twitter-tili kotisivuusi. Voit määritellä asetuksista esimerkiksi esitettyjen twiittien määrän sekä päivitysaikavälin. Lisää verkkosivullesi Facebookin tykkää-painike. Asiakkaasi voivat tykätä toiminnastasi ja tieto siirtyy Facebookkiin asiakkaittesi uutissivulle. Lisää verkkosivullesi linkki-nappula. Widgetin asetuksista voit määrittää osoitteen, johon nappulaa painavat asiakkaat ohjataan sekä voit itse määrittää nappulan tekstin. Jakaja-widget luo sivustollesi viivan, joka toimii esimerkiksi sivun sisällön jakajana. Levitin-widget luo sivustollesi tyhjän alueen, joka toimii sivun esimerkiksi sivun sisällön jakajana. Sarakkeet-widgetin avulla voit lisätä verkkosivuillesi sisältöä kahdessa, kolmessa tai neljässä sarakkeessa. Ilman widgettiä sisältöä saa lisättyä vain yhdessä tai kahdessa sarakkeessa. Sulauta-widgetin avulla voit lisätä verkkosivuille sisältöä HTML-koodin muodossa. Esimerkiksi kustomoituja widgettejä tai muuta sisältöä, jota ei kotisivutyökalussa ei voi itsessään luoda.

25 Sivu 25/37 Lisää verkkosivuillesi haluamasi Youtube-video. Lisäät vain widgetin asetuksiin Youtube-videon verkko-osoitteen. Luo widgetin avulla verkkosivuillesi diaesitys haluamista kuva-arkiston kuvista. Voit määritellä mm. kuvakohtaisen esitysajan, vaihtotyylin, kuvan otsikon ja kuvauksen. Luo widgetin avulla verkkosivuillesi kuvagalleria haluamistasi kuva-arkiston kuvista. Dropbox-widgetin avulla voit jakaa tiedostoja asiakkaillesi. Sinulla on oltava Dropbox-tili, jotta voit käyttää widgettiä.

26 Sivu 26/ Mallipohjan Widgetit Mallipohjasta riippuen, mallipohjalla voi olla valmiiksi asetettuja omia Widgettejä. Mallipohjien Widgettejä löytyy usein sivun alalaidasta. Esimerkkitapauksessa Widgetit ovat sivuston alalaidassa näkyvät yhteystiedot. Kun klikkaat Widgettiä, ruudun vasempaan seuraan avautuu widgetin muokkauspalkki, jossa voit muokata Widgetin sisältöä. Mikäli haluat vaihtaa kokonaan mallipohjan Widgetin esittämää sisältöä, valitse haluamasi sisältö Valitse tyyppi pudotusvalikosta Mallipohjan Widgetin piilottaminen Mikäli haluat piilottaa mallipohjan mukana tulevan Widgetin näkyvistä, klikkaa muokkauspalkista vaihtoehtoa Piilota mallipohjan widget. Kun mallipohjan Widget on piilotettu ja muutokset ovat tallennettu, ruudun ylälaitaan ilmestyy Paljasta kuvake. Kuvake kertoo, että sivustollasi on piilotettuja mallipohjan widgettejä. Klikkaamalla Paljasta - kuvaketta, voit katsella piilottamiasi mallipohjan widgettejä Kotisivutyökalussa niin, että niitä kuitenkaan näytetään sivujesi lukijoille. Piilotettujen mallipohjien widgettien päällä näet pienen sinisen kuvakkeen.

27 Sivu 27/ Sivuston julkaiseminen ja esikatselu Voit milloin tahansa siirtyä muokkaustilasta esikatselutilaan klikkaamalla Kotisivutyökalun vasemmassa ylälaidassa näkyvää Muokkaa/Esikatselu painiketta. Samaa painiketta painamalla pääset halutessasi takaisin muokkaustilaan. Voit esikatsella miltä sivusto näyttää milläkin laitteella, klikkaamalla esikatselutilassa näkyviä laitteiden ikoneita. Kun sivustosi on valmis julkaisua varten, klikkaa Julkaise painiketta. Mikäli klikkaat Julkaise sinulta pyydetään vielä vahvistusta julkaisulle. Klikkaa tällöin uudestaan Julkaise. Kun sivustosi on julkaistu, saat tästä ruudulle avautuvaan ikkunaan vahvistuksen. Mikäli haluat saman tien siirtyä verkkosivustollesi, klikkaa Mene sivustolle.

28 Sivu 28/ Hallinnoi Verkkosivun hallinnoinnin kautta voit hallinnoida niin profiiliasi, sivustoosi liitettyjä verkkotunnuksia, kuin myös sivuston faviconia, analytiikkaa, hakukoneoptimointia, uudelleenohjausta sekä kuva-albumeja. Voit myös tarvittaessa resetoida sivustosi, jolloin kaikki sisältö poistetaan. Siirry verkkosivustosi hallintaan klikkaamalla Koti-sivulta Hallinnoi. Pääset tämän jälkeen hallinnointinäkymään, jossa on useita välilehtiä. Seuraavilla kappaleilla on kuvattu kaikkien välilehtien toiminnot Sivuston tila Sivuston tilan kautta voit hallinnoida onko sivustosi julkisesti näkyvissä (Julkaistu) vai piilotettu (Piilotettu), sekä mikä palvelun ensisijainen verkkotunnus on. Ensisijainen verkkotunnus ei ole muokattavissa jokaisessa kotisivutyökalun versiossa. Aktivoidaksesi muutokset, klikkaa Päivitä sivusto-painiketta Profiili Profiili-valikon kautta voit päivittää yhteystietojasi, yrityksesi tietoja ja logoa, sekä sosiaalisen median linkkejä. Profiiliin kirjoitettuja tietoja käytetään automaattisesti verkkosivuillasi. Mikäli esimerkiksi lisäät yhteystietoihin osoitteesi, sitä käytetään automaattisesti yhteystietosivullasi tai mikäli lisäät Twitter-tilisi tiedot, niitä käytetään automaattisesti Twitter-widgetissä Verkkotunnuksen yhdistäminen Kotisivutyökaluun on mahdollista liittää oma verkkotunnus, jotta asiakkaat löytävät sinut paremmin. Kotisivutyökalu mini versiossa verkkotunnus voi ainoastaan olla muotoa esimerkkiyritys.neb.fi, jossa lihavoitu osa on pakollinen. Mikäli haluat oman verkkotunnuksen, sinun tulee rekisteröidä verkkotunnus ja liittää se kotisivutyökaluusi. Lisäksi sinulla on oltava Perus tai Pro versio käytössä. Ohjeet Kotisivutyökalun päivittämiseksi löytyy verkkosivuiltamme

29 Sivu 29/37 täältä. Verkkotunnuksen liittäminen alkaa MyNebula-hallintapaneelista. Ohjeet verkkotunnuksen liittämiseksi löydät verkkosivuiltamme täältä Favicon Favicon on pieni kuvake joka ilmestyy mm. välilehden otsikon viereen. Palveluun lähetettävän tiedostotyypin tulee olla tiedostotyyppiä.ico, ja koon puolesta on hyvä ottaa huomioon, että osa vanhemmista mobiililaitteista ei välttämättä pysty näyttämään 4kt isompaa faviconia. Faviconin lataaminen palveluun tehdään Favicon-välilehdellä ja lisäys tehdään kuten muidenkin kuvatiedostojen lisääminen. Kuvatiedostojen lisääminen on kuvattu tarkemmin kappaleessa Kuvien lisääminen kuvakirjastoon Analytiikka Mikäli käytät Google Analytics -palvelua, voit ottaa tämän käyttöön myös Kotisivutyökalussa omalla jäljitystunnuksella. Saatte tämän selville Google Analyticsin omasta hallintapalvelusta. Koodin lisäämisen jälkeen sivusto tulee julkaista uudelleen (katso kappale Sivuston julkaiseminen ja esikatselu). 48 tunnin kuluessa sivuston julkaisusta Analytiikka-ominaisuus on käytettävissä. Huom! Palvelussa voi käyttää myös omaa jäljitysskriptiä, joka ohittaa oletusjäljitysskriptit. Tämä on suositeltavaa ainoastaan edistyneille analytiikkakäyttäjille SEO (Search engine optimization), eli hakukoneoptimointi Hakukoneet voivat käyttää tälle välilehdelle lisättyä tekstiä sivustosi kuvauksessa hakutulosten joukossa. Oletusarvoisesti tämä vaikuttaa kaikkiin sivustosi sivuihin, mutta sivuasetuksien editorissa voit asettaa tehdä myös sivukohtaista hakukoneoptimointia. Katso lisätietoja sivukohtaisesta hakukoneoptimoinnista kappaleesta Sivun muokkaaminen. Asetettavia tietoja ovat: Otsikko Näkyy hakukoneen tuloksissa otsikkona Kuvaus Näkyy hakukoneen tuloksissa kuvauksissa Hakusanat (erottele jokainen hakusana pilkulla) Listaa hakusanoja, joilla haluat, että asiakkaasi löytävät sivustosi. Kieli - Valitse minkä kielisten hakukoneen tulosten joukosta sinun sivustosi löytyy Voit myös lisätä sivustollesi OpenGraphin. Tämä sallii ihmisten nähdä sivustosi kuvauksen, kun siitä tykätään esimerkiksi sosiaalisessa mediassa Uudelleenohjaus Voit luoda uudelleenohjauksen sivustollesi klikkaamalla joko uusi, tai luo uudelleenohjaus. Sivusto avaa tämän jälkeen uuden lomakkeen, johon syötetään haluttu uudelleenohjaus. Mikäli olet esimerkiksi aikaisemmin pitänyt yrityksesi esittelysivun sivulla: esimerkkiyritys.fi/koti ja haluat jatkossa esitellä yrityksen omalla sivulla: esimerkkiyritys.fi/esittely, on suositeltavaa tehdä uudelleenohjaus. Näin vanhaa osoitetta käyttävät henkilöt ohjataan automaattisesti uudelle sivulle. Vanha linkki ei myöskään lakkaa toimimasta, mikäli päätät poistaa vanhan sivun sivustoltasi kokonaan.

30 Sivu 30/37 Halutessasi voit myös ohjata jonkin verkkosivusi kävijät suoraan toiselle verkkosivustolle. Valitse tällöin ohjauksen kohteeksi Lisää ulkoinen URL. Viimeiseksi uudelleenohjaukselle tulee myös määritellä ohjauksen tyyppi: 301 pysyvä tai 302 väliaikainen. 301 pysyvä Yleisin tyyppi uudelleenohjauksille. Hakukoneet (esim. Google) tallentavat tiedon näistä ohjauksista tietokantaansa ja näyttää uudelleenohjausten kohteena olevaa osoitetta hakutuloksissa. 302 väliaikainen Hakukoneet (esim. Google) eivät tallenna tietoa näistä ohjauksista tietokantaansa tai suosittele niitä hakutuloksissaan, koska kyseessä on vain tilapäinen ohjaus. Tilapäinen ohjaus voi olla esimerkiksi tapaus, jossa osoitteen esimerkkiyritys.fi kävijät halutaan ohjata tilapäisesti toiselle sivustolle. On tärkeää, että oikea uudelleenohjaustyyppi on tällöin valittuna, etteivät hakukoneen tarjoamat linkit lakkaa toimimasta.

31 Sivu 31/ Resetoi Sivuston resetointi poistaa kaiken sivuston sisällön, mutta verkkotunnuksen asetukset säilyvät. Resetoidaksesi sivuston, klikkaa Tyhjennä. Koska tätä toimintoa ei voi peruuttaa, tulee sivuston resetointi vielä erikseen vahvistaa. Resetoinnin jälkeen sivustosi luominen tulee aloittaa alusta.

32 Sivu 32/ Edistyneille käyttäjille Kustomoidun lomakkeen käyttäminen Mikäli valmiina widgeteissä valittavana olevat lomakkeet eivät jostain syystä käy, on Kotisivutyökalussa mahdollista käyttää myös itse kustomoituja lomakkeita. Lomakkeet tehdään esimerkiksi 3. osapuolen lomakesovellusta apuna käyttäen ja ne tuodaan kotisivutyökaluun HTML-koodina sulauta-widgettiä apuna käyttäen. (Otathan huomioon, että Nebula ei tarjoa tukea 3. osapuolen sovellusten käytössä). Voit luoda lomakkeita esimerkiksi JotForm-lomakerakentajan avulla. Jotform löytyy osoitteesta (JotForm saattaa vaatia rekisteröinnin ennen kuin voit hyödyntää kaikkia sen ominaisuuksia.)

33 Sivu 33/37 Luo ensin lomake käyttämällä lomakemuokkaajaa. Haluttua sisältöä voit vetää ja pudottaa lomakkeelle muokkaajan vasemmasta laidasta. Kaikkea lomakkeen tekstiä saat muokattua tuplaklikkaamalla tekstialuetta. Kun lomake on valmis, siirry Setup & Embed välilehdelle ja klikkaa Lähdekoodi. Ruudulle avautuu lomakkeen lähdekoodi omaan ikkunaan. Maalaa ja kopioi koodi talteen.

34 Sivu 34/37 Avaa nyt Kotisivutyökalu ja lisää sille sivulle, siihen kohtaan sulauta-widget, johon haluat asettaa lomakkeen. Sivulle ilmestyy harmaa laatikko, jossa lukee Voit liittää HTML-koodia sivuillesi laajentamaan sivustosi toiminnallisuutta. Kun klikkaat laatikkoa, ruudun oikeaan laitaan aukeaa HTML-editori. Liitä JotFormista kopioimasi HTML-koodi Kotisivutyökalun HTML-editoriin ja klikkaa Tallenna. Nyt lomakkeen tulisi näkyä sivustollasi ja olla täysin käyttövalmis.

35 Sivu 35/ Monitasoisen sivuston rakentaminen Kotisivutyökalulla voit luoda kansioita ja lisätä kansioiden sisään sivuja. Näin voit muodostaa esimerkiksi kansion Tuotteet ja lisätä kansioon sivut Tuote 1, Tuote 2 ja Tuote 3. Tällöin sivusto on rakennettu kahta tasoa käyttäen: Tuotteet o Tuote 1 o Tuote 2 o Tuote 3 Kansion sisään ei voi lisätä kansioita, mutta Kotisivutyökalulla on silti mahdollista luoda kolme- tai useampitasoisia verkkosivuja. Tämä toteutetaan niin, että kansion sivuille lisätään linkkejä 2. tason sivuihin ja 2. tason sivut poistetaan näkyvistä navigointipalkista. Kolmitasoisen sivuston rakenne on esimerkiksi seuraavanlainen: Tuotteet o 1. tuotekategoria Tuote 1 Tuote 2 o 2. tuotekategoria Tuote 3 Tuote 4 o 3. tuotekategoria Tuote 5 Aloita monitasoisen sivuston luominen, luomalla ensin jokaisen tason kaikki sivut haluamasi kansion sisään. Lue lisää sivustojen lisäämisestä kappaleesta sivun lisääminen. Kun kaikki sivut on luotu, piilotetaan 2. tason ja siitä ylempien tasojen sivut navigaatiopalkista. Tässä esimerkkitapauksessa piilotetaan siis sivut Tuote 1, Tuote 2, Tuote 3, Tuote 4 ja Tuote 5. Ohjeet tähän löytyy kappaleesta Sivun muokkaaminen asetus löytyy sivun asetuksista nimellä Piilotettu navigaatiosta. Siirry seuraavaksi kansion ensimmäiselle sivulle - tässä esimerkkitapauksessa 1. tuotekategoria. Lisää nyt tämän sivun sisälle linkit kaikista haluamistasi sivuista tässä esimerkkitapauksessa Tuote 1 ja Tuote 2. Linkin voi toteuttaa muutamalla eri tavalla, jotka esitellään seuraavissa kappaleissa Tekstilinkin luominen alasivulle Lisää kansion ensimmäiselle sivulle tekstielementti. Tarkemmat ohjeet tekstielementtien luomiseksi löydät kappaleesta Tekstin lisääminen. Kirjoita tekstielementin haluamasi tekstit, jotka kuvaavat alasivuja. Maalaa teksti, jonka haluat toimivan linkkinä 2. tason sivulle, klikkaa linkki-ikonia ja valitse sisäinen.

36 Sivu 36/37 Seuraavaksi Kotisivutyökalu pyytää sinua määrittelemään, mille sivulle linkki luodaan. Valitse haluttu alasivu ja klikkaa tallenna. Tee tämän jälkeen muut tekstilinkit vastaavalla tavalla ja klikkaa tekstieditorista lopuksi Tallenna. Toista toimenpide kaikille kansion sivuille. Mikäli sivustossasi on enemmän kuin 3 tasoa, luo vastaavat alasivujen linkit myös 2. tason sivuille ja siitä eteenpäin niin pitkälle kuin on tarpeen. Nyt kansiossasi on kolme sivua, joista ensimmäiseltä löytyy linkit 2. tason alasivuille. Itse alasivut eivät näy navigaatiopalkissa, koska ne on piilotettu sieltä. Tekstiä klikkaamalla aukeaa tuotesivu Tuote Kuvalinkin luominen alasivulle Linkkejä alasivuille voi luoda myös kuvien avulla. Aloita jakamalla sivu useampaan sarakkeeseen (vaihtoehtoja on 1-4). Voit lisätä sivulle Sarakkeet-widgetin. Esimerkkitapauksen mukaan sivu jaetaan kahteen sarakkeeseen, josta kumpaankin asetetaan kuvalinkki tuotesivulle. Tarkat ohjeet widgetin lisäämiseksi löytyy kappaleesta Widgetit. Lisää seuraavaksi sarakkeisiin kuvat, joiden haluat toimivan linkkinä alasivuille. Tarkemman ohjeet kuvien lisäämiseksi löydät kappaleesta Kuvien lisääminen verkkosivulle. Aloita linkin lisääminen klikkaamalla kuvaa, jolloin näytön vasempaan laitaan ilmestyy asetusvalikko. Klikkaa tekstin Linkki kohteeseen alla olevaa pudotusvalikkoa ja valitse Sisäinen. Valitse sivu, alasivu johon kuva linkitetään ja