Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö
Sisällysluettelo Kirjautuminen ja ylläpito...3 Kirjautuminen sivustolle...3 Ylläpitovalikko...3 Artikkeleiden muokkaaminen...4 Artikkelin asetukset...4 Editor- välilehti...4 Julkaiseminen- välilehti...4 Kieli- välilehti...5 Metatieto- välilehti...5 Editori...6 Editorin toiminnot...6 Editorin peruskäyttö...9 Kuvatyökalu...9 Kuvien lisääminen omalta tietokoneelta järjestelmään...9 Kuvan lisääminen sisältöön... 10 Linkin lisääminen sisältöön... 10 Kehittyneemmät tekniikat... 11 Tekstin kiertäminen kuvan ympäri... 11 Taulukot... 11 Taulukon luominen sisältöön... 11 Taulukon solujen asetukset... 12 Taulukon rivin asetukset... 12
Kirjautuminen ja ylläpito Kirjautuminen sivustolle Sivuston alareunassa on teksti Mainostoimisto Vivia 2013. Kirjautumislomakkeeseen pääsee kun napsauttaa - merkkiä. Tästä aukeaa kirjautumislomake johon laitetaan tunnukset ja kirjaudutaan sivustolle Ylläpitovalikko Kun olet kirjautuneena sivustolle sivun yläreunassa näkyy ylläpitovalikko. Valikko pitää sisällään erilaisia linkkejä sekä Kirjaudu ulos - napin. Omista tiedoista voi muuttaa omien tunnuksien tietoja. Testaussivulla voi huoletta testata editorin käyttöä ilman että se näkyy mihinkään ulkopuolisille.
Artikkeleiden muokkaaminen Artikkeleita pääsee muokkaamaan kun painaa halutun artikkelin kohdalla Muokkaa artikkelia - ikonia. Ikoni ilmestyy artikkelin kulmaan silloin kun ollaan kirjautuneena sivustolle. Artikkelin asetukset Artikkelin muokkaustilassa on 4 eri välilehteä: Editor- välilehti Editor- välilehdellä tuotetaan artikkelin sisältö editorilla. Otsikko Editor Artikkelin otsikko pakollinen Artikkelin sivustolla näkyvä sisältö luodaan editorilla. Editorin pystyy kytkemään päälle/pois jolloin näkyy html koodi tekstin seassa. Julkaiseminen- välilehti Julkaiseminen- välilehdellä asetetaan artikkelin näkyvyyteen vaikuttavat asetukset. Kategoria Kirjoittajan alias Tila Nostettu Aloita julkaisu Lopeta julkaisu Käyttöoikeus Artikkelille valitaan sopiva kategoria Kirjoittajan vaihtoehtoinen nimi jos ei halua käyttää omaa nimeä Artikkelille voidaan asettaa 4 erilaista tilaa: - Julkaistu = artikkeli näkyy sivustolla - Julkaisematon = artikkeli ei näy sivustolla mutta on olemassa - Arkistoitu = laittaa artikkelin arkistoitu tilaan mutta ei poista sitä näkyvistä - Poistettu = poistaa artikkelin Nostaa artikkelin näkymään normaalisti etusivulla Artikkelin julkaisu ajankohta Artikkelin julkaisun lopetusajankohta Artikkelille voidaan asettaa 3 eri oikeustasoa - Public = julkinen ja näkyy kaikille - Registered = artikkeli näkyy vain rekisteröityneille - Special = artikkeli näkyy vain sivuston hallitsijoille
Kieli- välilehti Kieli- välilehdellä voidaan määritellä artikkelin kieli jos sivustolla on käytössä useampia kieliä. Metatieto- välilehti Metatieto- välilehdellä asetetaan sivuston metatiedot. Hakukoneet käyttävät näitä tietoja hakutuloksissa jos hakukoneet eivät ole ottaneet tekstisisällöstä sitä. Metakuvauksessa olisi hyvä olla noin 150 merkkiä pitkä kuvaus mitä artikkeli koskee. Meta- avaisanoihin kannattaa laittaa noin 5 yksittäistä sanaa pilkuilla eroteltuna jotka kuvaavat artikkelin sisältöä parhaiten. Metakuvaus Meta- avainsanat Artikkelin metakuvaus hakukoneita varten Artikkelin hakusanat hakukoneita varten
Editori Artikkelin muokkauseditorilla voidaan tehdä monenlaisia muokkauksia sisältöön. Editorin toiminnot Kumoa toiminto kumoaa viimeisimmän toiminnon Tee uudelleen toiminto Lihavoi valitun tekstin Kursivoi valitun tekstin Alleviivaa valitun tekstin Yliviivaa valitun tekstin Tasaa sisällön molemmat reunat Keskittää sisällön Tasaa sisällön vasempaan reunaan Tasaa sisällön oikeaan reunaan Luo blogquote tagit valitun osan ympärille Lisää lue lisää Lisää tai muokkaa sivunvaihto Näyttää/piilottaa lohkoelementit esim. kappale tagit Näyttää/piilottaa apumerkit Näyttää apugrafiikat ja elementit päälle/pois Tulostaa sisällön Leikkaa Kopioi Liitä liittää muotoilujen kanssa
Liitä vain teksti kannattaa aina käyttää jos liittää tekstiä koska poistaa muotoilut Valitun tekstin väri Elementin taustan väri Lisää sisennystä Vähennä sisennystä Tekee valinnasta numeroidun listan Tekee valinnasta järjestämättömän listan Tee valinnasta alaindeksi Tee valinnasta yläindeksi Kirjainkoon muuntoja 4 valintaa - Isot kirjaimet = muuttaa valinnan isoiksi kirjaimiksi - Pienet kirjaimet = muuttaa valinnan isoiksi kirjaimiksi - Virkkeittäin = muuttaa valinnassa olevien virkkeiden ensimmäiset kirjaimet isoiksi kirjaimiksi - Sanoittain = muuttaa valinnassa olevien sanojen ensimmäiset kirjaimet isoiksi kirjaimiksi Lisää erikoismerkin Lisää vaakaviivan (hr tagin) Poistaa muotoilun Puhdistaa HTML- koodia Lisää tai muokkaa kuva Lisää tai muokkaa linkki Poistaa linkkimäärityksen Luo taulukon tai muokkaa valittua taulukkoa Poistaa valitun taulukon Muokkaa rivin ominaisuuksia Muokkaa solun ominaisuuksia Lisää rivin ennen Lisää rivin jälkeen Poistaa rivin Lisää sarakkeen ennen Lisää sarakkeen jälkeen
Poistaa sarakkeen Purkaa yhdistetyt solut Yhdistää valitut solut Esikatselutila päälle/pois Lähdekoodieditori päälle/pois Elementtien muotoilu - Otsikot, kappaleet yms. Valmiiksi ohjelmoitujen tyylimuotoilun valinta elementille Fonttikoon valinta Fontin valinta
Editorin peruskäyttö Kuvatyökalu Kuvat lisätään artikkeliin Lisää tai muokkaa kuva toiminnolla Kuvatyökalussa on kuvan asetukset (yläosa) ja kuvien kansiorakenne sekä tiedot (alaosa) Kuvien lisääminen omalta tietokoneelta järjestelmään Kuvia voidaan lisätä omalta koneelta järjestelmään Lataa palvelimelle toiminnolla Avautuvan ikkunan avulla voidaan omalta koneelta ladata tiedostoja järjestelmään valitsemalla Selaa. Kun halutut tiedostot ovat valitut, ne ladataan Lataa toiminnolla jonka jälkeen ikkuna voidaan sulkea.
Kuvan lisääminen sisältöön Haluttu kuva valitaan ja tarkistetaan että tarvittavat asetukset ovat kunnossa ja sen jälkeen painetaan vain Lisää nappia. Kuvan asetuksissa pitää näkyä URL (kuvan polku) tai kuvaa ei voi lisätä sisältöön. Kuvalle on myös hyvä antaa nimi (vaihtoehtoinen teksti). Kuvatyökalussa oikeassa yläkulmassa näkyy esikatselu joka näyttää miten kuva tulee suhteessa tekstiin. Linkin lisääminen sisältöön Linkki lisätään sisältöön aktivoimalla haluttu sanat tai sanat ja painamalla Lisää tai muokkaa linkki toimintoa. Avautuvasta ikkunasta asetetaan linkin asetukset. Linkillä on oltava URL sekä Teksti kentät täytettynä. URL on oltava muotoa http://www.esim.xx. Jos http:// puuttuu niin editori ehdottaa sen lisäämistä ennen kuin se lisää linkin. Teksti on linkin teksti joka näkyy sisällössä. Linkin attribuutteihin on hyvä ainakin lisätä Otsikko koska se on teksti joka näkyy kun viedään hiiren osoitin linkin päälle. Kun halutut asetukset ovat valmiina niin painetaan vain Lisää nappia ja linkki on valmis
Kehittyneemmät tekniikat Tekstin kiertäminen kuvan ympäri Tekstin saa kiertämään kuvan ympäri antamalla kuvalle tiettyjä asetuksia kuvatyökalulla. Yllä olevassa kuvassa on asetettu kuvalle Tasaus vasemmalle sekä Marginaali kohdasta otettu Sama valinta pois ja laitettu oikealla ja alas 20 pikseliä marginaalia. Esikatselusta näkyy suurin piirtein miten kuva käyttäytyy. Kun kuva tasataan kyseisellä tavalla on kursori oltava tekstin alussa koska kuva lähtee siitä kohdasta sivulla ja alaspäin. Taulukot Jos halutaan tekstin tai kuvan olevan tietyssä kohdassa, se on pakko toteuttaa taulukoiden avulla. Esimerkiksi viereinen hinta taulukko. Taulukon luominen sisältöön Taulukoita lisätään Lisää tai muokkaa taulukko toiminnon avulla Perusasetukset taulukolle ovat sarakkeiden ja rivien määrä. Tarvittavan taulukon koko kannattaa miettiä etukäteen ja sen mukaan laskettava sarakkeiden ja rivien määrä. Solutäyte ja Soluväli antavat tilaa joko solun sisällä tai kahden solun väliin. Taulukolle voidaan antaa myös leveys ja korkeus mutta normaalisti kannattaa välttää antamasta taulukolle kiinteää kokoa
ellei jostain syystä tarvitse tehdä sitä. Leveys kannattaa määrittää solujen leveyksillä säätämällä ja korkeus yleensä määräytyy itsestään taulukon sisällön mukaan. Taulukon solujen asetukset Solujen asetuksia pääsee muokkaamaan Solun ominaisuudet toiminnolla Tasauksella voidaan asettaa solun sisältö joko vasempaan reunaan, keskelle tai oikeaan reunaan. Leveydellä säädetään solun leveys joko pikseleinä tai prosentteina. Huom. Taulukon sarakkeen leveys on yhtä iso kuin leveimmän solun määritelty leveys. Korkeudella säädetään solun korkeus. Huom. Taulukon rivin korkeus on yhtä korkea kuin rivillä olevan korkeimman solun korkeus Taulukon rivin asetukset Rivin asetuksissa ei oikeastaan normaali käytössä ole kuin Pystytasaus oleellinen asetus. Oletuksena taulukon sisältöjen pystytasaus on keskellä joten rivin asetuksista pystyy kätevästi muuttamaan kaikkien rivien solujen pystytasauksen ylös kun valitaan Pystytasaus: ylä ja valitaan päivitä napin yläpuolelta Päivitä kaikki rivit