Byg responsive websites med HTML5 og CSS3 - eLearning
3.500,00 DKK
- 20 hours
Byg et solidt fundament i moderne webudvikling med HTML5 og CSS3 – de kerneteknologier, der ligger bag alle hjemmesider på internettet. Dette kursus er designet til at hjælpe dig med at skabe visuelt attraktive, responsive og brugervenlige websider helt fra bunden. Du starter med det grundlæggende i HTML-struktur og bevæger dig gradvist videre til avancerede stylingteknikker med CSS3, herunder Flexbox, Grid, animationer og principper for responsivt design. Gennem praktiske øvelser og virkelighedsnære projekter lærer du at designe og opbygge professionelle websites, der fungerer problemfrit på tværs af enheder.
Nøglefunktioner
Sprog
Kursus og materiale på engelsk
Niveau
Begynder-mellemtrin niveau
Adgang
1 års adgang til læringsplatformen
Over 7 timers video on demand
med over 20 anbefalede timers studietid
34 guidede praktiske øvelser
8 automatisk bedømte opgaver
3 opgaver
med 60 huskequizzer
Certificering
Certifikat for gennemført program medfølger
Læringsudbytte
Når du har gennemført dette kursus, vil du være i stand til at:
Typer
Forstå forskellige typer HTML-inputelementer, og hvordan du bruger dem til at bygge interaktive webformularer
Validér
Lær at validere formularfelter med HTML for at forbedre datanøjagtighed og brugeroplevelse
Tags
Strukturer webindhold effektivt ved at bruge semantiske HTML-tags for bedre læsbarhed og tilgængelighed
CSS
Anvend CSS-stilarter på en kaskaderende måde for at styre, hvordan regler prioriteres og vises på en webside
Pseudo
Brug CSS-pseudo-elementer til at forbedre designet og tilføje stileffekter uden ekstra HTML-markup
Flexbox
Arbejd med Flexbox for at skabe fleksible, responsive layouts og håndtere justering og afstand mellem elementer effektivt
Kursusforløb
Introduktion til webudvikling
Lektion 01
- Hvad er HTML
- Hvad er CSS
- Opsætning af miljøet
- Hej verden!
- Brug af VS Code med Live Reload
- Brug af Emmet og onlineværktøjer
- Brug af Chrome-udviklerværktøjer
Introduktion til HTML
Lektion 02
- HTML-elementer og -tags
- Enkeltstående og parrede tags
- Strukturen af en HTML-side
- Overskrifts- og afsnitstags
- Attributter i HTML
- Billeder
- Links – interne og eksterne
- Lister
- Tabeller
- Style-attributten
- Farver i HTML
- HTML5-semantiske tags
- HTML5-lyd- og videotags
- Grundlæggende HTML-tags og attributter
- Billedtag og attributter
- Links – interne og eksterne
- Lister – ordnede og uordnede
- Tabeller i HTML
- Style-attributten
- Farver i HTML
- Semantiske HTML5-elementer
- HTML-lyd- og videoelementer
Formularer og inputfelter
Lektion 03
- Form-tagget
- Brug af label‑tagget
- HTML input-tag
- Select og TextArea
- Knapper
- Dataliste
- Opbygning af en kontaktformular
- Simpelt formelement
- Etiketter og inputfelter
- Grundlæggende HTML-tags og attributter
- Valg og indstillinger
- E-mail-, adgangskodefelter og knapper
- Datalister i HTML
Introduktion til CSS
Lektion 04
- Brug af style-tagget
- Målretning af HTML‑elementer
- Målretning af indlejrede HTML‑elementer
- Brug af eksterne stylesheets
- Tilsidesættelse af CSS-stilarter
- Almindelige CSS-egenskaber
- CSS-enheder
- CSS-boksmodellen
- Flere CSS-egenskaber
- CSS-pseudoklasser
- Brug af style‑elementet
- Målretning af HTML‑elementer i CSS
- Målretning af indlejrede HTML‑elementer
- Brug af eksterne stylesheets
- Styling med eksterne stylesheets
Avanceret CSS
Lektion 05
- CSS-positionering – statisk, relativ og absolut
- CSS-positionering – fixed og sticky
- CSS-pseudo-elementerne ::before og ::after
- CSS-variabler
- Brugerdefinerede skrifttyper i CSS
- Import af eksterne stylesheets
Overgange og animationer
Lektion 06
- Hvad er CSS-overgange
- Grundlæggende overgange og CSS-egenskaber
- CSS-animationer og -egenskaber
- Definering af keyframes
Responsivt webdesign
Lektion 07
- Medieforespørgsler
- Hvad er CSS Flexbox
- Oprettelse af rækker og kolonner
- Flere Flexbox-egenskaber
- Hvad er CSS Grid-layout
- Rækker og kolonner i gitter
- Tildeling af celler
- Gitter-skabelonområder
- Opbygning af et responsivt billedgalleri
- Medieforespørgsler
- CSS Flexbox-egenskaber
- Avancerede Flexbox-egenskaber
- CSS Grid
- CSS Grid-egenskaber
- Gitterområder i CSS Grid
Hvem bør tilmelde sig dette program?
Forudsætninger
Ingen tidligere programmeringserfaring er påkrævet. Interesse for webdesign og -udvikling er nødvendig
Aspiring webudviklere
Begyndere i front-end-udvikling
UI/UX-designere, der gerne vil kode deres designs
Er der nogen, der er interesseret i at bygge hjemmesider fra bunden?
Udtalelser
Licensering og akkreditering
Dette kursus tilbydes i henhold til Partnerprogramaftalen og overholder kravene i licensaftalen
Lighedspolitik
Kandidater opfordres til at kontakte AVC for vejledning og støtte gennem hele processen med tilpasning af arbejdsforhold.
Ofte stillede spørgsmål
Har du brug for virksomhedsløsninger eller LMS-integration?
Fandt du ikke kurset eller programmet, der ville være til gavn for din virksomhed? Har du brug for LMS-integration? Skriv til os, vi løser alt!