Change History

(1)作業網址：http://mepopedia.com/~web105-2c/midterm/midterm-1045445117
(2)
1有無遇到的問< ：
2.b>1有無遇
到無
2.製作感想 ：
��作業，也讓我自己更見花 �豐富，喜氣吉祥，
3.製作作業的時��置作業
(1)網站主題：雅緻蝶舞-蝴蝶蘭
(2)製作動機：
(3)製作內容：
��等，蝴蝶蘭也是年節常
見花卉，色彩豐富，喜氣吉祥，廣泛用於喜慶布置，繽紛或帶有紋路的花型，使蝴蝶蘭成為「蘭花
皇后」，A.蝴蝶蘭簡介 (檔名:index)


●欲呈現風格：自然、生態、優雅、精緻
到愉快，也藉由期中作業，也讓我自己更認識03
了蝴蝶蘭，(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
.選購妙方 (檔名:about)
C.照顧方法 (檔名:care)
D.圖片欣賞 (檔名:image)
E.種植影片教學 (檔名:film)

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
https://kmweb.coa.gov.tw/subject/ct.asp?xItem=6742&ctNode=1482&mp=31&kpi=0&hashid=

同一色系，深淺變化，使網頁畫面具有一致性，並且利用色彩分層不同的欄位，錯落有致，網頁塊
面排列，色調清晰舒服， 以淺藍~深藍的變化， 不會使得網頁色調過於雜亂，特別喜歡主頁內容與
標題類別畫面色彩分明，內容使用色底稱景，使文字與背景清晰易瞭，整體典雅，中華圖騰結合現
代流線造型，具有東西方風格融合，畫面優雅平和，段落分明。

◎相關網站列表與分析：
http://kmweb.coa.gov.tw/knowledge/knowledge_cp.aspx?ArticleId=298414&ArticleType=A&CategoryId=A&kpi=0&dateS=&dateE=

http://www.appledaily.com.tw/appl網頁，以及適合主題的配色，總之，本次期中作業蝶蘭也是了
年節
常見花卉，色彩豐富，喜氣吉祥，廣泛用於喜慶布置，繽紛或帶有紋路的花型，使蝴蝶蘭成為而
使往後的作業，熟悉明瞭，生動變化。
「蘭
花皇后」，在作業過程中，真的令我感到困難的地方並非是網頁架構，而是網頁配色，最初在做hw
03時，使用了綠、紫、棕色作為標題色彩，後來發現，區別標題與內容也可使用標題裝飾或是系列
色彩對比，能使網頁乾淨便且有一致性，真的厲害的人不是網頁架構清楚明瞭●網頁架構與內容主色系：藕紫色，，而是
��構
及裝飾，舉一反三設計獨具個人風格的網頁，以及適合主題的配色，總之，本次期中作業也使自己
了解基本架構清晰，並且使用自己學過的技巧，融合在自己的網頁中，以及一再嘗試的經驗累積，
而使往後的作業，熟悉明瞭，生動變化。



●欲呈現風格：自然、生態、優雅 讓更多人認識與了解優雅飛舞的蝴蝶蘭。

(3)製作內容：

首頁(檔名:index)
A.蝴蝶蘭簡介 (檔名:ction)
B.選購妙方 (檔名:about)
C.照顧方法 (檔名:care)
D.圖片欣賞 (檔名:image)
�時間：2~3天(每天晚上時間約3~4小時)



前置作業
(1)網站主題：雅緻蝶舞-蝴蝶蘭
(2)製作動機： 蝴蝶蘭為蘭科中最普遍及如飄灑蝶舞的花朵，廣受人們歡迎， 常布置於喜慶場合，
一般花凋謝後，總會被丟棄，但經由後續整理及照顧，每年都將有花可賞，蝴蝶蘭堅毅挺拔的生長
將會為花園、陽台帶來不同的樣貌，也經由本次作業也讓自己更認識了蝴蝶蘭，也藉由這個網頁，
讓更多人認識並且了解優雅飛舞的蝴蝶蘭。

(3)製作內容：

首頁(檔名:index)
A.蝴蝶蘭簡介 (檔名:ction)

主要介紹蝴蝶蘭概述以及蝴蝶蘭屬，資料參考為維基百科-蝴蝶蘭。

B.選購妙方 (檔名:about)

介紹在選購蝴蝶蘭時，須留意的細節，如葉片，花瓣，及根系的健
康與否，都會影響往後蝴蝶蘭的觀賞期及後續管理。資料參考為蘋
果日報新聞-專家教蝴蝶蘭挑選照顧妙方

C.照顧方法 (檔名:care)

主要介紹蝴蝶蘭照顧方式，可分為場所、日照、溫度、濕度及植具
等鄉光資料。資料參考為蘭花情報局-蘭科植物園。

D.圖片欣賞 (檔名:image)

主圖為台灣原生種白蝴蝶蘭，「台灣阿嬤」，以及簡介和其他品種
蝴蝶蘭圖片，也可知道蝴蝶蘭種類、花色繁多。

E.種植影片教學 (檔名:film)

為蝴蝶蘭換盆，澆水相關影片。

(4)資料蒐集分析
◎設計優良網站(風格)列表與分析：
https://kmweb.coa.gov.tw/subject/ct.asp?xItem=6742&ctNode=1482&mp=31&kpi=0&hashid=

同一色系，深淺變化，使網頁畫面具有一致性，並且利用色彩分層不同的欄位，錯落有致，網頁塊
面排列，色調清晰舒服， 以淺藍~深藍的變化， 不會使得網頁色調過於雜亂，特別喜歡主頁內容與
標題類別畫面色彩分明，內容使用色底稱景，使文字與背景清晰易瞭，整體典雅，中華圖騰結合現
代流線造型，具有東西方風格融合，畫面優雅平和，段落分明。

◎相關網站列表與分析：
http://kmweb.coa.gov.tw/knowledge/knowledge_cp.aspx?ArticleId=298414&ArticleType=A&CategoryId=A&kpi=0&dateS=&dateE=

http://www.appledaily.com.tw/appledaily/article/supplement/20100108/32217016/