Tehtävä 1: Ravintolan sivut

Tehtävä muokattu Leena Järvenkylä-Niemen tehtävästä

Laadi lappilaista ruokaa tarjoavalle ravintola Lapintaialle viikon lounaslistasivu. Alimpana tällä sivulla on suunnitelma viikon ruokalistasta.

Laadi sivu käyttäen HTML:ää, validoi se ja tee muotoilut käyttäen CSS:ää.

Sivulla tulee olla:

• Otsikko
• Taustakuva - ruokaravintolaan sopiva sävytys ja teema (kattaus tms)
• Pehmeä, pyöreä fontti
• Ruokalista (katso alla)
• Ravintolan yhteystiedot (katso alla)
• Lounaan hinta (11 euroa, sisältäen ruokajuoman: vesi, kotikalja, maito)
• Sijoita ruokalista suurin piirtein keskelle sivua. Lisää sivun alareunaan eri fontilla kuin muu teksti ravintolan yhdeystiedot. Sijoita muut tiedot parhaaksi katsomiisi paikkoihin. Käytä asetteluun grid:iä sekä semanttisia elementtejä.

Yhteystiedot ja aukioloajat: Ravintola Lapintaika, Ravintolakatu 2, 98765 LAPINMAA

Puh. (012) 345 6789 Sähköposti: varaukset@jokuposti.net

aukioloajat: ma - pe, 10:30 - 15:00

Ruokalista:

Maanantai Juusto-vihanneskeittoa ja kokin sämpylä Paistettua lohta, sinappikastiketta, tilliperunoita ja kasviksia Marjakiisseliä ja hunajakermavaahtoa

Tiistai Kana-fetajustosalaattia ja kokin sämpylä Paistettua punakampelaa, pinaattikastiketta ja perunamuusia Pannukakkua, mansikkahilloa ja kermavaahtoa

Keskiviikko Tomaatti-yrttikeittoa ja kokin sämpylä Kalkkunaleikettä, BBQ-kastiketta, riisiä ja kasviksia Omenapiirakkaa ja vaniljakastiketta

Torstai Rapukeittoa ja kokin sämpylä Poronkäristystä, perunamuusia, puolukkahilloa ja suolakurkkuja Hedelmäsalaattia ja kinuskikastiketta

Perjantai Savulohisalaatti ja kokin sämpylä Naudan paahtopaistia, punaviinikastiketta, kermaperunat ja kasviksia Suklaamousse

Tehtävä 2: Palautelomake

Tee ravintolalle asiakaspalautelomake, jossa kysytään mahdollisimman monipuolisesti ravintolakokemuksesta. Muista kysyä ainakin päivämäärä, jolloin asiakas on käynyt ravintolassa, kuinka kauan ruokaa joutui odottamaan, palauttetta ruoan mausta, lämpötilasta, ulkonäöstä, hinnasta, palvelusta, vapaan palautteen kenttä jne. Anna mahdollisuus jättää yhteystiedot, jos asiakas haluaa että ravintola ottaa häneen yhteyttä. Linkitä palautelomake ravintolan pääsivulle. Muokkaa CSS-tiedostoa niin, että saat lomakkeen tyylin sopimaan ravintolan pääsivun tyyliin (voit myös tehdä uuden CSS-tiedoston lomakkeelle).

Tehtävä 3: Tee sivustosta responsiivinen

Säädä sivustoa siten, että se toimii hyvin myös kapealla mobiililaitteella.