Kotisivutyökalu - Telia Inmics-Nebula · Kotisivutyökalu Käyttäjän opas Sivu 3/37 Julkinen Nebula Oy Heikkiläntie 2, 5krs. Fax. 09-6818 3830 Asiakaspalvelu Myynti 00210 Helsinki

Nebula Oy Heikkiläntie 2, 5krs. Fax. 09-6818 3830 Asiakaspalvelu Myynti 00210 Helsinki [email protected] Puh. 09-6818 3810 Puh. 09-6818 3820 Suomi Finland Y-tunnus 2305424-7 [email protected] [email protected]

Kotisivutyökalu Käyttäjän opas

Nebula Oy


Sivu 2/37 Julkinen


Sisällysluettelo

1. Esittely ............................................................................................................................. 4

2. Kotisivutyökalun tilaaminen ............................................................................................. 4

3. Kotisivutyökalun tunnusten luominen ............................................................................... 4

4. Kirjautuminen Kotisivutyökaluun ...................................................................................... 7

4.1. Kirjautuminen Kotisivutyökaluun MyNebula-hallintapaneelin kautta ................................................ 7

4.2. Kirjautuminen Kotisivutyökaluun suoran verkko-osoitteen kautta ..................................................... 8

5. Mallipohjan valinta ........................................................................................................... 9

6. Muokkaustilaan siirtyminen ............................................................................................ 10

6.1. Sivun lisääminen ............................................................................................................................... 10

6.2. Sivun muokkaaminen ....................................................................................................................... 11

7. Kansion lisääminen .......................................................................................................... 12

7.1. Sivujen lisääminen kansion sisälle .................................................................................................... 12

8. Sisällön lisääminen sivulle ................................................................................................ 13

8.1. Tekstin lisääminen ............................................................................................................................ 13

9. Sivuston väriteema ja fontit ............................................................................................. 15

9.1. Tekstielementtien muokkaaminen ................................................................................................... 15

9.2. Väriteeman muokkaaminen ............................................................................................................. 16

9.3. Sivujen taustan muokkaaminen ........................................................................................................ 17

10. Sivuston kuvitus .............................................................................................................. 18

10.1. Kuvien lisääminen verkkosivulle ....................................................................................................... 19

10.2. Kuvien hallintatyökalut ..................................................................................................................... 19

10.3. Kuva-albumit .................................................................................................................................... 20

11. Widgetit .......................................................................................................................... 23

11.1. Mallipohjan Widgetit ........................................................................................................................ 26

11.2. Mallipohjan Widgetin piilottaminen ................................................................................................. 26

12. Sivuston julkaiseminen ja esikatselu ................................................................................ 27

13. Hallinnoi ......................................................................................................................... 28

13.1. Sivuston tila ...................................................................................................................................... 28

13.2. Profiili ............................................................................................................................................... 28

13.3. Verkkotunnuksen yhdistäminen ....................................................................................................... 28

13.4. Favicon ............................................................................................................................................. 29

13.5. Analytiikka ........................................................................................................................................ 29

13.6. SEO (Search engine optimization), eli hakukoneoptimointi .............................................................. 29


Sivu 3/37 Julkinen


13.7. Uudelleenohjaus ............................................................................................................................... 29

13.8. Resetoi .............................................................................................................................................. 31

14. Edistyneille käyttäjille ...................................................................................................... 32

14.1. Kustomoidun lomakkeen käyttäminen ............................................................................................. 32

14.2. Monitasoisen sivuston rakentaminen ............................................................................................... 35

14.2.1. Tekstilinkin luominen alasivulle .............................................................................................................. 35

14.2.2. Kuvalinkin luominen alasivulle ................................................................................................................ 36


Sivu 4/37 Julkinen


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 (https://cp.mynebula.fi). 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.

http://www.nebula.fi/fi/palvelut/yritysten-verkkosivut/kotisivutyokalu

https://store.nebula.fi/http/index.php?NAME_PATH=HOMEPAGE_MINI_PATH

https://store.nebula.fi/http/index.php?NAME_PATH=HOMEPAGE_PATH

http://cp.mynebula.fi/

https://cp.mynebula.fi/


Sivu 5/37 Julkinen


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 www.omadomain.fi). 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.

http://www.omadomain.fi/

http://www.nebula.fi/fi/asiakkaille/ohje/yritysten-verkkosivut/verkkotunnuksen-liittaminen-kotisivutyokaluun-mynebula


Sivu 6/37 Julkinen


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

