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

BONUS

• Responsiv för både mobil, tablet och desktop (mobile-first?)
• Javascript för interaktivitet

VALFRITT

• 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!

ALLA I GRUPPEN SKA BIDRA

Grupprojekt...