icon

Kurs i CSS layout: webutvikling (4/5)

Espen Faugstad

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 47m35 videoer110 deltakereApril 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%

2 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