Frågesport om webbens historia

• Internetmuseum: https://www.internetmuseum.se/
• Lär dig skapa formulär: https://www.w3schools.com/html/html_forms.asp/

I denna uppgift ska du skapa en frågesport på centrala fakta från internets historia, så som den presenteras på internetmuseum.se eller via vår gemensamma presentation i klassrummet. Denna uppgift ska testa utveckla och testa såväl dina kunskaper i HTML och CSS som i PHP. Det är alltså ett samarbetsprojekt mellan Webbutvecklings-kursen och Programmering 1 där de olika kurserna kommer att titta på olika aspekter av din kod.

1. Läs på om internets historia på https://www.internetmuseum.se/ eller den gemensamma presentationen
2. Utifrån informationen ska du skapa en frågesport med minst 15 centrala fakta.
3. Svarsalternativen ska vara märkta med antingen flervalsfält (select), radioknappar (radio) eller checkboxar. Läs mer om HTML5-formulär via följande sida https://www.w3schools.com/html/html_forms.asp/.
4. Man ska skriva in sitt namn (används till en high-score-lista)
5. Minst en fråga ska ha en tillhörande bild.
6. Minst en fråga ska ha en tillhörande video.
7. Formge din frågesport med hjälp av CSS. Denna gång är utformningen väldigt fri. Men en god formgivning ska bland annat ha följande kvaliteter:
   1. Tydlighet. Man bör enkelt se vad som ska göras och hur man ska göra det.
   2. Tillgänglighet. Även synskadade bör kunna läsa dina frågor. Välj ett lättläst typsnitt och tänk på kontrasten mellan bakgrunden och texten.
   3. Responsivitet. Det blir allt vanligare att surfa med mobilen. Kontrollera så att sidan också ser bra ut med en mycket smal skärm.
   4. Kodkvalitet. Tänk på att koden ska vara lättläst (indenterad), effektiv (kort), och ha logiskt namngivna element, id:n och klasser.
8. Använd gärna ett bibliotek för att göra knapparna elegantare. Kolla t.ex. på följande:
   1. https://www.cssscript.com/material-design-checkbox-radio-button-icheck/
   2. https://www.cssscript.com/beautiful-checkbox-and-radio-button-replacement-with-pure-css-magic-check/
   3. https://vitalcss.com/
9. Testa din frågesport via mobilen och kontrollera så att allt fungerar och ser ut som det ska
10. Glöm inte bort att validera din kod
11. Lämna in din färdiga frågesport på vklass