nn0el / wu1-uppgift-cv

Instruktioner

Följande saker ska göras.

1. Forka repot till ditt eget konto.
2. Klona repot till din dator.
3. Planera / logga
4. Arbeta
5. Commit + push

Försök att dela upp ditt arbete i mindre commits. Åtminstone ska du göra commits efter varje pass.

Skapa en planering för ditt arbete. Det ska vara gjort och planerat innan du kodar. Du behöver inte planera allt den första dagen, men fundera igenom vad du ska göra i början av varje lektion och anteckna.

Har du skissat i tidigare uppgift, använd detta. Börja med papper, när du har en grund gå vidare till Figma. Lämna in figma-länk/bilder (fota).

Planering

Tänk på att

Planera för

• Din sida ska använda sig av HTML + CSS.
• Typsnitt, serif eller sans serif. Font från Google om du vill.
• Färger, minst en (svart, vit, grå räknas inte).
• Visuella element (vad får din sida att stå ut).
• Din logotyp (från digitalt skapande).
• Minst en bild (redigerad för att passa arbetet, tänk på copyright). Planera för den.

Start

Jag rekommenderar att du baserar din grundläggande layout kring något av de exempel vi arbetat med.

• Centrerad layout
• Sidebar

Koda strukturen

• Enbart HTML.
• Testa verktyg för att kontrollera din struktur. Validera din HTML. Validera HTML
• Lägg till media. Använd en bild, samt din logotyp(från Digitalt skapande).

Styla

• Skapa CSS.
• Arbeta med stilar för din design.
• Validera din CSS. Validera CSS

Hosta sidan på GitHub pages.

• Validera HTML och CSS.
• Kontrolla dina bilder, info om bilder.
• Testa (wave).

Dokumentera

När arbetet är klart så reflekterar du utöver din process och dokumenterar det i din loggbok.

• Vad har gått bra med HTML/CSS/MEDIA. Enkelt med grunderna i både HTML och CSS t.ex bakgrundsfärg, få in text och rubriker.
• Vad behöver/vill du lära dig mer om utifrån dessa delar. Skapa webbsidor med fler funktioner och som ser visuellt bättre ut.
• Hur gick validering och tester. Skriv om fel, varningar och saker du ändrat på. Det enda som var fel var att jag behövde lägga u1 runt li så det faktiskt funkar som en lista.

Inlämning

• Länk till ditt GitHub-repo.
• Länk till sidan på GitHub pages.
• Dokumentation i loggboken.
• Skisser.