Viikkotehtävä 1

• Taso 1
  • Ohjeita
• Taso 3
• Taso 5
  • Ohjeita

Toteuta mallikuvien mukainen WWW-sivu. Kaikille tasoille yhteisiä vaatimuksia ovat:

• Värit, fontit, tekstit ja asettelut tulevat olla mallikuvien mukaisia.
• Dokumentin rakenteen pitää olla järkevä. Selkeät listat on merkittävä listoiksi jne.
• Jokaisen dokumentin täytyy noudattaa XHTML 1.0 Strict -dokumenttityyppiä. Dokumenttien on oltava valideja.
• Sivun ulkoasu on tehtävä CSS:ää käyttäen. Ulkoasun on toimittava ainakin Firefox 2 -selaimessa. CSS:n on oltava myös validia CSS2:sta.
  • Ulkoasun on skaalauduttava tekstin ja ikkunan koon muutoksiin. Sivun on mahduttava kapeaankin selainikkunaan. Pikselipohjainen, kiinteälle resoluutiolle tarkoitettu asettelu ei ole sallittua.
  • Taulukoiden käyttäminen asemoinnissa on ehdottomasti kiellettyä.
• Muista erikoismerkkien koodaukset.
• label-elementit on kytkettävä eksplisiittisesti lomake-elementteihin.

Taso 1

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

• Mallikuva taso 1

Ohjeita

• Dokumentissa tarvittavia kuvia löytyy pohjat-kansiosta.
• Dokumentissa tarvittavat tekstit löytyvät bbc.txt-tiedostosta
• Värit saat poimittua mallikuvista esim. Firefoxin ColorZilla-laajennuksella.
• Voit katsoa mallia alkuperäiseltä sivulta mutta älä kopioi suoraan lähdekoodia tai sivulla käytettyä css-koodia, koska ne eivät täytä viikkotehtävän vaatimuksia.

Taso 3

Laajenna edellisen tason tehtävä seuraavan mallikuvan näköiseksi:

• Mallikuva taso 3

Taso 5

Laajenna edellisen tason tehtävä seuraavan mallikuvan näköiseksi:

• Mallikuva taso 5

Lisää dokumenttiin tulostusta varten oma css-tiedosto, joka piilottaa tulostettaessa turhat navigoinnit, mainosalueet jne. ja jättää näkyville vain varsinaisen sisällön.

Ohjeita

• Joudut hakemaan alkuperäiseltä sivulta osan tarvittavista kuvista