Om oppgaven

Målet med oppgaven er å vise hvor HTML finnes i virkelige nettsider, slik som den siden du er på nå. Når du er ferdig med oppgaven skal du ha litt bedre kjennskap til HTML, samt enkelt kunne endre på nettsider du er inne på.

Denne oppgaven er demonstrert med nettleseren Google Chrome. Bruk Google Chrome hvis du har den.

Oppgaven passer til:

Fag: Programmering, Teknologi i praksis

Anbefalte trinn: 8.-10. trinn

Tema: HTML, web

Tidsbruk: Dobbeltime.

Kompetansemål

Programmering, valgfag: bruke grunnleggende prinsipper i programmering, slik som løkker, tester, variabler, funksjoner og enkel brukerinteraksjon.
Teknologi i praksis, valgfag: undersøkje teknologiske produkt og dei vala som er gjorde med omsyn til bruk, tekniske løysingar, funksjonalitet og design

Forslag til læringsmål

Eleven klarer å inspisere en hjemmeside for å se hvordan den er oppbyg
Eleven klarer å gjøre endringer på en nettside ved å bruke inspeksjonsvektøyet til en nettleser
Eleven skal kunne kjenne igjen HTML-tags og kunne forklare hvordan hva de brukes til.

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.
- Eleven klarer å legge til mer innhold ved hjelp av HTML-tags og inspeksjonsverktøyet.
- Eleven klarer å finne og endre på CSS.

Forutsetninger og utstyr

Forutsetninger: Ingen.
Utstyr: Datamaskiner med tilgang internett og nettleseren 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 1: Se

Kan være litt vrient å finne HTML-en som er ment å finne, derfor er det viktig at elevene inspiserer ved å høyreklikke på det stedet på nettsiden de ønsker å inspisere.
Husk å være nøye med å påpeke at det bare er å laste inn siden på nytt dersom man vil ta vekk endringene som er gjort.