KOTISIVUKONE ULKOASUEDITORI



Samankaltaiset tiedostot
Pikaopas kotisivujen tekoon

Tekstieditorin käyttö ja kuvien käsittely

Pikaopas kotisivujen tekoon

Pikaopas kotisivujen tekoon

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

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

NTG CMS. Julkaisujärjestelm. rjestelmä

Moodle-alueen muokkaaminen

Moodle 2.2 pikaohje. 1. Kirjautuminen ja omat kurssit (Työtilat) 1. Mene internet-selaimella osoitteeseen

UpdateIT 2010: Editorin käyttöohje

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

Google-dokumentit. Opetusteknologiakeskus Mediamylly

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

Kyläsivujen InfoWeb-ohje

KÄYTTÖOHJE. Servia. S solutions

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)

Tietosuoja-portaali. päivittäjän ohje

Uutiskirjesovelluksen käyttöohje

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

Canva CV NÄIN PÄÄSET ALKUUN CANVA CV:N TEOSSA: Canva on graafisen suunnittelun

Helppokäyttöisyyttä Windows Vista käyttöjärjestelmän asetuksilla

Taulukot Päivi Vartiainen 1

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat

1 ClipArt -kuvan käyttö Paint-ohjelmassa

Osaamispassin luominen Google Sites palveluun

Vehmaan kunta. Wordpress käyttöopas. Betta Digital Oy

UpdateIT 2010: Uutisten päivitys

FrontPage Näkymät

Riikka Marttinen, Helsingin Tikoteekki, Windows 7:n helppokäyttötoiminnot

Yhdistysten kotisivujen päivittäminen Sisällys

SPORTTISAITTI KÄYTTÖOHJE

KÄYTTÖOHJE LATOMO VERSO

Muistitikun liittäminen tietokoneeseen

1. HARJOITUS harjoitus3_korjaus.doc

Pikaohjeita OneNote OPS:in käyttäjille

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa tunnuksellasi.

Sivu 1 / Viikin kirjasto / Roni Rauramo

Moodle-alueen muokkaaminen

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.

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

Fixcom Webmail ohje. Allekirjoitus. Voit lisätä yhden tai useamman allekirjoituksen.

Päänäkymä Opiskelijan ohjeet Kurssin suorittaminen Opettajan ohjeet kurssin teko

Oulun yliopiston www-sivujen tekeminen

Kirjan toteutus BoD easybook -taittotyökalun avulla

Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi

päivittäjän pikaopas

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

1. ASIAKKAAN OHJEET Varauksen tekeminen Käyttäjätunnuksen luominen Varauksen peruminen... 4

Google Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen)

AUTOCAD-TULOSTUSOHJE. Tällä ohjeella selitetään Autocadin mittakaavatulostuksen perusasiat (mallin mittayksikkönä millimetrit)

TALLENNETAAN MUISTITIKULLE JA MUISTIKORTILLE

Windows 10 -käyttöohje

1.1 Sisäänkirjautuminen ST-Akatemia Online -palveluun kirjaudutaan -osoitteen kautta.

Editorin käyttö. TaikaTapahtumat -käyttöohje

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

Sen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat

VATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys:

Yrjö Määttänen Kokemuksia SuLVInetin käytön aloituksen

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Wordpresspikaopas. Viivamedia

Hittitoimiston Forte-kotisivujen päivitysohje

Flow!Works Pikaohjeet

Webmailin käyttöohje. Ohjeen sisältö. Sähköpostin peruskäyttö. Lomavastaajan asettaminen sähköpostiin. Sähköpostin salasanan vaihtaminen

Aloitusopas verkkosivuston ylläpitoon

Savalanche käyttöohje

OSIO: Hyvinkään. tapahtumakalenteri. Näyttävät mainokset ja näkyvyyttä toiminnalle -kurssi. Hyvinkään Yhdistykset ry. Heidi Kokko

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

idvd 5 ELOKUVAKASVATUS SODANKYLÄSSÄ Vasantie Sodankylä +358 (0) tommi.nevala@sodankyla.fi

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET

TAULUKKO, KAAVIO, SMARTART-KUVIOT

Sivuston muokkaus WordPressin kanssa

