Change History
Message: Re: [作業02] HTML與CSS練習 --首頁實作篇
Changed By: 松本.豪
Change Date: March 23, 2017 10:24AM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 23, 2017 10:24AM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目：
●Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
●history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
●tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊指南，聖托里尼島風光、米洛斯島、 拉格尼西海灘，
雅典衛城等旅遊影音。
(4)對象：大眾
(5)色彩計畫：
●背景：海藍、米白
●區塊：明黃
●內容-深淺藍色系
網頁色系以藍白做為主色，使觀者看到色彩能在腦海中有個既定印象，背景則綴上藍
白相間條紋，呈現活潑感，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目：
●Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
●history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
●tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊指南，聖托里尼島風光、米洛斯島、 拉格尼西海灘，
雅典衛城等旅遊影音。
(4)對象：大眾
(5)色彩計畫：
●背景：海藍、米白
●區塊：明黃
●內容-深淺藍色系
網頁色系以藍白做為主色，使觀者看到色彩能在腦海中有個既定印象，背景則綴上藍
白相間條紋，呈現活潑感，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 10:25PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 10:25PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目：
●Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
●history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
●tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊指南，聖托里尼島風光、米洛斯島、 拉格尼西海灘，
雅典衛城等旅遊影音。
(4)對象：大眾
(5)色彩計畫：
●背景：海藍、米白
●區塊：明黃
●內容-深淺藍色系
網頁色系以藍白做為主色，使觀者看到色彩能在腦海中有個既定印象，背景則綴上藍
白相間條紋，呈現活潑感，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目：
●Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
●history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
●tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊指南，聖托里尼島風光、米洛斯島、 拉格尼西海灘，
雅典衛城等旅遊影音。
(4)對象：大眾
(5)色彩計畫：
●背景：海藍、米白
●區塊：明黃
●內容-深淺藍色系
網頁色系以藍白做為主色，使觀者看到色彩能在腦海中有個既定印象，背景則綴上藍
白相間條紋，呈現活潑感，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 10:22PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 10:22PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
istory：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
●tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
色，使觀者看到色彩能在腦海中有個既定印象，背景則綴上藍
白相間條紋，呈現活潑感，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
istory：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
●tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
色，使觀者看到色彩能在腦海中有個既定印象，背景則綴上藍
白相間條紋，呈現活潑感，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 10:10PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 10:10PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 04:11PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 04:11PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 04:07PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 04:07PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 04:02PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 04:02PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 22, 2017 03:51PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 22, 2017 03:51PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這(5)色彩計畫：
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這(5)色彩計畫：
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 21, 2017 11:23PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 21, 2017 11:23PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這(5)色彩計畫：
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站名稱：Ελληνική Δημοκρατία-曦日風情.希臘
(3)分類項目(導覽列）:
Introduction：為首頁，主要說明希臘簡介，包含地理位置、簡述、其它頁面連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這(5)色彩計畫：
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
Changed By: 松本.豪
Change Date: March 21, 2017 11:20PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 21, 2017 11:20PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Changed By: 松本.豪
Change Date: March 21, 2017 11:13PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 21, 2017 11:13PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Changed By: 松本.豪
Change Date: March 20, 2017 10:51PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Change Date: March 20, 2017 10:51PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
Original Message
作者: 松本.豪Date: March 20, 2017 10:45PM
Re: [作業02] HTML與CSS練習 --首頁實作篇
(1)作業網址：http://mepopedia.com/~css105-2c/hw02/hw02-1045445117
(2)網站主題/網站(2)
ημοκρατία-曦日風情.希臘
(3)分類項(4)對象：
story
Video
連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點(6)相關網站、簡述，及旅遊景點相關網
風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這(5)色彩計畫：
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
(2)網站主題/網站(2)
ημοκρατία-曦日風情.希臘
(3)分類項(4)對象：
story
Video
連結等
history：主要介紹希臘歷史發展簡述，及旅遊景點(6)相關網站、簡述，及旅遊景點相關網
風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一。
story：希臘相關故事，如神話傳說，溫馨小品等。
history：主要介紹希臘歷史發展簡述，及旅遊景點相關網站(維基百科、官方網站)。
tourism：希臘旅遊景點概述，當然，這(5)色彩計畫：
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~
(7)製作心得：些景點不能完全代表希臘的風景或當地生活
科、官方網站)。
●tourisstory：希臘相關故事，如神話傳說，溫馨小品等。
Video：希臘相關視頻，如m：希臘旅遊景點概述，當然，這些景點不能完全代表希臘的風景或當地生活
民情，而是較富盛名、耳熟能詳的必去景點之一(5)色彩計畫：主色系
。
●story：希臘相關故事，如神話傳說，溫馨小品等。
●Video：希臘相關視頻，如旅遊背能創造出各式具有特色的網頁，也是這次作業有趣的地方景：海藍、米白
區塊：明黃
內容-深淺藍色系
網頁色系以藍白做為主色，並綴上藍白條紋相間，呈現活潑感，並在上頭綴上橄欖果
葉，內文字則使用深淺色系和背景搭配，利用不同色調的藍，將主標與內文分明，也
使
，並在上頭綴上橄欖果葉，內文字則使用深淺色系和背景搭
配，利用不同色調的藍，將主標與內文分明，增添藍色在頁面中的層次感，並在區塊
間加上奶黃色，營造陽光、活力的悠閒氣味~
(6)風格設定、網頁看點、預期成效：
風格設定：希臘藍白風(希臘國旗色彩)，明黃為輔助色。
網頁看點：小葉果~
觀感營造：度假氛圍、輕鬆悠閒、蔚藍大海，活力城市
預期成效：希望觀者在閱覽內容時，能彷彿css語法不至於置身於愛琴海岸，並帶著輕鬆的心情閱
覽，能讓心中動起想前往希臘一趟的念頭~~~版型嘗試排列組合，也是作業過程中的樂趣，
(7)製作心得：本次的功課利用老師的版型並改造為主題相關性的網站，一樣的版型
能創造出各式具有特色的網頁，也是這次作業有趣的地方，在製作過程中， 較以往
不同的是css語法更為豐富，也會遇到在上一秒做完後，下一秒要修改時需要花時間
再次尋找語法;久而久之，自然可逐漸了解各版面的相應位置， 有時遇到不同頁面時
會想改變其背景色調，style也會誕生2與3，對我來說，將五頁以上版面分類， 使得
css語法不至於長串，可較快找到不同頁面的語法，練習了這些版型，並將不同元素
版型嘗試排列組合，也是製作過程中的樂趣。
在製作過程中，色調一直為需要加以調整的地方，在製作過程中，色調一直為需要加以調整的地方，而同學則為我提供了不同的指教及
建議，也使自己在配色方面能有一個參考對象，也包含了頁面的裝飾等，因此，觀摩
期她同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!其他同學的作品也顯得重要，一能了解不同主題的色彩變化，也能看到舉一反三的版
型利用，彼此之間的互相交流能促使自己的成長，謝謝你們!!!
MEPO forum
is powered by Phorum.