Ambientia Content Manager TM

Ambientia Content Manager TM ESIMERKKIOHJE Ambientia Oy asiakaspalvelu@ambientia.fi www.ambientia.net TM Ambientia Content Manager

2 (16) ESIMERKKIOHJE, SISÄLLYSLUETTELO 1 YLEISTÄ...3 1.1 SIVUN MUOKKAUS...3 2 UUDEN ALISIVUN LISÄYS...5 3 SIVUN JULKAISEMINEN...6 4 SISÄLLÖN MUOTOILEMINEN...8 4.1 TYYLIN MÄÄRITTÄMINEN TEKSTIIN...8 4.2 TYYLIN MÄÄRITTÄMINEN TAULUKKOON...9 5 LINKIN TEKEMINEN SIVULLE... 10 5.1 LINKIN TEKEMINEN TOISEEN VERKKOPALVELUUN... 10 5.2 PAIKALLISEN LINKIN MUODOSTAMINEN... 11 5.3 LINKIN MUOKKAAMINEN... 12 5.4 LIITETIEDOSTOLINKIN MUODOSTAMINEN... 12 6 KUVAN LISÄÄMINEN SIVULLE... 13 7 TEKSTIN TUOMINEN SIVULLE... 15 8 LISÄTIETOJA... 16

3 (16) 1 YLEISTÄ Content Manager esimerkkiohje on tarkoitettu lisäosaksi päivittäjille suunnatun käyttöohjeeseen. Esimerkkiohjeessa käsitellään asioita toisin kuin perusohjeessa, jossa asiat on esitelty toimintojen mukaan. Tässä ohjeessa kerrotaan, kuinka toimintoja käytetään eli miten jokin asia tehdään. 1.1 Sivun muokkaus Yleisin päivittäjän tekemä asia Content Manager päivitystyökalussa on sivujen tietojen muuttaminen. 1. Päivitettävä sivu löytyy Content Managerin Rakenne ja sisältö osiosta. Palvelun rakennetta myötäilevä rakenne päivitystyökalussa helpottaa päivitettävän sivun löytämistä. Kuva 1, Muokattava sivu palvelun julkisella puolella ja Content Manager päivitystyökalun rakenteessa. 2. Klikkaa muokattavan sivun nimeä, jolloin sivun muokkaustila avautuu.

4 (16) Kuva 2, Sivun muokkaustila eli editori. 3. Tee haluamasi muutokset sivulle. 4. Esikatsele sivu ennen tallennusta. Esikatselu avautuu klikkaamalla Esikatselu-painiketta, jolloin avautuu erillinen näkymä, joka vastaa palvelun julkista puolta tallennuksen jälkeen. Esikatselun jälkeen on mahdollista muokata sivua vielä ja tallentaa sivu. 5. Tallenna sivu. Tallennus tapahtuu klikkaamalla Tallennapainiketta. Tallennusvaihtoehtoja on kaksi: Tallenna ja Tallenna ja poistu. Pelkkää tallennusta käyttämällä sivu tallentuu ja sivun muokkaustila jää avoimeksi, jolloin sivun muokkausta voidaan jatkaa. Jos taas valitaan Tallenna ja poistu vaihtoehto, sivu tallentuu ja tallennuksen jälkeen palataan takaisin Rakenne ja sisältö näkymään. Tallennuksen jälkeen sivulle tehdyt

