Kotisivukoulutus 24.1.2012 Ohjeet alasivujen tekoon ja kuvien lisäämiseen © SVS Länsi-Suomi.

Esitys aiheesta: "Kotisivukoulutus 24.1.2012 Ohjeet alasivujen tekoon ja kuvien lisäämiseen © SVS Länsi-Suomi."— Esityksen transkriptio:

1 Kotisivukoulutus 24.1.2012 Ohjeet alasivujen tekoon ja kuvien lisäämiseen © SVS Länsi-Suomi

2 Yleistä alasivuista Vuoden 2012 alusta osasto voi halutessaan tehdä sivuilleen ”alasivuja”, eli jaotella tietoa eri ryhmiin. Esimerkiksi: Kangasalan osaston sivut © SVS Länsi-Suomi

3 Alasivuja kannattaa tehdä osastolle vain, mikäli osastolla on joitakin riittävän säännöllisiä toimintoja ja sivuja päivitetään riittävän usein. Alasivuja kannattaa tehdä osastolle vain, mikäli osastolla on joitakin riittävän säännöllisiä toimintoja ja sivuja päivitetään riittävän usein. Mikäli etusivua joutuu rullaamaan pitkälle alaspäin, kannattaa tietoa siirtää alasivuille Mikäli etusivua joutuu rullaamaan pitkälle alaspäin, kannattaa tietoa siirtää alasivuille Huom! Alasivuja ei ole pakko tehdä. Pelkkä etusivu on parempi vaihtoehto kuin sekavat ja harvoin päivitettävät alasivut. Huom! Alasivuja ei ole pakko tehdä. Pelkkä etusivu on parempi vaihtoehto kuin sekavat ja harvoin päivitettävät alasivut. Luettavuuden ja käytettävyyden kannalta alasivujen määrä kannattaa pitää melko alhaisena (max 5 sivua) Luettavuuden ja käytettävyyden kannalta alasivujen määrä kannattaa pitää melko alhaisena (max 5 sivua) © SVS Länsi-Suomi

4 Esimerkkejä alasivurakenteista 1. Osaston etusivu (etusivulla lyhyt kuvaus osaston toiminnasta ja yhteystiedot) - Alasivut teemoittain esim. ”Kulttuuri”, ”Matkat”, ”Luennot” 2. Osaston etusivu (etusivulla lyhyt kuvaus osaston toiminnasta ja yhteystiedot) - Alasivut vuosirakenteella 2011, 2012, 2013 - HUOM! Liian vanhojen asioiden (esim 2007) pitäminen sivuilla ei anna hyvää kuvaa © SVS Länsi-Suomi

5 Alasivun teko Kirjaudu normaalisti nettisivuille ja valitse Länsi-Suomen osastovalikosta oma osastosi Kirjaudu normaalisti nettisivuille ja valitse Länsi-Suomen osastovalikosta oma osastosi Klikkaa Osaston nimen alta ”alasivut”-painiketta. Klikkaa Osaston nimen alta ”alasivut”-painiketta. © SVS Länsi-Suomi

6 Alasivun lisääminen Alasivu lisätään painikkeella ”Sivu” Alasivu lisätään painikkeella ”Sivu” Päädytään ”Luo sivu”- muokkausnäkymään, joka toimii samalla tavoin kuin muukin päivittäminen Päädytään ”Luo sivu”- muokkausnäkymään, joka toimii samalla tavoin kuin muukin päivittäminen © SVS Länsi-Suomi

7

8 Sivun sisällön luonti ”Otsikko”-kenttään laitetaan alasivun nimi esim. ”Kulttuuri” ”Otsikko”-kenttään laitetaan alasivun nimi esim. ”Kulttuuri” Otsikko-kentän alle on luotu uusi, entistä yksinkertaisempi tapa lisätä kuva. Otsikko-kentän alle on luotu uusi, entistä yksinkertaisempi tapa lisätä kuva. © SVS Länsi-Suomi

