Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision 		Previous revision
Next revision Both sides next revision
mattias_02 [2019-09-02 09:51]
Mattias Hamberg created 		mattias_02 [2019-10-31 10:42]
Mattias Hamberg [Instruktioner]
Line 1: Line 1:
 ====== Frågesport om webbens historia ====== ====== Frågesport om webbens historia ======
  
-== Länkar == +  * Internetmuseum: [[https://www.internetmuseum.se/|]] 
-  - Internetmuseum: [[https://www.internetmuseum.se/|]] +  * Lär dig skapa formulär: [[https://www.w3schools.com/html/html_forms.asp/]] 
-  - Lär dig skapa formulär: [[https://www.w3schools.com/html/html_forms.asp/]]+  * Skapa pseudoelement med Font Awesome [[https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements]]
  
 ==== Instruktioner ==== ==== Instruktioner ====
-  - Läs på om internets historia på [[https://www.internetmuseum.se/|]]  +  - Läs på om internets historia på [[https://www.internetmuseum.se/|]] eller via den gemensamma presentationen 
-  - Utifrån informationen på hemsidan ska du skapa en frågesport med minst 10 centrala fakta.+  - Utifrån informationen ska du skapa en frågesport med minst 20 centrala fakta.
   - 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/]].   - 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/]].
   - Formge din frågesport med hjälp av CSS. En god formgivning ska bland annat ha följande kvaliteter:   - Formge din frågesport med hjälp av CSS. En god formgivning ska bland annat ha följande kvaliteter:
-    - Tydlighet. Man bör enkelt se vad som ska göras och hur man ska göra det. +    - **Tydlighet**. Man bör enkelt se vad som ska göras och hur man ska göra det. 
-    - Tillgänglighet. Även synskadade bör kunna läsa dina frågor. Välj ett lättläst typsnitt och håll dig till det och tänk på kontrasten mellan bakgrunden och texten. +    - **Tillgänglighet**. Även synskadade bör kunna läsa dina frågor. Välj ett lättläst typsnitt och håll dig till det och tänk på kontrasten mellan bakgrunden och texten. 
-    - Responsivitet. Det blir allt vanligare att surfa med mobilen. Kontrollera så att sidan också ser bra ut med en mycket smal skärm.+    - **Responsivitet**. Det blir allt vanligare att surfa med mobilen. Kontrollera så att sidan också ser bra ut med en mycket smal skärm. 
 +  - Använd gärna ett bibliotek för att göra knapparna elegantare. Kolla t.ex. på följande: 
 +    - [[https://www.cssscript.com/material-design-checkbox-radio-button-icheck/|]] 
 +    - [[https://www.cssscript.com/beautiful-checkbox-and-radio-button-replacement-with-pure-css-magic-check/|]] 
 +    - [[https://vitalcss.com/]]
   - Lämna in din färdiga frågesport på vklass   - Lämna in din färdiga frågesport på vklass