http://kotisivut.nebula.fi/

http://www.nebula.fi/fi/asiakkaille/ohje/yritysten-verkkosivut/kotisivutyokalu-tunnusten-luominen-mynebula


Sivu 7/37 Julkinen


4. Kirjautuminen Kotisivutyökaluun

Kun olet luonut käyttäjätunnukset Kotisivutyökaluun, voit kirjautua Kotisivutyökalun hallintaan. Kirjautumisvaihtoehtoja on kaksi.

4.1. Kirjautuminen Kotisivutyökaluun MyNebula-hallintapaneelin kautta

Kirjaudu MyNebula-hallintapaneeliin osoitteessa http://cp.mynebula.fi 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.

http://cp.mynebula.fi/


Sivu 8/37 Julkinen


Klikkaa aukeavalta sivulta ”Avaa” ja Kotisivutyökalu aukeaa uuteen ikkunaan selaimessasi.

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

http://kotisivut.nebula.fi/


Sivu 9/37 Julkinen


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.


Sivu 10/37 Julkinen


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.

6.1. 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”.


Sivu 11/37 Julkinen


6.2. 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”.


Sivu 12/37 Julkinen


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.

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


Sivu 13/37 Julkinen


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.

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

Klikkaa ”Otsikko 1”-painiketta hiiren vasemmalla painikkeella, pidä näppäin pohjassa, vedä se tyhjän sivun katkoviiva-alueelle kohtaan, jossa alue muuttuu tummansiniseksi ja päästä hiiren painikkeesta irti.

Sivulle ilmaantuu teksti ”OTSIKKO1”.

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.


Sivu 14/37 Julkinen


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.


Sivu 15/37 Julkinen


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

9.1. 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”.


Sivu 16/37 Julkinen


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


Sivu 17/37 Julkinen


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


Sivu 18/37 Julkinen


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


Sivu 19/37 Julkinen


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

10.2. 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:


Sivu 20/37 Julkinen


10.3. 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 kuva-arkistoon

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 kuva-editori, josta löytyy hyvin kattavat työkalut kuvan

muokkaamiseksi. Kun kuvan muokkaus on valmista, paina ”Tallenna”.


Sivu 21/37 Julkinen


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.


Sivu 22/37 Julkinen


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.


Sivu 23/37 Julkinen


11. 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 verkko-osoitteen. Verkko-osoitteen saat selville LinkedIn-profiilisi määrityksistä.


Sivu 24/37 Julkinen


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.


Sivu 25/37 Julkinen


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


Sivu 26/37 Julkinen


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

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


Sivu 27/37 Julkinen


12. 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”.


Sivu 28/37 Julkinen


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

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

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

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


Sivu 29/37 Julkinen


täältä. Verkkotunnuksen liittäminen alkaa MyNebula-hallintapaneelista. Ohjeet verkkotunnuksen liittämiseksi löydät verkkosivuiltamme täältä.

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

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

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

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

http://www.nebula.fi/fi/asiakkaille/ohje/yritysten-verkkosivut/kotisivutyokalu-palvelun-paivittaminen

http://www.nebula.fi/fi/asiakkaille/ohje/yritysten-verkkosivut/verkkotunnuksen-liittaminen-kotisivutyokaluun-mynebula


Sivu 30/37 Julkinen


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.


Sivu 31/37 Julkinen


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


Sivu 32/37 Julkinen


14. Edistyneille käyttäjille

14.1. 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 http://www.jotform.com. (JotForm saattaa vaatia rekisteröinnin ennen kuin voit hyödyntää kaikkia sen ominaisuuksia.)

http://www.jotform.com/


Sivu 33/37 Julkinen


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.


Sivu 34/37 Julkinen


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.


Sivu 35/37 Julkinen


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

14.2.1. 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”.


Sivu 36/37 Julkinen


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

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


Sivu 37/37 Julkinen


klikkaa ”Tallenna”. Klikkaa vielä lopuksi vasemmassa yläreunassa, kuvanmuokkausvalikossa olevaa ”Tallenna” –painiketta.

Nyt kuva toimii linkkinä tuotesivulle. Alasivut eivät näy navigaatiopalkissa, sillä ne on piilotettu sieltä.

Documents

Kotisivutyökalu - Telia Inmics-Nebula · Kotisivutyökalu Käyttäjän opas Sivu 3/37 Julkinen Nebula Oy Heikkiläntie 2, 5krs. Fax. 09-6818 3830 Asiakaspalvelu Myynti 00210 Helsinki