u01-static-website

Den här uppgiften görs individuellt och går ut på att du ska skapa en egen statisk one-page sida som är antingen en hemsida för ett av följande typer av företag:

• En IT-konsultbyrå

• En onlinebutik

• Ett café

Om du inte vill använda casen ovan ska då sidan vara en personlig portfolio eller en egen typ av företag.

Uppgiften

Målet med den här uppgiften är att du självständigt ska skapa en sida med HTML och CSS där du förstår alla delarna av koden. Du kan ha arbetat med en CSS-preprocessor (ej krav) och optimerat samt validerat all din kod. Dessutom är den kod du skapar tillgänglighetsanpassad, följer standarder och är browseranpassad.

Det du ska skapa är en one-page webbplats för dig själv som ska läggas upp på din egen domän på Binero.

Checklista

• En helt statiskt webbsida som är:

  • En webbplats på din egen studiedomän

    • Validerad HTML & CSS

    • Fungerar i flera olika webbläsare och på flera olika typer av enheter

    • Är grundläggande tillgänglighetsanpassad

    • Design är valfri men följande moment ska finnas med:

      • Gradient i CSS (t.ex. linear-gradient)

      • Responsiv (@media-query)

      • En mobilanpassad meny

• Sidan ska vara skapad helt från grunden med egen HTML & CSS

• Sidan ska även innehålla följande komponentfiler:

  • Inbäddad video (tänk en youtube-video)

  • En PDF-fil (använd embed-taggen inte iframe)

Betygsättning

Den här inlämningen ger underlag för följande kursmål. Där inlämningen helt motsvarar och går att bedöma för de mål som står med svart text och bara delvis de som står med brun text.

• HC 2.1 Webbutveckla responsivt och browseranpassat med HTML och CSS enligt aktuella webbstandarder

• HC 2.2 Utveckla CSS genom en preprocessor

• HC 2.3 Optimera och validera HTML & CSS

• HC 2.4 Webbutveckla med anpassning för tillgänglighet

• HC 3.1 Arbeta som Fullstack-webbutvecklare med HTML & CSS

• UD 2.1 Ta fram grundläggande grafik och design för webb

• UD 2.2 Tillämpa riktlinjer inom användbarhet

• PG 2.5 Arbeta genom ett terminalinterface

• PG 2.9 Arbeta med versionshantering både enskild och inom ett team

Utöver denna inlämning kan det även finnas fler examinationsmoment som ligger till underlag för samma kriterier.

Godkänd

För att nå Godkänd som betyg på denna inlämning ska du:

• utför alla färdigheter (2.x) som uppgiften har som mål med gott handlag

Väl godkänd

• Med gott handlag menas att din inlämnad kod skall följa standard samt vara validerbar och innehålla samtliga rekommenderade komponentfiler

För att nå Väl godkänd som betyg på denna inlämning ska du:

• utför alla färdigheter (2.x) som uppgiften har som mål med mycket gott handlag vilket omfattar att skriva väl genomtänkt semantisk HTML och att ha ett väl utvecklat tänk i CSS-kodens struktur samt