[作業00] 網頁設計課前準備與基本認識

[作業00] 網頁設計課前準備與基本認識 1. [url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/ ]逛逛老師整理的網頁設計教學網站[/url]2. 安裝軟體2.0.1 FileZilla2.0.2 Notepad++2.0.3 Dreamweaver3. 閱讀關於html、css相關書籍，建立網頁設計基本概念4. 教學網站註冊5. 認識瀏覽器5.0.1 Internet Explorer (IE)5.0.2 Google Chrome5.0.3 Firefox6. 多觀摩與紀錄優良網站7. 預備週課後問答歡迎來到網頁設計的世界，為了讓大家更快的進入這門課程，更好的學習網頁設計，請大家完成以下任務！第一週須完成的任務： 1. [url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/ ]逛逛老師整理的網頁設計教學網站[/url] [url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#all]本學期作業列表[/url] [hr] 2. 安裝軟體安裝必備軟體 [hr] 1. FileZilla免費好用的FTP軟體 https://filezilla-project.org/ FileZilla是一套開放原始碼的免費FTP檔案傳輸軟體，內建44種語言的多國語系介面，且還提供Windows、Linux、Mac OS X等多種作業系統平台的版本。除了支援一般FTP檔案傳輸之外，還可支援SFTP與「FTP over SSL/TLS」…等傳輸模式，是個相當穩定而好用的免費軟體。本課程的作業，將藉由FileZilla上傳至雲端伺服器，請每位同學都須下載並學會使用！安裝說明： http://jinjin.mepopedia.com/~jinjin/webdesign-notes/concept.html#fz [hr] 2. Notepad++http://notepad-plus-plus.org/ 實用的免費文字編輯軟體 - Notepad++，是旅法台灣人作品，體積輕巧不佔系統記憶體，支援多分頁功能，是一套用來取代Windows記事本的工具，他的操作方式與記事本完全相同。具有好用的中文搜尋取代、開啟檔案群組、在目錄中的指定副檔名搜尋特定字串、程式語言高亮度顯示等功能，支援ANSI、UTF-8（支援檔首無BOM）、UCS-2...等格式的編譯及轉換，是必備的原始碼編輯軟體。可以替許多的程式語言的語法上色，而且還有半透明視窗的效果，是撰寫程式的好幫手。 [hr] 3. Dreamweaver 視覺設計師常用的網頁設計軟體，不過不宜太依賴內建的功能，先了解網頁背後的結構與語法才是王道。 [hr] 3. 閱讀關於html、css相關書籍，建立網頁設計基本概念請多多利用圖書館或網路資源 [hr] 4. 教學網站註冊 http://mepopedia.com/forum/register.php?804 註冊帳號建議為『學號』每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。 5. 認識瀏覽器安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。 http://jinjin.mepopedia.com/~jinjin/webdesign-notes/concept.html#concept03 1. Internet Explorer (IE) 特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。。缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。下載 Internet Explorer http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home [hr] 2. Google Chrome 快速啟動Google Chrome 瞬間即可啟動。迅速載入Google Chrome 的網頁載入速度飛快。高速搜尋直接從網址列搜尋網頁。下載Google Chrome http://www.google.com/chrome?hl=zh-TW [hr] 3. Firefox Mozilla Firefox是目前市占率第三名的瀏覽器，它有著豐富的擴充套件，可打造出相當個人化的瀏覽環境。今天Mozilla基金會釋出了最新的Firefox 29.0正式版，最大的特色在於新設計的界面以及方便的網路同步功能，能將你的分書籤、密碼、分頁、附加元件…等資料自動同步到雲端的Firefox帳號中，比前一版(28.0)更加美觀、直覺、好用下載FireFox http://moztw.org/ [hr] 6. 多觀摩與紀錄優良網站 1.瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異< 2.多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考 [hr] 7. 預備週課後問答 1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？ 2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？ 3.是否已安裝好軟體？並提出任何相關問題！回覆完畢請註明學號。祝大家有個愉快的學習旅程！ http://mepopedia.com/forum/read.php?2784,88958,88958#msg-88958 Sat, 24 Oct 2026 11:03:16 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2784,88958,89471#msg-89471 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89471#msg-89471 運用到出社會或是解決人民的方便
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
無意見，網站製作是幫客戶接案
3.是否已安裝好軟體？並提出任何相關問題！
已經安裝了，當初因為我的帳號和密碼無法登入]]> 1075445002-1 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 24 May 2019 14:12:02 +0800 http://mepopedia.com/forum/read.php?2784,88958,89196#msg-89196 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89196#msg-89196 幫助我了解網頁設計是如鶴設計及運作的
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
日本傳統色網站:http://nipponcolors.com/
3.是否已安裝好軟體？並提出任何相關問題！
已安裝好軟體]]> 1075445050 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 30 Mar 2019 15:43:43 +0800 http://mepopedia.com/forum/read.php?2784,88958,89043#msg-89043 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89043#msg-89043 感覺很難，不過會認真學習。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
https://www.youtube.com/?hl=zh-TW&gl=TW
它很方便可以看影片
3.是否已安裝好軟體？並提出任何相關問題！
已安裝好]]> 1075445078 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 09 Mar 2019 16:10:59 +0800 http://mepopedia.com/forum/read.php?2784,88958,89042#msg-89042 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89042#msg-89042 1075445078 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 09 Mar 2019 16:05:18 +0800 http://mepopedia.com/forum/read.php?2784,88958,89040#msg-89040 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89040#msg-89040 A:很會打程式碼
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
A:https://www.danielwellington.com/tw/ 這是一個手表的網站，因為很有設計感希望未來我能力能到這樣
3.是否已安裝好軟體？並提出任何相關問題！
A:已安裝，CC版跟CS6差在哪?
1075445005]]> 陳鈺晴 107-2《中國》竹視傳一Ａ-網頁設計 Thu, 07 Mar 2019 23:23:58 +0800 http://mepopedia.com/forum/read.php?2784,88958,89003#msg-89003 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89003#msg-89003 2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
3.是否已安裝好軟體？並提出任何相關問題！