5 (16) muutokset näkyvät palvelun julkisella puolella, jos sivu oli alkujaan määritelty näkyväksi. 2 UUDEN ALISIVUN LISÄYS Kuva 3, Uuden alisivun lisäys Useimmilla päivittäjillä on mahdollisuus luoda tarvittaessa uusia sivuja jo olemassa olevien sivujen alisivuiksi. 1. Uuden alisivun lisäys aloitetaan sen sivun kohdalta, jonka alle uusi sivu halutaan luoda. 2. Aloita sivun lisäys perussivujen kohdalla klikkaamalla - kuvakkeesta. 3. Määritä sivun ominaisuudet eli nimi, näkyvyys ja mahdollisesti sivupohja. 4. Anna sivulle nimi, joka kuvaa sivun sisältöä parhaiten. Pidä nimi kuitenkin kohtuullisen pituisena. 5. Määritä sivun näkyvyys. Oletuksena tarjotaan Sivu ei näy valikoissa vaihtoehtoa. Useimmissa tapauksissa vaihtoehtoa ei tarvitse muuttaa. Jos haluat olla varma, ettei kukaan näe sivua ennen kuin haluat sivun julkaista, valitse Sivua ei näytetä palvelussa vaihtoehto. 6. Voit määrittää sivulle aikarajoituksen. Jos haluat, että sivu tulee näkyviin tai poistuu näkyvistä tiettynä ajankohtana, valitse aikarajoitus päälle ja määritä, mistä mihin aikarajoitus on voimassa. Jos käytät aikarajoitusta sivun julkaisemiseen, laita näkyvyyttä säätelevä lamppukuvake palavaksi eli sivu näkyville. Sivu ei näy valikoissa ennen aikarajoituksen voimaantuloa, mutta sivu ei kuitenkaan tule näkyville aikarajoituksen puitteissa, jos sivu on määritelty näkyvyysasetuksista lampulla piiloon. 7. Valitse tarvittaessa sivupohja. Sivupohjaksi perussivussa tarjotaan yleensä oletussivupohjaa, joka on useimmissa tapauksissa oikea vaihtoehto. Päivittäjän ei yleensä tarvitse

vaihtaa sivupohja-asetusta. Jos muutoksia tarvitsee tehdä, käytännöt ohjeistetaan tapaus- ja palvelukohtaisesti. 6 (16) 8. Klikkaa Lisää-painiketta, jolloin sivu lisätään osaksi rakennetta. Kuva 4, Sivun ominaisuudet 9. Lisäyksen jälkeen siirrytään sivun muokkaustilaan. 10. Tallenna sivu. Klikkaa Tallenna-painiketta ja tallenna sivu. Jos haluat suoraan lisätä sivulle sisältöä, valitse pelkkä tallennus. Tällöin pysyt editointitilassa ja voit lisätä sivulle haluamaasi sisältöä. 3 SIVUN JULKAISEMINEN Yleensä uusi sivu pidetään palvelun julkiselta puolelta piilossa, kunnes sivu on valmis julkaistavaksi. 1. Sivu julkaistaan muuttamalla näkyvyysasetusta. 2. Asetusta voidaan muuttaa joko sivun ominaisuuksista tai suoraan rakenteesta lamppukuvakkeella.

7 (16) Kuva 5, Lamppukuvake rakenteessa 3. Lamppukuvake on harmaana, kun sivu on piilossa palvelun navigoinnista. Jotta sivu tulisi julkaistuksi, lampun tulee olla keltainen eli valon palaa. Muuta lamppukuvakkeen asetusta klikkaamalla lamppukuvaketta julkaistavan sivun kohdalla. 4. Lamppu muuttuu ensin -kuvakkeeksi, joka tarkoittaa, että sivu on kokonaan näkymättömissä julkiselta puolelta. 5. Klikkaa kuvaketta vielä kertaalleen, jolloin lamppuun syttyy valo ja sivu julkaistaan. Voit julkaista sivun myös sivun ominaisuuksista asetusta muuttamalla. Ominaisuuksiin pääset julkaistavan sivun kohdalta -kuvakkeesta.

8 (16) 4 SISÄLLÖN MUOTOILEMINEN 4.1 Tyylin määrittäminen tekstiin Kuva 6, Tekstille valittavat tyylit. Sivun muokkaustilassa eli editorissa on mahdollista valita erilaisia tyylejä niin tekstille, kuville kuin esimerkiksi taulukoillekin. Tyylit ovat palvelukohtaisia. Tyylit määritetään elementti- ja tyylivalikon kautta. Tekstiin voidaan määrittää useimmissa palveluissa perustyylien eli lihavoinnin ja kursivoinnin lisäksi esimerkiksi otsikkotyyli. 1. Klikkaa osoitin kappaleeseen, johon haluat tyylin määrittää. 2. Tarkista, että elementtivalikossa lukee teksti, joka tarkoittaa, että tekstielementti on valittuna. Esimerkiksi, jos teksti on taulukon sisällä, tyyleillä voidaan tekstin sijaan haluta vaikuttaa taulukon rakenteisiin. 3. Avaa tyylivalikko ja valitse haluamasi tyyli tekstille.

