Download pdf - samt video - tutorial over css problemstillinger
HTML - kompendie - del1
Her får du et grundlæggende kursus i at kode HTML, sådan at du bliver fortrolig med tag.
HTML - kompendie - del2
Her får du et kursus i at kode HTML, sådan at du kan håndkode eller blot ønsker at korrigere når Dreamweaver driller
HTML5 - introduktion
Her får du et hurtigt indblik i de ny html5-tag,
samt en opgave i anvendelsen at de nye tag
Nedarvede selektorer
Du arbejder med at placere et tag i en specifik box. Tag som f.eks. <h1>, <p>, <a> samt
altid at nulstille padding samt margin
Trespaltet flydende layout
En introduktion til hvordan du kan lave et flydende layout, sådan at indholdet i midterkolonnen er fleksibel
Appendiks over CSS - indstillinger
Her får du en introduktion til, hvad du kan skrive i din CSS, ellers må du studere Dreamweavers kode
Layout af 2 colmn
Her får du en layoutet opgave, hvor du skal opbygge en html - side med to kolonner
Layout af 3 colmn
Her får du en layoutet opgave, hvor du skal opbygge en html - side med tre kolonner, samt en formular
Blockelement vs. inlineelement
En introduktion til hvordan block-elementer fylder den plads de får tilrådighed, modsat inline-elementer som kun fylder hvad indholdet fylder
Clearing element
En introduktion til hvordan floatede bokse ikke uhensigtsmæssigt flyder over andre bokse. Version 1.
Download arbejdsfil
se Video - tutorial »
Alset clearing method
En introduktion til hvordan floatede bokse ikke uhensigtsmæssigt flyder over andre bokse. Version 2.
Download koden
se Video - tutorial »
Hieraki: Inline - style
En introduktion til hierakiet når du styler
Download arbejdsfil her, bruges også til internel-style samt externel-style
se Video - tutorial »
Family tree
En introduktion til hvordan tags inde i tags forholder sig til hinanden. Tags optræder som ancester(stamfader) og descendent
(efterkommer)
Descendant selector
Hvordan du kan drage fordel af HTML`s familie træ, til at formatere tags forskelligt, når de optræder inde i andre tag. Descendent betyder af efterkomme eller nedstamme.
Specificitet
En introduktion til hvordan du kan udregne en styles specificitet, baseret på værdier tilføjet stylens selector
Nearest ancester win, last style win Chap5
En introduktion til hvordan webbrowser adlyder den nærmeste ancester, hvis et tag ikke har en specifik style.
W3schools.com
Et fantastisk site til hurtigt at få mere at vide, hvordan kan jeg søge oplysninger omkring et problem
Maxdesign.com.au
Et Australsk site, hvor der er mange gode oplysninger at hente samt ting at blive klog på
Float basic
En introduktion til hvordan du kan placere og flytte rundt på dine elementer
Float clear
Her får du opskriften hvorpå du kan sikre dig at elementer bliver nedenunder tidligere placerede floatede elementer
Stylesheets grundteori
Et større kompendie med mange eksempler på problemstillinger, og ikke mindst:
hvordan arbejder css grundlæggende
Navigation bygget på lister
MC - chopper
Her opbygger du et layout helt fra bunden,og du kommer bla. til at arbejde med lister samt class - funktionen
Pustertal.it
Her opbygger du et tre - kolonne layout med billeder i diverse tag`s baggrunde
Opgave chap2
Bilagene til opgaven får du udleveret
Download filer
Opgave chap3
Bilagene til opgaven får du udleveret
Download filer
Opgave chap4
Bilagene til opgaven får du udleveret
Download filer
Opgave chap5
Bilagene til opgaven får du udleveret
Download filer
Opgave chap6
Bilagene til opgaven får du udleveret
Download filer
Opgave chap7
Bilagene til opgaven får du udleveret
Download filer
Opgave chap8a
Bilagene til opgaven får du udleveret
Download filer
Opgave chap8b
Bilagene til opgaven får du udleveret
Download filer
Opgave chap8c
Bilagene til opgaven får du udleveret
Download filer
Billed galleri
Link til jalbum.net download programmet og lav dit eget billedgalleri.
Men allerførst studerer du lige denne video.
Implementering af video, lyd samt JavaScript
Gå videre til øvelser med billedgallerier bygget via JavaScript, fremstilling af video med Windows Movie Maker, encoding med Adobe Media Encoder samt implementering af lyd på en html-side.