Tehtävät

Näissä tehtävissä jatkamme viime kerralla tehtyjen sivujen muokkaamista.

  1. Varmista, että ymmärrät maanantaina opetellun tietouden ydinasiat.
  2. Jos sinulla on maanantain tehtävät vielä kesken, tee ne ensin loppuun asti. Kysy rohkeasti neuvoa esimerkiksi chatissa! Muista lähettää valmis osoitteseen pavekuoj@jyu.fi
  3. Vilkuile läpi sivut Teoriatietoa XHTML:stä ja Abstraktit elementit
  4. Avaa maanantaina tekemäsi xhtml-sivu editoriin.
  5. Jaa sivusi div-elementeillä järkeviin osiin. Tee ainakin luokkaa alku ja loppu olevat elementit. (esim. <div class="alku">) (katso apua esimerkiksi tämän tiedoston lähdekoodista).
  6. Lisää sivuillesi käyttöön tyylitiedosto. Miten sivujen ulkoasu muuttuu? (Katso apua kohdasta Tyylitiedostot)
  7. Vilkaise tyylitiedoston lähdekoodia. Osaisitko muuttaa esimerkiksi sivujesi taustaväriä tai fontin ulkoasua?
  8. Validoi sivusi.
  9. Jos aikaa jää, Leiki XHTML:llä CSS:llä :). Esimerkiksi voit katsoa sivun XHTML lähdekoodista, miten sisällysluettelo tehdään.
  10. Lähetä jälleen tekemäsi sivut ja myös muokkaamasi mallityyli.css osoitteeseen pavekuoj@jyu.fi.