9 (16) 4.2 Tyylin määrittäminen taulukkoon Kuva 7, Tyylin määrittäminen taulukkoon. Tyylin määrittäminen muuhun elementtiin, esimerkiksi taulukkoon, kuin tekstiin tapahtuu samaan tapaan kuin tekstityylinkin määritys. Tyylivalikossa on näkyvissä ainoastaan tyylit, joita on mahdollista käyttää valittuna olevaan elementtiin. Esimerkiksi tekstiin ei ole mahdollista liittää solu- tai rivityyliä. 1. Klikkaa osoitin taulukon sisälle. Jos haluat määrittää tyyliin tiettyyn soluun, klikkaa osoitin siihen soluun. 2. Valitse elementtivalikosta elementti, johon haluat tyylin määrittää. Vaihtoehtona on koko taulukko, rivi tai solu. 3. Valitse tyylivalikosta haluamasi tyyli.

10 (16) 5 LINKIN TEKEMINEN SIVULLE Sisältösivuille on mahdollista tehdä linkkejä joko toisiin verkkopalveluihin tai palvelun sisäisesti toisille sivuille sekä tiedostoihin. 5.1 Linkin tekeminen toiseen verkkopalveluun Kuva 8 1. Avaa sivun muokkaustila. 2. Valitse kohta tai sana, josta haluat tehdä linkin. Aseta siis kursori joko tyhjään kohtaan, tai maalaa teksti, josta haluat tehdä linkin. 3. Avaa linkkinäkymä klikkaamalla -kuvaketta. 4. Avaa Internet-välilehti. 5. Kirjoita Osoite-kenttään osoite, johon haluat linkistä klikattaessa siirryttävän. 6. Esikatselu-kohdasta voit tarkistaa, että linkki toimii. 7. Kirjoita halutessasi Linkkiteksti-kenttään teksti, jonka haluat näkyvän linkkitekstinä sivulla. Jos jätät kentän tyhjäksi, sivulle tulostuu tekstiksi Osoite-kenttään kirjoitettu teksti. Jos valitsit tekstin, josta muodostat linkkiä, teksti tulostuu Linkkitekstikenttään. 8. Kuvaus-kenttään voit kirjoittaa tekstin, joka näkyy, kun linkkiä avatessa pidetään osoitinta linkin kohdalla. Esimerkiksi, jos linkkitekstinä on jotain muuta kuin osoite, voit kirjoittaa osoitteen kuvauskenttään.

5.2 Paikallisen linkin muodostaminen Kuva 9, Paikallinen linkki. 11 (16) 9. Kohteeksi tarjotaan automaattisesti internet-linkkien kohdalla Uuteen ikkunaan vaihtoehtoa. Se on suositeltava valinta, kun kyseessä on oman verkkopalvelun ulkopuolelle menevä osoite. 10. Lisää linkki sivulle klikkaamalla Hyväksy-painiketta. Paikallisella linkillä tarkoitetaan palvelun sisäisiä linkityksiä sivulta toiselle. 1. Valitse linkille paikka sivulta klikkaamalla kursori haluamaasi paikkaan. 2. Avaa linkkinäkymä klikkaamalla -kuvaketta. 3. Paikallinen-näkymä avautuu. 4. Valitse linkitettävä sivu klikkaamalla sivun nimeä listasta. Alisivujen nimet saat näkyville klikkaamalla plussaikonia sivunimen edessä. 5. Sivun osoite tulostuu automaattisesti valinnan jälkeen Osoitekenttään. 6. Linkkitekstiksi tulostuu sivun nimi. Tekstin voit halutessasi myös vaihtaa. 7. Kuvaukseksi tulostuu sivun nimi. Myös kuvausteksti voidaan määrittää itse. 8. Kohteeksi ehdotetaan Samaan ikkunaan vaihtoehtoa. Se on yleisin valinta paikallisien linkkien kohdalla. Tapauskohtaisesti on mahdollista vaihtaa kohde myös uuteen selainikkunaan avautuvaksi. 9. Lisää linkki sivulle klikkaamalla Hyväksy-painiketta.

