Change History
Message: [第一週] 課程規範與網站基本概念
Changed By: JinJin
Change Date: February 24, 2012 11:58AM
[第一週] 課程規範與網站基本概念
Change Date: February 24, 2012 11:58AM
[第一週] 課程規範與網站基本概念
第一週講義
<h2>第一週講義</h2>
<b>1.網頁設計 課程規範與課程目標</b>
<b>2.網站基本概念</b>
<b>3.Dreamweaver 環境介紹</b>
<b>4.網站的概念與開發流程</b>
以上PPT講義請至學生系統下載
[url=http://192.192.78.86/student_portal/]http://192.192.78.86/student_portal/[/url]
==================================================================
第一週須完成的任務：
[hr]
<h2>第一週須完成的任務：</h2>
一、安裝Dreamweaver軟體（最好是CS5版本）
二、開始閱讀關於html、css相關書籍，建立起基本概念 (請多多利用圖書館或網路資源)
三、請進入老師教學網站註冊
http://mepopedia.com/forum/register.php?851
註冊完畢後，請至右上角『設定』→『個人資訊（編輯）』填寫姓名、學號，不會顯示於頁面，僅供評分用。
每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。
四、FileZilla 免費又好用的FTP軟體，供客戶端和伺服器端使用
本學期作業都需透過FTP上傳，直接從網路上看到作品
請同學務必下載並學會如何使用
官方下載網頁：http://filezilla-project.org/
五、安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。
<b>Internet Explorer (IE)</b>
特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。 。
缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。
<b>下載 Internet Explorer</b>
http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home
<b>Google Chrome特色：</b>
快速啟動 Google Chrome 瞬間即可啟動。
迅速載入 Google Chrome 的網頁載入速度飛快。
高速搜尋 直接從網址列搜尋網頁。
<b>下載Google Chrome</b>
http://www.google.com/chrome?hl=zh-TW
<b>Firefox特色：</b>
可以根據使用者的習慣與需要按裝Firefox套件，其功能可以加強瀏覽器實用性與安全性。
假使你正在網站站上發文，一不小心按錯上一頁或者回首頁的按鍵，分頁功能可以讓你救回辛苦打的網頁。
多元的套件雖然可以補足你想要的功能，不過套件安裝太多也會影響其使用的效能。
<b>下載FireFox</b>
http://moztw.org/
六、瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異。
七、多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考。
<b>八、請在下次上課前，註冊完畢，並回答以下問題(<b>回答時請註明班級及學號)</b>：
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1</b>
<h2>請在下次上課前，註冊完畢，並回答以下問題</h2>
(回答時請註明學號(姓名))
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1</b>
<h2>第一週講義</h2>
<b>1.網頁設計 課程規範與課程目標</b>
<b>2.網站基本概念</b>
<b>3.Dreamweaver 環境介紹</b>
<b>4.網站的概念與開發流程</b>
以上PPT講義請至學生系統下載
[url=http://192.192.78.86/student_portal/]http://192.192.78.86/student_portal/[/url]
==================================================================
第一週須完成的任務：
[hr]
<h2>第一週須完成的任務：</h2>
一、安裝Dreamweaver軟體（最好是CS5版本）
二、開始閱讀關於html、css相關書籍，建立起基本概念 (請多多利用圖書館或網路資源)
三、請進入老師教學網站註冊
http://mepopedia.com/forum/register.php?851
註冊完畢後，請至右上角『設定』→『個人資訊（編輯）』填寫姓名、學號，不會顯示於頁面，僅供評分用。
每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。
四、FileZilla 免費又好用的FTP軟體，供客戶端和伺服器端使用
本學期作業都需透過FTP上傳，直接從網路上看到作品
請同學務必下載並學會如何使用
官方下載網頁：http://filezilla-project.org/
五、安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。
<b>Internet Explorer (IE)</b>
特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。 。
缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。
<b>下載 Internet Explorer</b>
http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home
<b>Google Chrome特色：</b>
快速啟動 Google Chrome 瞬間即可啟動。
迅速載入 Google Chrome 的網頁載入速度飛快。
高速搜尋 直接從網址列搜尋網頁。
<b>下載Google Chrome</b>
http://www.google.com/chrome?hl=zh-TW
<b>Firefox特色：</b>
可以根據使用者的習慣與需要按裝Firefox套件，其功能可以加強瀏覽器實用性與安全性。
假使你正在網站站上發文，一不小心按錯上一頁或者回首頁的按鍵，分頁功能可以讓你救回辛苦打的網頁。
多元的套件雖然可以補足你想要的功能，不過套件安裝太多也會影響其使用的效能。
<b>下載FireFox</b>
http://moztw.org/
六、瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異。
七、多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考。
<b>八、請在下次上課前，註冊完畢，並回答以下問題(<b>回答時請註明班級及學號)</b>：
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1</b>
<h2>請在下次上課前，註冊完畢，並回答以下問題</h2>
(回答時請註明學號(姓名))
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1</b>
Original Message
作者: JinJinDate: February 24, 2012 11:55AM
[第一週] 課程規範與網站基本概念
第一週講義
1.網頁設計 課程規範與課程目標
2.網站基本概念
3.Dreamweaver 環境介紹
4.網站的概念與開發流程
以上PPT講義請至學生系統下載
[url=http://192.192.78.86/student_portal/]http://192.192.78.86/student_portal/[/url]
==================================================================
第一週須完成的任務：
[hr]
一、安裝Dreamweaver軟體（最好是CS5版本）
二、開始閱讀關於html、css相關書籍，建立起基本概念 (請多多利用圖書館或網路資源)
三、請進入老師教學網站註冊
http://mepopedia.com/forum/register.php?851
註冊完畢後，請至右上角『設定』→『個人資訊（編輯）』填寫姓名、學號，不會顯示於頁面，僅供評分用。
每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。
四、FileZilla 免費又好用的FTP軟體，供客戶端和伺服器端使用
本學期作業都需透過FTP上傳，直接從網路上看到作品
請同學務必下載並學會如何使用
官方下載網頁：http://filezilla-project.org/
五、安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。
Internet Explorer (IE)
特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。 。
缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。
下載 Internet Explorer
http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home
Google Chrome特色：
快速啟動 Google Chrome 瞬間即可啟動。
迅速載入 Google Chrome 的網頁載入速度飛快。
高速搜尋 直接從網址列搜尋網頁。
下載Google Chrome
http://www.google.com/chrome?hl=zh-TW
Firefox特色：
可以根據使用者的習慣與需要按裝Firefox套件，其功能可以加強瀏覽器實用性與安全性。
假使你正在網站站上發文，一不小心按錯上一頁或者回首頁的按鍵，分頁功能可以讓你救回辛苦打的網頁。
多元的套件雖然可以補足你想要的功能，不過套件安裝太多也會影響其使用的效能。
下載FireFox
http://moztw.org/
六、瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異。
七、多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考。
八、請在下次上課前，註冊完畢，並回答以下問題(回答時請註明班級及學號)：
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1
(回答時請註明學號(姓名))
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1
1.網頁設計 課程規範與課程目標
2.網站基本概念
3.Dreamweaver 環境介紹
4.網站的概念與開發流程
以上PPT講義請至學生系統下載
[url=http://192.192.78.86/student_portal/]http://192.192.78.86/student_portal/[/url]
==================================================================
第一週須完成的任務：
[hr]
第一週須完成的任務：
一、安裝Dreamweaver軟體（最好是CS5版本）
二、開始閱讀關於html、css相關書籍，建立起基本概念 (請多多利用圖書館或網路資源)
三、請進入老師教學網站註冊
http://mepopedia.com/forum/register.php?851
註冊完畢後，請至右上角『設定』→『個人資訊（編輯）』填寫姓名、學號，不會顯示於頁面，僅供評分用。
每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。
四、FileZilla 免費又好用的FTP軟體，供客戶端和伺服器端使用
本學期作業都需透過FTP上傳，直接從網路上看到作品
請同學務必下載並學會如何使用
官方下載網頁：http://filezilla-project.org/
五、安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。
Internet Explorer (IE)
特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。 。
缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。
下載 Internet Explorer
http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home
Google Chrome特色：
快速啟動 Google Chrome 瞬間即可啟動。
迅速載入 Google Chrome 的網頁載入速度飛快。
高速搜尋 直接從網址列搜尋網頁。
下載Google Chrome
http://www.google.com/chrome?hl=zh-TW
Firefox特色：
可以根據使用者的習慣與需要按裝Firefox套件，其功能可以加強瀏覽器實用性與安全性。
假使你正在網站站上發文，一不小心按錯上一頁或者回首頁的按鍵，分頁功能可以讓你救回辛苦打的網頁。
多元的套件雖然可以補足你想要的功能，不過套件安裝太多也會影響其使用的效能。
下載FireFox
http://moztw.org/
六、瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異。
七、多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考。
八、請在下次上課前，註冊完畢，並回答以下問題(回答時請註明班級及學號)：
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1
請在下次上課前，註冊完畢，並回答以下問題
(回答時請註明學號(姓名))
1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎? (請試著安裝完之後再回答，不要還沒安裝就開始填寫，謝謝)
2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
千萬不可寫googl、yahoo等大型網站或入口網站
範例：
(1)網站名稱：J-period
網址：http://www.j-period.com/jp/
從日本全國嚴選的日式餐具到精美擺飾
融合日本古典美與現代時尚美，提倡全新和風的品牌。不受時代潮流左右的日本之美與精神性，帶領現代生活進入嶄新的舒適生活樣式。
設計風格：
簡約的日式風格，以黑灰白為主色調，漢字以細黑體字應為以羅馬字為主，重點輔以粗體，優雅的簡潔的編排，襯托出古典時尚感。
(2) 網站名稱：our great adventure 音樂網站
網址：http://www.ourgreatadventure.co.uk/
(3) 網站名稱：Hollister Co. - Shop Official Site
網址：https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1
MEPO forum
is powered by Phorum.