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

Panel

bgColor	#ffffff
title	Kurssin suorittaminen

Läsnäolo opetuksessa 80%
Harjoitustyönä toteutettava sivusto (vähintään 41-5 2 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
Julkaise sivusto kotihakemistossasi tai muualla verkossa

Ohjeita dokumentaatioon

Lähetä opettajalle sähköpostitse kuvaus (31-4 2 sivua)

Sivuston tavoite
Kohderyhmä
Suunnitteluperiaatteet
Miten toteutettu ja miksi? (onko käytetty taulukoita, tyylitiedostoja)
Mitä opin kurssista / harjoitustyön tekemisestä?

Harkkatyön arviointikriteerit

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

Aikataulu ja sisällöt

Perusopiskelijat	Aihe
Ma 1514.3. klo 8.30-11.45	Peruskäsitteet. Yksinkertaisen verkkosivun luominen. Validointi.
Ma 2221.3. klo 9-12	Tyylitiedostojen luominen ja linkittäminen. Värien käyttö ja typografian muotoilu tyylitiedostoilla.
Ma 2928.3. klo 9-12	Kuvan ja taustakuvan lisääminen ja asemointi. Linkit ja hakemistorakenne. Värit ja yksiköt. Etäyhteydet: ssh, ftp.
Ke 14 Ma 4.34. klo 9-12	CSS-taitto: Elementtien asemointitavat.
Ma 1911.4. klo 9-12	CSS-taitto: Elementtien asemointitavat.
Ma 2618.4. klo 9-12	Taulukon luominen ja muotoilu tyylitiedostolla
Ma 32.5. klo 9-12	Listat ja navigaation muotoilu.
Ma 109.5. klo 9-12	Harjoitustyön teko
Ma 1716.5. klo 9-12	Harjoitustyön teko
Ma 2423.5. klo 9-12	Harjoitustöiden esittely

Perusopiskelijoiden kevään aikataulu

Aikuisopiskelijat	Aihe
To 18.3. klo 17-20	Peruskäsitteet. Yksinkertaisen verkkosivun luominen. Validointi.
To 25.3. klo 17-20	Tyylitiedostojen luominen ja linkittäminen. Linkit ja hakemistorakenne. Värien käyttö ja typografian muotoilu tyylitiedostoilla.
Ma 29.3. klo 17-20	Kuvan ja taustakuvan lisääminen ja asemointi. Etäyhteydet: ssh, ftp. Suorakaidemalli (lohkot).
To 15.4. klo 17-20	CSS-taitto: Elementtien asemointitavat.
To 22.4. klo 17-20	CSS-taitto jatkuu.
To 29.4. klo 17-20	Taulukon luominen ja muotoilu tyylitiedostolla.
To 6.5. klo 17-20	Listat ja navigaation muotoilu.
To 13.5.	Helatorstai - ei opetusta
To 20.5. klo 17-20	Harjoitustyön teko
To 27.5. klo 17-20	Harjoitustoiden viimeistely ja esittely

Aikuisopiskelijoiden kevään aikataulu

Column

Kurssimateriaali

Panel

bgColor	#efefef
title	Yleistä

Verkkosivustojen suunnittelu ja toteutus
HTMLn ja CSSn historiaa ja peruskäsitteitä
Selaimen ja palvelimen toiminta
Oman sivuston julkaiseminen ja ylläpito
Yksiköt (px, em jne)
Miksi on tärkeää opiskella html ja css systemaattisesti?

Panel

bgColor	#efefef
title	HTML

Mitä on HTML?
HTML-sivun luominen

DTD, Meta-elementit, merkkikoodit

Elementit
Elementtien määritteet

Tekstin muotoilu html-merkkauksella
Linkit ja hakemistorakenne linkityksessä

Kuvien lisääminen

Panel

bgColor	#efefef
title	CSS

Ulkoasun muotoilu CSS:llä
Tyylitiedostojen muoto ja rakenne
Tyylimäärittelyn liittäminen html-sivuun
Tyyliohjeiden yhdistäminen
Tärkeimmät selektorit

CSS ja selainten tuki

Värit ja värikoodit
Tekstin ja linkkien muotoilu

Listat ja navigaation muotoilu
Kommentointi

Panel

bgColor	#efefef
title	Layoutin teko

Kiinteä vai mukautuva taitto?
Taulukkotaitto
CSS-asemointi

Panel

bgColor	#efefef
title	Validointi

HTML- ja CSS -dokumenttien oikeellisuus kannattaa tarkistaa ns. validaattoreilla. Validaattorit vertaavat sille annettua dokumenttia niitä koskeviin määrittelyihin ja tarkastavat dokumenttien muodollisen oikeellisuuden.

Panel