CLT132 Tehtävät (viikko 9).

Esitys aiheesta: "CLT132 Tehtävät (viikko 9)."— Esityksen transkriptio:

1 CLT132 Tehtävät (viikko 9)

2 Formaatti Palauta tehtävien HTML-osuus joko *.htm tai *.html tiedostossa, CSS-osuus *.css tiedostossa, muut tehtävät tarpeeseen soveltuvassa tiedostotyypissä. Nimeä tiedostot muodossa: SukunimiEtunimiVko9TehtX.htm tai .html Laita oppilasnumerosi näkyville tiedostoon. Palauta mahdolliset muut tiedostot soveltuvassa muodossa. Käytä samaa nimeämiskäytäntöä Palauta kurssiassistentille viimeistään klo 23:59 CLT132 – kevät Sauli Nurmi

3 Yleistä tehtävistä Kakkostehtävässä on useampia haastetasoja, jotta mahdollisimman monelle olisi tarjolla jonkin uuden asian oppimista tukevia tehtäviä. Tekemällä perustason suorituksen saa tehtävän hyväksytysti läpi. Haastavampien asioiden hallinta tuo bonuspisteitä ja oppimisen iloa, mutta niitä ei ole pakko tehdä. CLT132 – kevät Sauli Nurmi

4 1) Kertaustehtävä Kertaus on opintojen äiti, toisinaan jopa isoäiti.
Valitse kaikista aiemmista tehtävistä se, jossa olet omasta mielestäsi suoriutunut huonoiten. Tee tehtävä uudelleen, kommentoi myös muutamalla lauseella mikä aiemmassa vastauksessa oli pielessä ja mikä on se uusi tieto/taito, jonka pohjalta nykyinen ratkaisu on edellistä parempi. CLT132 – kevät Sauli Nurmi

5 Klausuuli Tehtävä saa siis olla mikä tahansa viikkojen 1-8 yksittäinen harjoitus, mutta vain sellainen tehtävä, jonka olet jo aiemmin palauttanut. Mikäli suoriudut tehtävässä nyt paremmin kuin aiemmin, saat uuden tehtävän pisteet myös vanhasta tehtävästä! (Toiseen suuntaan erotus jätetään armollisesti huomioimatta...) CLT132 – kevät Sauli Nurmi

6 Motivointi Oman oppimisen kartoitus. Uusien ratkaisutapojen soveltaminen vanhoihin ongelmiin. CLT132 – kevät Sauli Nurmi

7 2) CSS-tehtävä (External Style Sheet)
Työstetään samaa KISS-kitaristi Ace Frehleyn haastattelua ( kuin edellisissä tehtävissä. Tehtävänä on tehdä vapaavalintaisia ja mielivaltaisia CSS-muotoiluja sivulle. Ainoastaan seuraavia muotoiluja edellytetään: tee eri luokat (class) sekä haastateltavan että haastatellun kommenteille, luokilla pitää olla visuaalisesti toisistaan erottuvia ominaisuuksia (esim. väri, fontti...). Eksperimentoi myös muuten muotoiluilla. CLT132 – kevät Sauli Nurmi

8 Huom! Tehtävän tarkoitus on nimenomaan ulkoisen tyylitiedoston käyttäminen. Inline Stylen tai Internal Style Sheetin käyttäminen tämän tehtävän yhteydessä olisi virhe (paitsi jos teet yksittäisiä elementtikohtaisia muotoiluja, joilla ajat universaalin määrityksen yli). Palauta sekä HTML-tiedosto että CSS-tiedosto. CLT132 – kevät Sauli Nurmi

9 Vihje! Edellisen viikon luokkamäärityksiä voi hyödyntää sellaisenaan, mikäli ne sai toimimaan. Uutena asiana tarvitsee siis vain luoda ulkoinen tyylitiedosto (lisävihje: style-elementin sisällön voi halutessaan leikata/liimata css-tiedostoon) ja linkittää se dokumenttiin. CLT132 – kevät Sauli Nurmi

10 Haastetaso 2. Jaa dokumentti eri lohkoihin (DIV-elementti), tee eri lohkoihin toisistaan eroavia css-muotoiluja. Huomaa, etteivät nämä muotoilut saa muuttaa tehtävän perustason edellyttämiä muotoiluja (tai toisin sanoen: samat asiat pitää olla määriteltynä samoin myös eri osioissa, mikäli ratkaisu olisi peruslähtökohdiltaan konfliktoiva). CLT132 – kevät Sauli Nurmi

11 Motivointi Jo opittujen CSS-tekniikoiden soveltaminen uudessa kontekstissa, eli ulkoisissa tyylitiedostoissa. CLT132 – kevät Sauli Nurmi

12 3) CSS-tehtävä (External Style Sheet), part deux
Käytä edellisen tehtävän perusratkaisua, mutta laadi uusi tyylitiedosto, joka toimii kakkoskohdan HTML-tiedoston kanssa. Eli siis samannimiset tiedostot, eri sisällöt. Kakkoskohdan tehtävän edellyttämät muotoilut saa tyylitiedostossa jättää huomioimatta, eli CSS-tiedostoa saa muuttaa mielivaltaisesti, mutta kakkos- ja kolmoskohdan HTML-tiedosto on sama. CLT132 – kevät Sauli Nurmi

13 Huom! Tehtävän tarkoitus on nimenomaan ulkoisen tyylitiedoston muokkaaminen. Jätä siis kakkoskohdan HTML-tiedosto muuttumattomaksi, ainoastaan nimeä HTML-tiedosto uudelleen kolmoskohtaa varten. Palauta sekä HTML-tiedosto että CSS-tiedosto. CLT132 – kevät Sauli Nurmi

14 Motivointi Rinnakkaisten/vaihtoehtoisten tyylimuotoilujen luominen ulkoisilla tyylitiedostoilla. CLT132 – kevät Sauli Nurmi

15 4) Tehtävien analysointi
Kerro, olivatko tämän viikon tehtävät ja yleisesti tällä viikolla käsitellyt asiat mielestäsi: Liian helppoja Sopivan tasoisia Liian vaikeita Voit myös kommentoida, että onko hyvä vai huono idea käyttää aiempia tehtäviä uusien pohjana. Helpottaako se työtä, vai tuleeko harjoitusten tekemisestä epämotivoivaa ja haasteetonta puuhaa? CLT132 – kevät Sauli Nurmi