NemProgrammering.dk logo
NemProgrammering.dk Trustpilot

Responsive Web Design | Kursus for begyndere

Med udbredelsen af mobile enheder såsom smartphones og tablets, er det blevet vigtigere end nogensinde før, at have en hjemmeside som er brugervenlig og letlæselig på selv de mindste skærme. Derfor har vi her på NemProgrammering.dk lavet et videokursus som vil lære dig, hvordan du laver en responsive hjemmeside, der automatisk tilpasser sig alle skærmstørrelser.

Selvom dette kursus er for begyndere, så forudsættes det, at du på forhånd har et godt kendskab til både HTML og CSS. Har du ikke dette, så anbefaler vi, at du først gennemgår vores HTML og CSS kurser:

- HTML kursus
- HTML5 kursus
- CSS kursus
- CSS3 kursus

Følgende emner vil blive behandlet i dette kursus om responsive web design:

Et responsivt design er et hjemmeside-design, som automatisk tilpasser sig når du skifter mellem desktop og mobil enheder. Når man udvikler et responsivt design, starter man altid med at finde ud af, hvad der skal ske med designet og indholdet i de forskellige skift (breake-points) fra f.eks. desktop til tablet.

Alle elementer på ens hjemmeside (billeder, tekst, tabeller, grafik osv.), skal designes og implementeres på en måde, så det kan skaleres op og ned alt afhængig af om brugeren sidder på en stor eller lille skærm. Når du designer hjemmesider på denne måde undgår du, at skulle vedligeholde en dedikeret mobil-side og en dedikeret desktop-side, da alt indholdet vil være samlet på en og samme "fleksible" side.

Et eksempel på en responsive hjemmeside er ase.dk. Når du besøger siden, så prøv at gøre dit browservindue større og mindre. Du vil sandsynligvis opleve, at hjemmesiden automatisk tilpasser sig størrelsen på dit browservindue.

Under alle videoer finder du en "Quick Menu". Med denne kan du hurtigt og nemt navigere til netop den video du gerne vil se.

Vi ønsker dig held og lykke med dette kursus!

Denne side blev sidst opdateret:


Forum stats

  • 1146 Antal brugere
  • 1611 Antal emner
  • 8069 Antal indlæg

Deltag selv!

Nyt fra vores bloggere

Besøg vores webbureau

WordPress Hjemmeside

Nyheder

  • Lær, hvordan du kommer til tops i Google og får flere kunder med vores nye SEO kursus for begyndere. Læs mere her!
  • Du kan nu lære avanceret WordPress her på siden. Lær at tilpasse dit tema samt udvikle dit eget plugin! Lœs mere...
  • Nu kan du også lære at bruge Photoshop fra bunden! Se med her: Photoshop kursus
  • Du kan ikke drive et velfungerende udviklingsmiljø uden hurtigt bredbånd. Se vores artikel om Billig Bredbånd
  • Vil du blive bedre til Google Sheets? Så kan du med fordel se vores nye Google Sheets kursus!