course-details-portlet

IDG1292 - Webkoding

Om emnet

Vurderingsordning

Vurderingsordning: Hjemmeeksamen
Karakter: Bokstavkarakterer

Vurdering Vekting Varighet Delkarakter Hjelpemidler
Hjemmeeksamen 100/100 24 timer

Faglig innhold

Dette kurset introduserer studentene til grunnleggende webkoding ved hjelp av HTML (Hypertext Markup Language) og CSS (Cascading Style Sheets). Kurset vil ikke bare presentere hovedbyggeklossene i webutvikling, men det vil også diskutere hvordan man oppretter et prosjekt etter standardene fra bunnen av, og implementerer god praksis for å gjøre sidene så lesbare som mulig for både mennesker (Universal Design og Web Accessibility ) og roboter (søkemotoroptimalisering).

I løpet av kurset lærer studentene hvordan man bruker HTML for å strukturere innholdet på nettstedet og hvordan CSS brukes til å fortelle nettleseren hvordan innholdet skal se ut. Det vil også gi en oversikt over de forskjellige CSS-modulene, og hvordan hver enkelt av dem løste tidligere problemer og legger til nye funksjoner.

Kursinnholdet vil spesielt fokusere på:

  • Opprette løsninger som passer for forskjellige skjermstørrelser (responsiv design)
  • Hvordan implementere små byggeklosser som er strukturert på en måte som gjør det enkelt å gjenbruke dem på ulike steder, modulært og vedlikeholdbart
  • Koding som skal bestå valideringstester
  • Følge beste-praksis og anbefalinger

På slutten av kurset vil vi se på ulike eksempler på hvordan du legger til dynamisk informasjon fra forskjellige sosiale kanaler/-strømmer) som for eksempel Twitter, Instagram eller Google Maps.

Dette er et innledende kurs, og det krever derfor ingen forkunnskap.

  • Grunnleggende prinsipper for webutvikling
  • Forskjellen mellom HTML, CSS og JavaScript
  • HTML-elementer for å strukturere innhold og forskjeller mellom strukturelle og semantiske koder
  • Absolutt vs relative stier og webprosjektstrukturer
  • Bilder og forskjellige formater
  • CSS til style-elementer
  • Box modell
  • Fargerepresentasjon
  • CSS layoutmoduler: posisjonering, layout og medieforespørsler
  • Flexbox vs Grid layout
  • CSS Animasjon
  • Valideringsverktøy (HTML, CSS, WCAG)
  • Sosiale strømmer og Web 2.0

Læringsutbytte

Kunnskapsmål

Studentene skal kunne forstå forskjellen mellom innhold og visuelle elementer og hvilke HTML-elementer eller CSS-regler som kan brukes i ulike scenarier. De skal kunne reflektere over ulike måter å strukturere et prosjekt på i henhold til størrelsen. Studentene skal vite hvordan man skal vurdere kvalitet på kode og hvordan de kan valideres. De skal også forstå koding for mobile enheter.

Ferdighetsmål

På slutten av kurset skal studentene kjenne hovedbyggeklossene i HTML og CSS og lage nettsider ved hjelp av riktig syntaks for HTML og CSS. De vil også kunne legge til dynamisk informasjon fra forskjellige sosiale strømmer i sine websider.

Generelle kompetansemål

Etter å ha gjennomført kurset vil studentene ha en grunnleggende forståelse av, og ferdigheter i visuell utforming av nettsider. De skal kunne planlegge og utføre utviklingen av nettsider og nettsteder fra bunnen av, ved hjelp av HTML og CSS. Studentene vil ha muligheten til å lære nye funksjoner ved å lese standard dokumentasjon eller anbefalinger fra organisasjoner som W3C eller WHATWG. Studentene vil også kunne vurdere og beskrive de viktigste aspektene av et nettsteds bruksvennlighet, effektivitet og informasjonsarkitektur, og videreutvikle hvilke endringer som trengs for å forbedre kvaliteten på nettstedet/-siden.

Læringsformer og aktiviteter

  • Forelesninger
  • Lab.øvelser
  • Oppgaveløsning
  • Forumdiskusjoner i Blackboard
  • Veiledning

Obligatoriske aktiviteter

  • Oblig 1
  • Oblig 2
  • Oppgave (Oblig 3)

Mer om vurdering

Metoder:

  • Studentene leverer tre obligatoriske oppgaver, alle tre må bestås for å gå opp til eksamen.
  • Eksamen er skriftlig, digital og varer i 3 timer.

Utfyllende om kontinuasjon:

  • Utsatt skriftlig eksamen neste semester.
  • Ikke bestått obligatoriske oppgaver må tas på nytt ved neste ordinære avvikling av emnet.

Spesielle vilkår

Obligatorisk aktivitet fra tidligere semester kan godkjennes av instituttet.

Krever opptak til studieprogram:
Grafisk design (BMED)
Interaksjonsdesign (BIXD)
Webdesign (ÅRWEB)
Webutvikling (BWU)

Forkunnskapskrav

Emnet er forbeholdt studenter ved studieprogrammene Bachelor i Interaksjonsdesign (BIXD), Bachelor i Webutvikling (BWU), Bachelor i Grafisk design (BMED) og årsstudium i Webdesign (ÅRWEB).

Kursmateriell

Vil bli oppgitt ved semesterstart.

Flere sider om emnet

Ingen

Fakta om emnet

Versjon: 1
Studiepoeng:  7.5 SP
Studienivå: Grunnleggende emner, nivå I

Undervisning

Termin nr.: 1
Undervises:  HØST 2021

Undervisningsspråk: Engelsk

Sted: Gjøvik

Fagområde(r)
  • Designmetodikk
Kontaktinformasjon
Emneansvarlig/koordinator: Faglærer(e):

Ansvarlig enhet
Institutt for design

Eksamensinfo

Vurderingsordning: Hjemmeeksamen

Termin Statuskode Vurdering Vekting Hjelpemidler Dato Tid Eksamens- system Rom *
Høst ORD Hjemme-eksamen (1) 100/100

Utlevering
25.02.2022

Innlevering
26.02.2022


09:00


09:00

INSPERA
Rom Bygning Antall kandidater
Sommer UTS Hjemme-eksamen 100/100 INSPERA
Rom Bygning Antall kandidater
  • * Skriftlig eksamen plasseres på rom 3 dager før eksamensdato. Hvis mer enn ett rom er oppgitt, finner du ditt rom på Studentweb.
  • 1) Merk at eksamensform er endret som et smittevernstiltak i den pågående koronasituasjonen.
Eksamensinfo

For mer info om oppmelding til og gjennomføring av eksamen, se "Innsida - Eksamen"

Mer om eksamen ved NTNU