Min favorittfilm

Vanskelighetsgrad:

I denne oppgaven skal du lage en nettside med to sider. Du skal ha en landingsside, altså en forside som heter index.html og en side til som heter about.html.

Ting du skal ha med:

• Begge sidene ha forskjellig innhold.
• Du skal ha en lenke fra index.html til about.html.
• Du skal også ha en lenke tilbake fra about.html til index.html.

Innholdet på sidene:

• Framsiden (index.html) skal være en enkel introduksjon med en overskrift og et kort avsnitt som oppsummerer favorittfilmen eller favoritt tv-serien din. Her kan du også gjerne legge inn et bilde.
• “Om” siden (about.html) skal inneholde litt informasjon om filmen/tv-serien. Her kan du også legge inn bilder fra nettet.
  • For bilder du har lastet ned bruker du relative lenker.
  • For bilder du finner på nettet kan du bruke lenken til bildet direkte, men dette kan fort bli rotete.

Ekstra utfordringer:

• For god praksis med bildebruk, lag en mappe (samme sted som index.html og about.html) som heter images. Legg deretter inn bildene dine der.
  • For videre god praksis bør du gi filene dine fornuftige navn, for eksempel: bilde01.png, forsidebilde.png, navn som gir mening.
• Lag en navigasjonsmeny ved hjelp av <nav>-taggen.
• Legg inn noe enkel CSS-styling, farger på tekst, og bakgrunner.
  • Her er noen øvingsoppgaver der du kan jobbe med CSS: CSS Styling Piggy.
  • Du kan lese enda mer om CSS-styling på w3schools CSS.

Ekstra ekstra utfordringer:

• Bruk et eksternt CSS-stilark og lag et design som samsvarer med temaet.
  • For eksempel: Spider-Man → Røde og blå farger
• Legg inn CSS-kode for å ha et “responsivt design” på nettsiden din. Les mer om responsivt design her: Responsive Design w3schools.