Om oppgaven

Målet med dette oppgavesettet er å gi eleven en enkel introduksjon til internett og hvordan nettsider og HTML fungerer. I denne oppgaven er det viktig at eleven tar seg god tid og leser oppgavene nøye.

Oppgaven passer til:

Fag: Programmering, Kunst og håndverk, IT1

Anbefalte trinn: 8. trinn - VG2

Tema: HTML, Web, Internett

Tidsbruk: Dobbelttime

Kompetansemål

Kunst og håndverk, 7. trinn: bruke programmering til å skape interaktivitet og visuelle uttrykk
Programmering, 10. trinn: bruke flere programmeringsspråk, deriblant minst ett som er tekstbasert
IT1, VG2: designe og utvikle nettsider ved hjelp av markeringsspråk og programmering
IT1, VG2: lagre og hente fram data og presentere dem på nettsider
IT1, VG2: planlegge og implementere brukergrensesnitt

Forslag til læringsmål

Eleven skal vite hva HTML betyr og hva HTML brukes til
Eleven skal kunne kjenne igjen HTML-tags og kunne forklare hvordan hva de brukes til
Eleven skal kjenne til hvordan internett fungerer og hvordan datamaskiner snakker med hverandre når man åpener en nettside.

Forslag til vurderingskriterier

Eleven oppnår middels måloppnåelse ved å fullføre oppgaven.
Høy måloppnåelse: Eleven klarer å bruke det eleven har gjort i oppgaven til å videreutvikle koden sin, for eksempel ved å gjøre en eller flere av variasjonene nedenfor.

Forutsetninger og utstyr

Forutsetninger: Ingen.
Utstyr: Datamaskiner med tilgang internett og nettleser Google Chrome (anbefalt). Elevene kan fint jobbe to og to.

Fremgangsmåte

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

Steg 2: Hva er HTML?

Hvis noen elever ikke har Chrome-nettleseren som vi anbefaler, kan man også bruke Firefox. Da skal man klikke på "Inspiser element"/"Inspect element" etter å ha høyreklikket.

Safari er også mulig, men da må man først trykke på "Safari" på menylinjen og gå inn på "Preferences"/"Valg...", velge "Advanced"/"Avansert" og hake av på "Show Develop menu in menu bar"/"Vis Utvikle-menyen i menylinjen" nederst på siden. Da kan man velge "Show Web Inspector"/"Vis nettinspektør" i den menyen for å få opp utviklerverktøyet.

Steg 3: Flere tagger

Her er det viktig at elevene husker å lykke HTML-tagene.

Variasjoner

Prøv å ordne nettsiden slik at den ser ryddig ut. Legg gjerne til lister over favoritt mat, spill, idrett og lignende
Prøv å legg til innhold på egen side ved hjelp av HTML-tags.

Forbedre denne siden

Funnet en feil? Kunne noe vært bedre?
Hvis ja, vennligst gi oss tilbakemelding ved å lage en sak på Github eller fiks feilen selv om du kan. Vi er takknemlige for enhver tilbakemelding!

Rapporter et problem

Gå til forumet

Vis koden og fiks selv