Ambientia Content Manager 4.0

Ambientia Content Manager 4.0 Käyttöohje päivittäjälle 30.9.2005 TM Ambientia Content Manager

2 (39) 1 KÄYTTÖOHJE PÄIVITTÄJÄLLE, SISÄLLYSLUETTELO 1 Käyttöohje päivittäjälle, Sisällysluettelo... 2 2 Yleistä Content Managerista... 3 3 Content Manager etusivu... 4 4 Content Managerin hierarkianäkymä... 5 4.1 Sivukohtaiset toiminnot... 6 4.1.1 Näkyvyys... 6 4.1.1.1 Lamppu... 6 4.1.1.2 Aikarajoitus... 7 4.1.2 Muokattavuus... 7 4.1.2.1 Lukko... 7 4.1.2.2 Ryhmän oikeudet... 7 4.1.3 Palvelun hierarkia... 9 4.1.4 Lisää uusi alisivu... 9 4.1.5 Edelleenohjaus...12 4.1.6 Ominaisuudet...13 4.1.6.1 Ominaisuudet...13 4.1.6.2 Sivun sisältö...14 4.1.6.3 Kuvapaikat...14 4.1.6.4 Metatieto...15 4.1.6.5 Seuranta...16 4.1.6.6 Katseluoikeudet...17 4.1.7 Vaihda järjestystä...18 4.1.8 Poista...19 5 Content Editor...20 5.1 Sivun muokkaaminen Content Editorilla...20 5.2 Editorin toiminteet...22 5.2.1 Näppäinoikotiet toiminteille...23 5.2.1.1 Selainkohtaiset komennot...24 5.3 Kuvan lisääminen... 25 5.4 Liitetiedoston lisääminen...29 5.5 Hierarkian sisäisen hyperlinkin lisääminen...31 5.6 Hyperlinkin lisääminen...32 5.7 Taulukon lisääminen...34 5.7.1 Taulukon ominaisuudet...35 5.7.2 Solun ominaisuudet...36 5.7.3 Työkalut...37 5.7.4 Taulukon muokkaaminen...38 6 Lisätietoja...39

3 (39) 2 YLEISTÄ CONTENT MANAGERISTA Ambientia Content Manager on selaimella käytettävä tietokantapohjainen verkkopalveluiden sisällön ja käyttäjätietojen hallintatyökalu, jolla on mahdollista ylläpitää, tuottaa ja välittää suuria sisältökokonaisuuksia. Kuva 1, Content Manager

4 (39) 3 CONTENT MANAGER ETUSIVU Content Manageriin päästään kirjoittamalla verkkopalvelun osoitteen perään contentmanager. Esimerkiksi, www.esimerkkiosoite.fi/contentmanager/ Sisäänkirjautumisen jälkeinen näkymä riippuu käyttäjän tunnuksen oikeusmäärityksistä. Administrator- eli järjestelmänhallintaoikeuksilla avautuu Content Managerin etusivu, jossa on näkyvissä kaikki palvelun hallintalinkit. Päivittäjät näkevät joko osan linkeistä tai siirtyvät suoraan Content Managerin Rakenne ja sisältö -näkymään. Tunnuksista, oikeuksista ja niiden ylläpidosta kerrotaan tarkemmin Content Managerin ylläpitäjän ohjeessa. Kuva 2, Content Managerin etusivu administrator-oikeuksilla katsottuna

5 (39) 4 CONTENT MANAGERIN HIERARKIANÄKYMÄ Hierarkian avulla voidaan luoda Content Managerilla kokonainen päivitettävissä oleva sivustohierarkia pää- ja alasivuineen. Kuva 3, Hierarkianäkymä Päivitysosion hierarkianäkymä koostuu pääpiirteittäin neljästä osasta, joita ovat: 1. Polku, joka ilmoittaa käyttäjän paikan sivuston ylläpitorakenteessa. Polun linkkejä klikkaamalla pystytään palaamaan haluttuun kohtaan hierarkiassa. 2. Varsinaiset hierarkiaan kuuluvat sivut. Alempana hierarkiassa olevat sivut saadaan näkyviin klikkaamalla sivun nimen edessä olevaa plusmerkkiä. Avoinna olevat hierarkiatasot voidaan sulkea miinus-merkillä. Sivun sisältöä päästään muokkaamaan klikkaamalla sivun nimeä. 3. Sivukohtaiset toiminnot. Jokaisen sivun kohdalla on oma toiminnerivinsä. Kuvakkeet on jaettu toiminnallisuutensa mukaisiin kategorioihin, joita ovat: näkyvyys, muokattavuus, palvelun hierarkia, lisaa uusi alisivu, edelleenohjaus, ominaisuudet, vaihda järjestystä sekä poista. Kuvakkeista ja niiden toiminnasta kerrotaan tarkemmin Sivukohtaiset toiminnot osiossa. 4. Sivun luominen päätasolle tapahtuu hierarkianäkymän alaosassa olevalla -painikkeella.

6 (39) Kuva 4, Viime päivitykset Viime päivitykset -painikkeella päästään näkymään, jossa näkyy mitä sivuja on viimeksi muokattu ja kenen toimesta. Kuva 5, Rikkinäiset linkit Kun palvelun sisäinen hakukone käy kaikki sivut läpi, listalle merkitään sivut, jotka sisältävät rikkoutuneita palvelun sisäisiä linkkejä. Tarkistustiheys riippuu hakukoneen asetuksista. Klikkaamalla sivun nimeä listassa, sivu aukeaa editoriin. Kun linkki on korjattu, merkitse korjatuksi napilla poistetaan sivu tästä listauksesta. Jos sivulla on edelleen rikkoutunut linkki seuraavan hakukoneen päivityksen jälkeen, sivu näkyy uudestaan listalla. 4.1 Sivukohtaiset toiminnot Sivukohtaisia toimintoja ovat sivun näkyvyys, muokattavuus, uusien sivujen lisääminen, edelleenohjaus, ominaisuudet, järjestyksen vaihtaminen ja sivun poistaminen. 4.1.1 Näkyvyys Näkyvyys-toiminnoilla voidaan määrittää sivun näkyminen julkisella eli verkkopalvelun puolella. 4.1.1.1 Lamppu Lamppukuva ilmaisee sivun näkyvyyttä verkkopalvelussa. Jos lampussa palaa valo, sivu näkyy verkkopalvelun käyttöliittymässä. Jos lampussa ei pala valoa, sivu ei näy käyttöliittymässä, mutta sille voidaan tehdä esimerkiksi linkitys joltain toiselta sivulta, jolloin linkin kautta mentäessä sivu näkyy normaalisti (ks. Hierarkian sisäisen hyperlinkin lisääminen). Sivu voidaan myös laittaa kokonaan pois näkyvistä eli tällöin sivulle ei päästä lainkaan julkiselta puolelta vaikka sivun osoite olisikin tiedossa. Julkiselta

