Fornøyelsespark

Skip to content

Vanskelighetsgrad: Easy

I denne oppgaven skal du lage en enkel nettside med én HTML-side. Du skal også ha noe CSS-styling i form av “intern”. Dette gjøres ved hjelp av en <style> tag i <head>. Les litt om hvordan dette fungerer her: w3schools HTML CSS.

Ting du skal ha med:

  • ✅ Landingssiden må ha en overskrift.
  • 📝 Det skal stå noe informasjon om parken i form av tekst.
  • 🖼️ Du skal ha med noen bilder av fornøyelsesparken din, disse trenger ikke være ekte.
  • Lag en mappe som heter images og legg bildene inn der.
  • Bruk relative lenker for bildene. F.ex. src="images/park_01.png"
  • 🎨 Du skal bruke CSS-styling. Tenk litt på fargebruken her også slik at det passer fint med fornøyelsesparken.
  • F.ex. Bakgrunnsfarge, farge på tekst, skrifttype (font).

Ekstra utfordringer: Medium

  • ➡️ Legg til litt margins eller padding for å gi litt plass mellom de forskjellige nettsideelementene.
  • 🔳 Legg til ramme eller skygge på bildet/bildene.
  • 👍 Bruk CSS-klasser for å gjøre koden din litt ryddigere og for å style spesifikke elementer.
  • 🌈 Prøv å legge til en gradient-bakgrunn på nettsiden.

Ekstra ekstra utfordringer: Hard

  • Legg til animasjoner når du holder musen over visse elementer.
  • 🤯 Prøv å lag siden slik at den alltid er sentrert på nettsiden.
  • Hint: Her må du finne ut hvordan du kan sentrere et <div>-element.