Gamle eksamensoppgaver

Gamle eksamensoppgaver
Oppgave 1
Finn frem til hva nettstedet skal handle om. Bestem og produser/innhent innholdet til nettsiden. Vurder
målgruppe og presentasjonsform for nettstedet.
Dere trenger ikke bekymre dere for opphavsrett i denne oppgaven, så fritt frem å hente bilder etc.
-
I nettbutikken vår skal vi selge sko
Sko for aldersgruppen mellom 16-22 år
Oppgave 2
Design ved hjelp av skisser eller wireframes et nettsted med et avansert design.
Oppgave 3
https://github.com/tha0/CollegeFood
Oppgave E.1 (Etter forelesning 10/9)
Forklar den praktiske forskjell på følgende to måter å linke inn et print-stilark sammen med
et annet stilark for visning på skjerm. I hvilke generelle situasjoner ville du brukt hvilken
metode:
Alternativ 1:
<link rel="stylesheet" type="text/css" href="stilark.css" media="screen” />
<link rel="stylesheet" type="text/css" href="print.css" media="print” />
Innholdet er det fortsatt, men at man kan endre på hvordan siden skal sees ut når man printer. F.eks ved
at man endrer skriftstørrelse, fjerner reklamer, fjerner meny etc.
Alternativ 2:
<link rel="stylesheet" type="text/css" href="stilark.css" media="all” />
<link rel="stylesheet" type="text/css" href="print.css" media="print” />
Innholdet er fortsatt det samme, bortsett fra at man endrer på hvordan «skjermen» ser ut, ut ifra type
device, som mobil, nettbett, etc. Nettsiden blir mer tilpasset de forskjellige enhetene.
Oppgave E.2 (Etter forelesning 10/9)
Hva er den praktiske forskjellen på å endre en tekst til uppercase "manuelt" i HTML
fremfor å kjøre text-transform:uppercase i CSS? Hvilken metode bør man benytte
(om du mener begge, så angi i hvilke tilfeller)?
Istedenfor at man gjør det manuelt kan man velge hvilken tag man vil ha uppercase, istedenfor at man
går frem og tilbake i HTML og CSS. Det kan fort bli rot.
Oppgave E.3 (Etter forelesning X/X)
I kurset har vi sett på tre ulike teknikker for å tilpasse en webside til ulike
skjermstørrelser; relative måleenheter, medietyper med spesiell vekt på handheld og
media queries.
a) Hva er forskjellen på disse teknikkene, og hvilke(n) vil du anbefale?
- Ved relative måleenheter vil nettsiden være like «stor» på de forskjellige enhetene. Mens ved
bruk av media queries er det enklere å tilpasse nettsiden mtp på mobil etc.
b) Hvilke av disse teknikkene er relatert til begrepet responsive web design, og
hvordan?
Media queries er teknikken er relartert til begrepet responsive web design. Ved å bruke denne
teknikken responderer nettsiden til de ulike enhetene.
Oppgave E.4 (Etter forelesning X/X)
Forklar kort, og så pressist som mulig, hva RSS er og hva det benyttes til.
RSS-feed, er en såkalt «live» bookmark. Og kan brukes til f.eks til å holde seg oppdatert over de nyeste
nyhetene. RSS er en extension (utvidelse) man installerer i nettleseren.
RSS feed > bookmark > bookmarks oppdaterer seg automatisk når nyheter/innhold blir oppdatert på
den spesifikke hjemmesiden.