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

Sivuston tiedotawebsiteguy.com

Kylänetti projektin sivustojen käyttöohjeita Dokumentin versio 2.10 Historia : 1.0, 1.2, 1.6 Tero Liljamo / Deserthouse, päivitetty 25.8.

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

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista

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.

SAKU-materiaalit

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

Sivuston tiedotmarking.seoonline.xyz


Monikielinen verkkokauppa

Digitaalisen median tekniikat. Luento 3: CSS

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Sivuston tiedotrankingtodayseobookmarking.net

Sivuston tiedotgoogle.com

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

Fronterin tyylitiedostolla muokatut mallihuoneet

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1

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

Sivuston tiedotmp3list.pro

Sivuston tiedotwixaccounting.com

Sivuston tiedotwebstatinfo.com

Sivuston tiedotemreemir.com

Sivuston tiedotakcpshop.de.websiteoutlook.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

ARVO - verkkomateriaalien arviointiin

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.

Sivuston tiedotarticle2seorank.space

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

EnterQ Johtamisportaali

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 tiedotaongalandmaschinen.com

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

Sivuston tiedotakcp-sensor.de

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

Sivuston tiedotdidactum.com.w3 snoop.com

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

Sisällysluettelo. s.1(14) CRA Computer & Robot applications Oy. v.1.2 ESITTELY TOIMINNALLISUUS... CRA-TV HALLINTA-OHJELMA...

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

Kotisivut helposti - osa 4

Sivuston tiedotskillers.tech

ESIKATSELU, TULOSTAMINEN, TUNNISTEET

Sivuston tiedotwindowsrepublic.com.au

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.