NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Fixed-Width 12 column grid | Opbygning grid system

Lad NemProgrammering.dk´s eksperter lave din hjemmeside for dig
Vi tilbyder professionel hjælp til udvikling af hjemmesider og webshops . Læs mere om vores ydelser her!

Information om denne video

Underviser: Zaki Wasik

Download kildefiler Download kildefiler
Anvend CodePen Anvend CodePen

I denne video skal vi se på, hvordan man opbygger et grid-system til sin hjemmeside. Videoen vil omfatte en praktisk øvelse, som vil være at bygge et 12-column fixed-width grid system, og derefter prøve at anvender det på vores hjemmeside-eksempel. Hjemmeside-eksemplet har vi forberedt på forhånd, og som du sikkert kan se, så er siden på ingen måde færdig endnu. Formålet med de næste videoer i denne serie er derfor, at færdiggøre hjemmesiden og tilføre den et lækkert responsivt layout samt gøre dens elementer responsive. Du kan enten arbejde på hjemmesiden via CodePen, som vi gør det i videoen, eller også kan du hente kildefilerne, og lave øvelsen direkte i din egen editor.

Du vil med denne lektion opleve, hvor nemt det er strukturere og opsætte et hjemmesidelayout, når du først har fået lavet et velfungerende grid-system.

I denne video anvender vi forskellige metoder og værktøjer (Sass, Codepen og Emmet), som du måske ikke har brugt eller hørt om før. Det kan godt virke lidt overvældende, og derfor har Zaki skrevet en uddybende artikel, som giver dig en lidt blødere introduktion disse emner. Læs den her: Codepen, Sass og Emmet.

Video tags:

Denne video relaterer til emner såsom: responsive design kursus, responsive design tutorial, respsonsiv web-design vejledning, responsive hjemmeside design for begyndere, forskellen på adaptive layouts, Responsive layouts og mobile sites, fixed with grid, 12 columns, grid-system

Spørgsmål og kommentarer

Har du et spørgsmål eller en kommentar til denne video/artikel? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar til at hjælpe.

Url´er bliver automatisk omdannet til links (nofollow).

Vær den første til at skrive en kommentar!

Forum stats

  • 1110 Antal brugere
  • 1581 Antal emner
  • 7944 Antal indlæg

Deltag selv!

Nyt fra vores bloggere

Besøg vores webbureau

WordPress Hjemmeside