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.

HTML5 og CSS3

HTML 5 og CSS3 bliver de teknologier, der gør det muligt at udvikle avancerede web-applikationer, som både kan benyttes på klassiske computere samt smartphones og tablets. Der bliver bedre muligheder for avanceret grafik, animation og video, lokale databaser på brugerens computer, avancerede formularer og meget mere. Det er ikke nødvendigt at installere diverse plug-ins for at opleve HTML5 indhold, så det må forventes at de nye standarder i et vist omfang i fremtiden vil erstatte Flash sider. Efter kurset vil du være på forkant og have et godt kendskab til de nye værktøjer og mulighederne.

Kurset, der varer 1 undervisningsdag, henvender sig til: webudviklere, webmastere, journalister, kommunikations-medarbejdere og andre formidlere. Du skal på forhånd have kendskab til HTML.

Specifikationer:

• grundlæggende HTML5 og CSS3 værktøjer, HTML page strukturen og hvordan websites bygges op omkring HTML5
• browsere med HTML5-understøttelse
• design og produktion med CSS3 stylesheets
• opbygning, navigation og indhold således, at indholdet kan vises optimalt på f.eks. smartphones og tablets
• styling HTML5 med CSS3, CSS transitions
• video, lyd, animation og interaktivitet direkte i browseren
• mere avancerede funktioner som geolocation, opacity, dynamisk indhold, online/offline storage mv.

Kurset er en blanding af oplæg og praktiske øvelser med tekster og billeder. Alle kursister har på kurset adgang til enten Mac eller PC. Som "extras" får du undervejs og i en periode efter kurset gratis adgang til nogle af de populære online kurser fra lynda.com