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
Next revision Both sides next revision
mattias_02 [2019-11-28 13:28]
Mattias Hamberg [Instruktioner] 		mattias_02 [2021-11-30 13:11]
Mattias Hamberg [Tips och tricks]
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 ====