Digitaidoista virtaa

Digitaidoista virtaa – Verkkosivut WordPressillä

Verkkosivut WordPressillä kurssiosuudella tehdään kotisivuja valmiiseen teemaan. Tarkoituksena on oppia WordPress-julkaisujärjestelmän perusperiaatteet ja oppia kuinka sivustoja rakennetaan WordPressillä. Kurssilla käytetään paikallisen palvelimen ohjelmistoa Local. Kurssin aikana tutustutaan myös webhotellipalveluun, palvelun ja domainin tilaamiseen sekä palvelintilan hallintapaneeliin.

Vaikka kurssilla ei ole tarkoitus oppia sivustojen koodaamista, katsomme yleisesti sivustoilla käytettävän teeman tiedostoja, tiedostorakennetta, HTML-dokumentin perusrakennetta ja CSS-muotoilua. Teemme kurssin aikana pienimuotoisia muotoiluja sivustolle CSS-muotoilukielellä.

Avaa pdf-dokumentti uuteen ikkunaan klikkaamalla kuvaa.
Avaa pdf-dokumentti uuteen ikkunaan klikkaamalla kuvaa.

Opintopisteet

Kurssilta voi suorittaa opintopisteet ja niiden saamiseksi vaaditaan käytännössä WordPressin perustoimintojen osaamista. Näytetyönä toimii sivustosuunnitelma ja harjoitussivusto, joka tehdään omaksi kokonaisuudeksi Local-paikallisen palvelimen ohjelmistoon. Harjoitustyön vaiheet ovat seuraavat:

  1. Tee sivustosta sivustosuunnitelma esimerkiksi tekstinkäsittelyohjelmalla tai muulla tarkoitukseen sopivalla ohjelmistolla. Kaikki osa-alueet suunnitelmasta voivat olla samassa tiedostossa. VINKKI: Tee yksinkertainen suunnitelma.
    Suunnitelmasta ilmenee:
    • Sanallinen kuvaus sivustosta ja siinä käytettävästä teemasta sekä tarvittavista lisäosista (editori, yhteydenotto, SEO jne…).
    • Sivuston typografia: käytettävät otsikkotasot, leipäteksti, painikkeet menuvalikko(suunniteltu)
    • Sävyt (värit): tavallisesti luodaan max.5 käytettävää sävyä (heksadesimaalit)
    • Ns.Rautalankamalli rakenteesta, josta selviää sivuston sivujen taitto (Etusivu, alasivu x 2)
    • Sivuston rakenne, josta selviää verkkosivuston sivut ja niiden sijaintisivustolla ”kaaviona”.
  2. Luo sivusto, joka sisältää seuraavat asiat toteutettuna:
    • WordPressin perusasetukset: kieli ja aika-asetukset, piilossa hakukoneilta, kommentointi pois käytöstä, url-osoitteen rakenne asetettu.
    • Etusivu ja artikkelien sivu luotu ja otettu käyttöön sivustolla.
    • Etusivulla sisältötekstiä ja jokin sivuston aiheeseen liittyvä kuva. Sivuston sivuilla muutenkin luotuna jotain sisältöä editorilla.
    • Vähintään kaksi alasivua luotu.
    • Vähintään yksi artikkeli, avainsana ja kategoria luotuna sivustolle.
    • Yksi navigaatio (menuvalikko) luotuna (Etusivu, artikkelien sivu, tietoa meistä, ota yhteyttä alasivu, linkit (dummy link)).
    • Hakukoneoptimointi toteutettu yhdelle sivulle sivustolla.
  3. Palauta tehtävän materiaali .zip-tiedostona sähköpostitse. Jos tiedostosta tulee liian suuri sähköpostin liitetiedostoksi, siirrä tiedosto esim. Google Driveen (pilveen) ja jaa se viestissä linkillä.
    .zip-tiedosto sisältää seuraavat tiedostot:
    • Sivustosuunnitelma pdf-tiedostona/tiedostoina
    • Lisäosalla All-in-One WP Migration and Backup luotu WordPress-asennustiedosto (.wpress).

1.sivustosuunnitelma

Sivustosuunnitelma palautetaan pakattuna zip-tiedostona minulle. Katso esimerkki suunnitelmasta pdf-tiedostona. Sen tulee sisältää seuraavia tietoja PDF-tiedostona tallennettuna.

  1. Layout: Sivuston tyyli/taitto hahmoteltuna.
  2. Graafinen ohjeisto: Suunnitelma sivustolla käytettävistä väreistä ja typografiasta sivuston eri elementeissä.
  3. Rakennekaavio: Kuvaus sivuston sivujen rakenteesta ja sivuston sivujen suhteesta toisiinsa (mindmap). (Esimerkkikaavio)

Sivustosuunnitelmaa ei tehdä kurssin kokoontumiskerroilla vaan ne tehdään omalla ajalla. Suunnitelma on palautettava viimeiseen kokoontumiskertaan mennessä. Portfolion tekemiseen tarvittavat aiheet, sivuston suunnittelu, käsitellään kurssilla ensimmäisellä kokoontumiskerralla. Suunnitteluun liittyviä aiheita voidaan toki myös kerrata kurssin aikana. Voit myös kysyä kokoontumiskertojen välillä kaikista kurssin aiheista ryhmän WhatsApp-ryhmässä tai laittamalla suoraan viestin minulle WhatsAppissa tai sähköpostilla.

2.Harjoitussivusto

Kurssilla on toteutettava suunnitelman pohjalta harjoitussivusto. Sivusto voi olla omaan tarkoitukseen luotu sivusto tai itse keksimäsi aihe. Luo Local-paikalliselle palvelimelle jo kurssin alussa yksi asennus yhdessä tekemämme harjoitussivuston lisäksi, johon rakentelet näyttösivustoasi. Jos rakennat sivun omaan palvelintilaan, luo minulle WordPress-käyttäjä ylläpitäjän oikeuksilla, jotta voin käytä arvioimassa lopputyön.

Sivustoa kannattaa aloittaa luomaan heti ensimmäisen kurssikerran jälkeen luomalla sivustolle perusasetukset kuntoon ja rakennella sivustoa kurssikertojen jälkeen eteenpäin.

Tee harjoitussivusto mahdollisimman valmiiksi. Muista, että sen ei tarvitse olla erityinen mestariteos vaan riittää, että osoitat sivustolla oppineesi kurssilla käsiteltäviä perusasioita WordPress-sivusta ja kuinka ne tehdään. Ulkoasun hienous ei ole erityinen kriteeri.

Osaaminen arvioidaan näin

Arvioin saadusta materiaalista, että sivustolle on luotu jonkinlainen suunnitelma ja osallistuja ymmärtää sivustosuunnitelman luomisen periaatteen. Mitä luotuun sivustoon tulee, sivuston ei tarvitse olla vivuaalisesti näyttävä kokonaisuus vaan sen arvioinnissa keskityn vain mitä sivustolle on tehty ja onko edellä luetellut asiat tehty ja otettu käyttöön oikeaoppisesti. Kohdista 90% tulee olla suoritettu sivustolla, jotta oletan, että olet ymmärtänyt sivustojen tekemisen perusasiat. Jos jokin unohtuu, ei hätää 🙂 Voin kysäistä sinulta sähköpostitse tai WhatsAppissa lisätietoja puuttuvasta palasesta.