Exam text content
MAT-80000 Johdatus hypermediaan - 11.12.2015
Exam text content
The text is generated with Optical Image Recognition from the original exam file and it can therefore contain erroneus or incomplete information. For example, mathematical symbols cannot be rendered correctly. The text is mainly used for generating search results.
Original examMAT-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.