KOTISIVUKONE ULKOASUEDITORI

Transkriptio

1 KOTISIVUKONE ULKOASUEDITORI

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

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

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

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