9 Kuvan lisääminen Painamalla ”Selaa”-painiketta pääsee suoraan omalle koneelle hakemaan kuvaa. Painamalla ”Selaa”-painiketta pääsee suoraan omalle koneelle hakemaan kuvaa. Kun kuva on valittu, painetaan ”lisää” Kun kuva on valittu, painetaan ”lisää” Kuva aukeaa näkyviin pikkukuvana Kuva aukeaa näkyviin pikkukuvana (Huom. Myös aiemmin opetettua kuvanlisäystapaa voi edelleen käyttää.) © SVS Länsi-Suomi

10 Kuvan lisääminen 2 Kuvan saa lisättyä alasivulle haluttuun kohtaan: Kuvan saa lisättyä alasivulle haluttuun kohtaan: Hiiren kursori viedään alempana olevaan ”Sisältö”-kenttään. Mikäli Sisältö-kohtaan on jo kirjoitettu jotakin, kuvan paikka määräytyy sen mukaan, missä kohtaa tekstiä hiirellä klikkaa. Hiiren kursori viedään alempana olevaan ”Sisältö”-kenttään. Mikäli Sisältö-kohtaan on jo kirjoitettu jotakin, kuvan paikka määräytyy sen mukaan, missä kohtaa tekstiä hiirellä klikkaa. Tämän jälkeen kuvakentän vierestä painetaan Tämän jälkeen kuvakentän vierestä painetaan ”Lisää valittuun kohtaan ”Lisää valittuun kohtaan © SVS Länsi-Suomi

11 Kuvan koko Kuvan kokoon on valmiit vaihtoehdot ”Style”-alasvetovalikossa: Keskikoko, iso ja alkuperäinen koko. Kuvan kokoon on valmiit vaihtoehdot ”Style”-alasvetovalikossa: Keskikoko, iso ja alkuperäinen koko. Kuvan kokoa pääsee määrittelemään myöhemmin vanhallakin työkalulla (”sisältö”-kentän yläpuolella oleva kuvake) Kuvan kokoa pääsee määrittelemään myöhemmin vanhallakin työkalulla (”sisältö”-kentän yläpuolella oleva kuvake) © SVS Länsi-Suomi

12 Sivun julkaisu Sisältö-kenttään kirjoitetaan haluttu teksti Sisältö-kenttään kirjoitetaan haluttu teksti Sisältö-kentän alla olevasta ”Asetukset”- valikosta valitaan ”Luo valikkokohta” Sisältö-kentän alla olevasta ”Asetukset”- valikosta valitaan ”Luo valikkokohta” Tämän jälkeen painamalla sivun alhaalta ”Tallenna”, alasivu on luotu Tämän jälkeen painamalla sivun alhaalta ”Tallenna”, alasivu on luotu Alasivuja voi samalla tavalla luoda useita, jolloin ne tulevat näkyviin sivupalkkiin osaston nimeä klikatessa Alasivuja voi samalla tavalla luoda useita, jolloin ne tulevat näkyviin sivupalkkiin osaston nimeä klikatessa © SVS Länsi-Suomi

13 Alasivujen näkyminen etusivulla Mikäli haluat alasivut näkymään sivupalkin lisäksi myös etusivulla, toimi seuraavasti: Mikäli haluat alasivut näkymään sivupalkin lisäksi myös etusivulla, toimi seuraavasti: Mene osaston etsivulle ja paina ”Muokkaa” Mene osaston etsivulle ja paina ”Muokkaa” Kohdassa ”Asetukset” on valikko ”Valitse, miten alasivut näytetään” Kohdassa ”Asetukset” on valikko ”Valitse, miten alasivut näytetään” ”Otsikkolistauksella” etusivulle tulee alasivun otsikko linkiksi ”Otsikkolistauksella” etusivulle tulee alasivun otsikko linkiksi ”Lyhennelmälistaus” näyttää ingressiin kirjoitetut tiedot sekä mahdollisen kuvan pienenä ”Lyhennelmälistaus” näyttää ingressiin kirjoitetut tiedot sekä mahdollisen kuvan pienenä ”Tapahtumalistaus” näyttää ingressiin kirjoitetut tiedot ilman kuvaa. ”Tapahtumalistaus” näyttää ingressiin kirjoitetut tiedot ilman kuvaa. © SVS Länsi-Suomi