12 (16) 5.3 Linkin muokkaaminen 5.4 Liitetiedostolinkin muodostaminen Kuva 10, Liitetiedostonäkymä Internet- ja paikallisia linkkejä voidaan muokata valitsemalla linkki ja klikkaamalla linkkinäkymän avoimeksi -painikeesta. Linkin valinta tapahtuu klikkaamalla linkin kohdalle, jolloin linkki tulee valituksi. Linkki voidaan poistaa valitsemalla linkki ja klikkaamalla - painiketta, jolloin linkkitekstinä ollut sana tai sanat säilyvät, mutta muodostettu hyperlinkki poistuu. 1. Valitse linkille paikka sivulta klikkaamalla kursori haluamaasi paikkaan. 2. Avaa liitetiedostonäkymä klikkaamalla -painiketta. 3. Klikkaa vasemmalta haluamasi hakemisto avoimeksi. Jos haluat luoda uuden hakemisto, valitse ensin hakemisto, jonka alle haluat uuden hakemiston luoda ja klikkaa sitten Uusi hakemisto painiketta. Anna hakemistolle nimi ja lisää hakemisto rakenteeseen.

6 KUVAN LISÄÄMINEN SIVULLE 13 (16) 4. Valitse haluamasi tiedosto hakemistossa olevista tiedostoista, tai vie hakemistoon uusi tiedosto Lisää tiedosto kohdasta. Klikkaa Selaa-painiketta, valitse lisättävä tiedosto koneesi tiedostojärjestelmästä ja klikkaa Lähetä-painiketta, jolloin tiedosto siirtyy osaksi hakemistorakennetta. 5. Kun sivulle linkitettävä tiedosto on valittu, tiedoston nimi tulostuu Linkkiteksti- ja Kuvaus-kohtaan. 6. Kohteeksi ehdotetaan Uuteen ikkunaan vaihtoehtoa. Useimmissa tapauksissa kannattaa säilyttää oletuksena ehdotettu vaihtoehto. 7. Lisää linkki sivulle klikkaamalla Hyväksy-painiketta. Sivuille voidaan lisätä kuvia. Kuvia lisätessä tulee ottaa huomioon käyttötarkoitus, sivun asettelu, kuvan koko ja tiedostomuoto. Kuvien koot ja palvelun rakenne vaikuttavat huomattavasti käytettävän kuvan kokoon niin pikselimitoissa kuin kilotavuissakin. Kuvan tiedostomuotona käytetään jpeg- tai gif-muotoisia kuvia. Joissakin tapauksissa myös pngkuvaformaattia. 1. Valitse kuvalle paikka sivulta. Kuva voi olla omassa kappaleessaan, taulukon sisällä tai tekstin vieressä. Jos haluat kuvan tekstin viereen, klikkaa kursori tekstikappaleen alkuun. 2. Avaa kuvanäkymä -painiketta klikkaamalla.

