SUPERIN AMMATTIOSASTON VERKKOSIVUJEN PÄIVITYSTYÖKALUOHJE
SISÄLLYS 1. Ylläpitosivu ja tunnukset... 3 2. Sivutyypit ja kentät... 3 3. Sivurakenne... 4 4. Piilotetut ja julkaisemattomat sivut... 4 5. Uuden sivun luominen... 4 6. Sivun piilottaminen ja julkaiseminen... 7 7. Sivun siirtäminen... 7 8. Sivun muokkaaminen... 8 8.1. Sisältö... 8 8.2. Tekstieditori... 9 8.3. Linkin luominen ja poistaminen... 9 8.4. Kuvien ja tiedostojen lataaminen... 11 9. Alasivut... 12 10. Asetukset... 13 11. Poista... 14 12. Katso... 14 13. Kirjaudu ulos... 14
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 3 (14) 1. Ylläpitosivu ja tunnukset Sivun ylläpitoon pääsee osoitteesta http://aoxxx.superliitto.fi/admin/ (xxx kohtaan tulee sen ammattiosaston numero jonka sivuja päivitetään). Avattuasi osoitteen kysytään käyttäjätunnusta ja salasanaa. Käyttäjätunnus on jäsennumero ja salasana on sama jolla kirjaudutaan SuPerin jäsensivulle. Näihin kenttiin syötetään annetut tiedot, jonka jälkeen siirrytään http://ao.superliitto.fi/processwire/page/ päivityssivulle. Tuolla sivulla tulee näkyviin kaikki SuPerin ammattiosastot. Sivulla voi Katsoa muita ammattiosastoja, mutta Muokkaamaan pääsee vain sen ammattiosaston sivua jonka webmaster on (kuva 1.). Tämän amm.osaston sivuja pääsen vain katsomaan en muokkaamaan. Tähän amm.osastoon minulla on oikeus päivittää ja tehtäväkoodista löytyy webmaster tehtävä. Kuva 1. Avaa tässä vaiheessa myös toinen selainikkuna käyttöösi. Toisessa selainikkunassa kannattaa pitää ylläpitotyökalu ja toiseen näkymään kannattaa avata päivitetty sivu. Näin voi heti tarkistaa miltä lisäys/muutos näyttää. 2. Sivutyypit ja kentät Jokaisella sivulla on oma sivutyyppinsä, joka määrittää, minkälaisista kentistä sivun sisältö koostuu. Erilaisia kenttätyyppejä on lukuisia, esimerkkeinä mainittakoon teksti, iso tekstikenttä, kuva(t), tiedosto(t), viittaus toiseen sivuun, linkki jne.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 4 (14) 3. Sivurakenne Sivut asettuvat sivupuuhun hierarkkisesti. Sivuston valikot rakennetaan lähes poikkeuksetta automaattisesti noudattaen sivuston sivupuuta. Sivun osoite määrittyy myös sivurakenteen mukaan. Voit selata sivupuuta klikkaamalla sivun nimeä. Samalla sivun nimen viereen avautuu muutama linkki, joiden toiminta kuvataan myöhemmin tässä dokumentissa. Sivun vieressä oleva harmaa numero kertoo sen alla olevien sivujen lukumäärän. Mikäli alasivuja on paljon (yleensä rajana 50), niin tällöin sivupuuhun avautuu sivuutus, jonka avulla pystyt lataamaan lisää alasivuja näkyviin (kuva 2). Kuva 2. 4. Piilotetut ja julkaisemattomat sivut Osa sivuista voi olla piilotettuina, jolloin ne näkyvät sivupuussa. haaleammalla värillä Piilotettu sivu on julkinen, mutta sitä ei haluta näkyviin sivuston valikkoon. Jos sivua ei ole julkaistu, niin se näkyy sivupuussa yliviivattuna. Ainoastaan sellaiset henkilöt, joilla on muokkausoikeus julkaisemattomaan sivuun näkyvät sen. Julkaisematon sivu ei siis ole koskaan kirjautumattoman selaajan saatavilla. 5. Uuden sivun luominen Saat luotua uuden sivun, kun napsautat sivun valinnoista Uusi toimintoa. Uusi sivu luodaan aina sen sivun alle, jonka kohdalta painat Uusi-linkkiä. Kuvan 3. esimerkissä uusi sivu nimeltä Testiotsikko luodaan Toiminta sivuston alle. Kun olet painanut Uusi-linkkiä, avautuu yksinkertainen näkymä, jossa annetaan seuraavat tiedot: Otsikko: tämä nimi tulee näkyväksi nimeksi. Nimi: Osoitepalkin nimi määräytyy automaattisesti tallennuksen yhteydessä. Tallenna: kun tallennat sivun, se luodaan oikealla paikalle, mutta ei vielä julkaista. Pääset heti tallentamisen jälkeen muokkaamaan varsinaista sivun sisältöä.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 5 (14) Kuva 3. Uuden sivun lisääminen. HUOM!! Sivun yläpalkissa on valmiina kuusi (6) Pääsivua. Jos tuonne lisää uusia sivuja, niin esimerkiksi tabletilla tai älypuhelimella katsottaessa sivun rakenne rikkoutuu (kuva 4.). Kuva 4. Sivun sisällön muokkaaminen on kuvattu tarkemmin kohdassa Sivun muokkaaminen.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 6 (14) 6. Etusivun kuvan vaihtaminen Etusivulla olevan kuvan voit vaihtaa haluamaksesi. Etusivulla olevaa tekstiä TERVETULOA AMMATTIOSASTOMME SIVUILLE ei voi muuttaa. Tässä esimerkissä on vaihdettu kuvaksi kukka. Kuvan vaihtaminen tapahtuu Sisältö sivulla. Lisää kuva Selaa painikkeella. Tämän jälkeen hae lisäämäsi kuva omalta koneeltasi, tai muusta tallennuspaikasta. Lisäämisen jälkeen paina Tallenna.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 7 (14) 7. Sivun piilottaminen ja julkaiseminen Kuva 5. Sivun asetukset. Oletuksena uutta sivua ei ole vielä julkaistu. Kun luot sivulle sisältöä ja napsautat Julkaisepainiketta, tulee sivu näkyville. Mikäli et halua vielä julkaista sivua, mutta haluat kuitenkin tallentaa tekemäsi muutokset, voit painaa Tallenna, mutta älä julkaise nappia. Tämä pitää sivun julkaisemattomana, mutta säilyttää tekemäsi muutokset. Voit määritellä, kuinka sivu on näkyvissä Asetukset -osion Tila-valinnoilla (kuva 5). Piilotettu: Piilotettu sivu tarkoittaa sivua, joka halutaan pitää piilossa valikoista, mutta muuten saatavilla. Sivupuussa piilotetun sivun nimen väritys on haaleampi kuin julkaistujen sivujen. Ei julkaistu: Julkaisematon sivu on kirjautumattomilta käyttäjiltä kokonaan tavoittamattomissa. Sivupuussa julkaisemattoman sivun nimi on yliviivattu. Tällöin sivua ei pääse katsomaan muokkaustilassa muut kuin ne, joilla on sivuun muokkausoikeudet. 8. Sivun siirtäminen Mikäli haluat muuttaa sivun paikkaa, napsauta ko. sivuun liittyvistä toiminnoista Siirrä-toimintoa. Kuva 6. Sivun siirtäminen. Saat siirrettyä sivun haluamaasi paikkaan sivupuussa raahaamalla se uuteen paikkaan hiirellä.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 8 (14) 9. Sivun muokkaaminen Kun ole luonut uuden sivun, avautuu näytöllesi sivun nimeämisen jälkeen näkymä, jolla hallitset sivun sisältöjä sekä asetuksia. Sama näkymä avautuu myös silloin kun muokkaat jo olemassa olevaa sivua. Kuva 7. 9.1. Sisältö Yleensä sivun ensimmäinen välilehti on nimeltään Sisältö. Välilehtien nimet ja määrä voi vaihdella sivutyypin perusteella. Samoin ne kentät, joita välilehtien alta löytyy, vaihtelevat eri sivutyyppien kanssa. Tässä ohjeistuksessa sisältö-välilehden alta löytyy varsin yksinkertainen perussivu, jossa on kolme kenttä: Otsikko, Tiivistelmä ja Sisältö. Kuva 8. Sisältö välilehden kentät. Vinkki tekstin rivittämisestä, kun kirjoitat suoraan sisältö kenttään. Kun kirjoitat sivuille normaalia tekstiä ja painat rivin lopussa rivinvaihtoa, tulee rivin väliksi liian suuri väli.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 9 (14) Tämän saat korjattua niin, että rivin lopussa painat sift (painike jossa nuoli ylöspäin)+ rivinvaihto, silloin rivinväli on normaalin kokoinen. Näistä esimerkkisivumme kentistä Otsikko ja Tiivistelmä ovat yksinkertaisia tekstikenttiä. Sisältö-kenttä sen sijaan on laajempi kokonaisuus, jossa on tekstieditoreista tuttuja ominaisuuksia. Myös editorissa olevien toiminnallisuuksien määrä vaihtelee eri sivustojen ja kenttien välillä. Koska tekstieditori on varsin yleinen kenttä ja se sisältää useita keskeisiä ominaisuuksia, niin olemme tässä ohjeessa kuvanneet sen toiminnasta tärkeimmät ominaisuudet. 9.2. Tekstieditori Tekstieditorin toiminnot auttavat sinua jäsentelemään ja elävöittämään sivun sisältöä. Tässä muutama yleisesti käytössä oleva toiminto: Muotoilu: Voit jäsentää tekstiä otsikoinneilla ja muilla tekstiin kohdistuvilla muotoiluilla Lihavointi ja kursivointi Järjestämätön lista: asialista luentomerkeillä Järjestetty lista: asialista numeroinnilla Lisää linkki ja poista linkki: sivuston sisäisen tai ulkoisen linkityksen luominen ja poistaminen. ks. linkin luominen Liitä tekstinä: kopioi sivuille tuleva teksti esimerkiksi word-tiedostosta. Klikkaa editori työkalupalkista Liitä tekstinä. Sinulle avautuu uusi ikkuna Liitä tekstinä. Liitä teksti klikkaamalla avautuneessa ikkunassa hiiren oikealla ja valitse Liitä tai painamalla näppäinyhdistelmää Ctrl + V ja klikkaa lopuksi OK. Näin liitetty teksti poistaa melkein kaikki muotoilut ja sinun on helpompi ruveta muotoilemaan tekstiä tekstieditorin työkaluilla. Liitä Word-dokumentista: voit liittää tekstin myös klikkaamalla Liitä wordistä, mutta tämä liittäminen ei poista raskaita muotoiluja wordistä, jotka eivät välttämättä näytä editorissa ja verkkosivuilla samanlaisilta. 9.3. Linkin luominen ja poistaminen Sisältöön lisättävä linkki voi olla joko linkki sivuston ulkopuolelle tai viitata muuhun sivuston sisäiseen sivuun. Linkin määritteleminen aloitetaan aktivoimalla sana/lause, johon linkki halutaan määritellä. Tämän jälkeen klikataan Lisää linkki/muokkaa linkkiä toimintoa. Kuva 9. Linkin luominen.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 10 (14) Sivuston ulkopuolinen linkki voidaan määritellä kopioimalla kohdesivun url-osoite ja liittämällä se Linkitä osoitteeseen -kenttään (kuva 10). Voit lisäksi määritellä haluatko linkin käyttämisen avaavan kohdesivun uuteen ikkunaan. Kuva 10. Linkitä osoitteeseen. Linkitä sivuun toiminto mahdollistaa linkityksen sivuston sisällä. Tällöin voit valita (select) sivupuusta sivun, johon linkitys kohdistuu (kuva 11). Kuva 11. Linkitä sivuun. Voit myös tässä linkityksessä valita haluatko kohde sivun aukeavan uuteen ikkunaan.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 11 (14) Linkitä tiedostoon -toiminnolla voit linkittää esim. pdf-tiedoston aukeamaan linkin takaa. Tällöin kohdeasiakirjan on oltava valmiiksi ladattuna osaksi sivustoa. Mikäli haluat linkittää tiedostoon, joka on ladattu jollekin toiselle sivulle, niin valitse tuo sivu ensin Linkitä sivuun kohdasta. ks. Kuva- ja tiedostokentät. 9.4. Kuvien ja tiedostojen lataaminen Jotta voit lisätä sisältöön kuvia tai linkittää sisältöä asiakirjoihin, täytyy sinun ensiksi ladata nämä osaksi järjestelmää. Esimerkkisivullamme kuvat ja tiedostot löytyvät oman välilehden alta (kuva 12). Kuva 12. Kuvat ja tiedostot. Kuvien ja tiedostojen lataaminen tapahtuu samalla periaatteella kuin liitetiedostojen liittäminen sähköpostiin. Kuva tai tiedosto ladataan osaksi järjestelmää Selaa-toiminnolla. Kunkin kentän tukemat tiedostotyypit on lueteltu alla. Uusimmilla selaimilla (Internet Explorer 10+, Firefox 3.6+, Google Chrome, Safari 6+) tiedostojen lataaminen onnistuu suoraan pudottamalla tiedostot työpöydältä kentän päälle. Kuvan lataamisen jälkeen ovat kuvat käytettävissä sisällön muokkaamisessa. Huom: Kuvat ovat sivukohtaisia, mutta tiedostoja on mahdollista linkittää ristiin eri sivujen välillä. Suosituksemme on kuitenkin ladata tiedosto sille sivulle, jossa sitä käytetään, vaikka tämä tarkoittaisi saman tiedoston lataamista useaan paikkaan.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 12 (14) 10. Alasivut Uusia alasivuja voit luoda muokkaus-tilassa olevalle sivulle Alasivut -osion kautta (kuva 13). Tämä toiminnallisuus on täysin vastaava, kuin sivun luominen sivupuun kautta. Kuva 13. Lisää uusi alasivu. Tässä näkymässä voi myös lisätä alasivuilla automaattisen järjestyksen. Esimerkiksi mikäli haluat järjestellä alasivut automaattisesti niiden nimen perusteella aakkosittain, onnistuu se kohdan Alasivujen järjestys kautta.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 13 (14) 11. Asetukset Tässä osiossa voit vaikuttaa muokattavana olevan sivun asetuksiin. Tähdellä (*) merkityt kentät ovat pakollisia (kuva 14). Kuva 14. Nimi*: sivun url-osoite, joka määräytyy automaattisesti sivun otsikon mukaan. Yläpuolella oleva sivu*: kertoo, minkä sivun alla sivu sijaitsee. Tätä kautta voi myös siirtää sivun sijaintia. Sama toiminnallisuus onnistuu myös sivupuun kautta. Tila: valinta määrittelee sivun näkyvyyden Piilotettu: sivupuussa piilotetun sivun nimen väritys on haaleampi kuin julkaistujen sivujen. Tällöin sivu ei näy osana sivustoa eikä myöskään tule mukaan sivuhakuihin. Sivu löytyy kuitenkin sivustolta sen url-osoitteella. Ei julkaistu: sivupuussa julkaisemattoman sivun nimi on yliviivattu sivurakennenäkymässä. Tällöin sivua ei pääse katsomaan muokkaustilassa muut kuin ne, keillä on ko. sivuun käyttöoikeus. Lukittu: Sivun lukitseminen näytetään yleensä vain pääkäyttäjille. Sen avulla on mahdollista lukita sivu niin, ettei siihen voi tehdä muutoksia (ennen kuin lukitus poistetaan). Kenellä on pääsy tähän sivuun: tämä koostaa (vielä valitettavan teknisen) näkymän siitä, mitä eri käyttäjäroolit pystyvät sivulla tekemään. Tiedot: Kuka sivun on luonut ja milloin sekä kuka viimeksi on sivua muokannut ja milloin.
SuPer VERKKOSIVUJEN PÄIVITYSOHJE 14 (14) 12. Poista Sivun poistaminen järjestelmästä tapahtuu Poista -osion kautta (kuva 15). Kuva 15. Poista toiminto. Mikäli haluat poistaa sivun lopullisesti, aktivoi Siirrä roskakoriin -valinta ja napsauta Siirrä roskakoriin - painiketta. Huom! Ole tarkkana mitä sivua olet poistamassa. 13. Katso Katso-toiminto siirtyy sivun julkiseen näkymään. Muista tallentaa muutoksesi ennen siirtymistä sivulle. 14. Kirjaudu ulos Kirjaudu ulos yläpalkin oikeassa kulmassa olevasta jakoavain toiminnosta ja klikkaa Logout. View Site toiminnolla voit esikatsella päivittämääsi sivua. Kuva 16. Kirjaudu ulos.