CLT132 Tehtävät (viikko 7).

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

1 CLT132 Tehtävät (viikko 7)

2 Formaatti Palauta tehtävät 2-4 joko *.htm tai *.html tiedostossa.
Palauta tehtävä 1 valitsemasi tehtävän edellyttämässä tiedostotyypissä. Nimeä tiedostot muodossa: SukunimiEtunimiVko7TehtX.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ä Valitse tehtävässä 1 vain a, b tai c!
CLT132 – kevät Sauli Nurmi

4 1) Kuvatehtävä Tee valintasi mukaan yksi tehtävän alakohdista, eli a, b tai c. Useamman tekeminen on oppimisen kannalta suotavaa, mutta ei tuota lisäpisteitä yms. CLT132 – kevät Sauli Nurmi

5 Vaihtoehto a) Lataa koneellesi kuva mgn_deploy.tiff ( Muokkaa kuvan kokoa (eli mittaa X*Y) siten, että kuva mahtuisi ongelmitta (ilman sivuttaisuuntaista scrollausta) 800x600 kokoiselle näyttöruudulle. Tallenna kuvasi sekä *.jpg että *.png formaatissa. Luo myös ns. thumbnail eli pienikokoinen esikatselukuva, jonka tallennat *.gif formaatissa. Mikäli sinulla ei ole kuvankäsittelyohjelmaa, yliopiston ohjelmistojakelusta löytyy luvallisia, lisensoituja kopioita esim. Corelin ohjelmistoista. CLT132 – kevät Sauli Nurmi

6 Vaihtoehto b) Tee mielivaltainen gif-animaatio, jossa ainoana tehtävänantona on se, että siinä täytyy olla jotain joka osoittaa sen tekemäksesi (esim. oma nimesi, tämän kurssin nimi, yms.). Mikäli sinulla ei ole soveltuvaa ohjelmaa animaation tekoon, voit ladata netistä ilmaisen ohjelman, esim. Microsoft GIF Animator. CLT132 – kevät Sauli Nurmi

7 Vaihtoehto c) Etsi seuraaville kuvaformaateille lyhenteiden alkuperät ja esitä lyhyt kuvaus siitä, missä yhteydessä kutakin formaattia voi Internetissä käyttää. Kerro myös miksi jpg, png ja gif ovat suositeltavimmat formaatit www-sivujen kuvituksena. Tehtävän formaatit ovat seuraavat: BMP, GIF, JPG/JPEG, PNG, PS, SVG, TIFF, WBMP. CLT132 – kevät Sauli Nurmi

8 Motivointi Jo aiemmin opitun kuvan lisäämisen osaamisen syventäminen. Valinnan mukaan joko kuvien käyttöön liittyvien tietojen (c) tai taitojen (a,b) lisääminen. CLT132 – kevät Sauli Nurmi

9 2) CSS-tehtävä (Inline Styles)
Tehtävässä muokataan tarjolla olevan mallisivun ulkoasua CSS-tekniikalla. Muotoilut saavat olla mielivaltaisia, kunhan ne vain ovat "Inline Styles"-tyyliä, eli elementtien sisälle tulevia style-attribuutteja. Mallisivu löytyy osoitteesta CLT132 – kevät Sauli Nurmi

10 Huom! Tehtävän tarkoitus on nimenomaan style-attribuuttien käyttäminen. Jotkut ovat käyttäneet CSS-tekniikoita jo aiemmissa palautuksissa, esim. "Internal Style Sheets"-tekniikalla, mutta tämän tehtävän yhteydessä se olisi virhe. Nyt kysytään siis style-attribuutin, eikä style-elementin käyttöä. CLT132 – kevät Sauli Nurmi

11 Motivointi Pehmeä lasku CSS-tekniikoihin aiemman attribuutti-osaamisen pohjalta. CLT132 – kevät Sauli Nurmi

12 3) YouTube-tehtävä Katso seuraavat kaksi HTML:ää ja CSS:ää koskevaa YouTube-videota: Learn how to make a website, html + css Basic HTML and CSS Intro Älä panikoidu, vaikka osa asiasta on ehkä naurettavan tuttua ja osa täysin tuntematonta... Videoiden avulla voi kuitenkin kerrata jo opittuja asioita sekä saada pikaisen silmäyksen tulevasta, kuten muista CSS-tekniikoista. Lisäksi toinen video myös näyttää HTML-editorilla työskentelyä, jota emme tällä kursilla käsittele. CLT132 – kevät Sauli Nurmi

13 3) YouTube-tehtävä, jatkoa
Tehtävänäsi on siis katsoa videot ja laatia minioppimispäiväkirja (ehkä max. n. puoli sivua), jossa pohdiskelet kuinka tuttua videoilla ollut asia on, mitä uutta asiaa/tietoa niissä oli ja mitä mahdollisia kysymyksiä niiden perusteella tuli mieleen (esim. tekniikoista tai työvälineistä). CLT132 – kevät Sauli Nurmi

14 Motivointi Jo opitun kertaus ja uusien oppimista edistävien havaintojen/kysymysten/pohdiskelujen tekeminen. 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 Kerro myös, pitäisikö ykköstehtävän kaltaisia kurssin tavoitesisältöön varsinaisesti liittymättömiä tehtäviä olla enemmän, vähemmän vai ei ollenkaan. CLT132 – kevät Sauli Nurmi