Differences
This shows you the differences between two versions of the page.
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:// | + | - Läs på om internets historia på [[https:// |
- 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:// | - 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:// | ||
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:// | + | - [[https:// |
- 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:// | - [[https:// | ||
- [[https:// | - [[https:// | ||
- [[https:// | - [[https:// | ||
+ | - 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:// | ||
==== Matris ==== | ==== Matris ==== | ||