Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

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

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

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



Edited 1 time(s). Last edit at 02/24/2012 11:58AM by JinJin.
(編輯記錄)

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/

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

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



Edited 1 time(s). Last edit at 03/02/2012 04:01PM by HeySmile.
(編輯記錄)

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



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

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

插畫家 James Jean 的設計插畫網

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


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

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