14 (16) Kuva 11, Kuvanäkymä 3. Klikkaa vasemmalta haluamasi hakemisto avoimeksi. Jos haluat luoda uuden hakemisto, valitse ensin hakemisto, jonka alle haluat uuden hakemiston luoda, ja klikkaa sitten Uusi hakemisto painiketta. Anna hakemistolle nimi ja lisää hakemisto rakenteeseen. 4. Valitse haluamasi kuvatiedosto hakemistossa olevista tiedostoista, tai vie hakemistoon uusi tiedosto Lisää tiedosto kohdasta. Klikkaa Selaa-painiketta, valitse lisättävä kuvatiedosto koneesi tiedostojärjestelmästä ja klikkaa Lähetä-painiketta, jolloin tiedosto siirtyy osaksi hakemistorakennetta. 5. Valinnan jälkeen kuvasta näkyy esikatselukuva. 6. Kuvan ominaisuudet kohdasta määritetään asetukset. 7. Kuvaus-kenttään tulostuu kuvan nimi. Tekstiä on hyvä tarkentaa, koska teksti näkyy, jos kuva ei lataudu, tai näkörajoitteiset, lukulaitteita käyttävät henkilöt haluavat saada kuvasta informaatiota. 8. Tyyli-kohdassa näkyy mahdolliset palveluun liitetyt kuvatyylit. Halutessasi, ja kuvan käyttötarkoituksen mukaan, voit valita kuvalle tyylin. Tyyli voi esimerkiksi tehdä kuvaan reunukset ja asettaa sen sisällön oikeaan reunaan. Jos tyylit ovat käytössä, ja niitä käytetään, alapuolella olevat muut asemointiin vaikuttavat määritykset menevät piiloon.

7 TEKSTIN TUOMINEN SIVULLE 15 (16) 9. Jos tyyleja ei ole käytettävissä tai tyyliä ei haluta käyttää, voit määrittää itse kuvalle tasauksen. Tasauksen avulla voit määrittää, sijoittuuko kuva sivulla esimerkiksi tekstin vasemmalle vai oikealle puolelle. 10. Jos käytät tasausta, on suositeltavaa määrittää ainakin Vaakavälistys-kenttään arvo. Vaakavälistys jättää tyhjää tilaa kuvan ja mahdollisen tekstin väliin, jolloin kuva ja teksti eivät mene kiinni toisiinsa eli asettelu sivulla toimii paremmin. 11. Kuvan leveyttä ja korkeutta ei enää tässä vaiheessa kannata muuttaa. Kuvan alkuperäinen koko ei muutu, ainoastaan esittämiskoko. Tällöin ison kuvan latausaika on edelleen sama kuin ennen muutosta. Myös kuvan laatu saattaa kärsiä rajusta pienennyksestä tai suurennoksesta. Kuva tulisi siis määrittää oikeaan kokoonsa kuvankäsittelyohjelmassa ennen kuvahakemistoon liittämistä. Sivulle voidaan kirjoittaa normaalisti tekstiä. Jos kuitenkin halutaan tuoda tekstiä muusta lähteestä, se kannattaa tehdä Liitä tekstinä näkymän kautta. Tällöin tuotavasta tekstistä poistuvat kaikki muotoilut, jotka saattaisivat aiheuttaa sivuilla ongelmia. Esimerkiksi toisessa ohjelmassa määritetyt fonttityylit eivät välttämättä sovi päivitettävän verkkopalvelun tyyliin. 1. Avaa tuotava tekstimateriaali sille tarkoitetussa ohjelmassa (esimerkiksi Microsoft Office Word, jos kyseessä on wordtekstitiedosto). 2. Kopio teksti, jonka haluat viedä päivitettävälle sivulle. 3. Avaa Content Managerista sivu, johon haluat tekstin liittää. 4. Klikkaa osoitin sivulla kohtaa, johon haluat lisättävän tekstin tuoda. 5. Avaa Liitä tekstinä näkymä -painikkeesta. 6. Näkymä avautuu.

16 (16) Kuva 12, Liitä tekstinä -näkymä 7. Klikkaa tekstialuetta. Jos käytät Internet explorer selainta, kopioitu teksti lisäytyy näkymään automaattisesti. Jos käytät Firefox-selainta, käytä lisäksi näppäinkomentoa ctrl+v lisätäksesi tekstin. 8. Klikkaa Hyväksy-painiketta ja teksti lisäytyy sivulle valittuun kohtaan. 8 LISÄTIETOJA Ambientia Oy Visamäentie 35 13100 HÄMEENLINNA puh. 0290 010 500 Fax 0290 010 560 asiakaspalvelu@ambientia.fi http://www.ambientia.net