7 (39) 4.1.1.2 Aikarajoitus puolelta piilossa olevaa sivua voidaan esikatsella sivun muokkaustilan, editorin, kautta esikatselu -ominaisuudella (ks. Esikatselu). Näkyvyyttä voidaan muuttaa lamppukuvaketta klikkaamalla tai sivun ominaisuuksista. Sivulle voidaan asettaa aikarajoitus joko aikarajoitus-kuvakkeen kautta tai sivun ominaisuuksista. Jos sivulla on aikarajoitus, kuvake näkyy aktiivisena ja asetettu aikarajoitus näkyy viemällä kohdistin kuvakkeen päälle. Aikarajoituksen umpeuduttua sivu poistuu julkiselta puolelta näkyvistä, mutta on edelleen muokattavissa päivityspuolen kautta. 4.1.2 Muokattavuus Muokattavuus-toiminnoilla voidaan rajoittaa toimintoja sivukohtaisesti esimerkiksi siten, että sivua ei voida poistaa. 4.1.2.1 Lukko Sivu tai kategoria voidaan lukita -kuvakkeella. Lukituksella voidaan estää sivun muokkaaminen. Content Managerissa voidaan esimerkiksi antaa käyttäjätunnuksille eritasoisia oikeuksia, jolloin pääkäyttäjä voi suojata haluamiaan hakemistoja muilta käyttäjiltä. 4.1.2.2 Ryhmän oikeudet Kuvake muuttuu suljetuksi lukoksi, kun lukitus on päällä. Lukitus saadaan vastaavasti pois päältä klikkaamalla kuvaketta uudelleen. Käyttäjäryhmille voidaan määrittää erilaisia päivitysoikeuksia palvelukohtaisesti. Pääkäyttäjä määrittää oletusoikeudet ryhmille, jotka koskevat kaikkia sivuja ellei toisin ole määritelty. Ryhmien oikeuksien määrityksestä on kerrottu tarkemmin Content Managerin ylläpitäjän ohjeessa. Oletusoikeudet -välilehdellä voidaan määrittää sivun oletusoikeudet, jotka ovat käytössä kaikilla käyttäjäryhmillä, mikäli ryhmille ei ole erikseen määritetty omia oikeuksia sivulle. Sivukohtaisesti oikeuksia voidaan muuttaa klikkaamalla käyttäjäoikeuksien hallintaan halutun sivun kohdalta. Sivukohtaiset määritykset ovat rekursiivisia, joten esimerkiksi ylimmän tason sivuun tehdyt oikeusmääritykset periytyvät kaikille kyseisen sivun alisivuille. Syvemmällä hierarkiassa tehdyt muutokset oikeuksiin ohittavat nämä ylempää periytyvät oletusoikeudet. Esimerkiksi sivujen poisto-oikeutta voidaan rajoittaa siten, että vain pääkäyttäjät voivat poistaa sivuja. Sivukohtaisten oikeuksien määritys aloitetaan valitsemalla ryhmä, jonka käyttöoikeuksia sivuun halutaan muuttaa. Oikeuksia voidaan muuttaa valitsemalla joko kyllä tai ei halutun ominaisuuden kohdalla ja vahvistamalla muutoksen päivitä -napilla. Sivun oikeudet määrittyvät siis kolmiportaisesti siten että alemman tason määritykset ohittavat ylempänä annetut oikeusmääritykset:

8 (39) ryhmien oletusoikeudet sivun oletusoikeudet käyttäjäryhmien oikeudet sivulle Jos sivulle on määritetty katseluoikeudet, kuvakkeessa puseron väri on punainen. Katseluoikeuksista lisää Katseluoikeudet kohdassa. Kuva 6, oikeuksien määrittäminen

9 (39) 4.1.3 Palvelun hierarkia Palvelun hierarkiassa näkyvät kaikki palvelussa olevat sivut. Kuva 7, Palvelun hierarkia Jos päätasojen alla on sivuja, ne saadaan näkyviin klikkaamalla plus-merkkejä sivujen edessä. Vastaavasti auenneet alakategoriat saadaan suljettua miinusmerkillä. Sivun sisältöä päästään muokkaamaan klikkaamalla sivun nimeä. Muokkauksesta kerrotaan lisää CONTENT EDITOR osiossa. 4.1.4 Lisää uusi alisivu Lisää uusi alisivu -osiossa voidaan lisätä palvelusta ja käyttäjäoikeuksista riippuen erilaisia uusia alisivuja. Yleisimmät lisättävissä olevat sivut ovat perussivu ja sarakkeistettu sivu. Kun halutaan luoda uusi sivu, klikataan uuden sivun luontipainiketta sen sivun kohdalta, jonka alasivuksi uusi sivu on tarkoitus luoda. Jos sivu halutaan lisätä päätasolle, sivun luonti aloitetaan Lisää päätasolle -painikkeella. Kun on klikattu uuden sivun luontipainiketta oikeassa kohdassa, siirrytään määrittämään sivulle ominaisuudet. Ks. sivun Ominaisuudet.

10 (39) Kuva 8, Uuden sivun luonti Jos kyseessä on perussivu, ominaisuuksien määrityksen jälkeen siirrytään sivun muokkaukseen eli editori-näkymään. Kuva 9, Editori

11 (39) Jos kyseessä on muu kuin perussivu, ominaisuuksien määrityksen jälkeinen näkymä muuttuu sivutyypin mukaisesti. Esimerkiksi sarakkeistetun sivun kohdalla ominaisuuksien jälkeen määritetään ensin sarakkeet eli yleensä vasen- ja oikeapalsta ja vasta tämän jälkeen siirrytään muokkaamaan haluttua osiota Edit - painikkeella. Kuva 10, Sarakkeistetun sivun palstojen määrittely

12 (39) 4.1.5 Edelleenohjaus Sivulle tulevat käyttäjät voidaan edelleenohjata toiselle sivulle. Edelleenohjaus näkyy käyttäjälle siten, että edelleenohjattu sivu toimii ikään kuin suorana linkkinä kohdekategoriaan. Jos esimerkiksi sivulta Company tehdään edelleenohjaus sivulle Values, siirtyy palvelun käyttäjä Company -linkkiä klikkaamalla suoraan Values - sivulle. Edelleenohjausta voidaan siis käyttää esimerkiksi tilanteessa, jossa päätason sivulla ei ole mitään sisältöä, jolloin käyttäjät voidaan ohjata suoraan ensimmäiselle alasivulle. Edelleenohjausta voidaan käyttää myös esimerkiksi tilanteessa, jossa sivun sisältöä vastaava sivu on jo olemassa toisaalla verkkopalvelussa. Klikkaamalla edelleenohjaus-nappia halutun sivun kohdalla aukeaa esiin näkymä, jossa kaikki sivut näkyvät listattuina. Sivu, jolle edelleenohjaus halutaan tehdä, valitaan merkitsemällä valintakohta ja klikkaamalla sitten Valitse -nappia. Vaihtoehtoisesti sivu voidaan myös edelleenohjata ulkoiselle www-sivulle valitsemalla kohta Tee sivulta edelleenohjaus www-osoitteeseen ja kirjoittamalla osoite sille varattuun tilaan. Kuva 11, Sivun edelleenohjaus

