Viikkotehtävä 1
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.
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:
Taso 5
Laajenna edellisen tason tehtävä seuraavan mallikuvan näköiseksi:
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
Käyttäjien kommentit