Putteri Käyttöliittymä ja ulkoasu

Samankaltaiset tiedostot
Ulkoasun muokkaus CSS-tiedostossa

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi

Pipfrog AS Ulkoasun muotoilut

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Navigointi Verkkomultimedia ICT1tn004

PUTTERI JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

Aloitusopas verkkosivuston ylläpitoon

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

Tiedostonhallinta. Yleistä

Graafiset käyttöliittymät Sivunparantelu

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Wordpress- ohje nettisivujen laadintaan

Tee html-sivu, jossa on yllä olevat kaksi taulukkoa.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

Yleistä. Suositukset. Rakenne

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

Pikaopas kotisivujen tekoon

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Pikaopas kotisivujen tekoon

Verkkosivuston hallinnan ohjeet. atflow Oy AtFlow Oy, +358 (0)

Julkaisujärjestelmän peruskäyttö. Pikaohje

Sisältö. 1 Ylä- ja alatunnisteet Makropaketti titleps Makropaketti fancyhdr Sivutyylien toteutus L A TEXissa...

24h Admin V / 24h_Admin_v100.pdf 1/9


Monikielinen verkkokauppa

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Digitaalisen median tekniikat xhtml - jatkuu

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

Sivuston tiedotaskgeek.io

helsingintaiteilijaseura.fi WordPress-pikaohjeet

Uuden Moodle-kurssin luominen

Lappset.fi uudistus 2016

Navigointi Verkkomultimedia ICT1tn004. Elina Ulpovaara

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

Ylläpitoalue - Etusivu

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Sähköpostin arkistointi

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.

Sivuston tiedotqbsupportcustom erservice.com

KOTISIVUKONE ULKOASUEDITORI

Sivuston tiedotmysiteworthcheck.com

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Munstadi Wordpress ohjeet

Sivuston tiedotqbooksupportpho nenumber.com

1 Johdanto. 2 Kirjautuminen. Sisällysluettelo. Kanakoirakerho - websivujen ylläpito

Käyttöliittymä ja tuotantokäsikirjoitus. Heini Puuska

Verkkojulkaiseminen Minna Väisänen. HTML5-tehtävä

Esimerkkinä - ilmainen blogi-julkaisujärjestelmä. WordPress:stä on myös palvelimelle asennettava versio (WordPress.

Webropol 3.0 tulosten raportointi. Aki Taanila

1. Valitse käyttäjänimi 2. Kirjoita salasana 3. Anna sähköpostiosoitteesi 4. Keksi wikillesi nimi

ez Publish ja Toolbar yleisohjeet

1 Yleistä Kooste-objektista Käyttöönotto Kooste-objektin luominen Sisällön lisääminen Kooste objektiin Sivut...

Kuinka ladata tulostusprofiilit Antalis ICC Profile Centrestä

Sivuston tiedotsiteoptimer.com

Psychosocial Risk Management etraining. -portaalin käyttöopas

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

Juricon Nettisivu Joomlan käyttöohjeet

WWW-PALVELUN KÄYTTÖÖNOTTO LOUNEA OY

Aloita oman blogisi luominen (järjestelmä lupaa sen tapahtuvan sekunneissa ;-))

Wikin käyttö Perus ja kehittynyt Juha Matikainen Antti Miettinen

Digitaalisen median tekniikat xhtml - jatkuu

Hallintaliittymän käyttöohje

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu Martat - KÄYTTÖOHJE Yhdistyksille 2017

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne

Optima käyttöopas opiskelijalle

Kuinka aloitat kumppanuusmainonnan sivustollasi

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

ESIKATSELU, TULOSTAMINEN, TUNNISTEET

Turun yliopiston Nelli ohje käyttöönottoon

CSV - XML ohjelman käyttöohje

Transkriptio:

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

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.

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

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

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

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

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

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ä.

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.

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

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.

Tulostussivu PRINT HEADER CONTENT AREA PRINT FOOTER

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.

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.

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

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.

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.

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

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

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.