13 (39) 4.1.6 Ominaisuudet Sivun ominaisuuksista voidaan muokata ja tarkastella sivun perusominaisuuksien lisäksi sivun sisältöä, kuvapaikkoja, metatietoa, seurantaa ja katseluoikeuksia. 4.1.6.1 Ominaisuudet Kuva 12, Sivun ominaisuudet Ominaisuudet -välilehdellä näkyy sivun nimi, sivun näkyvyys, mahdollinen aikarajoitus (ks. Sivun näkyvyys), käytettävä sivupohja sekä kategorian kieli. Ominaisuuksista nähdään myös, koska ja kuka sivua on viimeksi muokannut. Aikarajoitusta määritettäessä pitää huomioida, että aikarajoituksella on vaikutusta vain, mikäli sivu on näkyvissä eli lamppu palaa. Aikarajoitus tarkoittaa, että sivu on näkyvissä vain tiettynä aikavälinä palvelussa. Sivupohja määrittää sivun rakenteen. Käytettävää sivupohjaa määritettäessä on mahdollista myös määrittää sama sivupohja käyttöön allaolevissa kategorioissa. Sivupohja sisältää myös sivun ulkoasun, joten ne ovat aina palvelukohtaisia. Yleensä sivupohjia on useita vaihtoehtoja, joten niiden mahdollinen vaihtaminen käsitellään palvelua käyttöönotettaessa. Kategorian kieli vaikuttaa sivulla näkyvien elementtien kieleen. Esimerkiksi lomakesivulla lähetä -painikkeen tekstinä voi olla

14 (39) kielivalinnasta riippuen joko Lähetä tai Send. Kategorian kieli voidaan määritellä kieliversion päätasolle, jolloin asetus vaikuttaa rekursiivisesti myös alatasoihin. 4.1.6.2 Sivun sisältö 4.1.6.3 Kuvapaikat Sivun sisältö -välilehden kautta päästään sivun sisällön muokkaukseen eli tavallisen sisältösivun tapauksessa editoriin (ks. Sivun muokkaaminen Content Editorilla). Sisällön muokkaukseen päästään myös Content Managerin hierarkianäkymästä sivun nimeä klikkaamalla. Muiden kuin tavallisten sisältösivujen tapauksessa muokkausnäkymä voi olla esimerkiksi tietyntyyppinen lomake. Kuvapaikat -välilehdeltä voidaan, palvelusta riippuen, vaihtaa sivupohjissa olevia kuvia. Kuvapaikat on määritelty palvelua rakennettaessa kiinteästi sivupohjiin. Kuvapaikkoja voi palvelukohtaisesti olla useitakin esimerkiksi sekä sivun ylä- että alatunnisteessa. Kuvapaikkaan valittavissa olevat kuvat näkyvät listattuina Tallennetut kuvat -kohdassa, josta haluttu kuva voidaan valita ja päivittää kyseisen sivun valittuun kuvapaikkaan Päivitä kuvapaikkaan -painikkeella. Kuva 13, Kuvapaikat Lisää kuva -painikkeella voidaan lisätä valittavien kuvien listaan uusia kuvia oman tietokoneen tiedostojärjestelmästä. Kuvat siis siirretään näin palvelimelle ennen valintaa kuvapaikalle. Ennen siirtoa tulee tarkistaa, että kuvat ovat kuvapaikkaan sopivan kokoisia. Oikea kuvakoko

15 (39) ilmoitetaan Lisää kuva -näkymässä pikseleinä. Koko vaihtelee palvelun ja kuvapaikan mukaan. Jos kuvan mittasuhteet poikkeavat kuvapaikan kohdalla ilmoitetuista, kuva pakotetaan kuvapaikan mittoihin, jolloin se vääristyy. Kuvat tuleekin rajata kuvankäsittelyohjelmalla haluttuun pikselikokoon ennen niiden lisäämistä kuvapaikkaan. Kuva 14, Kuvan lisääminen 4.1.6.4 Metatieto Sivuston sisältöä voidaan luokitella metatietokenttien avulla. Metatiedolla voidaan määrittää tiettyjä ennalta sovittuja tietoja (esim. sivun otsikko, sivun luoja, luontipäivämäärä) kustakin hierarkian sivusta. Tallennettuja tietoja voidaan myöhemmin hyödyntää palvelun hakutoiminnon kanssa. Haulla voidaan niin haluttaessa painottaa metatietoja varsinaista sisältöä enemmän, jolloin hyvin asetetulla metatiedolla haun osumatarkkuus saadaan paranemaan huomattavasti. Lisättävissä olevat kentät voidaan määrittää pääkäyttäjän oikeuksilla. Lisättävä tieto voidaan määrittää automaattisesti lisättäväksi kaikille sivuille tai tieto voidaan lisätä sivuille erikseen haluttaessa. Metatiedon käyttötarpeet vaihtelevat palvelukohtaisesti, joten jokaisen palvelun kohdalla metatiedon käyttö määritetään suunnitteluvaiheessa erikseen. Kuva 15, Metatieto

16 (39) 4.1.6.5 Seuranta Content Managerilla toteutetussa verkkopalvelussa voi olla käytössä palvelukohtainen seurantajärjestelmä. Seurannan kautta voidaan kerätä tietoja mm. palvelun kävijämääristä ja sivulatausten määristä. Jokaisen sivun kohdalta voidaan tarkastella sivukohtaisia latausmääriä joko kuukausi- tai vuositasolla Seuranta -välilehden kautta. Kuva 16, Sivulataukset Koko palvelun seurantatiedoista voidaan tarkastella sekä sivulatauksia että kävijämääriä eli vierailijoita. Vierailija on käyttäjä yksittäisellä selainohjelmalla, yksittäisellä tietokoneella. Käyttäjä tunnistetaan samaksi vierailijaksi niin kauan kuin sama selainohjelma on käynnissä (sessio, istunto), eli vierailu välillä jossain toisessa palvelussa ei katkaise tätä tunnistusta. Jos selain suljetaan ja uuden selaimen avauksen jälkeen palataan palveluun, käyttäjä tulkitaan uudeksi vierailijaksi. Käyttäjä latailee sivuja session aikana ja jos hän palaa aikaisemmalle sivulle uudelleen, siitä tulee myös uusi sivunlataus.

