Embedded Files
Hvad handler det om?
Hvad handler det om?
Vi starter med en introduktion HTML, der er det grundlæggende værktøj til at lave hjemmesider med. Senere tager vi fat i CSS der bruges til at 'style', altså få websitet til at se godt ud, inden vi tager hul på casen, hvorudfra du skal lave dit helt eget bud på et site.
Du skal blot gøre præcis som i videoerne - så er du godt igang, og har lært det der skal til for at kunne løse caseopgaven.
Introduktion til HTML
Introduktion til HTML
Vi starter med at installere en editor til at lave hjemmesider med. Download én af disse editors:
Brackets (anbefales)
Brackets er blevet nedlagt som en del af MS samarbejde med Adobe men er siden genopstået som open source software 😁 . Da alle videoerne er lavet med, og tager udgangspunkt i, brackets funktioner, anbefales det at du bruger denne.
Andre mulige editors:
Mens din editor bliver downloadet og installeret, ser vi videoerne til højre. Hvis du ikke har lavet hjemmesider før, er det vigtigt at du ser disse, inden du går igang med at lave den første øvelse!
1. øvelse: Hands on.
1. øvelse: Hands on.
NU skal du selv til tasterne. Vi skal lave et simpelt site sammen bestående af en forside og 3 undersider. Du skal bare gøre præcis som jeg gør i videoen!
Selvom du tænker at du har knækket koden, så lad være med at gøre noget anderledes endnu. Du skal nok komme til at lave dit helt eget lige om lidt.
Du skal heller ikke bekymre dig om sitets udseende endnu - det tager vi hul på lige om lidt, når vi skal arbejde med CSS (cascading style sheets)!
2. øvelse: Lav sitet du ser herunder
2. øvelse: Lav sitet du ser herunder
I denne øvelse skal blot bruge HTML til at formattere den tekst du finder i tekstkorpus linket til højre. Her finder du også link til billedet (med de 3 cirkler) du skal bruge.
Hvis du har brug for hjælp til at finde ud af hvordan du indsætter et billede i HTML er der som altid god hjælp at hente hos w3school.com.
Se evt. også w3schools HTML element reference for en komplet oversigt over alle tilgængelige HTML tags!
Vil du vide mere?
Vil du vide mere?
Komplet oversigt over alle HTML tags i w3schools HTML tag reference
Prøv også w3schools HTML tutorial
Brug for at teste din viden om HTML? Prøv w3schools HTML exercises!
Page updated
Google Sites
Report abuse