Lär dig mer om webbutveckling: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| (En mellanliggande sidversion av samma användare visas inte) | |||
| Rad 12: | Rad 12: | ||
#[[Att länka till en bild]] | #[[Att länka till en bild]] | ||
#[[Hyperlänkar - Att länka till en annan sida]] | #[[Hyperlänkar - Att länka till en annan sida]] | ||
#[[CSS-grunder]] | #[[CSS-grunder]] | ||
#[[Färg]] | #[[Färg]] | ||
#[[Att lägga till CSS]] | #[[Att lägga till CSS]] | ||
#[[Introduktion till id och klasser]] | #[[Introduktion till id och klasser]] | ||
#[[ | #[[Turordningsregler för CSS]] | ||
#[[Kombinationer av selektorer]] | #[[Kombinationer av selektorer]] | ||
#[[Pseudoklasser och pseudoelement]] | #[[Pseudoklasser och pseudoelement]] | ||
| Rad 28: | Rad 27: | ||
#[[Layout]] | #[[Layout]] | ||
#[[Positionering]] | #[[Positionering]] | ||
#[[Flexbox - grunder]] | #[[Flexbox - grunder]] | ||
#[[Flexbox - sätta riktning]] | #[[Flexbox - sätta riktning]] | ||
| Rad 39: | Rad 37: | ||
#[[Flexbox - byta ordning]] | #[[Flexbox - byta ordning]] | ||
#[[Flexbox - exempel]] | #[[Flexbox - exempel]] | ||
#[[Typografi - grunder]] | #[[Typografi - grunder]] | ||
#[[Typografi - typsnittsegenskaper]] | #[[Typografi - typsnittsegenskaper]] | ||
Nuvarande version från 1 april 2016 kl. 18.04
Här följer ett antal aktiviteter som kommer att lära dig mer om hur man skapar webbsidor och webbplatser.
- Introduktion till webbteknik
- HTML-grunder
- Tagg-grunder
- Element-grunder
- En webbsidas anatomi
- Våra första webbsidor
- List-grunder
- En introduktion till attribut
- URL-grunder
- Att länka till en bild
- Hyperlänkar - Att länka till en annan sida
- CSS-grunder
- Färg
- Att lägga till CSS
- Introduktion till id och klasser
- Turordningsregler för CSS
- Kombinationer av selektorer
- Pseudoklasser och pseudoelement
- Elementtyper - inline och block
- Span- och div-element
- Måttenheter i CSS
- Att ändra bakgrund
- Boxmodellen
- Kantlinjer
- Layout
- Positionering
- Flexbox - grunder
- Flexbox - sätta riktning
- Flexbox - kombinera
- Flexbox - sätta storlek
- Flexbox - styra layoutflödet längs korsaxeln
- Flexbox - styra layoutflödet längs flexaxeln
- Flexbox - flexbehållare med flera rader
- Flexbox - justering av flexinnehåll som ligger på flera rader
- Flexbox - byta ordning
- Flexbox - exempel
- Typografi - grunder
- Typografi - typsnittsegenskaper
- Typografi - textegenskaper
- Typografi - diverse egenskaper