[S18_WebFund] Written Project 第15組

Group content visibility: 
Use group defaults
Groups audience: 

1.組員系級、姓名、學號

醫資一 406570065 陳怡安

醫資一 406570053 李昱蓉

醫資二 405290254 張馨


2.專題題目

DinnerDice!


3.詳細介紹(背景、功能等等詳細的介紹)

進入頁面後,選擇餐點的種類,決定種類後,系統自動地幫你隨機的安排餐點,包含主菜、點心:

  • 將鼠標放在“說明”文字上,可以獲得簡易的網頁使用介紹
  • 輸入框可以添加自己偏好的餐點,並在其下方產生字串
  • 如果沒有主意,下方提供多種類的選單按鈕,可以點擊選取
  • 選完所有可能想吃的食物之後,點擊跳動的骰子圖案,可以隨機定奪晚餐吃啥
  • 可依照使用者習慣,將網頁背景轉換成自己喜歡的顏色主題

4.運用技術

  • HTML5:版面控制
  • CSS3:網頁背景、骰子的動畫
  • Jquery:菜單按鈕、網頁說明
  • JavaScript:隨機的骰子、網頁背景的轉換

5.實作動機與目的

因為台灣美食實在是多樣,常常都不知道晚餐要吃什麼;因此我們想創作一個隨機的骰子,幫我們決定晚餐要吃什麼。包含中式、日式、美式的餐點,以及點心下午茶等。讓我們選擇晚餐時不再猶豫。


6.作品網址、截圖

https://annachen88.github.io/dicedinner/DinnerDice.html