17 (39) 4.1.6.6 Katseluoikeudet Sivun katseluoikeus tarkoittaa sivua, jolle ei yleisesti ole pääsyä verkkopalvelun julkiselta puolelta. Kun palvelusta mennään sivulle, jolle on asetettu autentikointirajoitus katseluoikeuksista, sivulla kysytään tunnusta ja salasanaa, ennen kuin sisältö näytetään. Sivun katseluoikeuden rajoittamisella voidaan luoda esimerkiksi extranet-tyyppisiä ratkaisuja. Kuva 17, Katseluoikeudet Oletuksena sivun katseluoikeuksia ei ole rajoitettu eli valittuna on vaihtoehto Ei. Jos sivulle halutaan määrittää autentikointirajoitus, valitaan Kyllä -vaihtoehto ja määritetään autentikointirajoitus joko ryhmän tai tason mukaan. Kategoriakohtainen autentikointirajoitus voidaan siis tehdä kahdella tavalla: - joko määritetään erikseen käyttäjäryhmät, joiden käyttäjät pääsevät sivua selaamaan, jolloin vain tiettyyn ryhmään kuuluvilla käyttäjätunnuksilla pääsee kirjautumaan sivulle. - tai määritetään käyttäjätaso, jonka omaavat käyttäjät pääsevät selaamaan kyseistä sivua. Katseluoikeuksien määrittämiseen vaikuttaa pääkäyttäjän määrittämät ryhmien oikeudet, joista saa lisätietoa Content Manager käyttöohje ylläpitäjälle -ohjeesta.

18 (39) 4.1.7 Vaihda järjestystä Sivujen keskinäistä järjestystä voidaan vaihtaa vaihda järjestystä - kohdassa olevilla painikkeilla. Sivun siirto omassa kategoriassaan ylimmäksi. Samalla tasolla olevien sivujen keskinäistä järjestystä voidaan muuttaa halutulla tavalla. Tällä napilla sivu voidaan siirtää ylimmäksi omalla tasollaan. Sivun siirto omassa kategoriassaan yhden kohdan ylemmäksi. Tällä napilla sivu voidaan siirtää yhden kohdan ylemmäksi omalla tasollaan. Sivun siirto omassa kategoriassaan yhden kohdan alemmaksi.tällä napilla sivu voidaan siirtää yhden kohdan alemmaksi omalla tasollaan. Sivun siirto omassa kategoriassaan alimmaksi.tällä napilla sivu voidaan siirtää alimmaksi omalla tasollaan. Sivun siirto hierarkiassa toiseen paikkaan. Sivu voidaan siirtää joko jonkin toisen sivun alasivuksi tai omaksi kohdakseen päätasolle. Sivun siirto tapahtuu siten, että klikataan sivun siirto -painiketta siirrettävän sivun kohdalla. Sivun siirtoa varten aukeaa uusi ikkuna, josta valitaan kohde, jonka alle sivu siirretään. Sivu siirtyy hierarkiassa valittuun kohtaan. Samalla muuttuu myös URL-osoite, jolla sivu näkyy palvelussa. Sivulle osoittavat linkit on siis syytä päivittää osoittamaan sivun uuteen paikkaan. Kuva 18, Sivun siirto

19 (39) Kopio. Toiminne kopioi valitun sivun tai kategorian valittuun paikkaan hierarkiassa. Kuva 19, Kopiointi 4.1.8 Poista Sivu voidaan poistaa klikkaamalla valitun sivun kohdalta poista"-nappia. Kaikki poistettavan sivun alihakemistot ja alasivut poistuvat samalla. Sivuille mahdollisesti lisätyt kuvat ja liitetiedostot säilyvät kuitenkin omissa hakemistoissaan palvelimella. Ennen sivun poistamista ohjelma kysyy automaattisesti varmistuksen sivun poistamisesta. Kuva 20, Sivun poistamisen varmistus

20 (39) 5 CONTENT EDITOR Content Editor on työkalu, jolla voidaan muokata WYSIWYG-tyyppisesti (What You See Is What You Get) yksittäisten sivujen sisältöä kuten tekstiä, taulukoita, liitetiedostoja ja kuvia. 5.1 Sivun muokkaaminen Content Editorilla Yksittäisen sivun lisäämisen ja muokkaamisen aikana toiminteet ovat samanlaisia oli kyseessä alasivu tai hierarkian päätason sivu. Kuva 21, Web-asettelu -näkymä Yleensä verkkopalvelun yksittäisen sivun sisältöä muokataan Content Editorin web asettelu -näkymällä. Se näyttää editointi-ikkunassaan sivun sisällön samanlaisena kuin verkkopalvelun sivulla tallennuksen jälkeen. HTML-sivunkuvauskielen hallitsevat voivat käyttää myös editorin HTML-osuutta.

21 (39) Kuva 22, HTML-näkymä Editorissa toiminteet ovat käytettävissä kuvakkeiden kautta. Toiminteet esitellään Editorin toiminteet -kohdassa. Editoriin lisättyä sisältöä voidaan liikutella vedä-ja-pudota periaatteella (drag-anddrop) eli siirtää esimerkiksi valittu kuva vetämällä se toiseen kohtaan. Sivulle on myös mahdollista tuoda sisältöä ulkopuolisesta lähteestä, esimerkiksi Wordasiakirjasta tai Excel-taulukosta. Myös kuvien kopiointi onnistuu suoraan. Kaikessa kopioinnissa on kuitenkin huomioitava tekijänoikeudet eli käytännössä varmistuttava ennen sisällön kopiointia, että materiaalia on luvallista käyttää omaan tarkoitukseen. Esimerkiksi kuvien kohdalla on tärkeää varmistaa, että käytettäviä kuvia on oikeus julkaista omassa verkkopalvelussa. Sivun sisältö siirtyy verkkopalveluun vasta kun sivu tallennetaan. Ennen tallennusta sivua on mahdollista esikatsella klikkaamalla Esikatselu -painiketta. Esikatselua käytettäessä on huomioitavaa, että Internet Explorer, kuten moni muukin selain nykyisin, sisältää pop-up-ikkunoita estävän ominaisuuden. Tällä tavalla voidaan poistaa käyttäjiä häiritsevät, ja joskus jopa haitalliset, ponnahdusikkunat. Content Manager käyttää esikatselutoiminnossaan ponnahdusikkunaa, mutta Internet Explorer estää sen avautumiseen, jos selaimesta on valittuna korkein turvataso. Tilanteeseen voidaan vaikuttaa asettamalla Content Managerin osoitteen luotetuksi osoitteeksi

22 (39) Internet Explorer -selaimen asetuksiin. Tarkat ohjeet suoraan Microsoftin palvelusta: http://www.microsoft.com/windowsxp/using/web/sp2_popupblocker.mspx Esikatseluikkuna voidaan avata myös pitämällä Ctrl-näppäintä pohjassa klikattaessa esikatselu -nappia. 5.2 Editorin toiminteet Kumoa. Kumoaa edellisen toiminnon. Toista. Toistaa edellisen kumotun toiminnon. Etsi ja korvaa. Hakee halutun sanan ja korvaa ne uudella annetulla sanalla. Leikkaa. Leikkaa valitun tekstin leikepöydälle. Kopioi. Kopio valitun tekstin leikepöydälle. Liitä. Liittää leikepöydällä olevan tekstin editoriin. Lihavoi teksti. Lihavoi valitun alueen tekstistä tai vastaavasti poistaa lihavoinnin jo lihavoidusta tekstistä. Kursivoi teksti. Kursivoi valitun alueen tekstistä tai vastaavasti poistaa kurvivoinnin jo kursivoidusta tekstistä. Alleviivaa teksti. Alleviivaa valitun alueen tekstistä tai vastaavasti poistaa alleviivauksen alleviivatusta tekstistä. Yliviivaa teksti. Yliviivaa valitun tekstin. Yläindeksi. Siirtää valitun alueen yläindeksiksi. Alaindeksi. Siirtää valitun alueen alaindeksiksi. Tasaa vasemmalle. Tasaa tekstin sivun vasempaan laitaan. Yleensä oletuksena. Keskitä teksti. Keskittää tekstin sivun keskelle. Tasaa oikealle. Tasaa tekstin sivun oikeaan laitaan. Sisällön sisentäminen. Siirtää sisältöä oikealle. Sisällön sisennyksen pienentäminen. Kaventaa sisällön sisennystä vasemmalle. Järjestämätön lista. Uusi listan kohta saadaan painamalla Enteriä. Järjestetty lista. Uusi listan kohta saadaan painamalla Enteriä.