1: 我覺得在未來可以找到更多工作機會
2:我很喜歡issuu 這個網站裡面的排版設計非常鮮明
https://issuu.com/tryissuu?utm_source=google&utm_medium=cpc&utm_campaign=&utm_content=&utm_term=issuu&utm_sitelink={sitelink}&gclid=Cj0KCQiA2L7jBRCBARIsAPeAsaMo8gWeLDg_a3A7PMESoZmARpINy6Bf2UzHVngqL9SHQlKs0uxwu6AaAheYEALw_wcB
3:是沒問題]]> 1065445055 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 23 Feb 2019 14:03:04 +0800 http://mepopedia.com/forum/read.php?2784,88958,89002#msg-89002 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89002#msg-89002 希望這學期可以過關不要被擋

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
https://www.vogue.com.tw/

簡約乾淨讓人點進網站可以馬上看到最新資訊

3.是否已安裝好軟體？並提出任何相關問題！
還在想辦法破解]]> 1075445063 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 23 Feb 2019 14:01:16 +0800 http://mepopedia.com/forum/read.php?2784,88958,89001#msg-89001 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89001#msg-89001 能用更多方式呈現自己的作品，未來工作也有幫助，期許是希望能順利拿到學分。

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
https://ggsing.tw/?cafe_mkt=google_tw_kw&gclid=EAIaIQobChMInp2c3pbR4AIVVKmWCh2Czg58EAAYASAAEgJJyfD_BwE

