Aloitusopas verkkosivuston ylläpitoon

Transkriptio

1 Aloitusopas verkkosivuston ylläpitoon

2 JPP-Soft Oy 2(13) Sisällys Tervetuloa emedia CMS verkkopalveluiden käyttäjäksi... 3 Sivuston graafinen ilme ja rakenne... 4 Sivuston ilme ja tyyli... 5 Sivupohjat... 5 Sisäpohjat... 5 Sisällön tyylit... 6 Sivuston rakenne... 7 Päätason sivut päävalikko... 7 Toisen ja kolmannen tason sivut... 8 Lisä valikko... 8 Sivujen lisääminen... 9 Sisällöntuotanto ja editorin käyttö Kuvien ja tallennus Kuvan lisäys verkkosivulle Kuvan muokkaaminen lisäämisen jälkeen Linkit... 13

3 JPP-Soft Oy 3(13) Tervetuloa emedia CMS verkkopalveluiden käyttäjäksi Tervetuloa emedia CMS -järjestelmän käyttäjäksi. Tämä lyhyt starttiopas auttaa verkkopalveluiden käytössä alkuun. Ohjelman käyttöohjeet löytyvät järjestelmän hallinnasta kohdasta Ohjeet. Sisään kirjautuminen päivitystilaan tapahtuu kirjoittamalla osoitteen perään /admin Ennen julkaisua sivustoja voi päivittää osoitteissa Julkaisun jälkeen sivustoa päivitetään domain osoitteella Verkkosivuston ylläpitoa tukevat selaimet ovat Internet Explorer ja Mozilla Firefox.

4 JPP-Soft Oy 4(13) Sivuston graafinen ilme ja rakenne Sivuston suunnitteluvaiheessa on määritelty sivuston graafinen ilme ja perusrakenne. Sivustolle on graafista ilmettä ja rakennetta varten asennettu mm. yksilölliset sivupohjat, valikkorakenteet ja muotoilutyylit. Sivupohjat määrittävät sivun ulkoasun: ulkosivupohjat ja sisäsivupohjat. Ulkosivupohja määrittelee verkkosivun yleisen ulkoasun. Ulkosivupohjia on useasti vain yksi, default, jota käytetään kaikilla sivuilla. On mahdollista ottaa käyttöön useampi ulkosivupohja, jos esimerkiksi kampanjasivustolla tms. halutaan, että sivuston ilme eroaa pääorganisaation ilmeestä. Sisäsivupohjissa on määritelty millainen asettelu sivulla on. Sisäsivupohjia tehdään tarpeen mukaan useampia. Yleensä nämä ovat esim. home etusivu, default sisältö sivu. Ulkosivupohjaan on liitetty oletuksena tiedot sivuston sisällön ulkoasusta ja muotoiluista. Kuten otsikoiden ulkoasu, leipätekstin ulkoasu ja valittavat tyylit. Kaikki nämä edellä mainitut on tehty toimittajan toimesta ennen sivuston käyttöönottoa. Näihin voidaan myöhemminkin tehdä muutoksia. Jos haluat muutoksia, niin ota yhteys asiakaspalveluun, puh , tai yhteyshenkilöösi.

5 JPP-Soft Oy 5(13) Sivuston ilme ja tyyli Sivupohjat Ulkosivupohja Sisältösivupohja Sisäpohjat Järjestelmässä on yksi etusivu, joka sisältää muokattavia sisältöalueita. Etusivulla ei näytetä navigaatiota vasenmassa reunassa. Default Home Normaali sisältösivu ja asettelu Etusivun asettelu ja ulkoasu

6 JPP-Soft Oy 6(13) Sisällön tyylit Verkkosivustolla käytettävät fontit, niiden värit ja koot on määritelty järjestelmään. Verkkosivuston ilme pysyy yhdenmukaisena, kun kaikilla sivuilla käytetään määritettyjä tekstityylejä.

