Jaakko Suominen (jaakko.suominen@utu.fi)

Verkkosivustojen suunnittelun perusteet 1 ov

Kurssilla käydään läpi HTML-kuvauskielen alkeita, tutustutaan erilaisiin verkkosivustojen toteutustapoihin, työvälineisiin sekä sovellutuksiin. Lähtövaatimuksena on tietotekniikan perusteiden kurssin suorittaminen tai vastaavat tiedot.
Suoritustapa: Aktiivinen osallistuminen harjoituskurssille
Vastaava opettaja: Lehtori Jaakko Suominen
Opetus: viikko 3-7 maanantai klo 9.00-12.00, Digitaalisen kulttuurin mikroluokka

Käytännön työskentely tapahtuu niin, että opettaja esittelee käsiteltäviä aihepiirejä, joiden puitteissa opiskelijat tekevät yksilö- ja ryhmätöitä ja "kotitehtäviä" sekä tutustuvat alustavasti verkkosivustoja koskevaan kulttuurintutkimukseen. Kullakin tunnilla käydään läpi sekä yleisempiä WWW-sivuihin liittyviä asiakokonaisuuksia että teknisempiä, tekemiseen liittyviä seikkoja.

Tehtävät käydään läpi aina kunkin opintokerran aluksi. Pienempien tehtävien lisäksi kurssin kokonaissuoritukseen vaaditaan laajemman kokonaisuuden toteuttaminen:

Suunnittele ja ainakin osittain toteuta oma tai jonkun toisen henkilön tai organisaation yksinkertainen verkkosivusto.

Kurssi arvostellaan normaalilla asteikolla, hyväksytty suoritus skaalalla ykkösestä kolmoseen. Kurssiarvosana määräytyy aktiivisuuden ja tehtävien suorittamisen perusteella. Arvostelussa kiinnitetään huomiota mm. sivustojen suunnitteluun ja toteutukseen sekä kykyyn arvioida omia ja muiden tuotoksia.

• Viikko 3
• Kurssin esittely
• Yleisteema: orientaatio: mikä on verkkoympäristö, mikä on WWW (historia, kehitys ja merkitys), html-kuvauskieli ja sen kehitys
• Ympäristöjen ja työkalujen esittely (selainohjelmat, sivueditorit, apuohjelmat jne)
• Verkkosivuston keskeiset elementit, nykyään ja aiemmin
• Yksinkertaisen kotisivun laatiminen (tekstieditorit, erityisesti 1stPage2000)
• Html-sivun perusrakenne ja tagit ("tarrat")
• Yksinkertaisemmat kuvat ja kuvaformaatit
• Mistä lisätietoja?

Tehtäviä:

Valitse joku omasta mielestäsi mielenkiintoinen verkkosivusto tai palvelu. Miksi valitsit juuri kyseisen sivun? Mikä siinä ihastuttaa tai vihastuttaa? Millaisen verkkosivuston laatisit itsellesi? Mitä haluaisit itsestäsi esitellä ja millä tavalla?

• Viikko 4
  • Sivustojen käytettävyys ja epäkäytettävyys
  • "Hyötylinkit" ja "lyötylinkit"
  • Mitkä ovat hyvän sivuston tunnusmerkit? Mitä sivuilla pitää ottaa huomioon?
  • Wysivyg-editorit (erityisesti Microsoft Frontpage)
  • Monimutkaisempia rakenteita 1: Taulukot, kehykset, kuvien käsittely ja lisäominaisuudet

  Tehtäviä:

  Tutustu, siis ihan oikeasti tutustu, verkkosivuille laittamiini käytettävyyslinkkeihin. Aloita vaikkapa Jere Käpyahon sivusta. Mieti, miten Käpyaho itse noudattaa käytettävyysohjeitaan. Valitse mielestäsi joku huonosti toimiva tai karsea sivusto. Mikä sivustossa on pielessä, miten sitä voisi parantaa? Mikä sivussa on hyvää? Käytä arvion pohjana jaettua monistetta ja verkosta löytyviä käytettävyysohjeita. Keksi lisää nyrkkisääntöjä arvioimiseen. Arvio Satakunta-laitoksen ja digitaalisen kulttuurin sivustojen sisältöä ja toimivuutta. Miten sivuja voisi kehittää ja parantaa?

• Viikko 5
  • Verkkosivuston kokonaisvaltainen suunnittelu
  • Projektin hallinta ja aikatauluttaminen [ks. verkkoprojektin suunnittelupohja
  • Sivun idea, tarkoitus, kohderyhmä(t)
  • Projektinhallinta.
  • Aineiston käsittely, erityisesti kuvien käsittely skannauksesta tai digikuvauksesta web-julkaisemiseen
  • Loogiset hakemistorakenteet ja tiedostojen nimeäminen
  • Päivittäminen

  Tehtäviä:

  Tee kirjallinen suunnitelma oman sivuhankkeesi toteuttamisesta. Käytä apuna suunnittelussa aikaisemmin jaettua materiaalia sekä Verkkoprojektin suunnittelupohjaa.

• Viikko 6
  • Monimutkaisempia rakenteita 2
  • Ammattimaiset sivueditorit: esittelyssä erityisesti Macromedia DreamWeaver
  • Lomakkeet
  • Metatieto
  • Kerrokset ja tyylitiedostot
  • Skriptit, tietokannat, ohjelmointi
  • Verkkosivustojen tulevaisuus ja kehitys
  • Palvelinpohjaiset lisäkomennot

  Tehtäviä:

  Suunnittele ja jo alustavasti osin toteuta oma tai jonkun toisen henkilön tai organisaation yksinkertainen verkkosivusto. Valmistaudu esittelemään sivustoa toisille kurssilaisille.

• Viikko 7
  • Kertausta ja teesejä sivustojen suunnittelun lähtökohdista
  • Sivujen laittaminen verkkoon, ylläpito
  • Sivujen mainostaminen
  • Tietoturvallisuus, sivujen suojaus, käyttäjäinformaatio
  • Kertausta, kysymyksiä
  • Harjoitustehtävien lopullinen koonti ja arvio
  • Oman sivuston kuvaaminen ja esittäminen
  • Toisten sivujen arviointi
  • Kurssipalaute

  Tehtäviä:

  Kehitä tekemääsi sivustoa paremmaksi palautteen perusteella. Toimita sivusto arvioitavaksi (lähetä levyke, cd-rom tai linkkitieto) opettajalle viimeistään 4.3.2002.