Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
mattias_02 [2019-11-28 13:28]
Mattias Hamberg [Instruktioner] 		mattias_02 [2022-07-18 13:20] (current)
Line 9: Line 9:
 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. 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.
  
-  - Läs på om internets historia på [[https://www.internetmuseum.se/|]] eller den gemensamma presentationen+  - Läs på om internets historia på [[https://www.internetmuseum.se/|]] eller den [[https://ornskoldsvik-my.sharepoint.com/:p:/g/personal/mattias_hamberg_ornskoldsvik_se/EXu1tKRjsgxKjmBGRiHaAoUBQ2cHFxjtYIfyAWhCeJUnYg?e=FMG5jV|gemensamma presentationen]]
   - Utifrån informationen ska du skapa en frågesport med minst 15 centrala fakta.   - Utifrån informationen ska du skapa en frågesport med minst 15 centrala fakta.
   - Svarsalternativen ska vara märkta med antingen flervalsfält (select), radioknappar (radio), range 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), range eller checkboxar. Läs mer om HTML5-formulär via följande sida [[https://www.w3schools.com/html/html_forms.asp/]].
Line 28: Line 28:
 ==== Tips och tricks === ==== Tips och tricks ===
   - Detta är ett exempel på hur du kan göra radio-knappar till vanliga knappar:   - Detta är ett exempel på hur du kan göra radio-knappar till vanliga knappar:
-    - [[https://jsfiddle.net/hambern/196o5fkj/12/]]+    - [[https://jsfiddle.net/hambern/er6Lypbk]]
   - Du får också använda något slags bibliotek för att göra knapparna elegantare. Kolla t.ex. på följande:   - Du får också använda något slags 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/material-design-checkbox-radio-button-icheck/|]]
     - [[https://www.cssscript.com/beautiful-checkbox-and-radio-button-replacement-with-pure-css-magic-check/|]]     - [[https://www.cssscript.com/beautiful-checkbox-and-radio-button-replacement-with-pure-css-magic-check/|]]
     - [[https://vitalcss.com/]]     - [[https://vitalcss.com/]]
 +  - Detta är ett exempel på hur du kan visa bara en fråga i taget och sedan, via en knapp, kan visa nästa fråga:
 +    - [[https://jsfiddle.net/hambern/u1refgqy]]
 ==== Matris ==== ==== Matris ====