HTML og CSS

For begyndere

HTML-sproget er byggestenen i enhver webside, og behersker du HTML, kan du styre formatering og layout mere sikkert og præcist. På kurset gennemgår vi de grundlæggende koder i HTML-sproget, og vi ser desuden på mere avancerede elementer som tabeller, formularer og frames. Desuden introduceres du til CSS (Cascading Style Sheets), som bruges i sammenhæng med HTML-sider.

Deltageren vil efter kurset være i stand til, at oprette websider helt fra bunden eller rette på sider, der er lavet i Content Management Systemer (CMS) eller et webdesign program. På kurset bruger vi bl.a. Dreamweaver til at lave og tilrette koder fra bl.a. CMS-systemer. Efterfølgende ser du også, hvordan de redigerede HTML- og CSS-koder sættes ind i en eksisterende hjemmeside og CMS-system.

Specifikationer

• HTML-kodernes opbygning
• HTML-koder i Dreamweaver
• Tags, attributter og værdier
• De grundlæggende koder
• Styring og formatering af tekst
• Styring og formatering af hyperlinks
• Oprettelse og styring af lister, tabeller og frames
• Oprettelse og brug af formularer
• Cascading Style Sheets (CSS)
• XHTML
• Øvelser + evt. emner og opgaver fra kursusdeltagere (firmarelevante)

For udvidere

Kurset er lavet ud fra en praktisk indfaldsvinkel efter devisen - mindre teori og programmering, mere praksis og mere kreativitet. Kurset henvender sig til primært kursus til designere og grafikere, der laver hjemmesider. I kurset vil vi også arbejde med webdesign i Adobe Photoshop.

På kurset lærer du at opbygge hjemmesider ved hjælp af CSS, således at indholdet i dine HTML-dokumenter præsenterer sig med forskellige layout til forskellige visninger af din hjemmeside og til print.

CSS er et layout-sprog, der giver store muligheder for at designe et website. Med CSS kan man f.eks. kontrollere fonte, farver, linieafstande, marginer, overskriftstyper, baggrundsbilleder m.m. på ét centralt sted. CSS sparer webdesigneren for masser af tid, giver mindre kodearbejde og gør det nemmere at vedligeholde hjemmesiden. På kurset bruger vi bl.a. Dreamweaver til at lave og tilrette CSS koder fra bl.a. CMS systemer. Efterfølgende ser du også, hvordan de redigerede CSS koder sættes ind i en eksisterende hjemmeside og CMS-system.

Vores kursus i CSS er opbygget omkring én stor opgave, som går ud på at lave en hjemmeside til en fiktiv virksomhed.

Specifikationer
Vi starter med at se på en avanceret opgave fra start til slut. Herefter tager vi udgangspunkt i deltagernes egne behov og ønsker til konkret kursusindhold. Nedenstående punkter er eksempler på de emner, som vi kan arbejde med på kurset.

• Hvad er Cascading Style Sheets (CSS) og Web standards, fordele ved CSS
• Markup og fremstilling af XHTML document
• CSS-sprogets syntaks og regler, sammenkobling med HTML
• CSS typografi: Formatering af forskellige typer tekst elementer
• CSS og Design Workflow
  Lave symboler, knapper og grafik i Adobe Photoshop
• Arbejde med farver og kontraster
• Arbejde med baggrunds grafik, baggrundsbilleder, links, tabeller,
• Linieafstand og afstand mellem bogstaver
• Browsersikre sidelayouts i flere kolonner
• Bokse og floating boxes
• Absolut og relativ positionering
• Skjule og vise områder
• Klassifikationer (opret egne regler)
• Løsning af browserspecifikke forskelle
• + evt. emner og opgaver fra kursusdeltagere (firmarelevante)

Kurset suppleres af omfattende online materialer og øvelser, som du har adgang til i en måned efter kurset.

For avancerede

Du får på kurset forståelse for og erfaring med teknikker til vedligehold og udbygning af en større hjemmeside. På kurset arbejder vi med navigationen på en hjemmeside - hvor let er det for brugerne at finde rundt på hjemmesiden? Du vil få en grundlæggende forståelse for, hvordan du gennem struktur, grafisk design, CSS og indholdssortering kan skabe en god oplevelse for brugerne.

Du lærer tillige at benytte CSS til at angive forskelligt layouts til forskellige medier. Eksempelvis kan du bestemme, at en given webside skal se helt anderledes ud på et print i forhold til udseendet på skærmen. Endvidere lærer du at lave interaktionsdesign. Du lærer samtidig – med vores konsulent ved din side – at producere din egen hjemmeside med en logisk struktur og Cascading Style Sheets. Det er den bedste måde at lære på – at bruge det materiale, som du sidder med i det daglige. Vi laver derfor kun kurset som et firma tilrettelagt kursus. Ring og aftal tidspunkt.

Specifikationer
Vi starter med at se på en større opgave fra start til slut. Herefter tager vi udgangspunkt i deltagernes egne behov og ønsker til konkret kursusindhold. Nedenstående punkter er eksempler på de emner, som vi kan arbejde med på kurset.

• Videre fra HTML til DHTML og CSS
• Tilrettelæggelse af det større website
• Hvad er informationsarkitektur?
• Dynamisk HTML (DHTML)
• CSS and XHTML, Embedded style sheets, Linking a style sheet, Linking to multiple style sheets, Using linked and embedded style sheets together, Using imported style sheets
• Selectors
• Layout
• Adding Colors and Backgrounds
• Setting Typography
• Using Margins and Borders to Create White Space and Separation
• Creating Tables
• Styling for Print

Kurset suppleres af omfattende omline materialer og øvelser, som du har adgang til i en måned efter kurset.