Om kurset

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.

Leave a Reply