3.是否已安裝好軟體？並提出任何相關問題！
還沒安裝。]]> 1075445059 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 23 Feb 2019 14:01:07 +0800 http://mepopedia.com/forum/read.php?2784,88958,89000#msg-89000 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,89000#msg-89000 可以做屬於自己的網站
2.請瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
目前還沒有
3.是否已安裝好軟體？並提出任何相關問題！
已安裝完成]]> 1075445021 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 23 Feb 2019 13:57:42 +0800 http://mepopedia.com/forum/read.php?2784,88958,88997#msg-88997 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88997#msg-88997 我期許將來可以學到很多網頁設計方面的知識，這樣我或許可以應用在我未來的職業上。

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
http://depressytrouble.tw/ 這網址讓我更了解憂鬱症的一些迷思，其中它還放了一個小測驗可以測試你有沒有憂鬱症前兆

3.是否已安裝好軟體？並提出任何相關問題
已裝好軟體，沒有相關問題]]> 1075445012 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 23 Feb 2019 10:05:08 +0800 http://mepopedia.com/forum/read.php?2784,88958,88990#msg-88990 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88990#msg-88990 希望未來的課程可以有趣一些，看到這麼複雜的課程，其實挺擔心自己會學不好的，我覺得會設計網頁在未來技能裡也是很不錯的一項。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
名稱 : DRAW WITH JAZZA 網址 : https://www.drawwithjazza.com/
我很喜歡他的排版方式，他選擇排放那種一點進去就能充分吸引人目光的照片，並把自己的作品大大方方的直接擺出來。
3.是否已安裝好軟體？並提出任何相關問題！
目前尚未安裝，沒有其他問題。]]> 1075445066 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 23 Feb 2019 00:21:17 +0800 http://mepopedia.com/forum/read.php?2784,88958,88989#msg-88989 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88989#msg-88989 希望自己能夠設計出會讓人吸引的網頁。對我來說能夠讓自己多學一些技能對以後出路有幫助。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因?
我覺得不錯的網站Bonny&Read 是個賣飾品的網頁，這是網址https://www.bonnyread.com.tw/。版面與配色再加上商品的照片會讓人想買的衝動。
3.是否已安裝好軟體？並提出任何相關問題！
目前還沒安裝軟體，有疑問時會再向老師發問，也希望接下來的課程會很有趣。]]> 1075445024 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:41:33 +0800 http://mepopedia.com/forum/read.php?2784,88958,88988#msg-88988 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88988#msg-88988 希望藉由此次課程學習不同的知識，為將來文創或是和大家分享自己興趣時對網頁若有一定的認知，能好好用上自己所學習到的。

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
MY DESY→https://www.mydesy.com/
裡頭有許多能激發靈感的設計，是一個當你無法突破或是瀕臨困境時，不訪能查詢這個網站，多換換角度欣賞別人的作品，為自己充實新知。

3.是否已安裝好軟體？並提出任何相關問題！
尚無安裝好軟體，目前無問題。]]> 1075445073 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:29:14 +0800 http://mepopedia.com/forum/read.php?2784,88958,88987#msg-88987 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88987#msg-88987 希望自己能夠熟練網頁設計，未來工作時會用到。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
nipponcolors / http://nipponcolors.com/ 方便查詢顏色。
3.是否已安裝好軟體？並提出任何相關問題！
還沒，目前沒有。]]> 1075445010 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:22:21 +0800 http://mepopedia.com/forum/read.php?2784,88958,88985#msg-88985 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88985#msg-88985 希望我會懂，學會可以耍屌屌

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
https://shopee.tw/m/shopee24htop?gclid=Cj0KCQjwu_jYBRD8ARIsAC3EGCKkVGZoFYATmxJrFZNBr3rb89Ew1HXxFxEJEiuW17oqxOB8HrnMbuEaApk5EALw_wcB
操作簡單好上手