23 (39) Lisää hyperlinkki. Lisää linkin (ks. Hyperlinkin lisääminen) Poista hyperlinkki. Poistaa valitusta tekstistä hyperlinkin ja muuttaa tekstin tavalliseksi tekstiksti. Lisää kuva. Lisää kuvan sivulle valittuun kohtaan eli paikkaan, missä kursori on kuvaa lisättäessä. Kuvia on mahdollista lisätä ja poistaa kuvahakemistosta kuvanlisäysdialogin avulla ja siirtää vedä- ja pudota menetelmällä (ks. Kuvan lisääminen). Lisää liitetiedosto. Lisää liitetiedostolinkin valittuun kohtaan. Tiedostoja on mahdollista lisätä ja poistaa tiedostohakemistosta kuvien käsittelyä vastaavalla tavalla (ks. Liitetiedoston lisääminen). Lisää taulukko. Lisää taulukon (ks. Taulukon lisääminen) Poista muotoilut. Poistaa esimerkiksi Word-muotoilut editoriin tuodusta tekstistä. Sivun sisältöä muokattaessa käytetään määritettyjä tekstityylejä. Tyylit ja niiden käyttötarkoitus määritetään aina palvelukohtaisesti. Ne valitaan editorissa olevasta pudotusvalikosta ja kohdennetaan aina yhteen kappaleeseen kerrallaan. Oletuksena tekstityylinä käytetään leipätekstiä. Jos tyyliä halutaan muuttaa, kursori sijoitetaan kappaleeseen, johon esimerkiksi otsikko-tyyli halutaan kohdentaa. TD-tekstillä alkavat tyylit on tarkoitettu taulukon solujen tyyleiksi, jotka voivat olla esimerkiksi solun taustavärin määrittäviä. 5.2.1 Näppäinoikotiet toiminteille Editorin toiminteita voidaan käyttää myös näppäinoikoteiden avulla. ALT + S = Tallennus ALT + P = Esikatselu ALT + W = wysiwyg-näkymä ALT + Q = html-näkymä ALT + A = Tiedot ALT + B = Lihavointi ALT + I = Kursivointi ALT + U= Alleviivaus ALT + O = Yliviivaus ALT + E = Yläindeksi ALT + R = Alaindeksi

24 (39) ALT +, = Tasaus vasemmalle ALT +. = Tasaus keskelle ALT + - = Tasaus oikealle ALT + M = Sisentäminen ALT + N = Sisennyksen pienentäminen ALT + L = Hyperlinkki ALT + K = Poista hyperlinkki ALT + T = Taulukko ALT + F = Liitetiedosto ALT + G = Kuva ALT + C = Järjestämätön lista ALT + V = Järjestetty lista ALT + 1 = Otsikko 1 ALT + 2 = Otsikko 2 ALT + 3 = Otsikko 3 ALT + 4 = Otsikko 4 ALT + 5 = Otsikko 5 ALT + 6 = Otsikko 6 ALT + 8 = Osoite <address> ALT + 9 = Muotoiltu <Pre> ALT + 0 = leipäteksti / ei muotoilua CTRL + Z = Kumoa CTRL + Y = Tee uudelleen CTRL + X = Leikkaa CTRL + C = Kopio CTRL + V = Liitä 5.2.1.1 Selainkohtaiset komennot Osa komennoista on selainkohtaisia. Internet Explorer SHIFT + ENTER = rivin vaihto ENTER = uusi kappale Mozilla, Firefox ENTER = rivin vaihto

25 (39) 5.3 Kuvan lisääminen Kuvan lisäämistä varten kohdistetaan ensin kursori siihen kohtaan johon kuva halutaan lisätä. Jos valintaa ei ole tehty, editori varoittaa puutteellisesta valinnasta, mutta kuvaikkuna avautuu silti. Ilman valintaa tehdyssä kuvanlisäyksessä kuva liitetään oletuksena sivun alkuun. Kohdan valinnan jälkeen avataan kuvanlisäystoiminto -painikkeella, jolloin avautuu Lisää kuva valintaikkuna. Ikkunan kuvalistasta voidaan valita haluttu kuva kursorin osoittamaan kohtaan. Kuva 23, Kuvan valinta ja lisääminen Jos hakemistoissa ei vielä ole haluttua kuvaa, se täytyy siirtää palvelimelle ennen kuin kuva voidaan lisätä sivulle. Ennen siirtoa kuvat käsitellään ja tallennetaan lopulliseen kokoonsa ja muotoonsa kuvankäsittelyohjelmalla. Kuvan täytyy olla selainten tukemassa GIF- tai JPG-muodossa. GIF sopii kuville, joissa ei ole käytetty runsaasti värejä tai joissa on paljon tasaista aluetta (esim. logoille). JPG sopii paremmin valokuvatyyppisiin kuviin. JPG-kuvat täytyy tallentaa RGBväritilassa, koska selaimet eivät osaa näyttää CMYK-tilassa olevia kuvia. Kuvaa käsiteltäessä täytyy myös muistaa, että mitä suurempi kuva on, sitä raskaampi

26 (39) se on siirtää internet-yhteyden yli eli kuvan latautuminen kestää kauemmin. Kuvan resoluutio www-käytössä on yleensä 72 pikseliä tuumalla. Leveys ja korkeus vaihtelevat käyttötarkoituksen ja verkkopalvelun mukaan. Kuvatiedoston nimessä ei pidä käyttää välilyöntiä, ä-, ö-, eikä å-merkkejä tai muita erikoisempia merkkejä. Välilyönti voidaan korvata alaviivalla. Jos kuva kopioidaan toisesta lähteestä suoraan sivulle, esimerkiksi toisesta verkkopalvelusta, kuva ei siirry kuvahakemistoihin eli palvelimelle. Tällöin kuva haetaan sivua ladattaessa alkuperäisestä sijainnistaan eli toisen palvelun käyttämältä palvelimelta. Jos kyseinen palvelin ei ole selkeästi yhteydessä oman verkkopalvelun toimintaan, kuva kannattaa siirtää ennen sivulle lisäämistä oman verkkopalvelun palvelimelle kuvahakemistoon. Tällöin, kuten aina kuvia käytettäessä, tulee varmistaa, että kuvien käyttämiseen osana verkkopalvelua on käyttöoikeudet. Kuva 24, Kuvan valinta ja lisääminen Kuvanlisäysnäkymässä ovat palvelimella olevat hakemistot ja niissä olevat kuvat. Lisää kuva. Uudet kuvat lisätään valittuun hakemistoon hakemalla lisättävä kuva oman koneen tiedostojärjestelmästä Selaa -painikkeella. Poista. Olemassa olevia hakemistoja ja kuvia voidaan poistaa Poista -painikkeella. Hakemistoja voidaan poistaa vain tyhjinä. Epäonnistuneesta poistosta tulee ilmoitus.

