GRUPPROJEKT

Engelska 6/Webbutveckling 1

Idé

Skiss

Mockup

Bygga

Drifta

Skapa innehåll ->

Brainstorm

Research

Mål & Syfte

Papper & Penna

Brainstorm

Feedback

Mobile-first?

Wireframe i

Figma

Grafik (bilder, video, ikoner)

Färgschema

HTML-struktur

Layout i CSS

Optimera bilder

Arbeta med text

Responsiv

Interaktivitet med JS

Felsökning

Testa på flera webbläsare, användbarhet, tillgänglighet

Github Pages

FTP-klient, webbserver

EN6

KRAV

Ska vara användbar
- Vilka riktlinjer för tillgänglighet som ska följas?
- Läsbar
- Funktionell
- Tänka UI-design (whitespace, linjering, visuell hiearki ...) - detta ska jag ta upp
Använda bilder enligt upphovsrättsregler/Creative Commons
Fler än en html-sida (ha undersidor)
Strukturerad kod, kommentarer där det behövs
Testat och fungerar på minst 3 webbläsare - använd för reset CSS för konsistens
Validerad på https://validator.w3.org/
Publicera på Github Pages

Mockup i Figma - värt arbetet för att underlätta kodning
Använd versionshantering med Git och Github Desktop. Underlättar arbetet med kodningen. Jag kan visa för de som är intresserade!

Grupprojekt...