Page History

Section

Column

width	50%

Kurssin tavoitteet

Panel

bgColor	#ffffff
title

Opiskelija

ymmärtää verkkoteknologioiden peruskäsitteet
ymmärtää html- ja css -dokumenttien rakenteet ja toimintaperiaatteet
osaa rakentaa oikeaoppisia verkkosivustoja
oppii itsenäisesti seuraamaan verkkoteknologioiden kehitystä ja etsimään lisätietoa erilaisista lähteistä

Opettaja: Eeva Meltio, eeva.meltio a metropolia.fi

Aikataulu ja sisällöt

Perusopiskelijat	Aikuisopiskelijat	Aihe
Ma 15.3. klo 8.30-11.45	To 18.3. klo 16.30-20.30	Peruskäsitteet. Yksinkertaisen verkkosivun luominen. Validointi.
Ma 22.3. klo 8.30-11.45	To 25.3. klo 16.30-20.30	Etäyhteydet: ssh, ftp. Tyylitiedostojen luominen ja linkittäminen. Värien käyttö ja typografian muotoilu tyylitiedostoilla.
Ma 29.3. klo 8.30-11.45	To 1.4. klo 16.30-20.30	Kuvan lisääminen ja asemointi. Linkit ja hakemistorakenne.
Ke 14.3. klo 8.30-11.45	To 15.4. klo 16.30-20.30	CSS-taitto
Ma 19.4. klo 8.30-11.45	To 22.4. klo 16.30-20.30	Taulukon luominen ja muotoilu tyylitiedostolla
Ma 26.4. klo 8.30-11.45	To 29.4. klo 16.30-20.30	Listat ja navigaation muotoilu.
Ma 3.5. klo 8.30-11.45	To 6.5. klo 16.30-20.30	Yhteenveto: Kokonaisen verkkosivun luominen: taitto, navigaatio, julkaisu
Ma 10.5. klo 8.30-11.45	To 13.5. klo 16.30-20.30	Harjoitustyön teko
Ma 17.5. klo 8.30-11.45	To 20.5. klo 16.30-20.30	Harjoitustyön teko
Ma 24.5. klo 8.30-11.45	To 27.5. klo 16.30-20.30	Harjoitustöiden esittely

Perusopiskelijoiden kevään aikataulu

Aikuisopiskelijoiden kevään aikataulu

Kurssin suorittaminen

Läsnäolo opetuksessa 80%
Harjoitustyönä toteutettava sivusto (vähintään 4-5 sivua) sekä dokumentaatio (4-5 sivua A4) sivun suunnittelusta ja toteutuksesta

Ohjeita harjoitustyöhön

Tee validit html-sivut ja ulkoinen css-tiedosto (html 4.01 & css 2)
erota rakenne ja ulkoasu toisistaan
Suunnittele myös tulostusnäkymä
Julkaise sivusto kotihakemistossasi tai muualla verkossa

Ohjeita dokumentaatioon

Lähetä opettajalle sähköpostitse kuvaus (3-4 sivua) sivuston tavoitteesta, kohderyhmästä ja suunnitteluperiaatteista

Harkkatyön arviointikriteerit

Oikeaoppinen ja validi HTML ja CSS
Layout: käytettävyys, visuaalisuus
Dokumentaatiossa kuvaillut perustelut tehdyille valinnoille: miten toteutettu sivusto vastaa tavoitteisiin?

Column

Kurssimateriaali

Panel

bgColor	#efefef
title	Mitä ohjelmistoja tarvitaan?

Kurssilla käytetään tekstieditoreita html- ja tyylitiedostojen tekemiseen. Notepad-editori löytyy jokaisen koneesta valmiiksi asennettuna. Notepad++ ohjelmaa html ja verkkosivujen luomiseen. on visuaalisempi editori, jossa värikoodaus helpottaa tekstin ja merkkauskielen erottamista toisistaan. >> Lataa Notepad++

Panel