Change History

1.作業網址 ：http://mepopedia.com/~web105-2c/hw04/hw04-1045445117

2.導覽列配色與風格設定：

導覽列的重要性在於能夠快速地使觀者掌握整個網頁的主題內容， 尤其是內容豐富的網頁
像是之前的期中作業-蝴蝶蘭的簡介，品種眾多，若有導覽列可清楚辨別並且及時找到觀者
所要瀏覽的內容， 網頁也清楚明瞭，行列分明，整體通暢，瀏覽順利。

● 欲呈現風格：水墨、灑脫、自在、現代

● 網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

● 網站主題：Summer story-金魚
● 製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 製作動機：看著悠游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
在夏日歡樂的慶典下，可謂夏季風物詩，因此網頁取名為夏天的故事，在這個網頁中，將
會呈現金魚簡介，品種、照顧方式、關於金魚的相關藝術作品，以及視頻，夏日的故事不
會因冬天的到來而結束，故事才正要開始。

3.有無遇到的問題：導覽列做完之後，最後一個欄位會跳到下一行，後續調整導覽列尺寸，
雖然不會跳行，但是最右側橘色分隔線因尺寸問題而加粗。

4.製作感想：以css製作導覽列比圖片的方式要來的容易，圖片方式製作較為繁複，以css
的方式製作，所呈現的風格也簡潔明瞭，個人較為喜歡css方式所製作的導覽列。

5.製作作業的時間： 2個小時

1.作業網址 ：http://mepopedia.com/~web105-2c/hw04/hw04-1045445117

2.導覽列配色與風格設定：

導覽列的重要性在於能夠快速地使觀者掌握整個網頁的主題內容， 尤其是內容豐富的網頁
像是之前的期中作業-蝴蝶蘭的簡介，品種眾多，若有導覽列可清楚辨別並且及時找到觀者
所要瀏覽的內容， 網頁也清楚明瞭，行列分明，整體通暢，瀏覽順利。

●欲呈現風格：水墨、灑脫、自在、現代

●網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

(1)網站主題：Summer story-金魚
(2)製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 欲呈現風格：水墨、灑脫、自在、現代

● 網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

● 網站主題：Summer story-金魚
● 製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 製作動機：看著悠游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
在夏日歡樂的慶典下，可謂夏季風物詩，因此網頁取名為夏天的故事，在這個網頁中，將
會呈現金魚簡介，品種、照顧方式、關於金魚的相關藝術作品，以及視頻，夏日的故事不
會因冬天的到來而結束，故事才正要開始。

3.有無遇到的問題：導覽列做完之後，最後一個欄位會跳到下一行，後續調整導覽列尺寸，
雖然不會跳行，但是最右側橘色分隔線因尺寸問題而加粗。

4.製作感想：以css製作導覽列比圖片的方式要來的容易，圖片方式製作較為繁複，以css
的方式製作，所呈現的風格也簡潔明瞭，個人較為喜歡css方式所製作的導覽列。

5.製作作業的時間： 2個小時

1.作業網址 ：http://mepopedia.com/~web105-2c/hw04/hw04-1045445117

2.導覽列配色與風格設定：

導覽列的重要性在於能夠快速地使觀者掌握整個網頁的主題內容， 尤其是內容豐富的網頁
像是之前的期中作業-蝴蝶蘭的簡介，品種眾多，若有導覽列可清楚辨別並且及時找到觀者
所要瀏覽的內容， 網頁也清楚明瞭，行列分明，整體通暢，瀏覽順利。


●欲呈現風格：水墨、灑脫、自在、現代

●網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

(1)網站主題：Summer story-金魚
(2)製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下，格外典雅，在夏日中
歡樂的慶典下，可謂夏季風物詩，因此取名為夏天的故事，在這個網頁中，將會呈現金魚
簡介，品種、照顧方式、關於金魚的相關藝術作品，以及視頻，夏日的故事不會因冬天的
到來而結束，故事才正要開始。

●欲呈現風格：水墨、灑脫、自在、現代

●網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

(1)網站主題：Summer story-金魚
(2)製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 欲呈現風格：水墨、灑脫、自在、現代

● 網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

● 網站主題：Summer story-金魚
● 製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 製作動機：看著悠游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
在夏日歡樂的慶典下，可謂夏季風物詩，因此網頁取名為夏天的故事，在這個網頁中，將
會呈現金魚簡介，品種、照顧方式、關於金魚的相關藝術作品，以及視頻，夏日的故事不
會因冬天的到來而結束，故事才正要開始。

3.有無遇到的問題：導覽列做完之後，最後一個欄位會跳到下一行，後續調整導覽列尺寸，
雖然不會跳行，但是最右側橘色分隔線因尺寸問題而加粗。

4.製作感想：以css製作導覽列比圖片的方式要來的容易，圖片方式製作較為繁複，以css
的方式製作，所呈現的風格也簡潔明瞭，個人較為喜歡css方式所製作的導覽列。

5.製作作業的時間： 2個小時

(1).作業網址 ：http://mepopedia.com/~web105-2c/hw04/hw04-1045445117


1.導覽列配色與風格設定：

2.有無遇到的問題：

3.製作感想：

4.製作作業的時間： 2個小時��格：水墨、灑脫、自在、現代

●網頁架構與內容主色系：

背景4.製作感想：

5.製作作業的時間： 2個小時-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

(1)網站主題：Summer story-金魚
(2)製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 欲呈現風格：水墨、灑脫、自在、現代

● 網頁架構與內容主色系：

背景-白色，黑色。
導覽列-白底黑字、橘底白字。
內容-灰色。

● 網站主題：Summer story-金魚
● 製作動機：看著優游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
● 製作動機：看著悠游自在的金魚，心境感到暢快，在一片翠綠下悠然而游，格外典雅，
在夏日歡樂的慶典下，可謂夏季風物詩，因此網頁取名為夏天的故事，在這個網頁中，將
會呈現金魚簡介，品種、照顧方式、關於金魚的相關藝術作品，以及視頻，夏日的故事不
會因冬天的到來而結束，故事才正要開始。

3.有無遇到的問題：導覽列做完之後，最後一個欄位會跳到下一行，後續調整導覽列尺寸，
雖然不會跳行，但是最右側橘色分隔線因尺寸問題而加粗。

4.製作感想：以css製作導覽列比圖片的方式要來的容易，圖片方式製作較為繁複，以css
的方式製作，所呈現的風格也簡潔明瞭，個人較為喜歡css方式所製作的導覽列。

5.製作作業的時間： 2個小時