27 (39) Nimeä uudelleen. Palvelimelle lisättyjä kuvia ja hakemistoja on mahdollista nimetä uudelleen valitsemalla kohde ja klikkaamalla valinnan jälkeen Nimeä uudelleen - painiketta. Nimeä uudelleen -toiminto tarkastaa myös yritetäänkö tiedostonimen loppuosaa muuttaa ja varoittaa siitä, koska kuvaformaatin tunnistetta eli nimen loppuosaa, esimerkiksi kuva.jpg, ei saa muuttaa nimeämisen yhteydessä. Uudelleen nimeämisellä kuvia voidaan myös siirtää hakemistosta toiseen sisällyttämällä hakemistopolun osa kuvanimeen. Jos kuvatiedosto on jo liitetty alkuperäisellä sijainnillaan ja nimellään osaksi palvelua, on uudelleen nimeämisen yhteydessä huomioitava, että nimen muuttumisen myötä myös tiedoston osoitepolku on muuttunut ja tieto on päivitettävä myös aiemmin lisättyihin kuviin. Luo hakemisto. Uusia hakemistoja on mahdollista lisätä Luo hakemisto - painikkeella. Esikatselu. Kun jokin hakemistoissa oleva kuva on valittu, kuva näkyy esikatselussa. Teksti. Kenttään kirjoitettu teksti näkyy kuvan kohdalla kun hiiren osoitin viedään kuvan päälle (ALT-teksti). Teksti näkyy myös, jos kuva syystä tai toisesta jää latautumatta. Kuvan tekstiä voidaan käyttää lisäinformaationa ajatellen mm. näkövammaisia käyttäjiä, jotka käyttävät lukulaitteita verkkopalvelujen tarkasteluun. Laitteet lukevat tekstitiedon kuvasta, jolloin palvelussa olevista kuvista välittyy tietoa. Leveys ja korkeus. Kuvan mitat, leveys ja korkeus, ovat kuvan oikeat mitat. Niiden muuttamisessa kannattaa käyttää harkintaa, koska kuvan todellinen koko palvelimella ei kuitenkaan mittoja muuttamalla muutu, ainoastaan esityskoko. Tällöin jos esimerkiksi kovin suurta kuvaa pienennetään mittojen avulla, kuvan koko kilotavuissa ei kuitenkaan muutu miksikään eli kuvan latautuminen kestää yhä kauemmin kuin jos kuva olisi alkujaan siirretty palvelimelle pienempänä. Jos taas pientä kuvaa suurennetaan voimakkaasti, kuvan laatu heikkenee nopeasti, koska kuva venytetään alkuperäisistä mitoistaan suuremmaksi. Kuvan esityskokoa voidaan muuttaa myös kuvan lisäyksen jälkeen klikkaamalla kuva aktiiviseksi, tarttumalla kuvan reunoihin ja pienentämällä tai suurentamalla kuvaa. Tällöinkään kuvan alkuperäinen koko palvelimella ei muutu. Tyyli. Tyyleillä kuvaan voidaan määrittää aina samanlainen esittämistapa, kuten tasaus vasempaan reunaan tai tietyn paksuinen kehys. Kun tyyli -kentästä on jokin tyyli valittuna, muut määrittelykentät poistuvat näkyvistä. Itse määritettäviä asetuksia ei siis voida käyttää yhtä aikaa tyylin kanssa. Tyylit määritetään palvelukohtaisesti. Pysty- ja vaakavälistys. Jos tyylejä ei ole tarkoitus käyttää kuvien asettelussa, kuvaan voidaan laittaa sekä vaaka- että pystyvälistystä tarvittaessa. Tällöin kuvan ympärille jää tilaa eli esimerkiksi kun kuvaan määritetään vasen tai oikea tasaus ja sivulla on myös tekstiä, kuvan ja tekstin väliin jää tilaa. Kehys. Kehys tekee reunuksen kuvaan määritetyn pikseliluvun mukaisesti.

28 (39) Tasaus. Kuvan tasaus määrittää kuvan asettumisen suhteessa muuhun sisältöön. Vaihtoehdot: 1. Vasen Kuva tasataan vasemmalle ja teksti kulkee kuvan oikealta puolelta. 2. Oikea Kuva tasataan oikealle ja teksti kulkee kuvan vasemmalta puolelta. 3. Keskitä Kuva tasataan keskelle ja tekstistä ensimmäinen rivi on kuvan keskellä, mahdollinen loppuosa tekstistä jatkuu kuvan alta. Keskitystä käytetään yleensä silloin kun palvelussa käytetään sähköpostilinkkien sijaan @-kuvaa tai koko sähköpostiosoitteen loppuosaa kuvana. Tällöin etunimi.sukunimi tekstiin voidaan tasata kuva keskelle, jolloin kuva asettuu oikein kirjoitettuun alkuun nähden. Ok. Kun valitun kuvan ominaisuudet on määritelty sopiviksi, klikataan Ok - painiketta, jolloin kuva siirtyy sivulle kursorin osoittamaan kohtaan. Cancel. Ikkunasta voidaan poistua Cancel -napin avulla lisäämättä kuvaa sivulle. Kuva 25, Kuvan muokkaaminen lisäyksen jälkeen Tarvittaessa kuvaa voidaan muokata myös lisäyksen jälkeen valitsemalla kuva ja avaamalla kuvaikkuna -painikkeella. Kuva voidaan myös siirtää toiseen paikkaan klikkaamalla kuvaa ja siirtämällä sitä vedä-ja-pudota menetelmällä (drag-and-drop) editorissa toiseen kohtaan. Kun kuva on tehty aktiiviseksi klikkaamalla, sen esityskokoa voidaan myös muuttaa tarttumalla kuvan reunoihin.