KUVANKÄSITTELY THE GIMP FOR WINDOWS OHJELMASSA

Ryhmänkerääjän ABC - pidä ryhmäsi ilmoittautumiset ja huonejako kätevästi hallussa

Verkkokaupan ohje. Alkutieto. Scanlase verkkokauppa. Sisäänkirjautuminen

Windows 10 käyttöjärjestelmän helppokäyttötoiminnot ja asetukset

Tervetuloa HK Shop:in käyttäjäksi!

TERVETULOA CHROME-TYÖASEMALLE!

ohjeet. AtFlow Oy, Pekka Rönkkönen, +358 (0)

1 Funktiot, suurin (max), pienin (min) ja keskiarvo

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

Artikkelin lisääminen

Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto

KUVAN TUOMINEN, MUOKKAAMINEN, KOON MUUTTAMINEN JA TALLENTAMINEN PAINTISSA

AVOIMEN YLIOPISTON MOODLE-OPAS OPISKELIJALLE SISÄLLYS

OHJEET HOPSIN TEKEMISEEN KYVYT- PALVELUSSA:

Ohjeistus yhdistysten internetpäivittäjille

Yleistä. Suositukset. Rakenne

Sivueditorin käyttöohje

Scratch ohjeita. Perusteet

Maxivision Go käyttöliittymän ohje

Lappi.fi -pikaohje Kittilän kylille:

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN

Kuinka aloitat kumppanuusmainonnan sivustollasi

Kalenteri. Kalenterin tapahtumatyypit: Kalenteritapahtuman lukeminen: Tampereen yliopisto/tietohallinto 2017 Suvi Junes

Ennen ensimmäistä kirjautumista käyttäjän tulee saada kutsu Sporttisaitin jäseneksi.

Nuorten hyvinvointi tilastotietokannan käyttöohjeet Tieke

KÄYTTÖÖN. Koulukirjat tietokoneelle PIKAOHJEET PAPERPORT -OHJELMAN. Sisällysluettelo

Aiemmin vasemmassa reunassa ollut valikko on siirretty yläreunaan. Näin oikeaan reunaan jää enemmän tilaa ohjelman käyttöä varten.

Transkriptio:

KOTISIVUKONE ULKOASUEDITORI

Kun olet luonut itsellesi kotisivut, voit aloittaa ulkoasun yksityiskohtaisemman räätälöimisen. Kotisivukone tarjoaa helppokäyttöisen ulkoasueditorin, jonka avulla saat sivujen ulkoasusta mieleisesi. Lisäksi kokeneemmat käyttäjät voivat muokata sivujen ulkoasua suoraan CSS tyylimäärittelyiden avulla. Ulkoasueditorin avaaminen Avaa ulkoasueditori klikkaamalla ylläpitosivuilla oikeasta reunasta Sivujen ominaisuudet valikko auki ja valitsemalla sieltä Ulkoasueditori linkki. Saat ulkoasueditorin auki myös viemällä hiiren yläpalkin päälle ja klikkaamalla vasemman yläkulman ikonia. Ulkoasueditori avautuu vasempaan reunaan avaten oman työkalupalkin. Tästä palkista voit valita mitä ulkoasuelementtejä kulloinkin muokataan. Tekstityylit Voit muokata sivun tekstityylejä avaamalla Tekstityylit työkalun. Valitse ensin muokattava tekstityyli, esimerkiksi Päävalikko tai Sisältöalueen otsikot. Kirjasimen tyyppi valikosta voit määritellä haluamasi fontin. Internet-sivuilla ei useinkaan käytetä erikoisfontteja, sillä sivujen lukijan koneessa on oltava samat fontit asennettuina. Siksi kannattaakin pitäytyä oletusfonteissa. Voit myös muokata fontin koko ja väriä. Näet reaaliaikaisesti kuinka tekemäsi muutokset vaikuttavat sivujen ulkoasuun. Lisäasetukset linkistä saat vielä käyttöösi harvemmin tarvittuja tehostuskeinoja, kuten lihavoinnit ja tekstin korostuksen.

