1、C.C.C.Kei San Secondary SchoolForm 6 Advanced Supplementary LevelGuideline for project presentation健康生活健康生活 健康生活資訊區健康生活資訊區 體重測試體重測試 熱量計算熱量計算 健康飲食健康飲食 生活習慣生活習慣 運動運動相關網站連結區相關網站連結區 娛樂娛樂健康心理測驗區健康心理測驗區考您智慧遊戲區考您智慧遊戲區留言板留言板 連結本站連結本站 與聯絡網主聯絡網主地區 健康生活資訊區健康生活資訊區:(1)體重測試體重測試 (2)根據亞太肥胖指標(BMI)，以體重體重（公斤）除以身高身高（公尺
2、）的平方，計算是否合乎標準體重。技術方面技術方面:使用了“JavaScriptJavaScript”的方法，編寫出簡單、方便的輸入計算及輸出結果。參考書籍：網站吸引人潮必學網站吸引人潮必學JavaScript(附光碟附光碟)&JavaScript程式設計程式設計(附附CD)例如 weight/(height*height)若2222，就會顯示“超出標準了超出標準了,多運動多運動,控制一控制一下飲食吧下飲食吧.祝福你祝福你!”若=16=16，就會顯示“未達標準體重未達標準體重,多吃點對多吃點對你才有好處你才有好處.加油加油!”等。健康生活資訊區健康生活資訊區:(2)熱量計算熱量計算 以表列的形式
3、指出不同人每日所而的熱量以表列的形式指出不同人每日所而的熱量，(例如：發育中的兒童、青少年及懷孕期的婦女，例如：發育中的兒童、青少年及懷孕期的婦女，都需要較多能量；而隨著年齡增長，成人所需的能都需要較多能量；而隨著年齡增長，成人所需的能量會逐漸減少。量會逐漸減少。)另外，還有以下的詳細資料表：另外，還有以下的詳細資料表：而且在而且在“食物熱量食物熱量”一欄中，一欄中，更詳細分類為更詳細分類為：零食零食 蛋類蛋類 肉類肉類 海鮮類海鮮類 蔬菜類蔬菜類 五穀類五穀類 生果類生果類 飲品類飲品類 麵包麵包/蛋糕類蛋糕類 中西甜品類中西甜品類 醬油醬油/調味料調味料 務求使瀏覽者方便及容易地，找出食物
4、所含務求使瀏覽者方便及容易地，找出食物所含的熱量。的熱量。健康生活資訊區健康生活資訊區:(3)健康飲食健康飲食指出均衡營養是健康的基指出均衡營養是健康的基礎，每天都應進食五大基礎，每天都應進食五大基本食物本食物奶類、肉類、蔬奶類、肉類、蔬菜類、水果類和穀米類，菜類、水果類和穀米類，還要喝足夠的水份攝取均還要喝足夠的水份攝取均衡營養。衡營養。簡來而簡來而言，就是：言，就是：健康生活資訊區健康生活資訊區:(4)生活習慣生活習慣指出了(1)吸吸 煙煙(2)吸吸 毒毒(3)飲飲 酒酒 使 用 成 因 與 健 康 的 關 係 對 人 體 的 害 處 常 人 對 其 誤 解 拒 絕 使 用 的 方 法 戒
5、 掉 壞 習 慣 的 益 處 戒 掉 壞 習 慣 的 步 驟 拒 絕 使 用 的 方 法 健康生活資訊區健康生活資訊區:(5)運動運動 指出了：1.運動與健康運動與健康 2.運動的益處運動的益處 3.運動是運動是健康的開始健康的開始 4.運動須知運動須知相關網站連結區相關網站連結區精心挑選出多個有關精心挑選出多個有關“健康生活健康生活”的網頁，的網頁，使讀者得到更全面及多元化的資訊。使讀者得到更全面及多元化的資訊。讀者合可根據個人喜好，隨意一讀者合可根據個人喜好，隨意一“click”便可便可直接另開新頁，連結到相關網站。直接另開新頁，連結到相關網站。健康心理測驗區健康心理測驗區提供了二十五種不
6、同類型的心理測驗，玩法提供了二十五種不同類型的心理測驗，玩法方便、分析準確，使讀者更加清楚、了解自方便、分析準確，使讀者更加清楚、了解自己的個性。己的個性。考您智慧遊戲區考您智慧遊戲區以以“JavaScript”JavaScript”的方法的方法，編寫出編寫出生動有趣的生動有趣的 IQ IQ 題。題。留言板留言板 讓瀏覽者可以在留言板上，讓瀏覽者可以在留言板上，留下對本站的意見或支持，留下對本站的意見或支持，有了瀏覽者的支持和寶貴的有了瀏覽者的支持和寶貴的 意見，意見，相信本站會越來越好。相信本站會越來越好。與聯絡網主地區與聯絡網主地區瀏覽直可直接瀏覽直可直接SendE-mail比網主。比網主
7、。連結本站連結本站參考參考網站製作基礎必學網站製作基礎必學HTML一書，編寫出連結語法一書，編寫出連結語法 讓喜歡本站的瀏覽者讓喜歡本站的瀏覽者 輕易得到連結輕易得到連結Logo。Microsoft FrontPage 2000自學自學手冊手冊(中文版中文版)(附光碟附光碟)除了以上提過的書本外，除了以上提過的書本外，還有以下：還有以下：陳慶文老師(相片來自1999-2000 年的班相)(1)COOL 3D(2)COOL 3D是一項非常方便的軟是一項非常方便的軟件件，簡單又，簡單又實用，輕輕鬆鬆實用，輕輕鬆鬆，將平面文字轉變為立體文將平面文字轉變為立體文字。字。本網加入了很多本網加入了很多以以
8、 COOL 3D製作成製作成的動的動態態文字，使網頁更生動文字，使網頁更生動。(2)定時顯示器定時顯示器 以以JavaScriptJavaScript的方法，編寫出在不同時間，在的方法，編寫出在不同時間，在首頁顯示不同的問侯語句，使瀏覽者對本網的親首頁顯示不同的問侯語句，使瀏覽者對本網的親切感。例如：切感。例如：If(hours=0)document.write(“十二點多了!明 天不用上班/上學嗎?還不睡覺?”);else if(hours=4)document.write(“四點多了，還在我的網頁瀏覽，真是忠實!”);else if(hours=15)document.write(三點多了
9、!是時候去吃個下午茶了!);(3)保安特效類保安特效類-鎖滑鼠右鍵鎖滑鼠右鍵 為了避免網頁內容被轉載或複製，以為了避免網頁內容被轉載或複製，以JavaScriptJavaScript加入了保安設施，當按滑鼠右鍵時，只會彈出警加入了保安設施，當按滑鼠右鍵時，只會彈出警告訊號。告訊號。(4)滑鼠特效滑鼠特效 為了增加網頁的美感為了增加網頁的美感，以以JavaScriptJavaScript加入了不同加入了不同的滑鼠特效，配合不同的板面套用不同的滑鼠特的滑鼠特效，配合不同的板面套用不同的滑鼠特效。例如：尾巴滑鼠、滑鼠追蹤、十字游標、點效。例如：尾巴滑鼠、滑鼠追蹤、十字游標、點擊特效、泡泡游標等。擊特
10、效、泡泡游標等。(5)狀態列顯示狀態列顯示 以以JavaScriptJavaScript的方式，在網頁底部的的方式，在網頁底部的狀態列狀態列，加加入動態文字凡的顯示，使瀏覽者對本站留下深刻入動態文字凡的顯示，使瀏覽者對本站留下深刻的印象。的印象。有關文字是：有關文字是：“歡迎光臨”“祝大家有一個健康的人生!”(6)按鈕特效按鈕特效 在網頁的在網頁的首頁首頁，以，以按鈕特效的形式按鈕特效的形式加入連結選加入連結選單，連結中六級同學所製作的網頁單，連結中六級同學所製作的網頁，方便瀏覽者，方便瀏覽者前往欣賞前往欣賞。路徑問題路徑問題在製作過程中，一些圖片或超連結的路徑，上載後，很多時也因路徑出錯，引至不能辨認，而不能顯示圖片或頁面。要重新開啟舊檔再更改路徑位置，重複更改、上載的步驟很廢時呢!HTML的問題的問題在製作過程中，加插了很多以JavaScript製作的效果，內中包含HTML的應用，寫文字檔非常繁複，很容易出錯。通常要改三番四次才能成功!網頁素材網頁素材本站所用的素材都是來自五湖四海，幾經辛苦，才能包羅豐富而配襯的視覺效果，真是得來全不廢功夫。資料內容資料內容在搜尋本站的內容資料時，也花上不少的時間及精力，細選出最好、最適合健康生活的資料。