7 JPP-Soft Oy 7(13) Sivuston rakenne Sivuston rakenne on pääkäyttäjän muokattavissa sivukartan avulla. Sivukartan päätason sivut näkyvät verkkosivulla päävalikossa. Päätason sivujen alle voi luoda alasivuja ja niille alasivuja. Sivujen keskinäistä järjestystä tai sivun paikkaa voidaan muuttaa sivukartan toimintojen avulla. Päätason sivut päävalikko Sivut päävalikossa näkyvät ensimmäisellä tasolla sivukartassa Sivujen järjestys määräytyy numeron mukaan. kirjoita kenttään numero Paina tallenna Sivu voidaan piilottaa valikosta painamalla ikonia. Valikossa näkymätön sivu näkyy haussa. punainen väri ei näy vihreä väri näkyy valikossa

8 JPP-Soft Oy 8(13) Toisen ja kolmannen tason sivut Päätason alla olevat sivut näkyvät default sisäpohjassa sivuston vasemmassa laidassa. Vasemmassa valikossa näkyy aina valitun sivun alasivut. Lisä valikko Yläreunan lisävalikon sivut tulevat 33Hae sivu alta. Jos lisäät sivun tähän se tulee ylälaitaan näkyviin.

9 JPP-Soft Oy 9(13) Sivujen lisääminen Vain webmaster oikeuksilla voi lisätä päätason sivuja. Muokkausoikeuden omaava voi lisätä sivulle alasivuja. Sivun lisäämisen asetuksia on kolmella eri välilehdellä: asetukset, lisäasetukset ja oikeudet. Asetukset välilehdelle annetaan sivun nimi. Oletuksena järjestelmä luo www-sivun oletussivupohjilla, sivu ei näy valikossa, katseluoikeus anonyymi, päivitysoikeus webmaster. Kirjoita sivun nimi riville, nimi näkyy sivuston valikossa, osoiterivillä sekä selaimen otsikossa. Lisäasetukset välilehdellä voidaan määritellä mm. julkaisu- ja vanhenemisaika. Sivun otsikko riville voidaan kirjoittaa laajempi kuvaus sivun tai palvelun sisällöstä, esim. 3-5 sanaa lauseen muodossa. Tälle riville kirjoitettu sisältö näkyy selaimen otsikkopalkissa sivun nimen lisäksi. Sivun otsikko -riville sisällytetään avainsanoja, mutta ei pelkkää sanalistaa. Tällä vaikutetaan sivun parempaan löytymiseen hakukoneissa.

10 JPP-Soft Oy 10(13) Sivun katselu- ja editointioikeudet määritellään oikeudet välilehdellä. Oletuksena sivun katseluoikeus on anonyymi, editointi webmaster.

11 JPP-Soft Oy 11(13) Sisällöntuotanto ja editorin käyttö Tekstin kirjoittaminen Editoriin voi kirjoittaa tai liittää tekstiä. Hiiren kursori laitetaan siihen kohtaan, josta teksti alkaa. Ohjelma rivittää tekstin automaattisesti, joten käyttäjän ei tarvitse huolehtia rivinvaihdoista. Kirjoita teksti ensin ja muotoile se sitten järjestelmään liitetyillä muotoilutyyleillä (otsikkotyylit, erikoistyylit jne.)! Kappalevaihto = Enter Rivinvaihto = Shift + Enter Huom! Järjestelmä vaatii, että kappalevaihto on tehty enter-painalluksella (ei kahdella rivinvaihdolla). Esimerkiksi otsikkotyyli tulee koko kappaleeseen. Jos kappalevaihtoa ei ole tehty oikein, tulee seuraavakin kappale otsikkotyylillä muotoilluksi. Tekstin liittäminen leikepöydältä Käytä liittämiseen Teksti tulee liittää editoriin aina MUOTOILEMATTOMANA. Käytä editorin painiketta Liitä pelkkänä tekstinä, tällöin lähteen (esim. Word-dokumentti) muotoilut poistuvat. Kun teksti on liitetty MUOTOILEMATTOMANA editoriin, muotoillaan se sitten verkkosivuston tyyleillä. Kuvien ja tallennus - sivustolla käytettävät kuvat tallennetaan ensin tiedostonhallinnan kansioon - tallennuksen yhteydessä kuvan leveyttä on yleensä tarpeen pienentää (esim. valokuvat) - verkkosivuilla voi käyttää kuvaformaatteja.jpg,.gif ja.png Kuvan mitat ilmaistaan pikseleinä (px), leveys x korkeus (esim. 350 px * 250 px). Kuvasta on tarpeen tietää, minkä levyisenä sitä on tarkoitus käyttää verkkosivulla. Kun kuvaa tuodaan tiedostonhallinnan kansioon, voidaan sen leveyttä pienentää ennen lähettämistä. Laita ruksi kohtaan Muuta kuvan kokoa ja anna kuvalle uusi leveysmitta ruutuun. Paina Lähetä. Kun kuva on näin pienennetty ennen tallennusta, pienenee kuvan mittojen lisäksi kuvatiedoston koko verkkosivulle sopivammaksi.

