Harjoituksissa käsitellään CSS:ää ja JavaScriptiä. Osa tehtävistä tehdään etukäteen ja osa harjoitustilaisuudessa. Tehtävää on nyt vähän vähemmän, joten tee harjoitustyötäsi!
Vaihda CSS-luennon esimerkkidokumentin #toc
ja #content
toisin päin, eli peilikuvakseen. Älä muokkaa XHTML-tiedostoa, vaan pelkkää CSS-tiedostoa! Huomaa marginaalit ja muut reunukset!
Luennolla esitetyssä JavaScript-kuvagalleriassa on PAHA käytettävyysongelma! Vaikka käytettävyydestä ei ole vielä puhuttukkaan, niin ongelma on ilmeinen.
Kuvagalleria luottaa siihen, että XHTML noudattaa tiettyä rakennetta. Parempi tapa valita kuvat, joille onClick -tapahtuma asetetaan voisi olla käyttää tiettyä "class" määrettä ja valita elementit sen perusteella.
Koska unohtui näyttää luennolla: piirrä luennon XHTML-esimerkkidokumentin DOM-puu! Varo: voi kasvaa isoksi, käytä algoritmijärkeäsi :)
Jos et ole vielä valinnut aihetta: nyt se on pakko valita!
Lisää harjoitustyöhön (tai dokumenttiin) CSS. Ehkä myös JavaScriptin alku!