Embedded Files
Programmering og design af hjemmeside
Programmering og design af hjemmeside
I skal i dette forløb lære at kode jeres egen hjemmeside. Under dette forløb kommer vi til at arbejde med HTML og CSS. Vi skal se på, hvordan det er, man koder hjemmesider, og hvilke funktioner, der er indenfor HTML samt CSS. HTML er det basale som kodning til hjemmesider indeholder, hvor man ved hjælp af CSS forbedrer udseendet af hjemmesiden ved hjælp af eksempelvis farver.
Beskrivelse af forløb
Beskrivelse af forløb
Vi skal gennem disse 12 lektions gange prøve at designe vores egen hjemmeside. At programmere med HTML kan være super sjovt, men kræver at man følger med :) !
Lektion 1 -2 :
- Brainstorm ( Hvad ved i om HTML?)
- Benytter os af Mozzila Xray Goggles, til at lave om på hjemmesider !
- Introduktion til HTML, herunder følgende punkter: elementer, attributter, headings (overskrifter),paragraphs, styles og formatting
Links:
- Mozilla xray goggles : https://goggles.mozilla.org/
Lektion 3-4 :
- En gennemgang af hvad vi lærte i forrige lektion
- Kort introduktion til Thimble, hvor i kan se hvor og hvordan man koder HTML
- I skal lave en "protype" på papir, der viser hvordan i gerne vil have at jeres hjemmeside ser ud
Links: https://thimble.mozilla.org/en-US/
Lektion 5-6:
- Vi arbejder videre med jeres prototyper
- Stick-on notes- I skal skrive hvad i tror en hjemmeside skal indeholde
- Vi tager udgangspunkt i jeres ideer og prøver at realisere dem
Lektion 7-8:
- Find fejl i HTML koder
- NU er det jeres tur til at kode selv
Lektion 9 -10:
- Hvad er CSS?, og hvordan kan vi bruge det?
- I skal benytte CSS til at gøre jeres hjemmeside pænere
Lektion 11-12:
- I laver det sidste på jeres hjemmesider
- Tænke-højt test -> I skal nagivere hinanden på jeres hjemmeside
- Som afslutning laver vi poster, så i kan komme rundt og se hinandens hjemmesider, og se HTML koden som er benyttet.
Report abuse