Faglig innhold

Dette emnet gir en oversikt over avanserte CSS-teknikker for å lage estetiske og responsive nettsteder. Studentene vil studere i hovedsak på egenhånd ved hjelp av utdelt materiale og oppgaver, og lære om CSS sin rolle i å skape engasjerende, brukerfokusert design med fortellende elementer.

Tema

• Grunnleggende prinsipper og teknikker for å tilpasse nettsidelayout til ulike enheter.
• Bruke CSS til visuell historiefortelling for å forbedre brukeropplevelsen med animasjoner, overganger og kreative oppsett.
• Teknikker med Flexbox og Grid for responsive, fleksible oppsett.
• Inkludere farger, typografi og mellomrom for å skape estetisk tiltalende design.
• Moderne CSS-funksjoner.
• Introduksjon til navnekonvensjoner (f.eks. BEM) og enkle preprocessorer (grunnleggende SASS) for ryddig kodehåndtering.

Læringsutbytte

Kunnskap

• Avanserte teknikker i CSS for responsive, brukervennlige og tilgjengelige nettsider.
• Nåværende begrensninger i CSS for komplekse design.
• Grunnleggende forståelse av BEM for organisering av CSS.

​Ferdigheter:

• Lage responsive oppsett ved bruk av Flexbox og Grid.
• Effektivt bruke farger, typografi og CSS-variabler.
• Designe animasjoner og overganger.
• Organisere CSS-kode med BEM.
• Bruke grunnleggende SASS til styling.

Generell kompetanse

• elvstendig planlegging og utvikling av nettsider.
• Anvende designprinsipper for å forbedre lesbarhet og brukervennlighet.

Læringsformer og aktiviteter

• Selvstyrt læring med tildelte lesematerialer, veiledninger og praktiske oppgaver.
• Samarbeidsprosjekter som fremmer teamarbeid og kollektiv læring.

Emnet tilbys utvekslingsstudenter. Undervisningsspråk er engelsk.

Obligatoriske aktiviteter

• Obligatoriske arbeidskrav

Spesielle vilkår

Anbefalte forkunnskaper

Interesse for grafisk design eller JavaScript vil være en fordel, men er ikke et krav.

Forkunnskapskrav

Krav for å ta emnet - opptak til studieprogrammene:

• Webutvikling (BWU)
• IDG1292 Webkoding

Kursmateriell

Oppgis ved oppstart av semesteret.