Case studies – arbeidsområde
Her lager vi fem case studies med samme design som digitelle.no. Åpne en side for å se den, og rediger HTML-fila for å endre innholdet. Ingen installasjon, ingen byggesteg.
Slik kommer du i gang
- Se hvordan det ser ut. Dobbeltklikk en HTML-fil, så åpnes den i nettleseren. Ingenting må installeres.
- Les malen. Den forklarer hver seksjon og viser byggeklossene du kan bruke.
- Se på det ferdige eksempelet. Det er bygget av ekte, publisert innhold.
- Skriv. Åpne
case-2.htmli en teksteditor og bytt ut teksten mellom taggene. La taggene stå. - Lagre og oppdater nettleseren for å se endringen.
Bilder
Legg bildene i assets/img/ og pek på dem slik: assets/img/filnavn.jpg. Hovedbilde bør være rundt 1200×750 px. Plassholderne som ligger der nå kan slettes.
Mørkt tema
Bruk sol-ikonet oppe til høyre for å bytte mellom lyst og mørkt tema. Alt du lager må fungere i begge – det gjør det automatisk så lenge du bruker byggeklossene fra malen.
Når en case er ferdig
Da flytter Kay innholdet inn i digitelle.no. Alt mellom <main> og </main> kan limes rett inn i en sidefil der, siden designsystemet er det samme. Utkast-stripen og denne mappens header og footer blir ikke med.