icon

Kurs i CSS layout: webutvikling (4/5)

Espen Faugstad

Kapittel 1: CSS Wrapper

Utvid eller slå sammen

Kapittel 2: CSS Display

Utvid eller slå sammen

Kapittel 3: CSS Floats

Utvid eller slå sammen

Kapittel 4: CSS Positioning

Utvid eller slå sammen

Kapittel 5: Responsive Layout

Utvid eller slå sammen

Kapittel 6: Avslutning

Utvid eller slå sammen

Detaljer

  • 1t 47m
  • 33 videoer
  • 135 deltakere
  • April 8, 2016

Dette er fjerde og siste del av vårt nettkurs som omhandler webutvikling. Dette kurset passer for deg som ønsker å lære hvordan man lager en layout ved hjelp av HTML og CSS. Kursinstruktør Espen Faugstad kommer til å vise hvordan du lager en statisk, flytende og responsiv layout. Med denne kunnskapen kan du lage både enkle og avanserte layouts. I starten av kurset lærer du å lage en flytende layout bestående av tre kolonner, ved hjelp av: Block, Inline, Inline-Block og Vertical Align. Deretter lærer du å lage en moderne layout ved hjelp av Float. Videre lærer du å plassere elementer på en side ved hjelp av Absolute, Relative og Fixed. Avslutningsvis lærer du å lage en responsiv layout. I kapittel 01 lærer du hvordan du definerer bredden på nettsiden og midtstiller innholdet, ved hjelp av en CSS Wrapper. I kapittel 02 lærer du forskjellen på Block, Inline og Inline-Block. Du lærer også hvordan du bygger en flytende layout ved hjelp av Block, Inline og Inline-Block. I kapittel 03 lærer du hvordan du flyter elementer til venstre eller høyre side ved hjelp av Float. Du lærer også hvordan du avslutter et flytende element ved hjelp av Clear: float. I kapittel 04 lærer du å plassere elementer på en side ved hjelp av Positioning. Du lærer hvordan du bruker Absolute, Relative og Fixed. I kapittel 05 lærer du å bygge en responsiv layout som fungerer like bra på datamaskin som mobil.

Vis mer

Anmeldelser

4.6

Filled StarFilled StarFilled StarFilled StarFilled Star
(9 anmeldelser)
5
4
3
2
1

Filled StarFilled StarFilled StarFilled StarFilled Star
jannerudhansen
God oppsummering men også en del nye ting.

God oppsummering av hva man har lært i del 1 - 3 men også en del nye ting så jeg må nok gjennomgå dette kurs flere ganger :) Mye å huske på. Kan bli litt i grann forvirret når koden må endres flere ganger for at det skal fungerer 100%

3 måneder siden
profileImage
Filled StarFilled StarFilled StarFilled StarEmpty Star
Hko
Fin gjennomgang

Fin gjennomgang! Kunne vært nyttig med oppgaver underveis i kurset med løsning i påfølgende video. Bare et forslag!

1 år siden
Filled StarFilled StarFilled StarEmpty StarEmpty Star
Krishagen
Hva skjer her?

Her gikk du jo over på noe helt annet i forhold til det som ble gjort før. Forrige siden ble jo ikke ferdig? Når det står 1 av 5 på webutvikling kurs så hadde det vært greit om du fortsatte. Og i beskrivelsen her står det fjerde og siste del, men dette er fremdeles 4 av 5.

1 år siden
Filled StarFilled StarFilled StarFilled StarFilled Star
Eivindgronning
Fin innføring i CSS layout!

Nok et bra kurs! 5/5

2 år siden
profileImage
Filled StarFilled StarFilled StarFilled StarFilled Star
datadotten
HTML / CSS

Flotte kurs. Lærerikt og godt forklart.

2 år siden
Filled StarFilled StarFilled StarFilled StarFilled Star
Ullvang
Veldig bra kurs!

Anbefales

2 år siden
profileImage
Filled StarFilled StarFilled StarFilled StarFilled Star
KarinaLovslett
CSS: layout

Litt mer krevende kurs enn de tre foregående. Det er bra at videoene er korte og informative, da blir det enklere å følge med på kodene.

3 år siden
Filled StarFilled StarFilled StarFilled StarFilled Star
marcelmedhus
Veldig bra

God og kort forklart, som gjør det lett å forstår

3 år siden
profileImage
Filled StarFilled StarFilled StarFilled StarFilled Star
Mikal
Enkelt og lærerikt

5 år siden