Viikkotehtävä 1

Toteuta mallikuvan mukainen WWW-sivu. Kaikille tasoille yhteiset vaatimukset:

Dokumenttien rakenteen pitää olla järkevä.
Jokaisen dokumentin täytyy noudattaa XHTML 1.0 Strict -dokumenttityyppiä. Dokumenttien on oltava valideja.
Sivun ulkoasu on tehtävä CSS:ää käyttäen. Taulukkotaitto ei ole sallittua. Ulkoasun on toimittava IE7, Firefox 2 ja Opera 9 -selaimissa. CSS:n on oltava myös validia CSS2:sta.
Linkkien osoitteet löytyvät pohjatekstistä hakasulkeista.
Muista erikoismerkkien koodaukset.
label-elementit on kytkettävä eksplisiittisesti lomake-elementteihin.
Malleissa käytetty kirjasinvalikoima on: 1. Trebuchet MS, 2. Verdana tai 3. joku päätteetön fontti

Taso 1

Tee kuvan mukainen XHTML-dokumentti ja toteuta ulkoasu yhdellä ulkoisella CSS-tiedostolla.

Tee kuvan mukainen XHTML-dokumentti ja toteuta ulkoasu yhdellä ulkoisella CSS-tiedostolla.

Tee kuvan mukainen XHTML-dokumentti ja toteuta ulkoasu yhdellä ulkoisella CSS-tiedostolla.

Ylänavigointi ja linkkilista ovat molemmat listoja, käytä oikeaa elementtiä!
Yläpalkin navigointilinkeillä on oltava kuvan mukainen hover-efekti
Merkitse taulukon otsikot sopivalla scope-ominaisuuden arvolla.
Toteuta graafisilta selaimilta piilotettu hyppylinkki, jonka avulla voi ohittaa ylänavigoinnin ja siirtyä suoraan sisältöön.
Koristeelliset taustakuvat on liitettävä käyttäen CSS:ää, ei siis img-elementillä!
Lyhenteet on selitettävä abbr ja acronym-elementeillä.
Vinkki-kaavan voi tehdä sopivia entiteettejä käyttäen.
Sisennykset lohkojen sisällä on tehtävä myös mallikuvan mukaisesti.

Käyttäjien kommentit