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 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?
Kurssimateriaali
Kurssilla käytetään tekstieditoreita html- ja tyylitiedostojen tekemiseen. Notepad-editori löytyy jokaisen koneesta valmiiksi asennettuna. Notepad++ on visuaalisempi editori, jossa värikoodaus helpottaa tekstin ja merkkauskielen erottamista toisistaan. >> Lataa Notepad++
http://www.w3.org/, World Wide Web Consortium
Merkkauskielten idea (Jukka K. Korpelan verkko-opas)