Yläpalkki Yläpalkkia voit vaihtaa avaamalla Yläpalkki työkalun. Voit poistaa yläpalkkikuvan kokonaan tai valita uuden yläpalkkikirjastosta. Voit myös lähettää oman yläpalkkikuvan tietokoneeltasi. Kuvan toisto Jos valitsemasi yläpalkkikuva on kapeampi kuin kotisivujesi leveys, voit asettaa kuvalle toiston. Näin yläpalkkikuva toistuu joko pysty, vaaka tai molemmissa suunnissa koko yläpalkin leveydeltä ja korkeudelta. Sopivalla kuvalla toisto toiminnolla saa toteutettua tyylikkäitä yläpalkkeja. Voit määritellä myös yläpalkin korkeuden, jolloin ohjelma automaattisesti piilottaa ylisuuren yläpalkkikuvan. Voit myös halutessasi piilottaa koko yläpalkin pois näkyvistä. Yläpalkin valinta kuvakirjastosta Kotisivukone tarjoaa laajan valikoiman erilaisia yläpalkkeja eri aihealueista. Voit valita haluamasi yläpalkkikuvan kuvakirjastosta klikkaamalla Valitse kuva kirjastosta linkkiä. Nyt auenneesta kuvakirjastosta voit valita haluamasi yläpalkin ja voit heti esikatsella miltä kyseinen yläpalkkikuva näyttää omilla kotisivuillasi. Oman yläpalkin lisääminen Voit myös lisätä sivuille oman yläpalkin klikkaamalla Lisää oma yläpalkki linkkiä. Nyt ruudulle aukeaa Kotisivukoneen tiedostoselain, josta voit valita haluamasi kuvan yläpalkiksi. Tiedostoselaimeen voit lähettää kuvia omalta tietokoneeltasi. Katso Tiedostoselaimen toiminnasta tarkemmin ominaisuuden omasta ohjeesta. Voit valita yläpalkkikirjastosta haluamasi yläpalkkikuvan. Näet välittömästi kuinka uusi yläpalkki vaikuttaa kotisivujesi ulkoasuun.

Taustakuva Taustakuvaa voit vaihtaa avaamalla Taustakuva ja väri työkalun. Taustakuva koostuu joko pelkästä taustaväristä, taustakuvasta tai näistä molemmista. Valitse haluamasi taustakuva kuvakirjastosta klikkaamalla Valitse kuva kirjastosta linkkiä. Ruudulle aukeaa Kotisivukoneen taustakuvakirjasto, josta voit valita haluamasi kuvan tai kuvion. Voit heti esikatsella kuinka taustakuva tai kuvio vaikuttaa omien kotisivujesi ulkoasuun. Jos valitsit taustakuvion, tulee sille asettaa toistoasetus. Voit toistaa kuviota joko vaakasuunnassa, pystysuunnassa tai molemmissa suunnissa. Käytännössä taustakuviot tulee toistaa molemmissa suunnissa, jolloin kuvio kopioituu ja täyttää koko sivujesi taustan yhtenäisellä kuviolla. Voit myös määritellä taustalle vain tietyn värin. Tämän värin voit valita Sivun taustaväri kohdan Vaihda painikkeesta ja valitsemalla värikartasta haluamasi värisävyn. Näet muutoksen heti omilla kotisivuillasi. Halutessasi voit myös valita taustakuvan tai kuvion omalta koneeltasi klikkaamalla Lisää oma taustakuva linkkiä ja valitsemalla Tiedostoselaimesta haluamasi kuvatiedoston. Voit valita haluamasi taustakuvan taustakuvakirjastosta tai omalta tietokoneeltasi. Sivun asetukset Sivun muita asetuksia voit muokata avaamalla Sivun asetukset työkalun. Voit määritellä sivujen asemoinnin (keskitetty tai vasen laita) ja sivun sisältöalueen taustavärin. Avaamalla lisäasetukset, voit myös määritellä sivujen leveyden ja marginaalit.

CSS-tyylitiedosto CSS-tyylitiedostoa muokkaamalla voit määritellä sivujen ulkoasun täysin haluamaksesi. CSS-tyylitiedoston hyödyntäminen vaatii CSS:n tuntemista, eikä sen muokkaamista suositella aloittelijoille. CSS:n muokkausohjeet saat Kotisivukoneen asiakaspalvelusta.