Grundlæggende
På dette kursus vil i lærer at bygge en hjemmeside fra grunden i html/Css. Vi starter med de grundlæggende byggesten og bevæger os fra den basale html til CSS og videre til CSS3 og lidt Javascript/Jquery.
Undervisningsformen
Undervisningsformen er at jeg fortælle om teori og at vi sammen koder hjemmesiden. Det forventes at i har styr på at kunne håndtere en computer og flytte filer osv. Går ud fra i alle har en email i kan tjekke fra hvorsomhelst eller kigge vi lige på det. Vi deler filer via en dropbox konto – desuden vil jeg fylde på dette website efterhånden som kurset skrider frem. I får ikke noget skriftligt materiale som sådan – men i kan printe i begrænset omfang. Ellers er siden her tilgængelig! Og gode links til online resourcer!
Der bliver nogle opgaver undervejs så i kan få brugt jeres nye viden på at lave konkrete små opgaver. I den sidste uge kan i arbejde på jeres eget projekt – hvor der er mere frit slag!
En fin online-bog om Internettet som giver et hurtigt og godt overblik: 20 Things I Learned about browsers and the web
I vil få adgang til nogle online kurser på Lynda.com som er højkvalitetsvideo kurser – de løber dog kun i 3 uger så vi venter til ca. halvvejs inde i kurset. Så er der lidt tid efterfølgende.
Vi har nogen lange dage foran os og det kan være mange timer at sidde ned – så vi skal huske at holde pause alle sammen!
Den indholdsmæssige plan:
- Hvad er html og historien bag.
- Navneskilte.
- Eksempler på gode og dårlige hjemmesider.
- Så skal vi igang med den første htmlside helt basic.
- De første tags.
- Vi skal ha en alvorlig snak om filer og navngivning af filer.
- Vi skal lærer dropbox at kende så vi kan gemme og dele filer.
- formatering og opmærkning af tekst i html
- Links til andre side og til interne sider
- Indsætning af billeder i en html side
- Vi laver flere sider som linker til hinanden
- Vi laver mere komplekse tags med flere niveauer
- Vi henter en kode editor – sublime txt 2
Hvad er CSS hvad er et stylesheet?
- Vi lærer syntaxen at kende
- Vi lærer at arbejde med at tage kontrol over udseende af vores tekst og baggrunde
- Vi lærer om box-modellen inline og box-elementer
- Vi begynder at arbejde med eksterne style sheet og hvordan vi laver to vinduer i sublime text
- Hvad er et reset?
- Styling af links
- Mere typografi
- Styling af navigation
- Layout og de semantiske tags.
Hvordan vi styrer elementernes placering
- Hvad er dokumentflow
- Hvordan vi kan ophæve det og få box-elementer til at flyde og genopretter flow (float og clear)
- Position: tage kontrol over placering af elementer i lag
Menuer
Menu og navigation er en vigtig del af et hver website – vi bygger forskellige typer menuer.
En simpel vertikal menu – en horisontal og endelig en dropdown menu.
Javascript
Hvad er javascript og hvor dan kan vi bruge det – vi kigger på syntaxen og prøve simple manipulation vha Jquery. Vi implementerer et større script -et galleri.
CSS3
Vi kigger på de nye ting som vi kan med CSS3 – blandt andet animationer og overgange (transitions).
Hvis vi kan nå det vil vi kigge på nogle avancerede måder at udvide og indfører variable og matematiske beregninger i CSS. Desuden findes der avancerede javascript som kan automatisere en masse kedelige opgaver. Sass er et javascript som udvider css til et mere avanceret programmeringssprog og Grunt en såkaldt task-manager som kan udfører og kompilerer sass til CSS.