Archive for the 'Harjoitukset' Category

Palaute kotiharjoituksesta

Kotiharjoitukset on otettu vastaan ja tarkistettu, kaikki tehdyt harjoitukset on hyväksytty.

Pääasiassa vastaukset olivat hyviä, joskin huolimattomuusvirheitä oli lipsahdellut sinne tänne :) Yksilölliselle palautteelle ei tunnu olevan tarvetta, mutta haluan nostaa esille muutamia kohtia, jotka lähes kaikissa vastauksissa tulivat esille.

“HTML-tyyppimääritys”

Kun html:n juurielementtiin määritellään kielikoodit (xml:lang ja lang), niiden arvot viittaavat sisällön kieleen, eivät dokumentissa käytetyn merkkauksen (HTML) kieleen. Toisin sanoen:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

on oikein, mikäli sisältökin on englantia. Oikean sisällön kielen määrittäminen vaikuttaa mm. hakukoneiden sekä ruudunlukijan tulkintaan sivusta.

“Haluan ilmoittaa lukijalle osoitteen, mutta osoite on sellainen, jota ei voi suoraan käyttää esim. selaimella (kuten postiosoite, jonne paketti toimitetaan)”

Tehtävä oli tavallaan kompa. HTML-spesifikaatiosta löytyvä address-elementti ei tähän tarkoitukseen suoraan sovellu, vaikka lähes kaikki sen vastaukseen laittoivatkin. Address-elementti on tarkoitettu käytettäväksi dokumenttiin liittyvän yhteystietojen merkitsemiseen, ei yleisesti miksi tahansa osoite-kentäksi (ks. Address HTML4-speksissä, pätee myös XHTML 1.0:aan). Yhtä oikeaa vastausta tähän tehtävään ei ole, mutta yleisesti ottaen voidaan sanoa, että HTML-kieli ei sisällä elementtiä, joka oletuksena tulkittaisin osoitteeksi, johon selaimella ei voi navigoida.

“…Sivu olisi silmäiltävämpi, jos yhdelle tekstirivulle tulisi arviolta 10-15 sanaa.”

CSS:llä ei voi suoraan määrittää yhden rivin sana- tai edes merkkimäärää, mutta taitavalla ulkoasusuunnittelulla voidaan päästä käytännössä miellyttävään lopputulokseen. Esimerkiksi: määritetään sivun leveydeksi 640px ja tekstin kirjaisinkooksi 12px, tai vastaavasti tekstin leveydeksi 20em ja kirjaisinkooksi 0.8em. Tärkeintä on, että molemmat kirjaisinkoko ja sivun leveys määritetään samantyyppisellä mittayksikällä (suhteellinen/absoluuttinen). Mittayksikkötyyppejä sekoittamalla päätyy tässäkin asiassa ongelmiin.

Tenttiin valmistava harjoitus

Kuten luvattua, kuudennen porkkanapisteen voi ansaita kotitehtävänä. Tämä viimeinen porkkana toimii samalla tenttiin valmistavana harjoituksena, joten käytä tilaisuus hyödyksesi ja kertaa samalla prujun asiat aiheista!

Ohjeet porkkanapisteen ansaitsemiseksi

  • Kopioi kuudennen porkkanan vastauspohja täältä itsellesi (HTML-muoto)
  • Täydennä HTML-dokumenttiin vastaukset siinä kuvattuihin tehtäviin
  • Palauta täydennetty dokumentti liitteinen ZIP-paketissa sähköpostitse Jaakolle (Jaakko Salonen - etunimi.sukunimi@tut.fi). Esimerkki sähköpostiviestistä ja sen muodosta:
    • Otsikko
      • JOHD-HM kotitehtävä
    • Viesti
      • Nimi: Matti Meikäläinen
        Opnum: 123456
        Ohessa mun kotitehtävä.
    • Liitteet
      • johd-hm-koti-123456.zip

Porkkanapisteen ansaitsemiseksi harjoitus on palautettava ennen tenttiä!

Harjoitus 4

Aiheena web-sivujen laatu ja sen arviointi:

Tehtävät harjoituksessa 4

Harjoituksesta jaetaan viides porkkanapiste. Viimeinen eli kuudes porkkanapiste tehdään kotitehtävänä viimeistään ennen tenttiä. Tehtävänanto viimeistä porkkanaa varten julkaistaan blogissa.

Harjoitus 3

Harjoitus 3: Kuvankäsittely ja videoeditointi

Harjoitukset tutussa PC-luokassa Sb204 ke 11.6. kello 9.15.

Harjoitus 2

Tee toinen tai molemmat:

Harjoitukset tutussa PC-luokassa Sb204 kello 9.15.

Harjoitus 1

Harjoitus 1: Web ja HTML

Nähdään PC-luokassa Sb204 kello 9.