Change History

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

2.網頁主題：Summer story-金魚

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

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

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

● 網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用
重點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景
黑白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如
同金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。

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

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞，因此用標題做小變化，使網頁加以變化，簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:24小時以上


(1) 導覽列架構設定：

<img width="70%" src="http://s1.imgs.cc/img/ae4zMaot.jpg" border="0">

(2) 尺寸與架構設定：

<img width="70%" src="http://s3.imgs.cc/img/F5S79lzt.jpg" border="0">

(3) 製作內容：


A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾

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

2.網頁主題：Summer story-金魚

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

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

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

● 網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用
重點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景
黑白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如
同金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。

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

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞，因此用標題做小變化，使網頁加以變化，簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:24小時以上


(1) 導覽列架構設定：

<img width="70%" src="http://s1.imgs.cc/img/ae4zMaot.jpg" border="0">

(2) 尺寸與架構設定：

<img width="70%" src="http://s3.imgs.cc/img/F5S79lzt.jpg" border="0">

(3) 製作內容：


A. Story (檔名:index.html)



B.Variety (檔名:works.html)



C.Care (檔名:story.html)



D.Works (檔名:links.html)



E.Video (檔名:video.html)



(4) 主要瀏覽族群：大眾介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾

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

2.網頁主題：Summer story-金魚

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

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

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

● 網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用
重點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景
黑白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如
同金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。

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

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞，因此用標題做小變化，使網頁加以變化，簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:24小時以上


(1) 導覽列架構設定：

<img width="70%" src="http://s1.imgs.cc/img/ae4zMaot.jpg" border="0">

(2) 尺寸與架構設定：

<img width="70%" src="http://s3.imgs.cc/img/F5S79lzt.jpg" border="0">

(3) 主要瀏覽族群：大眾(3) 製作內容：


A. Story (檔名:index.html)



B.Variety (檔名:works.html)



C.Care (檔名:story.html)



D.Works (檔名:links.html)



E.Video (檔名:video.html)



(4) 主要瀏覽族群：大眾介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾

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

2.網頁主題：Summer story-金魚

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

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

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

● 網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用
重點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景
黑白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如
同金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。

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

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞，因此用標題做小變化，使網頁加以變化，簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:24小時以上


(1) 導覽列架構設定：

<img width="70%" src="http://s1.imgs.cc/img/ae4zMaot.jpg" border="0">

(2) 尺寸與架構設定：

<img width="70%" src="http://s3.imgs.cc/img/F5S79lzt.jpg" border="0">

(3)主要瀏覽族群：大眾(3) 主要瀏覽族群：大眾(3) 製作內容：


A. Story (檔名:index.html)



B.Variety (檔名:works.html)



C.Care (檔名:story.html)



D.Works (檔名:links.html)



E.Video (檔名:video.html)



(4) 主要瀏覽族群：大眾介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾

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

2.網頁主題：Summer story-金魚

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

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

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

● 網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用
重點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景
黑白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如
同金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。

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

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞，因此用標題做小變化，使網頁加以變化，簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:24小時以上


(1) 導覽列架構設定：

<img width="70%" src="http://s1.imgs.cc/img/ae4zMaot.jpg" border="0">

(3) 尺寸與架構設定：

<img width="70%" src="http://s3.imgs.cc/img/F5S79lzt.jpg" border="0">

(4)主要瀏覽族群：大眾(2) 尺寸與架構設定：

<img width="70%" src="http://s3.imgs.cc/img/F5S79lzt.jpg" border="0">

(3)主要瀏覽族群：大眾(3) 主要瀏覽族群：大眾(3) 製作內容：


A. Story (檔名:index.html)



B.Variety (檔名:works.html)



C.Care (檔名:story.html)



D.Works (檔名:links.html)



E.Video (檔名:video.html)



(4) 主要瀏覽族群：大眾介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾

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

2.網頁主題：Summer story-金魚

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

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

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

網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用重
點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景黑
白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如同
金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。
��機：看著悠游自在的金魚，心境感到暢快，在一片翠綠下悠然而游， 格外
典雅， 在夏日歡樂的慶典下，可謂夏季風物詩，因此網頁取名為夏天的故事，在這
個網頁中，將 會呈現金魚簡介，品種、照顧方式、關於金魚的相關藝術作品，以及
視頻，夏日的故事不會因冬天的到來而結束，故事才正要開始。

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞5.製作作業的時間:一小時至兩小時，因此用標題做小變化，使網頁加以變
[img]http://imgs.cc/image/sRJJwFW[/img][img]http://s1.imgs.cc/img/sRJJwFWs.jpg[/img][img]http://s2.imgs.cc/img/0J3CU1z.jpg[/img][img]http://s2.imgs.cc/img/0J3CU1zt.jpg[/img][img]http://s1.imgs.cc/img/ae4zMaot.jpg[/img][img]http://s1.imgs.cc/img/ae4zMaot.jpg[/img]化，(1).導覽列架構設定：




(4)主要瀏覽族群：大眾(3) 尺寸與架構設定：



(4)主要瀏覽族群：大眾簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:24小時以上


(1) 導覽列架構設定：



(3) 尺寸與架構設定：



(4)主要瀏覽族群：大眾(2) 尺寸與架構設定：



(3)主要瀏覽族群：大眾(3) 主要瀏覽族群：大眾(3) 製作內容：


A. Story (檔名:index.html)



B.Variety (檔名:works.html)



C.Care (檔名:story.html)



D.Works (檔名:links.html)



E.Video (檔名:video.html)



(4) 主要瀏覽族群：大眾介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾A. Story (檔名:index.html)

介紹金魚歷史以及習性、品種等基本簡介

B. Variety (檔名:works.html)

介紹常見金魚尾鰭以及常見品種，如朱文錦、扇尾金魚、彗星金魚、琉金金魚
獅頭金魚、蘭壽金魚、 貓熊金魚等

C. Care (檔名:story.html)

介紹飼養金魚所需準備的相關用品以及過濾器等，並且簡述飼養金魚時所需注
意的事項

D. Works (檔名:links.html)

介紹藝術家深堀隆介-3D金魚藝術，深堀隆介熱愛金魚，他以樹酯層疊的方式，
畫出具有立體感，悠游自在的金魚， 網頁主要介紹深堀隆介的繪畫過程以及相
關影音。

E. Video (檔名:video.html)

金魚相關視頻，內容包含金魚欣賞以及養殖照顧等相關影片，網頁後段有金魚
相關網站的連結。

(4) 主要瀏覽族群：大眾