Putteri Käyttöliittymä ja ulkoasu

Transkriptio

1 Putteri Käyttöliittymä ja ulkoasu Jukka Värri Versio: 1.0

2 Yleistä järjestelmästä Järjestelmän merkistö on UTF-8 (Unicode). Käyttöliittymä tulee järjestelmän mukaan. Uusia käyttöliittymiä ei järjestelmään voi toteuttaa. Käyttöliittymä toteutettu HTML, CSS ja Javascript -teknologioilla.

3 Sivuston perusrakenne HEADER AD SITE AREA OUTER AD 1 OUTER AD 2 FOOTER AD COPYRIGHT AREA

4 Sivuston perusrakenne HEADER NAVIGATION (OPTION 2) LEFT TOP RIGHT TOP NAVIGATION (OPTION 1) LEFT CENTER ADS LEFT BOTTOM CONTENT AREA SPECIAL AREA ADS RIGHT BOTTOM FOOTER

5 Sivuston perusrakenne Header Footer IMAGE/FLASH OR NOTHING HTML OR NOTHING HTML OR NOTHING IMAGE/FLASH OR NOTHING

6 Sivuston perusrakenne Valinnaiset elementit Left Top IMAGE/FLASH HTML Right Top HTML Left Center HTML IMAGE/FLASH Left Bottom HTML IMAGE/FLASH Right Bottom HTML

7 Sivuston perusrakenne Vaakanavigaatio NAVIGATION LINKS OUT SEARCH PRINT RSS COUN TER Pystynavigaatio NAVIGATION LINKS OUT PRINT & RSS SEARCH COUNTER

8 Navigaatio Navigaatiolle on kaksi päätyyliä: Ylhäällä vaakatasossa oleva pudotusvalikko. Perinteinen vasemmassa laidassa oleva. Navigaatioiden yhdistelmä ei ole mahdollinen eikä eri navigaation tasoja voida eritellä.

9 Etusivu Etusivulle on kaksi tyyliä: Vanha on sisältöä, kuumat uutiset ja sisältöä. Uusi on sisältöä, valitut elementit ja sisältöä. Uudessa parillinen määrä elementtejä. Elementit on: Ajankohtaiset, Tiedotteet, Uutiset, Kysely, Kuvalinkki ja Sisältö. Ulkonäkö muokattavissa HTML-pohjilla.

10 Uusi etusivutyyli Etusivu SPECIAL ELEMENT 1 SPECIAL ELEMENT 2 SPECIAL ELEMENT XX SPECIAL ELEMENT XY SPECIAL ELEMENT YX SPECIAL ELEMENT YY

11 Oikea sivupalkki Kutsutaan myös Ajankohtaispalkiksi. Näkyvyys voi olla vain etusivulla, kaikilla sivuilla tai kokonaan poissa käytöstä. Myöskin vanha kiinteä tapa ja uusi muokattava tapa kuten etusivulla. Uudessa elementtejä ei tarvitse olla parillista määrää. Ulkoasu muokattavissa HTML-pohjilla.

12 Tulostussivu PRINT HEADER CONTENT AREA PRINT FOOTER

13 Tulostussivu Tulostettava sivu tulee CSS-määrittelyjen mukaan automaattisesti tulostettaessa. Järjestelmä tarjoaa myös mahdollisuuden näyttää tulostimen kuva, joka tarjoaa ilman CSS-muutoksia tulostettavan version. Tulostussivulle on mahdollista tehdä Header ja Footer ja niissä voi käyttää <!-- URL -->, <!-- DATE --> ja <!-- DATETIME --> arvoja.

14 CSS-muokkaus Järjestelmän CSS-tiedostoja on mahdollista muokata yleisesti, kielikohtaisesti tai pääkategoriakohtaisesti. Järjestelmän päivittyessä voi joutua päivittämään muokattuja CSS-tiedostoja. Omat CSS-tiedostot laitetaan Customhakemistoon järjestelmän omassa templatemuodossa.

15 Ikonit Järjestelmässä käytettävät ikonit, jotka sijaisevat /pics/ hakemistossa on mahdollista vaihtaa toiseen ikoniin laittamalla samanniminen tiedosto tiedostonhallinnan Custom -hakemistoon.

16 Kehykset Kehykset eivät ole tuettuja, eikä sivustoja suositella ajettavaksi, jonkun muun sivuston kehyksen sisällä. Tämän toimivuutta ei taata. IFRAME-kehyksiä voidaan käyttää sisällön upottamisessa normaalisti.

17 Murupolku Järjestelmässa on mahdollisuus näyttää murupolku sisältöalueen yläreunassa ja sivun otsikossa. Päätaso on sivuston otsikko tai määritelty. Fontti/Koko/Väri/Alleviivaus valittavissa asetuksista.

18 Meta Järjestelmässä on tuki Meta-tiedoille. Meta-tiedoista tehdään Dublin Core määrittelyn mukaisia Meta-otsakkeita.

19 Kielitiedostot Kielitiedostot ovat järjestelmän laajuisia ja kiinteitä. Näitä ei voi muokata tai vaihtaa.

20 Järjestelmän elementit Järjestelmässä on joitakin elementtejä, joita ei voi muokata. Esimerkiksi sisäänkirjautumissivu. Näitäkin tosin on osittain mahdollista muokata omalla CSS-tiedostolla.