Modul 7 - Design.
Innehåll & Fakta
Vad vore en webbplats utan bilder? Hur kul ser det ut?
Nej, inget vidare men det var ändå så webben såg ut från början. Text, text och åter text i långa rader. Faktiskt var det de första webbsidornas huvuduppgifter - att förmedla text.
Men bilder gör mycket för designen och helhetsintrycket av en webb-plats, nuförtiden. Vi behöver därför lära oss att använda rätt typer av bilder, rätt verktyg för bildbehandling och rätt storlekar när det gäller både pixlar och upplösning.
Betygskriterie/Förmåga för modul 2:
Betygskriterie C:
- Eleven upprättar en genomarbetad projektplan för en tänkt produkt.
- Eleven utvecklar utifrån planen en produkt efter samråd med handledare.
- I arbetet utvecklar eleven kod som med tillfredsställande resultat följer standarder och som omfattar några av de grundläggande teknikerna för märkspråk och stilmallar.
- I produkten infogar eleven enkla skript.
- Eleven bearbetar med viss säkerhet och via flera moment text, bild och eventuell annan media, så att de anpassas till produkten.
Centralt innehåll: Bilder och media med alternativa format, optimering och tillgänglighet.
Fakta och begrepp
- Om bildtyper för webben - PowerPoint med Fakta & Frågor.
- CSS-filens innehåll - Video.
- Ordningen på CSS-filen - Beskrivning
- Webbläsare & CSS - Powerpoint med uppgift och fakta.
Bra att ha sidor för egen läsning
Videor och Fakta att använda.
- Att länka in CSS i Sublime Text Editor. (Video)
- CSS-filens uppbyggnad. (Video)
- Grundläggande CSS-syntax. (Webbsida/Beskrivning)
- Indentering av CSS (Beskrivning)
- CSS - Layout (Beskrivning)
- CSS - enheter & mått (Beskrivning)
- CSS - Avancerat (Beskrivning)
- w3schools: en guidad introduktion till CSS (guide)
- Codeacademy: en interaktiv introduktion till HTML (guide)