12 JPP-Soft Oy 12(13) Kuvan lisäys verkkosivulle Uuden kuvan lisäämisessä sivuun on seuraavat vaiheet. 1. Uusi kuva viedään hallinta->tiedostot järjestelmän tiedoston hallintaa. 2. Kuva lisätään editorin kautta haluttuun paikkaan sivulla. Avataan editori ja klikataan hiirellä siihen kohtaan, johon kuva halutaan lisättävän. Painetaan editorin lisää kuva painiketta. Painetaan rivin päässä olevaa painiketta ja selataan kansiosta oikea kuva. Kuvan kuvaus teksti näkyy mm. tekstiselaimissa. Kuvan muokkaaminen lisäämisen jälkeen Kuva tulee näkyviin siihen kohtaan, jossa kursori vilkkuu. Kuvaa voidaan muokata lisäämisen jälkeen aktivoimalla kuva (klikkaa päältä) ja painamalla editorin painiketta Lisää/muokkaa kuvaa. Kuvaa voidaan näkyminen -välilehdeltä säätää asettumaan esim. oikeaan tai vasempaan laitaan, jolloin teksti kiertää kuvaa toiselta puolelta. Tasaus voidaan säätää missä kohdassa sivua kuva sijaitsee. Esikatselukuvasta näkee, miten kuva oikealla, teksti kiertää vasemmalta. Kuvan kokoa voidaan muuttaa Mitat kohdata. Jos muutat kuvan koko tee tässä vain pieniä muutoksia! Ei suositella Tämä ei muuta kuvan alkuperäistä koko Kuvan ulkoasu kärsii sen pienentämisestä Väärä tapa on viedä kuvat alkupäisen kokoisena tiedostonhallintaan ja muuttaa kuvan kokoa editorissa kuvan rutistamalla. Seurauksena on kuvien ja sivuston latautumisen hidastuminen ja epätarkat kuvat.

13 JPP-Soft Oy 13(13) Linkit Sisäinen linkki / Linkki liitetiedostoon Sisäinen linkki tehdään jollekin oman verkkosivuston sivulle. Linkitettävä sivu löytyy Valitse sisäinen linkki välilehdeltä (avautuu oletuksena). Näkyvillä olevasta listasta valitaan sivu johon linkki halutaan tehdä. Liitetiedostolinkistä avautuu jokin tiedosto esim. dokumentti tai kuva. Linkitettävät tiedostot löytyvät Valitse liitetiedosto välilehdeltä. Liitetiedostot on hyvä laittaa aukeamaan uuteen selainikkunaan, jotta sivusto jää dokumentin alle avonaiseksi. Voi valita linkki tyylin tästä ESIM. Lue lisää Ulkoinen linkki Kun tehdään linkki jollekin toiselle www-sivulle, sivu on hyvä laittaa avautumaan uuteen selainikkunaan. Näin oma sivusto jää auki taustalle. Verkkosivustolla kävijän tulisi ymmärtää, että hän on siirtymässä tältä sivustolta linkkiä myöten toiselle verkkosivustolle. Tämä tulisi käydä jotenkin ilmi linkin tekstistä. Ulkoisen sivuston osoite kopioidaan riville. Avataan nuolesta ja valitaan avautumaan uudessa ikkunassa.