CLT132 Tehtävät (viikko 6).

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

1 CLT132 Tehtävät (viikko 6)

2 Formaatti Palauta tehtävä 1-4 joko *.htm tai *.html tiedostossa.
Nimeä tiedostot muodossa: SukunimiEtunimiVko6TehtX.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ä Jokaisessa tehtä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ä. Toteutus vapaavalintaisesti joko HTML tai XHTML, laita sivun titleksi joko HTML tai XHTML käyttämäsi sivunkuvauskielen mukaan. CLT132 – kevät Sauli Nurmi

4 1) Merkkitehtävä (escape characters)
Laadi noin 10 sanan sanakirja HTML-taulukkoon. (Vihje: Hyödynnä aiemmin tekemääsi taulukkoa, muuta vain sisältö.) Sanakirjan ensimmäisessä sarakkeessa on suomen tai englannin kielen sana, toisessa sarakkeessa jonkin vieraita merkkejä käyttävän kielen vastaava sana (esim. islanti, kreikka, venäjä...). Kolmannessa sarakkeessa on toisen sarakkeen ääntämisohje IPA-merkkeinä. Käytä toisen ja kolmannen sarakkeen tekemiseen escape charactereita. HUOM! Mikäli tehtävä on kielten osalta liian vaikea, toinen ja kolmas sarake saa olla satunnaisia merkkejä, kunhan merkit ovat oikeasti jonkin kielen merkkejä ja IPA-symboleja. (Vihje: Esimerkiksi Almasta löytyy venäjän kielen sanakirja. Venäjän kielen escape characterit löytyvät esimerkiksi tältä sivulta: CLT132 – kevät Sauli Nurmi

5 Haastetaso 2. Tee toisen sarakkeen sanoista linkkejä, jotka avaavat sanaa vastaavan sivun Wikipediassa. Käytä attribuuttia, joka avaa linkit uudessa selainikkunassa. CLT132 – kevät Sauli Nurmi

6 Motivointi Vieraiden merkkien käsittelyn hallinnan oppiminen HTML:ssä.
CLT132 – kevät Sauli Nurmi

7 2) Lomaketehtävä Laadi HTML-lomake, käytä INPUT-elementin attribuutteja. Lomakkeessa olisi hyvä olla tekstikenttä, salasanakenttä ja nappula, joka tyhjentää lomakkeen. CLT132 – kevät Sauli Nurmi

8 Haastetaso 2. Lisää samaan lomakkeeseen uusia elementtejä. Nämä voisivat olla vaikka seuraavanlaisia: Sarja radiobuttoneita, joiden rivikohtaiset valinnat ovat Star Trek -sarjat TOS ja TNG. Rivejä voivat olla esimerkiksi: James T. Kirk, Mr. Spock, Dr. McCoy, Jean-Luc Picard, Data ja Uhura. Selväkielisemmin ilmaistuna lomake siis listaa nämä henkilöt, ja lomakkeen käyttäjä valitsee radiobutton-valinnalla kuuluko mainittu henkilö TOSin vai TNG:n kastiin. Jatka lomaketta lisäämällä siihen monivalinta (OPTION, OPTGROUP), jossa on seuraavan dian esittämät valinnat pääkohtineen: CLT132 – kevät Sauli Nurmi

9 Haastetaso 2, jatkoa TOS-leffat TNG-leffat
Star Trek: The Motion Picture Star Trek II: The Wrath of Khan Star Trek III: The Search for Spock Star Trek IV: The Voyage Home Star Trek V: The Final Frontier Star Trek VI: The Undiscovered Country TNG-leffat Star Trek: Generations Star Trek: First Contact Star Trek: Insurrection Star Trek: Nemesis Mikäli em. aihe ei syystä tai toisesta nappaa, sisällön saa muuttaa myös itseään motivoivammaksi... CLT132 – kevät Sauli Nurmi

10 Haastetaso 3. Lisää lomakkeelle nappula, joka ohjaa lomakkeen uudelle sivulle. Lomakkeen ei tarvitse välittää dataa eteenpäin. CLT132 – kevät Sauli Nurmi

11 Motivointi Lomakkeiden laatimisen opettelu.
CLT132 – kevät Sauli Nurmi

12 3) Include-tehtävä Laadi kaksi HTML-sivua (sivujen aihe vapaa, eikä edes pakollinen...). Sisällytä toinen toisen osaksi joko OBJECT- tai EMBED-elementillä. CLT132 – kevät Sauli Nurmi

13 Haastetaso 2. Lisää vapaavalintainen kuva samalla tavalla.
CLT132 – kevät Sauli Nurmi

14 Haastetaso 3. Lisää vapaavalintaista liikkuvaa kuvaa (eli jokin video) samalla tavalla. CLT132 – kevät Sauli Nurmi

15 Motivointi Include-tekniikan periaatteiden harjoittelu ja yritys soveltaa periaatteita käytäntöön (HUOM! selaintuen yms. takia tämä ei välttämättä onnistu…) CLT132 – kevät Sauli Nurmi

16 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 Kerro myös, onko mielestäsi tämänkertaisten tehtävien haastetason erottelu (eli kasvatustieteellisesti ns. eriyttävä oppiminen) hyvä vai huono CLT132 – kevät Sauli Nurmi