3.是否已安裝好軟體？並提出任何相關問題！
沒有安裝沒有問題]]> 1075445035 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:08:01 +0800 http://mepopedia.com/forum/read.php?2784,88958,88984#msg-88984 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88984#msg-88984 希望可以了解網頁的架構，對以後工作有幫助。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
Youtube https://www.youtube.com/ 裡面有各種種類的影片可以欣賞。
3.是否已安裝好軟體？並提出任何相關問題！
還沒，目前沒有問題。]]> 1075445018 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:07:39 +0800 http://mepopedia.com/forum/read.php?2784,88958,88983#msg-88983 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88983#msg-88983 我對網頁設計沒麼感覺所以還不知道，一定有幫助阿不然學這個幹嘛?
高中學過覺得好難。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
衣服很好看排版很好看看了會想買。女生歡迎參考˙-˙b 但還是建議蝦皮或掏寶。
https://www.icecream12.com.tw/
3.是否已安裝好軟體？並提出任何相關問題！
沒安裝好沒問題我很好。那你呢?

1075445026]]> 1075445026 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:01:07 +0800 http://mepopedia.com/forum/read.php?2784,88958,88982#msg-88982 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88982#msg-88982
希望未來對於作品的審美與操作上能更進階，克服人生中的曲折，好讓我賣弄自己的學問

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？

https://meijisakaba.jp/
裡面是關於日本的地名特色行銷產業，編排上超越古板排版

3.是否已安裝好軟體？並提出任何相關問題！

是，暫時沒有問題
1075445038]]> 1075445038 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 23:00:33 +0800 http://mepopedia.com/forum/read.php?2784,88958,88978#msg-88978 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88978#msg-88978 希望能先把基礎給學好,以後如果要用到的話才能有個基礎在

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
Victor design
www.victad.com.tw
裡面有很多還不錯的作品

3.是否已安裝好軟體？並提出任何相關問題！
已經安裝好了]]> kaka6698 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 21:11:21 +0800 http://mepopedia.com/forum/read.php?2784,88958,88975#msg-88975 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88975#msg-88975
2. 「Trainrobber」 http://www.trainrobber.com/
設計團隊的官方網站，點進去頁面看到的圖標會隨著鼠標慢慢移動，操作容易之外，還可以讓瀏覽者留下深刻印象，點下圖示會利用煙的特效轉換頁面我覺得很浮誇很特別。
「中國色」http://zhongguose.com/#yuhong
提供設計者使用的中國色色票網站，簡單的頁面操作起來非常方便，每個中國色都有一個名稱，點下就會顯示顏色的CMYK值量。

3.安裝好了，沒問題!]]> 1055440119 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 20:15:49 +0800 http://mepopedia.com/forum/read.php?2784,88958,88971#msg-88971 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88971#msg-88971 之後能夠運用在作品集上，或是之後有開店也可以做個簡單的宣傳網站。

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
香港旅遊發展局網站 - Discover Hong Kong→http://www.discoverhongkong.com/tc/index.jsp
資訊清晰內容豐富多樣且細緻

3.是否已安裝好軟體？並提出任何相關問題！
是，暫時沒有問題]]> 1055440093 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 19:07:48 +0800 http://mepopedia.com/forum/read.php?2784,88958,88966#msg-88966 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88966#msg-88966 我覺得在網路上，創造自己的作品，世界很棒的是，希望能在這堂課能學到成就。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？目前還沒有
3.是否已安裝好軟體？否並提出任何相關問題！]]> 傑宇 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 16:58:02 +0800 http://mepopedia.com/forum/read.php?2784,88958,88962#msg-88962 Re: [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88962#msg-88962 沒有期許，但是會覺得以後可能會用到網頁設計。

2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
ㄇㄞˋ點子MY DESY→https://www.mydesy.com/
裡面有很多別人設計的東西可以看。

3.是否已安裝好軟體？並提出任何相關問題！
還沒安裝好軟體，目前無問題。]]> 悅嘉 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 14:26:56 +0800 http://mepopedia.com/forum/read.php?2784,88958,88958#msg-88958 [作業00] 網頁設計課前準備與基本認識 http://mepopedia.com/forum/read.php?2784,88958,88958#msg-88958

