Kurssin tavoitteet
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@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 ja tyylitiedoston tekeminen. Validointi |
Ma 22.3. klo 8.30-11.45 |
To 25.3. klo 16.30-20.30 |
Värien käyttö ja typografian muotoilu tyylitiedostoilla. Kuvan lisääminen ja asemointi. Linkit ja hakemistorakenne. |
Ma 29.3. klo 8.30-11.45 |
To 1.4. klo 16.30-20.30 |
Taulukkotaitto ja taulukon muotoilu tyylitiedostolla |
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 |
Listat ja navigaation muotoilu |
Ma 26.4. klo 8.30-11.45 |
To 29.4. klo 16.30-20.30 |
|
Ma 3.5. klo 8.30-11.45 |
To 6.5. klo 16.30-20.30 |
Kerrataan opittua ja tehdään harjoituksia |
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 |
http://kulttuurilukkari.metropolia.fi/
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?
Materiaalia
http://www.w3.org/, World Wide Web Consortium
Merkkauskielten idea (Jukka K. Korpelan verkko-opas)