Tentin tekstisisältö
MAT-80000 Johdatus hypermediaan - 11.12.2015
Tentin tekstisisältö
Teksti on luotu tekstintunnistuksella alkuperäisestä tenttitiedostosta, joten se voi sisältää virheellistä tai puutteellista tietoa. Esimerkiksi matemaattisia merkkejä ei voida esitää oikein. Tekstiä käytetään pääasiassa hakutulosten luomiseen.
Alkuperäinen tenttiMAT-80000 Johdatus hypermediaan Meri Kailanto 11.12.2015 Oheismateriaalin käyttö on kielletty tentin aikana. Vastaa kaikkiin kysymyksiin. Pidä tenttipaperi. Onnea! 1) Selitä lyhyesti, mitä seuraavat opintojakson aiheisiin liittyvät käsitteet tarkoittavat (1 piste / kohta) a) SVG d) kuvaileva merkkaus b) HTTPS e) bittikarttakuva c) DOM f) dokumentin typpijulistus 2) Vastaa seuraaviin kysymyksiin tiiviillä esseillä. a) Määritä mitä tarkoittavat seuraavat käsitteet ja miten ne liityvät toisiinsa opintojakson kontekstissa: hypermedia, hyperteksti, hyperlinkki, assosiatiivisuus, epälineaarisuus. (3 pistettä) b) Mitä tarkoittaa Internet ja mitä WWW? Miten nämä kaksi käsitettä liittyvät toisiinsa? (3 pistettä) 3) Toimi seuraavien ohjeiden mukaan ja vastaa kysymyksiin. Alla on esimerkki HTML5-tyyppisestä, index.html-nimisestä dokumentista: <IDOCTYPE html> <html><head><meta charset="utf- 8"><link rel="stylesheet" type="text/css" media="screen" a) Laadiannetusta HTML-dokumentista href="screen.css"><title>Kauppa puumuotoinen jäsennys, josta käy ilmi lista</title> </head> elementtien muodostama hierarkkinen <body><hl>Muista ostaa rakenne. Merkitse kunkin elementin kaupasta</hl><p viereen sulkuihin myös sille määriteltyjen class="remember"><img : = attribuuttien nimet. (2 pistettä) src="kauppakeskus.jpg" alt="kauppakeskus Hervannassa"> S Kuna b) Kuvaa kaksi eri tapaa, jolla dokumenttiin 1öytyvsauml;t Hervannan voisi liittää JavaScript-koodia? (2 pistettä) keskustasta.</p><ul><li>Maitoa <a c) Dokumenttiin on liitetty valokuva JPG- href="http://www.maitokauppa.fi muodossa. Miksi tämä on hyvä /maitotarjous">tarjouksesta</a> tiedostomuoto? Olisiko muita </li><li>Leipää</li>< vaihtoehtoja? Perustele. (2 pistettä) /u1></body> </html> 4) Tehtävän aiheena on CSS. Vastaa annettuihin tehtäviin: a) CSS-tyyleihin liittyy suorakaidemalli (engl. box model). Suorakaidemalli määrittelee, että jokaisella elementillä voi varsinaisen sisältöalueen lisäksi olla kolme valinnaista sisältöaluetta. (3 pistettä) i) Mitkä nuo alueet ovat ja missä järjestyksessä niille varataan tilaa sisällön ympäriltä? ii) Miten nämä alueet eroavat toisistaan ominaisuuksiltaan ja toiminnaltaan? b) Kirjoita kohdan kolme screen.css tiedostoon liitettävät tyylisäännöt, joilla sivun ulkoasua voidaan täydentää seuraavasti (3pistettä) : i) Dokumentin otsikoiden (h1-h6) tekstin väri on valkoinen ja taustaväri musta ii) Tekstikappaleiden kirjasimena on päätteetön kirjasin (sans-serif) iii) Kappaleen, jolla on luokka-attribuutti arvoltaan ”remember”, sisällä olevan kuvan ympärillä on ennen reunaviivaa (eli sisällön ja reunaviivan välissä) 5px tyhjää tilaa.