1. [url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/ ]逛逛老師整理的網頁設計教學網站[/url]
2. 安裝軟體
2.0.1 FileZilla
2.0.2 Notepad++
2.0.3 Dreamweaver
3. 閱讀關於html、css相關書籍，建立網頁設計基本概念
4. 教學網站註冊
5. 認識瀏覽器
5.0.1 Internet Explorer (IE)
5.0.2 Google Chrome
5.0.3 Firefox
6. 多觀摩與紀錄優良網站
7. 預備週課後問答

歡迎來到網頁設計的世界，為了讓大家更快的進入這門課程，更好的學習網頁設計，請大家完成以下任務！

第一週須完成的任務：

1. [url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/ ]逛逛老師整理的網頁設計教學網站[/url]

[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homeworks.html#all]本學期作業列表[/url]

[hr]

2. 安裝軟體

安裝必備軟體

[hr]

1. FileZilla

免費好用的FTP軟體

https://filezilla-project.org/

FileZilla是一套開放原始碼的免費FTP檔案傳輸軟體，內建44種語言的多國語系介面，且還提供Windows、Linux、Mac OS X等多種作業系統平台的版本。除了支援一般FTP檔案傳輸之外，還可支援SFTP與「FTP over SSL/TLS」…等傳輸模式，是個相當穩定而好用的免費軟體。

本課程的作業，將藉由FileZilla上傳至雲端伺服器，請每位同學都須下載並學會使用！

安裝說明：
http://jinjin.mepopedia.com/~jinjin/webdesign-notes/concept.html#fz

[hr]

2. Notepad++

http://notepad-plus-plus.org/

實用的免費文字編輯軟體 - Notepad++，是旅法台灣人作品，體積輕巧不佔系統記憶體，支援多分頁功能，是一套用來取代Windows記事本的工具，他的操作方式與記事本完全相同。

具有好用的中文搜尋取代、開啟檔案群組、在目錄中的指定副檔名搜尋特定字串、程式語言高亮度顯示等功能，支援ANSI、UTF-8（支援檔首無BOM）、UCS-2...等格式的編譯及轉換，是必備的原始碼編輯軟體。可以替許多的程式語言的語法上色，而且還有半透明視窗的效果，是撰寫程式的好幫手。

[hr]

3. Dreamweaver

視覺設計師常用的網頁設計軟體，不過不宜太依賴內建的功能，先了解網頁背後的結構與語法才是王道。

[hr]

3. 閱讀關於html、css相關書籍，建立網頁設計基本概念

請多多利用圖書館或網路資源

[hr]

4. 教學網站註冊

http://mepopedia.com/forum/register.php?804
註冊帳號建議為『學號』
每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。

5. 認識瀏覽器

安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。

http://jinjin.mepopedia.com/~jinjin/webdesign-notes/concept.html#concept03

1. Internet Explorer (IE)

特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。。
缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。
下載 Internet Explorer
http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home

[hr]

2. Google Chrome

快速啟動?Google Chrome 瞬間即可啟動。
迅速載入?Google Chrome 的網頁載入速度飛快。
高速搜尋?直接從網址列搜尋網頁。
下載Google Chrome
http://www.google.com/chrome?hl=zh-TW

[hr]

3. Firefox

Mozilla Firefox是目前市占率第三名的瀏覽器，它有著豐富的擴充套件，可打造出相當個人化的瀏覽環境。今天Mozilla基金會釋出了最新的Firefox 29.0正式版，最大的特色在於新設計的界面以及方便的網路同步功能，能將你的分書籤、密碼、分頁、附加元件…等資料自動同步到雲端的Firefox帳號中，比前一版(28.0)更加美觀、直覺、好用
下載FireFox
http://moztw.org/

[hr]

6. 多觀摩與紀錄優良網站

1.瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異<
2.多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考

[hr]

7. 預備週課後問答

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
3.是否已安裝好軟體？並提出任何相關問題！

回覆完畢請註明學號。

祝大家有個愉快的學習旅程！]]> JinJin 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 22 Feb 2019 00:40:28 +0800