29 (39) 5.4 Liitetiedoston lisääminen Sivulle voidaan lisätä liitetiedosto haluttuun kohtaan eli siihen, missä hiiren kursori on siirryttäessä liitetiedoston lisäykseen. Liitetiedoston paikkaa sivulla voidaan vaihtaa myöhemmin leikkaamalla linkki leikepöydälle ja liittämällä linkki haluttuun kohtaan. Ennen liitetiedoston lisäämistä sivulle tiedosto täytyy siirtää palvelimelle. Tiedoston nimessä ei pidä käyttää välilyöntiä, ä-, ö-, eikä å-merkkejä tai muita erikoisempia merkkejä. Välilyönti voidaan korvata esimerkiksi alaviivalla. Jos toiselta sivulta kopioidaan materiaalia ja mukana on liitetiedostoja linkin muodossa, kannattaa tarkistaa, ovatko kyseiset tiedostot oman palvelun hakemistoissa. Jos tiedostot ovat jossain muualla, ne tulee siirtää oman palvelun hakemistoihin. Sivulle lisättyjä liitetiedostolinkkejä voidaan siirtää sivun sisällä joko kopioimalla/leikkaamalla tai vedä-ja-pudota menetelmällä (drag-and-drop). Tiedostojen siirrossa tulee ottaa huomioon palvelimelle määritetty liitetiedostojen kokorajoitus. Yleensä tiedostokohtainen kokorajoitus on kymmenen megatavun luokkaa. Liitetiedoston lisäykseen päästään klikkaamalla Kuva 26, Liitetiedoston lisääminen -kuvaketta. Liitetiedostot. Kohdassa näkyvät palvelimella olevat hakemistot ja tiedostot.

30 (39) Lisää tiedosto. Uudet tiedostot lisätään valittuun hakemistoon hakemalla lisättävä tiedosto oman koneen tiedostojärjestelmästä Selaa -painikkeella Luo hakemisto. Hakemistojen lisääminen tapahtuu Luo hakemisto -painikkeella, jolla voidaan luoda uusia hakemistoja tiedostojen ryhmittelyä varten. Hakemistojen nimissä ei pidä käyttää välilyöntiä, ä-, ö-, eikä å-merkkejä tai muita erikoisempia merkkejä. Välilyönti voidaan korvata alaviivalla. Poista. Hakemistoja voidaan poistaa Poista -painikkeella. Kaikki valitussa hakemistossa olevat tiedostot sekä hakemiston alihakemistot poistuvat samalla. Nimeä uudelleen. Palvelimelle lisättyjä tiedostoja ja hakemistoja on mahdollista nimetä uudelleen valitsemalla kohde ja klikkaamalla valinnan jälkeen Nimeä uudelleen -painiketta. Uudelleen nimeämisellä tiedostoja voidaan myös siirtää hakemistosta toiseen sisällyttämällä hakemistopolun osa tiedostonimeen. Jos tiedosto on jo liitetty alkuperäisellä sijainnillaan ja nimellään osaksi palvelua, on uudelleen nimeämisen yhteydessä huomioitava, että nimen muuttumisen myötä myös tiedoston osoitepolku on muuttunut ja tieto on päivitettävä myös aiemmin lisättyihin tiedostolinkkeihin. Linkki. Linkki -kohdassa näkyy valitun tiedoston nimi. Halutessa tiedostonnimi voidaan korvata toisella tekstillä. Teksti näkyy linkin kohdalla palvelussa. Kuvaus. Kuvaus -kohtaan voidaan halutessa kirjoittaa lisätietoa linkin kohteesta. Teksti näkyy palvelussa, kun käyttäjä vie hiiren linkin päälle. Kohde. Liitetiedosto voidaan valita aukeamaan joko samassa tai kokonaan uudessa selainikkunassa. Ok. Kun tiedosto on valittu, klikkaamalla ok tiedosto saadaan lisättyä sivulle. Peruuta. Ikkunasta voidaan poistua Peruuta -napin avulla lisäämättä tiedostoa.

31 (39) 5.5 Hierarkian sisäisen hyperlinkin lisääminen Sisäinen hyperlinkki lisätään klikkaamalla -kuvaketta. Paikallinen ja url. Vasemmalta listasta voidaan valita linkitettävä sivu klikkaamalla haluttua sivua, jolloin tiedoston polku tulee URL-kenttään. Listassa näkyy koko verkkopalvelun sisältö samassa järjestyksessä kuin hierarkianäkymässäkin. Alasivuihin päästään linkittämään availemalla päähakemistoja plus-merkeistä. Teksti. Kenttään tulostuu valitun sivun nimi, joka näkyy linkkinä sivulla. Tarvittaessa tekstiä voidaan muuttaa. Otsikko. Kenttään tulostuu myös sivun nimi ja teksti näkyy palvelussa kun käyttäjä vie hiiren linkkitekstin päälle. Kohde. Kohdasta valitaan, aukeaako muodostettava linkki samaan vai uuteen selainikkunaan. Esikatselu. Linkkiä muodostettaessa voidaan myös esikatsella valittua paikallista sivua klikkaamalla Esikatsele -nappia, jolloin valittu sivu latautuu Esikatselu - näkymään. Ok ja Cancel. Klikkaamalla Ok valitulle sivulle muodostuu linkki. Cancel - painikkeella voidaan peruuttaa linkinmuodostus. Muokattavalle sivulle muodostunutta linkkiä voidaan siirtää sivulla tarvittaessa joko kopioimalla ja liittämällä uuteen kohtaan tai valitsemalla linkki ja siirtämällä se vedä-ja-pudota menetelmällä toiseen kohtaan. Jos linkkiä halutaan muokata tarkemmin, linkki maalataan ja klikataan -kuvaketta. Kuva 27, Paikallinen linkki

32 (39) 5.6 Hyperlinkin lisääminen Hyperlinkki lisätään klikkaamalla -kuvaketta. Linkki voidaan muodostaa joko valitsemalla kirjoitetusta tekstistä osa tai luomalla linkki tyhjään kohtaan. Linkkiikkuna aukeaa paikallisten linkkien kohdalta, joten kun halutaan tehdä internetpuolen linkkejä, klikataan internet -välilehteä. Kuva 28, Hyperlinkki Linkin tyyppi. Valikosta valitaan muodostettavan linkin tyyppi. - Internet-linkkiä käytetään muodostettaessa linkkiä toiseen verkkopalveluun, tällöin linkiksi muodostuu http://www.esimerkkiosoite.fi - Suojattu internet palvelu tyyppi valitaan kun yhteys kohdelpalvelimelle on salattu (SSL) eli muotoa https://www.esimerkkiosoite.fi - Tiedostopalvelun linkkityyppiä käytetään jaettaessa suuria määriä tai suurikokoisia tiedostoja suoraan palvelimelta - Paikallista tiedostolinkkiä käytetään intranet-palveluiden yhteydessä kun halutaan viitata verkkolevyllä olevaan tiedostoon. Intranetkäytössäkin tiedostojen siirtäminen palvelimelle ja linkittäminen liitetiedostoina on kuitenkin suositeltavaa (ks. Liitetiedoston lisääminen). - Sähköpostiosoitteen valinta tyypiksi muodostaa kirjoitetusta sähköpostiosoitteesta linkin, jota klikkaamalla käyttäjän sähköpostiohjelma avautuu ja vastaanottajaksi kirjataan Url -kohtaan määritetty sähköpostiosoite. Url. Url-kohtaan kirjoitetaan osoite, johon käyttäjät halutaan ohjata linkin välityksellä.

