Om oppgaven

I denne oppgaven skal elevene bruke HTML-tags til å lage sin første hjemmeside.

Oppgaven passer til:

Fag: Programmering, teknologi i praksis, informasjonsteknologi 1

Anbefalte trinn: 8. trinn - VG2

Tema: HTML, web,

Tidsbruk: Dobbeltime eller mer.

Programmering, 10. trinn: bruke grunnleggende prinsipper i programmering, slik som løkker, tester, variabler, funksjoner og enkel brukerinteraksjon.
Teknologi i praksis, 10. trinn: undersøkje teknologiske produkt og dei vala som er gjorde med omsyn til bruk, tekniske løysingar, funksjonalitet og design
Informasjonsteknologi 1, VG2: redigere nettsteder ved bruk av standardiserte oppmerkingsspråk
Informasjonsteknologi 1, VG2: organisere og begrunne filstrukturen for nettsteder

Elevene klarer å bruke kjente HTML-tags til å lage et oppsett til egen hjemmeside.
Elevene klarer å inspisere en hjemmeside for å se hvordan den er oppbygd.
Elevene klarer å tolke en feil dersom elevene har skrevet feil HTML-tag.
Elevene klarer å lenke to sider sammen.
Elevene klarer å se at en nettside er bygget opp av HTML.
Elevene kan organisere enkel filstruktur til et nettsted.

Eleven oppnår middels måloppnåelse ved å fullføre oppgaven.
Eleven oppnår høy måloppnåelse ved å videreutvikle egen kode basert på oppgaven.

Utstyr: Datamaskiner med tilgang internett og teksteditor (Atom, Visual Studio Code eller Brackets IO kan anbefales). JSBin.com kan evt. brukes. Elevene kan fint jobbe to og to.
Forutsetninger: Elevene burde kunne grunneleggende HTML-tags.

Her kommer tips, erfaring og utfordringer til hvert av stegene i den faktiske oppgaven. Klikk her for å se oppgaveteksten.

Tekstprogram kan for eksempel være Atom, Visual Studio Code, Brackets IO eller NodePad++. Eventuelt bruke JSBin.com.
Noen elever vil kanskje ha problemer med å unzipe Internett.zip. Husk å be elevene huske hvor den er lastet ned slik at de finner den igjen.

Det er enkelt å skrive tegn og HTML-tags feil. Be elevene være obs på dette, spesielt når man skal lukke en HTML-tag.
Et tips kan være å be elevene strukturere HTML-dokumentet sitt ordentlig med innrykk og linjeskift slik at det er enklelt å hvilke HTML-tags som hører til hvor.