Bygg responsive nettsteder med HTML5 og CSS3 – eLearning
4.950,00 NOK
- 20 timer
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 en skreddersydd bedriftsintern opplæring eller gruppeopplæring?
Be om et bedriftsinternt opplæringsprogram som er skreddersydd spesielt for teamet ditt. Vi tilbyr fleksible tilpasningsmuligheter i tråd med forretningsmålene dine, samt konkurransedyktige gruppepriser for større team. Fyll ut skjemaet nedenfor, så utformer ekspertene våre innen bedriftsopplæring den perfekte løsningen for deg.