Så där ja. Då var den tredje uppgiften (ip3- Färg och form) godkänd.

Uppgiften handlade om att formatera en sida med hjälp av CSS.

IP3 - Färg och form

Uppgiftens kriterier

Nedan följer de kriterier vi tittat på i bedömningen.

Godkända:

  • Börja med att göra en skiss av hur din webbplats ska se ut och beskriv med text hur du tänkt runt olika designval.
  • Skapa en extern stilmall och döp denna till style.css. Länka stilmallen till samtliga HTML-dokument med elementet <link>.
  • Du ska i stilmallen bestämma hur både rubrik- och brödtext ska visas och här ingår val av typsnitt, färg, styckebredd, radhöjd etc
  • Du ska i stilmallen bestämma hur länkar ska se ut både när man ”hovrar” över dem och när de visas utan att man ”rör dem”.
  • Du ska i stilmallen bestämma hur layouten av din webbplats ska se ut. Här arbetar du exempelvis med marginaler, flytande element, navigering, bakgrundsfärger, linjer, ramar etc.
  • Lägg till kommentarer i din stilmall så att man enkelt hittar olika delar.
  • Lägg till valfri webboptimerad bakgrundsbild/dekorativt element i din stilmall. Bilden ska vara av filtypen png eller gif.
  • Läg till valfri webboptimerad bild som innehåll i ett av dina HTML-dokument. Bilden ska vara av typen jpg.

Övrigt:

Jag tycker du lyckats riktigt bra med uppgiften och möter också uppgiftens kriterier på ett bra sätt. Sidan validerar som CSS3 utan några större fel genom tjänsten jigsaw.w3.org, bra. Webbplatsen har en konsekvent utformning genom ett sammanhängande färgtema, bra kontraster och radlängd. Sidan har i övrigt en genomtänkt användarmilö, med lokal navigering och en meny som är bra placerad med god återkoppling i menyvalen, vilket gör det lätt att ta sig runt. Bra jobbat!

Känns skönt att man klarat av även denna uppgift.

Tagged on:         

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

Följande HTML-taggar och attribut är tillåtna: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>