[第一週] 課程規範與網站基本概念

1. 第一週講義

1.網頁設計課程規範與課程目標

2.網站基本概念

3.Dreamweaver 環境介紹

4.網站的概念與開發流程

以上PPT講義請至學生系統下載
[url=http://192.192.78.86/student_portal/]http://192.192.78.86/student_portal/[/url]

[hr]

2. 第一週須完成的任務：

一、安裝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/


六、瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異。

七、多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考。

3. 請在下次上課前，註冊完畢，並回答以下問題

(回答時請註明學號(姓名))

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.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
(1)網站名稱:英語傳教士-金陵英語
網址:http://www.ep66.com.tw/
這是免費學英文的網站,平常有事沒事我會在這逛逛!
設計風格:色調很單純,沒有花俏的紋路,首頁一開始點進去讓我覺得有點遼亂



(2) 網站名稱：Findbook讓買書變成更簡單的決定
網址：http://findbook.tw/
它提供了讓你可以搜尋書籍並且比較各家網路書店的價錢，
讓你可以用最低的價格買到你想要的書～
設計風格:我最喜歡 的天空色,讓人可以很明確感受到輕鬆的氣息,海洋風味

(3) 網站名稱：3D貼圖
網址：http://texture.3dcool.net/model/12/3327.html
設計風格:我可以說沒有風格嗎?哈哈,因為他的重點是給人找貼圖的,設計非常簡單...裡面卻藏著許多驚奇這樣
幾乎每天必用.

1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎?

沒有問題

2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出

網站名稱：小惡魔論壇
網址：http://www.mobile01.com/

討論旅遊美食、單眼、電腦的網站，在這裡可以找到想要的資訊，很方便！

設計風格：
白底綠字是該網站的風格，簡潔不單調，瀏覽起來很舒服



(編輯記錄)

1.是否已安裝好軟體及瀏覽器，有遇到甚麼問題嗎?
ＯＫ，已經下載好了，沒有問題～



2.請將本週瀏覽的不錯的及值得推薦的網站，網站名稱及網址列出
　千萬不可寫googl、yahoo等大型網站或入口網站

(1)網站名稱： James Jean | Home
網址：http://www.jamesjean.com/

插畫家 James Jean 的設計插畫網

設計風格：
簡約風格，白底、黑灰字體。主要瀏覽照片，簡單明瞭。


(2) 網站名稱：Logo Of The Day
網址：http://logooftheday.com/

設計風格：
應該也算簡約吧，但有加入一點桃紅色。個人比較喜歡這種感覺，看起來會比較繽紛一點。