• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this document? Why not share!

Joomla 1.5 Frontend Suomi

on

  • 2,184 views

Joomla 1.5 Frontend käyttöopas

Joomla 1.5 Frontend käyttöopas

Statistics

Views

Total Views
2,184
Views on SlideShare
2,184
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Joomla 1.5 Frontend Suomi Joomla 1.5 Frontend Suomi Document Transcript

    • D4-Verkosto Oy Petri Niemelä Henrik Toropainen Perusohje Joomla 1.5:n sivueditorista (JCE)
    • 28.5.2008 D4-Verkosto Oy Sisällysluettelo Johdanto ..............................................................................................................................3 1 Sisäänkirjautuminen..........................................................................................................4 1.1 Näkymä kirjautuneena................................................................................................5 2 Sivueditorinäkymä (JCE) ..................................................................................................6 2.1 Työkalurivi ..................................................................................................................7 2.1.1 Työkalurivin lisätoiminnot.....................................................................................9 2.1.2 Tekstin kopioiminen sivulle ulkopuolisesta lähteestä .........................................10 3 Linkit ...............................................................................................................................10 3.1 Linkin lisääminen......................................................................................................10 3.2 Linkin poistaminen....................................................................................................13 3.3 Ankkurit ....................................................................................................................13 4 Kuvien hallinta ................................................................................................................15 4.3 Kuvanhallinnan ominaisuudet ..................................................................................16 4.2 Kuvan vieminen palvelimelle ....................................................................................17 4.3 Kuvan lisääminen lyhyesti ........................................................................................18 5 Tallentaminen .................................................................................................................18 5.1 Julkaiseminen –välilehti............................................................................................18 5.2 Tallennusvalikko.......................................................................................................20 6 Uloskirjautuminen ...........................................................................................................21 Lähteet...............................................................................................................................22 Perusohje Joomla 1.5:n sivueditorista (JCE) 2 (22)
    • 28.5.2008 D4-Verkosto Oy Johdanto Joomla 1.5:n sivueditorikomponentista JCE:stä ei ollut tämän ohjeen kirjoitus hetkellä saatavilla suomenkielistä versiota. Tästä johtuen olemme yrittäneet käyttää suomenkielisiä termejä silloin kun se on mahdollista. Kaikista toiminnoista ei kuitenkaan ole suomenkielistä vastinetta ollut. Olemme laittaneet aina suomenkielisen termin ensin ja englanninkielisen sulkuihin sen jälkeen. Täten ohjetta on helppo käyttää sekä englanninkielistä JCE-editoria kuin myös mahdollisesti myöhemmin tulevaa suomenkielistä editoria käytettäessä. Tämä ohje on ensisijaisesti tarkoitettu D4-Verkosto Oy:n asiakkaille, ja muille sidosryhmille. Perusohje Joomla 1.5:n sivueditorista (JCE) 3 (22)
    • 28.5.2008 D4-Verkosto Oy 1 Sisäänkirjautuminen Kirjoita selaimeesi www.omadomain.fi/login korvaa omadomain domain-nimelläsi, esim. www.villenfirma.fi/login Avautuu oheinen sivu, Sisäänkirjautumissivu 1. Kirjoita oma käyttäjätunnus 2. Kirjoita oma salasana 3. Jos haluat, ettei kirjautumisen yhteydessä kysytä salasanaa, laita rasti ruutuun. HUOM! Älä käytä yleisellä koneella 4. Lopuksi klikkaa kirjaudu. Perusohje Joomla 1.5:n sivueditorista (JCE) 4 (22)
    • 28.5.2008 D4-Verkosto Oy 1.1 Näkymä kirjautuneena Näkymä on hyvin samanlainen kuin julkinen etusivu, lukuun ottamatta kynä-ikonia otsikon vieressä. Klikkaamalla kynä-kuvaa avautuu varsinainen muokkaustila, eli tässä tapauksessa JCE-sivueditori, jossa voit muokata sivuja. Perusohje Joomla 1.5:n sivueditorista (JCE) 5 (22)
    • 28.5.2008 D4-Verkosto Oy 2 Sivueditorinäkymä (JCE) Tallennus-valikko kts. kappale 5.2 Otsikkokenttä Otsikko-kentässä näkyy muokattavan sivun nimi (muutettavissa) Työkalurivi Perusohje Joomla 1.5:n sivueditorista (JCE) 6 (22)
    • 28.5.2008 D4-Verkosto Oy 2.1 Työkalurivi Tekstikentän yläpuolella oleva palkki on hyvin samanlainen kuin Word –tekstinkäsittelyohjelmassa. Tavallisimmat tekstinkäsittelytoiminnot löytyvät, kuten mm. lihavointi. Työkalupainikkeiden selitykset: Peruuta (Undo) Toista (Redo) Näyttää help-ikkunan (Help) Luo uuden dokumentin (New document) Lihavointi (Bold) Kursiivi (Italic) Alleviivaus (Underline) Numeroimaton lista (Unordered list) Numeroitu lista (Ordered list) Sisennys vasemmalle (Outdent) Sisennys oikealle (Indent) Yliviivaus (Strikethrough) Poista muotoilu valitusta kohdasta (Remove formatting) Leikkaa (Cut) Kopioi (Copy) Liitä (Paste) Liitä Wordista (kts. kappale 2.1.2) (Paste from Word) Liitä tavallisena tekstinä (kts. kappale 2.1.2) Paste as Plain Text) Etsi (Find) Perusohje Joomla 1.5:n sivueditorista (JCE) 7 (22)
    • 28.5.2008 D4-Verkosto Oy Korvaa (Find/replace) Lisää viivan (Insert horizontal ruler) Alaindeksi (Subscript) Yläindeksi (Superscript) Tasaus oikeaan reunaan (Align right) Keskitä (Align center) Tasaus vasempaan reunaan (Align left) Tasaus molempiin reunoihin (Align full) Taulukko (Inserts a new table) Taulukon rivin ominaisuudet ( Table row properties) Taulukon solun ominaisuudet ( Table cell properties) Lisää rivin valitun rivin yläpuolelle (Insert row before) Lisää rivin valitun rivin alapuolelle (Insert row after) Poistaa rivin (Delete row) Lisää sarakkeen valitun sarakkeen eteen (Insert column before) Lisää sarakkeen valitun sarakkeen eteen (Insert column after) Poistaa rivin (Remove column) Jaa taulukon solut (Split merged table cells). Yhdistää taulukon solun (Merge table cells Ankkuri (kts. kappale 3.3) (Insert/edit anchor) Lisää linkki (kts. kappale 3.1) (advlink) Poistaa linkki (kts. kappale 3.2) (unlink) Tekstin taustaväri (Select background color) Perusohje Joomla 1.5:n sivueditorista (JCE) 8 (22)
    • 28.5.2008 D4-Verkosto Oy Erikoismerkki (Insert custom character) Taulukon rajat (Toggle guidelines / Invisible elements) Muuttaa tekstin suunnan vasemmalta oikealle (Direction left to right) Muuttaa tekstin suunnan oikealta vasemmalle (Direction right to left) Esikatselu (Preview) Tulosta (Print) Koko näytön editori, jolloin kirjoitustilaa on enemmän (Toggle full screen mode) Lisää hymiön (Emotions) Koodin puhdistaja (Clean up messy code) Editoi sivun HTML-lähdekoodia (Edit HTML source) Tekstin värin valinta (Select text color) Lisää kuva (Insert image) 2.1.1 Työkalurivin lisätoiminnot Tyylit (Styles): Jos käytät css-tyylitiedostoa, voit valita valmiiksi määritetyn css- tyylin tekstillesi. Valitse haluttu teksti (”maalaa” hiirellä) ja sen jälkeen sopiva tyyli alasvetovalikosta. Muotoilu (Format): voidaan valita otsikkotasoja ja tyylejä. Fontti (Font family): voidaan valita valitulle tekstille sopiva fontti eli kirjasintyyppi. Alasvetovalikosta löytyy yleisimmät fontit. Fonttikoko (Font size): tekstin koon valinta. Koot vaihtelevat 1 (8 pt) – 7 (32 pt). Yleisimmin käytettyjä fonttikokoja ovat 1 (joka on oletusarvona), 2 (10 pt) tai 3 (12 pt). Perusohje Joomla 1.5:n sivueditorista (JCE) 9 (22)
    • 28.5.2008 D4-Verkosto Oy 2.1.2 Tekstin kopioiminen sivulle ulkopuolisesta lähteestä Tekstien tuominen Wordista muotoiltuna Lisää Wordista (Paste from Word) – painikkeen avulla tulee kaikki Wordin muotoilut ja saa sivun näyttämään juuri siltä kuin Wordissa. Kopioi wordista (ctrl+c) ja liitä (ctrl+v) teksti ko. painikkeesta aukeavaan ikkunaan saadaksesi tekstin muotoilut säilymään. Tekstin tuominen Wordista tai muusta lähteestä muotoilemattomana Joskus muotoilut eivät kuitenkaan toistu oikein, tai haluat kopioida jostain muusta lähteestä kuin wordista. Liitä tavallisena tekstinä (Paste as Plain Text – painiketta käyttämällä voit kopioida tekstin ilman muotoiluja editoriin (sivulle), jolloin sitä on helpompi editoida. Tee kuten kopioisit muotoilujen kanssa, mutta käyttäen Liitä tavallisena tekstinä–painiketta. 3 Linkit 3.1 Linkin lisääminen Kun halutaan tehdä linkki johonkin toiseen artikkeliin, toimi seuraavasti: 1. Valitse sana, lause tai kuva (hiirellä maalaamalla) editorissa. 2. Klikkaa työkalurivin lisää linkki-painiketta (alla). 3. Avautuu Lisää linkki (Advanced Link) – ikkuna. Perusohje Joomla 1.5:n sivueditorista (JCE) 10 (22)
    • 28.5.2008 D4-Verkosto Oy Kentät (kuvassa) URL Kirjoita sen artikkelin osoite täydellisenä, johon haluat viitata palvelimella. Myös ulkopuoliseen linkkien tekoon esim. http://www.kynnys.fi/esteettomyys/artikkelinnimi.pdf HUOM: Osoite tulee kirjoittaa URL-kentään täydellisenä eli myös http://… tulee laittaa osoitteen alkuun. Ankkurit (Anchors) Jos halutaan päästä nopeasti tiettyyn kohtaan sivulla. Suositus pitkille dokumentille (katso Ankkurit, kohta 3.3). Kohde (Target) Voit määrittää linkin aukeamisen eli avautuuko linkki samaan ikkunaan, uuteen ikkunaan vai kehykseen. Perusohje Joomla 1.5:n sivueditorista (JCE) 11 (22)
    • 28.5.2008 D4-Verkosto Oy Otsikko (Title) Kuvaava nimi linkille, jotta ruudunlukuohjelmat pystyvät kertomaan linkin sisällön näkövammaisille. CSS-tyyli (Class) Jos käytät css-tyylitedostoa, voit valita valmiiksi määritetyn css-tyylin linkkisi ulkonäöksi.. Sisältölinkit (Content) Sivuston sisäisten linkkien tekoon.. Tehtäessä linkki toiseen artikkeliin tai alasivuun samassa sivustossa voidaan käyttää sisältölinkit valikkoa. Sisältölinkkien Alakohdat: Yhteystiedot (Contact) Voit tehdä linkin valitsemasi henkilön sähköpostiin, jos olet määrittänyt sen aiemmin ”Contact”- moduulissa Administrator -puolella. Pääryhmä (Section) Tällä voit tehdä linkin suoraan sivuston Joomla! Pääryhmä (Section) – näkymään. Ryhmä (Category) Tällä voit tehdä linkin suoraan Joomla! Ryhmä (Category) – näkymään. Artikkelit (Articles) Voit tehdä linkin sivuston artikkeliin valitsemalla Article- kohdan alasvetovalikosta oikean artikkelin (esim. uutiskomponentin uutisen) Kategorisoimattomat (Uncategorized) Voit tehdä linkin sivuston sivuun jota ei ole kategorisoitu. Valitse oikea alasivu alasvetovalikosta kohdasta ”Select Uncategorized”. Www-linkki (Weblink) Voit tehdä linkin aiemmin määriteltyyn ulkopuoliseen www-osoitteeseen. Kun mielestäsi linkki on kunnossa, klikkaa Insert (Lisää) – painiketta. Perusohje Joomla 1.5:n sivueditorista (JCE) 12 (22)
    • 28.5.2008 D4-Verkosto Oy 3.2 Linkin poistaminen 1. Valitse äsken maalaamasi (nyt linkitetty) kohta uudelleen 2. Klikkaa Poista linkki (Unlink) – painiketta (alla). Poista linkki (Unlink) 3.3 Ankkurit Halutessasi tehdä ankkurin, eli sivun sisäisen linkityksen: 1. Mene tekstissä siihen kohtaan, johon haluat tehdä ankkurin. 2. Maalaa sana ja klikkaa sivueditorin työkaluriviltä ankkurin kuvaa (linkkipainikkeen vieressä). Ankkuri-painike (Insert / edit anchor) 3. Kirjoita ankkurin nimi (Suosittelen mahdollisimman lyhyttä ja kuvaavaa nimeä, mielellään valittu sana tai osa siitä). 4. Klikkaa Lisää–painiketta, jolloin valitun sanan eteen ilmestyy pieni ankkurin kuva. 5. Mene tekstissä siihen kohtaan, johon haluat tehdä linkin. 6. Valitse sana ja klikkaa sivueditorista Lisää linkki – painiketta. Lisää linkki – painike (Advlink) Perusohje Joomla 1.5:n sivueditorista (JCE) 13 (22)
    • 28.5.2008 D4-Verkosto Oy 7. Avautuu seuraava ikkuna 8. Ankkurit – kohdassa valitaan luettelosta se nimi, jonka juuri annoit. 9. Huomaat, että URL-kenttään ilmestyy automaattisesti #ankkurinnimi, esim. #kho2 (kuten kuvassa). 10. Lopuksi klikkaa Päivitä -painiketta Ankkurin poistaminen Ankkurien poistaminen onnistuu helposti valitsemalla tekstin joukosta ankkurin kuva, ja painamalla näppäimistöltä Delete/Del-näppäintä. Perusohje Joomla 1.5:n sivueditorista (JCE) 14 (22)
    • 28.5.2008 D4-Verkosto Oy 4 Kuvien hallinta Klikkaa ensin työkaluriviltä Lisää kuva – painiketta. Lisää kuva (Insert image) Ilmestyy seuraavanlainen kuva-valikko. Perusohje Joomla 1.5:n sivueditorista (JCE) 15 (22)
    • 28.5.2008 D4-Verkosto Oy URL Kuvan Internet-osoite esim. http://www.joku.fi/esimerkki/kuva.jpg Kuvaus (Alt) Kenttä johon suositellaan laitettavaksi näkövammaisia varten tekstimuotoinen selitys kuvasta (perustuu W3C WAI-suosituksiin). Näytetään myös jos kuvaa ei löydy palvelimelta. Otsikko (Title) Kuva-teksti, joka tulee kun laittaa hiiren kuvan päälle. Lisätiedot (Details) Kun valitset kuvan hiirellä, se ilmestyy tietojen kanssa tähän Lisätiedot -ikkunaan sekä yläreunan laatikkoon. Tämän jälkeen se voidaan valita klikkaamalla Lisää -painiketta. Kuva asettuu siihen kohtaan, missä hiiren kohdistin kulloinkin on. Samalla työkalulla voidaan myös viedä kuvia palvelimelle. Tämä on tarpeen, kun halutaan käyttää muita kuin Joomlan valmiita mallikuvia. 4.3 Kuvanhallinnan ominaisuudet Voit muuttaa kuvan arvoja tarpeittesi mukaan. Kuvalle voidaan määrittää mm. leveys ja korkeus, kohdasta Kuvasuhteet (Dimensions). Leveys ja korkeus voidaan säilyttää myös suhteessa, jolloin tulee ruksata kohta Suhteellinen (Proportional). Kuvalle voidaan määritellä myös reunat, kohdasta Reunus (Border). Leveys (Width)-arvolla voidaan määrittää reunojen paksuus. Reunus (Border)-kohdasta voidaan myös poistaa reunat, silloin kun ne muutoin ilmestyisi, esim. kuvaa linkitettäessä, kirjoittamalla Leveys (Width) – arvoksi nolla (0). Align-kohdasta voi määritellä kuvan sijoittelun suhteessa muuhun tekstiin (esimerkiksi left ja right). Vspace ja Hspace määrittelevät pikseleinä kuvan ympärille jäävän tilan, Vspace pystysuunnassa ja Hspace vaakasuunnassa. Perusohje Joomla 1.5:n sivueditorista (JCE) 16 (22)
    • 28.5.2008 D4-Verkosto Oy Kuvakkeet, vasemmalta oikealle: Uusi kansio (New folder) Tekee uuden alihakemiston Vie palvelimelle (Upload) Vie kuvatiedoston webbipalvelimelle, kts. kohta 4.1 Ohje (Help) Kuvakkeet, vasemmalta oikealle: Päivitä (Refresh) Päivittää hakemiston sisällön Lisää (Insert) Lisää valitun kuvan sivulle Peru: (Cancel) Peruu asetukset ja sulkee kuva-ikkunan 4.2 Kuvan vieminen palvelimelle HUOM! Kun viet kuvia palvelimelle, varmista että siirrettävän kuvan koko on alle 100k (suositus). Sivustolla näkyvän kuvan lataaminen hitailla yhteyksillä muodostuu muutoin kohtuuttoman aikaa vieväksi, etenkin jos kuvia on useita. Lisäksi pienemmät kuvat vievät vähemmän tilaa palvelimelta. 1. Klikkaa kuvanhallintaikkunasta Vie Palvelimelle (Upload) – painiketta (kuvassa alla). 2. Ilmestyy Upload – ikkuna (kuvassa alla). Perusohje Joomla 1.5:n sivueditorista (JCE) 17 (22)
    • 28.5.2008 D4-Verkosto Oy 3. Add File – painikeella valitset kuvan työaseman hakemistoista. 4. Lopuksi klikataan Vie palvelimelle (Upload) – painiketta (kuvassa alla). Nyt kuva on palvelimella, ja se voidaan lisätä sivuille painamalla Lisää (Insert) – painiketta. Muista ensin kuitenkin valita kuva luettelosta. 4.3 Kuvan lisääminen lyhyesti 1. Klikkaa hiirellä tyhjää kohtaa sivulla 2. Paina Lisää kuva-painiketta sivueditorin työkalupalkista (ellet ole jo painanut). 3. Uusi ikkuna aukeaa. 4. Valitse oikea kuva liikkumalla hakemistorakenteessa haluttuun kohtaan. 5. Valitse kuva klikkaamalla kuvan nimen kohdalla. Huomaat, että kuvan tiedot päivittyvät yläreunan laatikkoon sekä lisätiedot kohtaan. 6. Paina Lisää–painiketta ikkunan alareunasta. 5 Tallentaminen 5.1 Julkaiseminen – välilehti Perusohje Joomla 1.5:n sivueditorista (JCE) 18 (22)
    • 28.5.2008 D4-Verkosto Oy Kentät (kuvassa) Julkaistu (Published) Tilassa on kaksi vaihtoehtoa: ei julkaistu ja julkaistu. Valitse julkaistu, jos haluat ko. sivun näkyvän sivustolla. Näytä etusivulla (Show on front page) Tämä on tarpeen ainoastaan käytettäessä etusivu-komponenttia. Määrittää näkyykö artikkeli etusivulla. Kirjoittajan kutsumanimi (Author Alias) Aloita julkaisu (Start publishing) milloin kyseinen artikkeli alkaa näkymään sivustolla Lopeta julkaisu (Stop publishing) tähän voi kirjoittaa artikkelin julkaisun lopetuspäivän, jolloin kyseinen artikkeli poistuu sivustosta (vuosi, kuukausi, päivä) Perusohje Joomla 1.5:n sivueditorista (JCE) 19 (22)
    • 28.5.2008 D4-Verkosto Oy – painike kalenteri, josta voi valita julkaisemisen aloitus-/lopetuspäivän visuaalisesti (kuvassa alhaalla) Käyttöoikeustaso (Access level) Käyttöoikeustaso – kentästä voit vaihtaa sivun käyttöoikeustasoa. Käyttöoikeustasot ovat: Julkinen, (Public) Rekisteröityneet (Registered) ja Erikois (Special). Käyttöoikeustasot viittaavat käyttäjäryhmiin, jotka ovat näkyvissä vain Administrator valikon kautta (ns. Joomla back-end). Näitä ryhmiä ovat: Public (kirjautumaton), Author, Editor, Publisher, Manager, Administrator ja Super Administrator. Public tarkoittaa että sivu on näkyvissä kaikille (myös kirjautumattomille). Registered, että se näkyy vain kirjautuneille käyttäjille/yllapitäjille. Special tarkoittaa että sivu näkyy muille käyttäjäryhmille, paitsi Registered- ja Public- käyttäjäryhmille. Järjestys (Ordering) Artikkelien keskinäinen järjestys, esim. uutisten keskinäinen järjestys. 5.2 Tallennusvalikko Perusohje Joomla 1.5:n sivueditorista (JCE) 20 (22)
    • 28.5.2008 D4-Verkosto Oy Tallenna (Save) Käyttäjän tekemät muutokset tallentuvat välittömästi sellaisina kuin käyttäjä on syöttänyt ja sulkee muokkaustilan. Muutokset ovat heti nähtävillä sivustolla. Peruuta (Cancel) Tehdyt muutokset peruuntuvat. (sivu jää sen näköiseksi kuin ennen muokkausta). 6 Uloskirjautuminen Kirjaudu Ulos (Log out) Kun et enää halua editoida sivustoa, poistu klikkaamalla Kirjaudu ulos-painiketta. Painike löytyy jokaiselta sivulta (saattaa olla erinäköinen kuin kuvassa). Perusohje Joomla 1.5:n sivueditorista (JCE) 21 (22)
    • 28.5.2008 D4-Verkosto Oy Lähteet Kynnys ry:n uusien kotisivujen päivitysohjeet – Petri Kauppinen Perusohje Joomla 1.5:n sivueditorista (JCE) 22 (22)