Bygg responsive nettsteder med HTML5 og CSS3 – eLearning
4.950,00 NOK
- 20 hours
Bygg et solid fundament i moderne webutvikling med HTML5 og CSS3 – kjerneteknologiene bak alle nettsteder på internett. Dette kurset er laget for å hjelpe deg med å lage visuelt tiltalende, responsive og brukervennlige nettsider helt fra bunnen av. Du starter med grunnleggende HTML-struktur og går gradvis videre til avanserte stilteknikker med CSS3, inkludert Flexbox, Grid, animasjoner og prinsipper for responsivt design. Gjennom praktiske øvelser og virkelighetsnære prosjekter lærer du å designe og bygge profesjonelle nettsteder som fungerer sømløst på tvers av enheter.
Nøkkelfunksjoner
Språk
Kurs og materiell på engelsk
Nivå
Nybegynner–middels nivå
Tilgang
1 års tilgang til læringsplattformen
Over 7 timer med videoer på forespørsel
med over 20 timers anbefalt studietid
34 veiledede praktiske øvelser
8 automatisk vurderte prøver
3 innleveringer
med 60 repetisjonsquizer
Sertifisering
Sertifikat for fullført program inkludert
Læringsutbytte
Når du er ferdig med dette kurset, vil du kunne:
Typer
Forstå ulike typer HTML-inndataelementer og hvordan du bruker dem til å bygge interaktive webskjemaer
Validér
Lær hvordan du kan validere skjemainndata med HTML for å forbedre datanøyaktighet og brukeropplevelse
Stikkord
Strukturer nettinnhold effektivt ved å bruke semantiske HTML-tagger for bedre lesbarhet og tilgjengelighet
CSS
Bruk CSS-stiler på en kaskaderende måte for å styre hvordan regler prioriteres og vises på en nettside
Pseudonym
Bruk CSS-pseudo-elementer for å forbedre designet og legge til stileffekter uten ekstra HTML-markup
Flexbox
Arbeid med Flexbox for å lage fleksible, responsive oppsett og effektivt håndtere justering og mellomrom mellom elementer
Kursplan
Introduksjon til webutvikling
Leksjon 01
- Hva er HTML
- Hva er CSS
- Konfigurere miljøet
- Hei verden!
- Bruke VS Code med Live Reload
- Bruke Emmet og nettbaserte verktøy
- Bruke Chrome Developer Tools
Introduksjon til HTML
Leksjon 02
- HTML-elementer og -tagger
- Enkle og parvise tagger
- Strukturen til en HTML-side
- Overskrifts- og avsnittstagger
- Attributter i HTML
- Bilder
- Lenker – interne og eksterne
- Lister
- Tabeller
- Stilattributtet
- Farger i HTML
- Semantiske HTML5-tagger
- HTML5-lyd- og videotagger
- Grunnleggende HTML-tagger og attributter
- Bildemerke og attributter
- Lenker – interne og eksterne
- Lister – ordnede og uordnede
- Tabeller i HTML
- Stilattributtet
- Farger i HTML
- HTML5-semantiske elementer
- HTML-lyd- og videoelementer
Skjemaer og inndata
Leksjon 03
- Skjematagen
- Bruke label-taggen
- HTML input-tag
- Velg og tekstområde
- Knapper
- Dataliste
- Lage et kontaktskjema
- Enkelt skjemafelt
- Etiketter og inndata
- Grunnleggende HTML-tagger og attributter
- Valg og alternativer
- E-post-, passordfelt og knapper
- Datalister i HTML
Introduksjon til CSS
Leksjon 04
- Bruke style-taggen
- Målrette HTML-elementer
- Målretting av nestede HTML-elementer
- Bruke eksterne stilark
- Overstyre CSS-stiler
- Vanlige CSS-egenskaper
- CSS-enheter
- CSS-boksmodellen
- Flere CSS-egenskaper
- CSS-pseudoklasser
- Bruke style-elementet
- Målretting av HTML-elementer i CSS
- Målretting av nestede HTML-elementer
- Bruke eksterne stilark
- Stilsetting med eksterne stilark
Avansert CSS
Leksjon 05
- CSS-posisjonering – statisk, relativ og absolutt
- CSS-posisjonering – fixed og sticky
- CSS-pseudo-elementene ::before og ::after
- CSS-variabler
- Egendefinerte fonter i CSS
- Importere eksterne stilark
Overganger og animasjoner
Leksjon 06
- Hva er CSS-overganger
- Grunnleggende overganger og CSS‑egenskaper
- CSS-animasjoner og -egenskaper
- Definere nøkkelbilder
Responsivt webdesign
Leksjon 07
- Mediespørringer
- Hva er CSS Flexbox
- Opprette rader og kolonner
- Flere Flexbox-egenskaper
- Hva er CSS Grid Layout
- Rader og kolonner i rutenett
- Tildele celler
- Rutenettmalområder
- Bygge et responsivt bildegalleri
- Mediespørringer
- CSS Flexbox-egenskaper
- Avanserte Flexbox-egenskaper
- CSS-rutenett
- CSS Grid-egenskaper
- Rutenettområder i CSS Grid
Hvem bør melde seg på dette programmet?
Forutsetninger
Ingen tidligere programmeringserfaring kreves. Interesse for webdesign og -utvikling er nødvendig
Ambisiøse webutviklere
Nybegynnere i front-end-utvikling
UI/UX-designere som vil kode designene sine
Noen som er interessert i å lage nettsider fra bunnen av
Uttalelser
Lisensiering og akkreditering
Dette kurset tilbys i henhold til Partnerprogramavtalen og er i samsvar med kravene i Lisensavtalen
Likestillingspolicy
Kandidater oppfordres til å ta kontakt med AVC for veiledning og støtte gjennom hele tilretteleggingsprosessen.
Ofte stilte spørsmål
Trenger du bedriftsløsninger eller LMS-integrasjon?
Fant du ikke kurset eller programmet som ville være passende for din bedrift? Trenger du LMS-integrasjon? Ta kontakt med oss! Vi er agile og løser alt!