Typsnitt och färg

Vi kommer igenom kursen ta ett analytiskt perspektiv på verklig webbplats design utifrån temat från kursen: Att bygga en webbshop. Vi börjar med två viktiga faktorer för att sätta stämningen för en webbplats Typsnitt och Färg.

Skapa rapportfilen

Skapa en struktur för din rapport, det kommer fler sådana här uppgifter.

# Stå i kursrepot
touch reports/kmom01.md

Färgpalett i markdown dokument

När du dokumenterar en färgpalett så kan du lägga den direkt i dokumentet via HTML-kod. Ungefär så här, i en tabell till exempel.

<table style="border-spacing: 4px; border-collapse: separate">
<tr>
<td style="height: 50px; width: 50px; background-color: #ef0"></td>
<td style="height: 50px; width: 50px; background-color: #0ef"></td>
<td style="height: 50px; width: 50px; background-color: #f0e"></td>
</tr>
</table>

Du kan skriva ovan HTML-kod rakt in i ett markdown-dokument och följande kommer att visas.

Du kan förenkla koden om du lägger in visst stöd i form av klasser i din stylesheet.

Rapportstruktur

När du skriver din rapport så kan du följa denna rubrikstruktur. Det är en struktur som är vanligt använd i rapportsammanhang (och i ditt kommande examensarbete).

Titel på rapporten
=======================

Skriv en eller två rader om vad uppgiften handlar om.

Urval
-----------------------

Berätta vilken webbplats du valt att undersöka och varför eller hur du gick tillväga när du gjorde ditt urval.

Metod
-----------------------

Berätta kort om din "metod", hur du gör för att utföra undersökningen. Berätta om du använder något speciellt verktyg.

Resultat
-----------------------

Dokumentera dina resultat från din studie. Berätta vad du kom fram till, vilka resultat du hittade och observerade.

Analys
-----------------------

Diskutera och analysera de resultaten du fann.

Referenser
-----------------------

Ange de eventuella referenser du använder dig av, om några.

Strukturen är inte absolut nödvändig, se den som en möjlighet att träna på god struktur av rapportskrivning.

Krav

1. Välj ut 1 webbshop som skall analyseras, berätta hur du gjorde urvalet (urval). Tänk att ditt urval påverkar vad du kan komma fram till i din rapport och påverkar din webshop i uppgiften “Webbshoppen del 1”. Tänk på att vi i kommande kmom kommer analysera den valda webbshoppen utifrån andra olika perspektiv.

2. Berätta om du använda något särskilt verktyg för att göra färganalysen (metod).

3. För webbplatsen, gör följande (resultat):

   1. Länka till webbshoppen.
   2. Dokumentera och visualisera färgpaletten som används.
   3. Notera val av typsnitt för H1-H3 samt brödtext.

4. Notera i en mening (analys) om du anser att webbplatsens färgval och typografi motsvarar den profil du tror att webbplatsen vill ha?