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 NemProgrammering.dk selv. Når du besøger siden, så prøv at gøre dit browservindue større og mindre. Du vil 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!