33 (39) Teksti. Kenttään voidaan kirjoittaa teksti, jonka halutaan näkyvän linkkinä wwwsivulla. Jos kohta jätetään tyhjäksi, URL -kohdassa oleva osoite tulostuu linkiksi. Otsikko. Jos linkille halutaan selite, joka näkyy vietäessä hiiren kursori linkin päälle, selite kirjoitetaan Otsikko -kenttään. Kohde. Kohdasta valitaan, aukeaako muodostettava linkki samaan vai uuteen selainikkunaan. Esikatselu. Esikatselupainikkeella voidaan avata url -kohtaan määritetty osoite viereiseen esikatselunäkymään. Ok ja Cancel. Klikkaamalla Ok valitulle sivulle muodostuu linkki. Cancel - painikkeella voidaan peruuttaa linkinmuodostus. Muokattavalle sivulle muodostunutta linkkiä voidaan siirtää sivulla tarvittaessa joko kopioimalla ja liittämällä uuteen kohtaan tai valitsemalla linkki ja siirtämällä se vedä-ja-pudota menetelmällä toiseen kohtaan. Jos linkkiä halutaan muokata tarkemmin, linkki maalataan ja klikataan -kuvaketta. Kuva 29, internet linkki

34 (39) 5.7 Taulukon lisääminen Taulukko lisätään klikkaamalla Kuva 30, Taulukko -kuvaketta. Taulukoita voidaan käyttää apuna sisällön asettelussa, esimerkiksi kuvien ja tekstin sijoittamisessa. Perustekstin kanssa kuvia on helppo yhdistellä myös tasauksen kanssa ilman taulukoita (ks. Kuvan lisääminen).

35 (39) 5.7.1 Taulukon ominaisuudet Oletustaulukossa on kolme saraketta ja kolme riviä. Taulukon ominaisuuksia voidaan muuttaa Ominaisuudet -kohdasta. Kuva 31, Taulukon ominaisuudet Tyyli. Taulukkoon voidaan määrittää tyyli, joka voi esimerkiksi olla taustaväri koko taulukolle. Tyylit ovat palvelukohtaisia ja ne määritetään verkkopalvelun suunnitteluvaiheessa. Leveys. Taulukon leveys määritetään joko pikseleinä tai prosentteina. Hyvin suuren pikselimääräisen leveyden määrittämistä kannattaa välttää, sillä liian leveä taulukko saattaa sotkea verkkopalvelun visuaalisen ulkoasun. Leveille taulukoille turvallinen valinta on käyttää täyttä prosenttimääräistä leveyttä (100%). Korkeus. Taulukolle voidaan määrittää korkeus joko pikseleinä tai prosentteina. Korkeuden määritys ei kuitenkaan ole välttämätöntä, koska taulukko venyy korkeussuunnassa sisällön mukaisesti. Sarakkeita ja rivejä. Sarakkeiden ja rivien määrä voidaan määrittää sarakkeita ja rivejä -kohdista. Kehys. Tarvittaessa taulukolle voidaan määrittää kehys. Kehyksen leveys ilmoitetaan myöskin pikseleinä. Mikäli taulukkoa käytetään sisällön asetteluun, ei reunuksia yleensä tarvita. Asettelun helpottamiseksi ja solujen reunojen havainnollistamiseksi näytetään sisällön muokkaustilassa taulukoissa aina kehykset. Sisennys. Vaikuttaa yksittäisen solun sisällön etäisyyteen reunoista. Välistys. Vaikuttaa taulukon solujen väliin jäävään tyhjään tilaan.

36 (39) 5.7.2 Solun ominaisuudet Yksittäisten solujen määrityksiä voidaan muokata Solun ominaisuudet -kohdasta. Solun ominaisuuksia muutettaessa valitaan ensin taulukkoeditorissa solu, jonka ominaisuuksia halutaan muuttaa. Osoitinta liikutettaessa taulukkorakenteen päällä, kohdalla oleva solu on keltainen ja klikkaamalla valittu solu punainen. Kuva 32, Solun ominaisuudet Tyyli. Solulle voidaan valita tyyli, joka voi olla esimerkiksi taustaväri solulle. Tyylit ovat palvelukohtaisia ja ne määritetään verkkopalvelun suunnitteluvaiheessa. Tasaus. Tasauksella määritetään solun sisällä olevan materiaalin tasaus vaakasuunnassa. Pystytasaus. Pystytasauksella määritetään solun sisällä olevan materiaalin tasaus pystysuunnassa. Leveys. Solun leveys voidaan määrittää joko pikseleinä tai prosentteina. Kuten taulukon leveyksissäkin, myös yksittäisen solun leveyksissä voivat suuret pikselimääräiset leveydet aiheuttaa ongelmia verkkopalvelun visuaalisen ulkoasun ja käytettävyyden kanssa. Jos solun leveyttä ei määritetä, solu venyy materiaalin mukaan. Korkeus. Solulle voidaan määrittää myös korkeus, mutta useimmissa tapauksissa se ei ole tarpeen. Solu venyy korkeussuunnassa sisällön mukaisesti.

37 (39) 5.7.3 Työkalut Kuva 33, Työkalut Työkalujen avulla voidaan muokata taulukkoa. Uusi taulukko. Aiempi taulukko voidaan korvata kokonaan uudella taulukolla. Poista. Poista -painike poistaa taulukon sisältöineen. Ei taulukkoa. Jos taulukossa oleva sisältö halutaan esittääkin ilman taulukkoa, voidaan tästä poistaa taulukko, jolloin ainoastaan sisältö jää sivulle. Poista solu. Poistaa valitun solun. Yhdistä X. Valittu solu voidaan yhdistää vaakatasossa oikealla puolella olevaan soluun ja luoda näin yhtenäinen, isompi solu. Yhdistä Y. Valittu solu voidaan yhdistää pystysuunnassa alla olevaan soluun ja luoda näin yhtenäinen, korkeampi solu. Luo solu. Luo uuden solun valitun oikealle puolelle. Lisää rivi. Lisää uuden rivin valitun rivin alapuolelle Lisää sarake. Lisää uuden sarakkeen valitun sarakkeen oikealle puolelle.

38 (39) 5.7.4 Taulukon muokkaaminen Kun taulukon ja solujen ominaisuudet on määritelty, taulukko voidaan lisätä sivulle klikkaamalla ok. Taulukkoon voidaan sijoittaa tekstiä ja kuvia, kuten normaalistikin sivulle, klikkaamalla kursori haluttuun soluun. Kuva 34, Taulukko Taulukon asetuksia voidaan muokata klikkaamalla -kuvaketta kun kursori on olemassa olevan taulukon sisällä. Tässä vaiheessa vielä varmistetaan, halutaanko muokata jo tehtyä taulukkoa vai luoda kokonaan uusi. Kuva 35, Taulukon muokkaus

39 (39) Taulukkoa muokatessa, taulukon sisältö näkyy taulukkoeditorissa. Kuva 36, Taulukon muokkaaminen taulukkoeditorissa 6 LISÄTIETOJA Ambientia Oy Visamäentie 35 13100 HÄMEENLINNA puh. (03) 630 020 Fax (03) 630 0260 asiakaspalvelu@ambientia.fi http://www.ambientia.net