Harjoitustyö 5

Harjoitustyö 5:n ohje

Tehtävänä on suunnitella ja toteuttaa monivalintapeli. Monivalintapelissä on kysymys ja neljä vastausvaihtoehtoa, jotka ovat joko
- Kuvia (kuvavisa)
- tekstiä (vrt älypää/haluatko miljonääriksi)
- väriruutuja taulukossa (esim http://www.nopeustesti.com/varinako/)

Vastausvaihtoehdot ovat linkkejä, jotka vievät aina
-uuteen kysymykseen jos vastaus on oikein (uusi gedit-tiedosto)
- gameover sivulle jos vastaus on väärin (gedit-tiedosto)



1. Jos valitset kuva tai teksti vastaukset, mieti ensin pelin aihe, josta saat riittävästi kysyttävää. esim lippuvisa, salkkarivisa jne.

2. Suunnittele ja toteuta ensin aloitussivu jossa ei ole kysymyksiä vaan toivotat pelaajan tervetulleeksi ja kerrot lyhyesti pelistä. Laita sivun alaosaan linkki josta peliin pääsee. Tallenna nimellä aloitus.html
Aloitussivu:

Ei sisällä muotoiluja vaan vain perusrakenteen ja muokkaamatonta tekstiä

Sisältää muotoiluna taustavärin ja tekstin muotoilun

Sisältää muotoiluna taustavärin, tekstin muotoilun ja asemoinnin (esim keskelle <center>) sekä kuvankäsittelynä tehdyn Tästä pelaamaan tekstilaatikon joka toimii linkkinä sivulla


3. Suunnittele ja toteuta ensin sivu joka aukeaa kun pelaaja vastaa väärin. Sivulla voi esim vain lukea GAME OVER tai VÄÄRIN MENI. Sivulla pitää olla myös linkki josta pääsee takaisin aloitussivulle tai ensimmäiseen kysmykseen. Tallenna vaara.html
Tämä sivu:

Ei sisällä muotoiluja vaan vain perusrakenteen ja muokkaamatonta tekstiä

Sisältää muotoiluna taustavärin ja tekstin muotoilun. Esim mustalla pohjalla valkoista tekstiä

Sisältää muotoiluna taustavärin, tekstin muotoilun ja asemoinnin (esim keskelle <center>) sekä kuvankäsittelynä tehdyn Takaisin alkuun -tekstilaatikon joka toimii linkkinä sivulla

4. Suunnittele ja toteuta ensimmäinen pelisivu. Käytä tämän toteuttamiseen riittävästi aikaa ja huolelliisuutta koska kaikki muut kysymyssivut tehdään tämän kopiosta.

Asettele sopivaan paikkaan kysymyksesi ja sen alle haluamallasi tavalla vastausvaihtoehdotvierekkäin tai allekkain tai nelikenttänä. Vastausvaihtoehtoja on aina neljä

Linkitä vastausvaihtoehdot oikein. Kolmesta väärästä vastauksesta klikkaamalla siirrytään aina vaara.html -sivulle. oikeastaseuraavan kysmyksen sivulle. Tallenna nimellä sivu1.html
Tämä sivu:

Ei sisällä muotoiluja vaan vain perusrakenteen ja muokkaamatonta tekstiä

Sisältää muotoiluna taustavärin ja tekstin muotoilun. Sivun ylhäällä on kysymysten numerointi. esim kysymys 1/12

Sisältää muotoiluna taustavärin ja tekstin muotoilun. Vastausvaihtoehdot on tehty taulukon avulla jolloin ne asemoituvat kauniisti. Sivun ylhäällä on kysymysten numerointi. esim kysymys 1/12

5. Kopioi ensimmäisen sivun rakenne uuteen gedit tiedostoon. Muuta kysymyksen numero seuraavaksi (jos sinulla on kysmysten numerointi), muuta kysymys ja vastausvaihtoehdot. Tarkista että linkit vievät oikeille sivuille eli kolme gameover-sivulle ja yksi seuraavan kysymykseen. Tallenna lopuksi nimellä sivu2.html

6. Jatka näin eteenpäin.
Kysymyssivuja pitää olla tehtynä VÄHINTÄÄN 5 kpl

Kysymyssivuja pitää olla tehtynä VÄHINTÄÄN 10 kpl

Kysymyssivuja pitää olla tehtynä VÄHINTÄÄN 12 kpl. Tee tämän lisäksi hiphurraa sivu jonne pääsee kun vastaa kaikkiin kysmyksiin oikein ja jossa kerrotaan että pääsi pelin läpi. Tallenna tämä sivu nimellä voitto.html

7. Kaikenlainen pelin parantelu on sallittua. Voit tehdä väärän vastauksen sivuja monta jossa kerrotaan pelaajan taso esim olet tasoltasi aloittelija, olet tasoltasi keskinkertainen jne (vrt älypää). Voit myös kortistella sivuja kuvin tai miten haluat. Ylläolevat ohjeet on minimivaatimuksia.


Liitteet:

mallia