Change History
Message: Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Changed By: 松本.豪
Change Date: March 04, 2017 12:06PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: March 04, 2017 12:06PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1(1).作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1045445117-1
ttp://mepopedia.com/~web105-2c/hw01/hw01-1045445117-2
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
ttp://mepopedia.com/~web105-2c/hw01/hw01-1045445117-2
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: March 01, 2017 06:26PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: March 01, 2017 06:26PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：
opedia.com/~web105-2c/hw01/hw01-1045445117-1
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
opedia.com/~web105-2c/hw01/hw01-1045445117-1
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 27, 2017 08:36PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 27, 2017 08:36PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 27, 2017 07:28PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 27, 2017 07:28PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 27, 2017 11:37AM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 27, 2017 11:37AM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 27, 2017 11:32AM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 27, 2017 11:32AM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 27, 2017 11:29AM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 27, 2017 11:29AM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1045445117
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化 ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 26, 2017 11:17PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 26, 2017 11:17PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1045445117
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 26, 2017 11:14PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 26, 2017 11:14PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1045445117
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
網址：http://www.tokyo-skytree.jp/cn_t/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
網址：http://www.tokyo-skytree.jp/cn_t/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 26, 2017 11:09PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 26, 2017 11:09PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1045445117
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
http://www.tokyo-skytree.jp/cn_t/東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：網址：http://www.tokyo-skytree.jp/cn_t/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-1045445117-2
2.網頁主題：華嚴宗大本山-東大寺
3.設計概念與製作心得：
網頁主題訂為日本古都奈良名勝-東大寺，以雲形紋作為背景，呈現寺廟古典風格，網頁
整體配色採用白、棕色，除了營造典雅、歷史感等，也呼應東大寺建築外觀色彩， 木造
建築的東大寺，配色自然純樸，引人身懷肅穆之心，一個寒假後， 第一個作業可以使自
己複習上學期的架構，並加入新的技巧，適當透明度的使用，使網頁質感提升等， 如同
老師所說，學習是不會停止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
http://www.tokyo-skytree.jp/cn_t/東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：網址：http://www.tokyo-skytree.jp/cn_t/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
Changed By: 松本.豪
Change Date: February 26, 2017 11:08PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 26, 2017 11:08PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Changed By: 松本.豪
Change Date: February 26, 2017 10:33PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Change Date: February 26, 2017 10:33PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
Original Message
作者: 松本.豪Date: February 26, 2017 05:45PM
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）
1.作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1045445117
445117-1
1/hw01-止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
http://www.tokyo-skytree.jp/cn_t/東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：網址：http://www.tokyo-skytree.jp/cn_t/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
445117-1
1/hw01-止的，知識及技巧隨著時代進步，時事變遷，不斷更新變化4.何謂HTML、DIV及CSS:
●HTML：是組成網頁器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
http://www.tokyo-skytree.jp/cn_t/東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：網址：http://www.tokyo-skytree.jp/cn_t/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：東京晴空塔網址：http://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫面
呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調，營造藍
天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助，使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何： ，
學習將掌握社會脈動，個人涵養，豐富知識，追求生活等。
4.何謂HTML、DIV及CSS：
●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。
●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。
●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。
5.附上至少一個覺得設計很有質感的網站，並說明原因：
東京晴空塔網址：httpシマバライフ網址：http://shimabalife.jp/tvcm/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web Design一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：://www.tokyo-skytree.jp/cn_t/
シマバライフ網址：http://shimabalife.jp/
東京晴空塔 TOKYO SKYRE
網站採用 One-page Web D面呈現背景，充分表達網頁主題，使畫面配置舒服和諧，網頁中整體色調為藍色調， 營
造藍天白雲，一望無際的景色，配色自然，與背景呼應，加上動畫輔助， 使網頁增添趣
味性。
6.期待這門課的學習成果與收穫為何：esign一頁式網頁，瀏覽動線順暢，層次分明，利用晴空塔畫
面呈現背景，充分表達網頁主題，畫面會隨著白天夜晚有所變化， 畫面配置舒服和諧，
網頁中整體色調為藍色調， 營造藍天白雲，一望無際的景色，配色自然，與背景呼應，
加上動畫輔助， 使網頁增添趣味性。
6.期待這門課的學習成果與收穫為何：
能夠做好作業的練習和實際遇到案例能達成客戶需求還是有差的，網頁設計領域知識廣
闊，而且不斷隨著軟體更新、樣式流行等，而有了各具形態的網頁，這學期的進階網頁
設計較上學期不同的到動畫結合網頁的效果，如https://www.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋。是多了動態效果，以及更完整的版面設計，造訪許多網頁時，會遇
到動畫結合網頁的效果，如 https://w感與主題做了完美的詮釋。ww.npm.edu.tw/故宮歡迎頁設計方式，將網頁的質
感與主題做了完美的詮釋，能夠讓我們加以學參考及學習，以及不同版面格式的網頁架
構，如One-page Web Design瀏覽方式，頗具質感的網頁的確會讓人想知道背後的網頁
架構是如何完成的，也很期待本學期的課程與練習，老師辛苦了。
MEPO forum
is powered by Phorum.