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: Ryhmä 1 viikot 3 - 7 maanantai klo 9.00 - 12.00, ryhmä 2 viikot 9 - 13 maanantai kello 9.00 - 12.00, digitaalisen kulttuurin mikroluokka
Korvaa: Maisemantutkimuksen opintojakson P8. Valinnainen opintojakso 1 ov, Kulttuuriperinnön tutkimuksesta sopimuksen mukaan

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 tutkimukseen. 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 (viikko 9)
• Kurssin esittely
• Yleisteema: orientaatio: mikä on verkkoympäristö, mikä on WWW (historia, kehitys ja merkitys), html-kuvauskieli ja sen kehitys
• Aktiiviset, passiiviset ja kuolleet sivut (tutustu tekstiin)
• 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? Onko sivu aktiivinen, passiivinen vai kuollut? (ks. Sivun elämänkaari -moniste) Millaisen verkkosivuston laatisit itsellesi? Mitä haluaisit itsestäsi esitellä ja millä tavalla?

• Viikko 4 (viikko 10)
  • 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: kuvien asettelu ja käsittely (ks. vielä kuvaformaatit, taulukot, kehykset

  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. Arvioi Satakunta-laitoksen ja digitaalisen kulttuurin sivustojen sisältöä ja toimivuutta. Tutustu sivuston eri elementteihin ja niiden asetteluun. Miten sivuja voisi kehittää ja parantaa?

• Viikko 5 (viikko 11)
  • Verkkosivuston kokonaisvaltainen suunnittelu
  • Projektin hallinta ja aikatauluttaminen [ks. verkkoprojektin suunnittelupohja
  • Sivun idea, tarkoitus, kohderyhmä(t)
  • Loogiset hakemistorakenteet ja tiedostojen nimeäminen
  • Päivittäminen
  • Oman verkkosivun siirtäminen Turun yliopiston palvelimelle
  • Taulukot, kehykset, visualisointi, jatkoa
  • Web-lomakkeet

  Tehtäviä:

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

• Viikko 6 (viikko 12)
  • Monimutkaisempia rakenteita 2
  • (Ammattimaiset sivueditorit: esittelyssä lyhyesti Macromedia DreamWeaver)
  • Lomakkeet
  • Metatieto
  • 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 (viikko 13)
  • 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, linkkitieto tai liitetiedostopakettina) opettajalle viimeistään 1.3.2003 (ryhmä 1) tai 15.4.2003 (ryhmä 2).