第一週須完成的任務： 安裝軟體 安裝必備軟體 [hr] FileZilla免費好用的FTP軟體 https://filezilla-project.org/ FileZilla是一套開放原始碼的免費FTP檔案傳輸軟體，內建44種語言的多國語系介面，且還提供Windows、Linux、Mac OS X等多種作業系統平台的版本。除了支援一般FTP檔案傳輸之外，還可支援SFTP與「FTP over SSL/TLS」…等傳輸模式，是個相當穩定而好用的免費軟體。 安裝說明： http://blog.xuite.net/yh96301/blog/30931988-%E5%85%8D%E8%B2%BBFTP%E9%80%A3%E7%B7%9A%E8%BB%9F%E9%AB%94FileZilla+Client%E4%B8%8B%E8%BC%89%E8%88%87%E5%AE%89%E8%A3%9D [hr] Notepad++http://notepad-plus-plus.org/ 實用的免費文字編輯軟體 - Notepad++，是旅法台灣人作品，體積輕巧不佔系統記憶體，支援多分頁功能，是一套用來取代Windows記事本的工具，他的操作方式與記事本完全相同。 具有好用的中文搜尋取代、開啟檔案群組、在目錄中的指定副檔名搜尋特定字串、程式語言高亮度顯示等功能，支援ANSI、UTF-8（支援檔首無BOM）、UCS-2...等格式的編譯及轉換，是必備的原始碼編輯軟體。可以替許多的程式語言的語法上色，而且還有半透明視窗的效果，是撰寫程式的好幫手。 [hr] Dreamweaver 視覺設計師常用的網頁設計軟體，不過不宜太依賴內建的功能，先了解網頁背後的結構與語法才是王道。 [hr] 閱讀關於html、css相關書籍，建立網頁設計基本概念 請多多利用圖書館或網路資源 [hr] 教學網站註冊 http://mepopedia.com/forum/register.php?804 註冊完畢後，請至右上角『設定』→『個人資訊（編輯）』至少填寫學號 每位同學都必須註冊，有任何註冊問題請隨時反應。可以寄信到 mepo@mepopedia.com 申請開通帳號，或於課堂上留下帳號及 email 由老師統一申請開通。 認識瀏覽器 安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器。 http://gs.statcounter.com/ Internet Explorer (IE) 特色：是目前全球使用人口最多的瀏覽器，因為是Microsoft開發的軟體，因為有許多先天的優勢，也因為最多人使用，所以大部分的網站、論壇甚至是一些php或java程式編碼都採用IE可以普遍認得的編碼。在其他不同瀏覽器上觀看這些網頁的時候，有可能發生網頁顯示不正常或者部分功能無法使用的情況。現階段而言，聰明的網頁編輯人員都會在製作網站的時候，根據這三種瀏覽器作為測試的平台，基本上以符合三種瀏覽器使用為原則。 。 缺點：速度慢、網頁編碼方式不符合html發佈的官方寫法，因此較容易出現網頁顯示異常。 下載 Internet Explorer http://windows.microsoft.com/zh-TW/internet-explorer/products/ie/home [hr] Google Chrome 快速啟動Google Chrome 瞬間即可啟動。 迅速載入Google Chrome 的網頁載入速度飛快。 高速搜尋直接從網址列搜尋網頁。 下載Google Chrome http://www.google.com/chrome?hl=zh-TW [hr] Firefox Mozilla Firefox是目前市占率第三名的瀏覽器，它有著豐富的擴充套件，可打造出相當個人化的瀏覽環境。今天Mozilla基金會釋出了最新的Firefox 29.0正式版，最大的特色在於新設計的界面以及方便的網路同步功能，能將你的分書籤、密碼、分頁、附加元件…等資料自動同步到雲端的Firefox帳號中，比前一版(28.0)更加美觀、直覺、好用 下載FireFox http://moztw.org/ [hr] 多觀摩與紀錄優良網站 1.瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異< 2.多看多觀摩美觀且優良網站的設計，並隨時記錄優良網站的網址，以供後續設計的參考 [hr] 預備週課後問答 1.請寫下你對於本課程的期許，希望可以學習哪些網頁上的知識及技能，以作為後續課程的參考。 2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。 回覆完畢請註明學號。 範例： [hr] （一）網站名稱：Foodsense食品感官 網址：http://foodsense.is/ 說明： 1.符合響應式設計，為最新的網頁設計技術，符合不同的行動裝置使用。 2.風格清新簡潔，明確的表現出健康蔬食網站的氣質。 （二）網站名稱：TOBI'S STORY 網址：http://tobisstory.lesavignons.com/#future 說明： 1.有趣的動畫，使網頁顯得生動活潑，讓閱讀網頁不乏悶。 2.2014 年的趨勢還有 HTML5 被廣泛使用來呈現網站不同部分的動畫。Tobi’s Story 網站就是以很棒的方式將很酷的東西作了最佳的使用，滾動距離的次標題與動畫良好的結合，是未來的趨勢。 （三）網站名稱：Realtii 網址：http://realtii.com/ 說明： 1.使用用大圖作為主視覺，只有少量的文字，放置在網頁的最頂端。 2.大面積圖像區塊已經慢慢取代滑動區塊（sliders），掌握人們的視線。 （四）網站名稱：Cider Co西雅圖 網址：http://www.seattlecidercompany.com/ 說明： 1.將一張照片編修放在大面積圖像區域，塑造成一種仿古和質樸的感覺，以符合網站的整體風格。 2.不用側邊欄，整合所有選單、內容至網頁，只要下拉滾輪即可看見的趨勢正流行。 [hr] 補出說明： 1.響應式網頁設計(Responsive Web Design) [img]http://www.ibest.tw/images/01/responsive_design_1.png[/img] http://www.ibest.tw/page01.php 響應式網頁設計(Responsive Web Design)簡稱RWD，又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計，這是一項被公認在2014年網頁設計開發技術的趨勢，網站使用CSS3，以百分比的方式以及彈性的畫面設計，在不同解析度下改變網頁頁面的佈局排版，讓不同的設備都可以正常瀏覽同一網站，提供最佳的視覺體驗，是個因移動平台的用戶大量增加而想出的一個對應方法。 響應式網站如同HTML5一樣，絕對是未來網頁設計的一個重要方向 http://blog.iprefer.com.tw/?projects=%E3%80%90%E6%95%B8%E4%BD%8D%E6%8A%80%E8%A1%93%E6%87%89%E7%94%A8%E3%80%91%E9%9F%BF%E6%87%89%E5%BC%8F%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88responsive-web-design 2.其他響應式設計網站： http://mediaqueri.es/ http://www.worldwildlife.org/ http://zomigi.com/blog/full-width-pinned-layouts-with-flexbox/ 3.其他推薦網站： http://www.morphix.si/#portfolio http://www.thefwa.com/ http://mepopedia.com/forum/read.php?2481,77221,77221#msg-77221 Sun, 26 Jul 2026 16:11:54 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2481,77221,78029#msg-78029 http://mepopedia.com/forum/read.php?2481,77221,78029#msg-78029 老師好可愛


2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.weirona1567.com/ 風格好美式很喜歡有自己風格的感覺

學號1035445027]]> 1035445027 104-1《中國》竹視傳二C-網頁設計 Thu, 29 Oct 2015 10:58:07 +0800 http://mepopedia.com/forum/read.php?2481,77221,78016#msg-78016 http://mepopedia.com/forum/read.php?2481,77221,78016#msg-78016 我很喜歡老師的上課方式，教學清楚明瞭、活潑。


2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.masterhands.com.tw/index.aspx
我覺得這個網站資訊齊全，設計的很有型很符合現代年輕人的喜好及時尚資訊。



學號1035445048]]> yun0221 104-1《中國》竹視傳二C-網頁設計 Wed, 28 Oct 2015 22:50:15 +0800 http://mepopedia.com/forum/read.php?2481,77221,77519#msg-77519 http://mepopedia.com/forum/read.php?2481,77221,77519#msg-77519 以前沒有學過網頁設計，感覺有點困難，不過還是希望可以利用這學期的課好好學習

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.designmadeingermany.de/magazin/5/
是一個關於設計的網站，運用了某些透明效果，使得背景隨著用戶滑鼠滾輪向下滾動改變，比普通的背景更生動

學號:1035445219]]> 1035445219 104-1《中國》竹視傳二C-網頁設計 Wed, 30 Sep 2015 16:55:46 +0800 http://mepopedia.com/forum/read.php?2481,77221,77458#msg-77458 http://mepopedia.com/forum/read.php?2481,77221,77458#msg-77458
A:沒學過網頁 希望從基本的慢慢教


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

A:http://nonammme.shoplineapp.com/products?
很簡潔很清楚明瞭

3.學號:1035445183]]> fishmus 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 19:36:33 +0800 http://mepopedia.com/forum/read.php?2481,77221,77456#msg-77456 http://mepopedia.com/forum/read.php?2481,77221,77456#msg-77456 希望更加懂網頁設計語法怎麼運用，可以獨立架設網站 也想了解怎樣可以做出特殊的編排設計。

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
希望可以學習到更多之前不會的東西
http://www.asobi.com.tw//Shop/index.aspx
網頁設計的有質感 顏色很舒服柔和 畫面又帶有可愛元素 完整性高。
(:D(:D(:D

3.學號:1035445141]]> 1035445141 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 13:50:34 +0800 http://mepopedia.com/forum/read.php?2481,77221,77450#msg-77450 http://mepopedia.com/forum/read.php?2481,77221,77450#msg-77450 老師怎麼教我們 我們就努力的把功課做好
2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析
http://www.adidas.com.tw/originals
簡單的頁面 讓人一目了然


學號1035445180]]> 1035445180 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 12:11:14 +0800 http://mepopedia.com/forum/read.php?2481,77221,77449#msg-77449 http://mepopedia.com/forum/read.php?2481,77221,77449#msg-77449 學好二年級沒學好的!!
2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
希望可以學習到更多之前不會的東西
http://www.tripodking.com.tw/index2.aspx
網頁的設計跟店名很搭,很有質感,讓人想去吃
3.學號:1035445189]]> smile6911 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:54:54 +0800 http://mepopedia.com/forum/read.php?2481,77221,77448#msg-77448 http://mepopedia.com/forum/read.php?2481,77221,77448#msg-77448 可學習架構網站

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.underarmour.tw/
簡單但有質感

1035445108]]> 葉峻傑 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:39:54 +0800 http://mepopedia.com/forum/read.php?2481,77221,77447#msg-77447 http://mepopedia.com/forum/read.php?2481,77221,77447#msg-77447
沒概念 能學就學

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

http://www.ygfamily.com/
簡潔有力帥氣

學號:1035445186]]> 季妍 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:35:48 +0800 http://mepopedia.com/forum/read.php?2481,77221,77446#msg-77446 http://mepopedia.com/forum/read.php?2481,77221,77446#msg-77446 製作網頁的專業用法.

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.ikishop.co/ 覺得設計簡約讓人看起來很舒服清爽

1035445018]]> 廖慧伃0908 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:35:38 +0800 http://mepopedia.com/forum/read.php?2481,77221,77445#msg-77445 http://mepopedia.com/forum/read.php?2481,77221,77445#msg-77445
A:製作網頁和編排

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

A:是日本的設計網站，有不少不錯的平面廣告設計 http://www.opus-design.jp/

3.學號:1035445030]]> blue6062 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:35:31 +0800 http://mepopedia.com/forum/read.php?2481,77221,77444#msg-77444 http://mepopedia.com/forum/read.php?2481,77221,77444#msg-77444 希望能多學一點互動式的動畫網頁，及更多網頁的編排設計。

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.wulao.com.tw/
互動式的網頁讓人覺得很好玩，圖片排版也讓人食慾大開。

3學號:1035445207]]> ziii 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:35:10 +0800 http://mepopedia.com/forum/read.php?2481,77221,77443#msg-77443 http://mepopedia.com/forum/read.php?2481,77221,77443#msg-77443
期望能在這門課學到許多對於網頁設計的新知識及運用

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

http://www.brusheezy.com/
非常多好用的素材


1025445189]]> 1025445189 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:34:17 +0800 http://mepopedia.com/forum/read.php?2481,77221,77442#msg-77442 http://mepopedia.com/forum/read.php?2481,77221,77442#msg-77442
A:希望能學習到網頁基本概念及觀念，例如程式碼、版面設計。

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

A:把設計師逼瘋！挑戰你的貝茲曲線敏銳度 http://shape.method.ac/?again

互動式網頁，能增加使用者的印象。

3.學號:1035445015]]> ases41026 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:25:49 +0800 http://mepopedia.com/forum/read.php?2481,77221,77441#msg-77441 http://mepopedia.com/forum/read.php?2481,77221,77441#msg-77441
A:希望老師能不厭其煩的指導，因為我本人對這方面可能有些許的障礙，所以不期望能多學甚麼，只要能照著老師的進度走就好!!

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

A:JUKSY 線上流行雜誌。http://www.juksy.com/。這網站資訊多元，也有豐富國際議題。

3.學號:1035445216]]> hzpmp24 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:25:17 +0800 http://mepopedia.com/forum/read.php?2481,77221,77440#msg-77440 http://mepopedia.com/forum/read.php?2481,77221,77440#msg-77440 可學習架構拍賣網站
2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
Originals - Adidas
http://www.adidas.com.tw/originals
質感做很棒
東西簡單一目了然]]> 1035445024 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:24:48 +0800 http://mepopedia.com/forum/read.php?2481,77221,77439#msg-77439 http://mepopedia.com/forum/read.php?2481,77221,77439#msg-77439
A:希望能學習到網頁基本概念及觀念，例如程式碼、版面設計。

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

A:把設計師逼瘋！挑戰你的貝茲曲線敏銳度 http://shape.method.ac/?again

互動式網頁，能增加使用者的印象。

3.學號:1035445096]]> 曾謙柔 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:24:14 +0800 http://mepopedia.com/forum/read.php?2481,77221,77438#msg-77438 http://mepopedia.com/forum/read.php?2481,77221,77438#msg-77438 教我教我拜託拜託


2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
https://bhuntr.com/裡面包含各種設計比賽的資訊
學號1035445126]]> pippin 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:23:21 +0800 http://mepopedia.com/forum/read.php?2481,77221,77437#msg-77437 http://mepopedia.com/forum/read.php?2481,77221,77437#msg-77437
A:希望能將困難的程式碼學好，能夠做出一個吸引人的網頁。

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

A:http://www.bomb01.com/article/15817/2015年最讓地球人恨不得擁有的20大創意發明產品。]]> 1035445168 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:23:13 +0800 http://mepopedia.com/forum/read.php?2481,77221,77436#msg-77436 http://mepopedia.com/forum/read.php?2481,77221,77436#msg-77436
現在網路很發達 希望可以學習到更多相關資訊 :D:D:D

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

沒有特定耶 8-)]]> 1035445057 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:23:10 +0800 http://mepopedia.com/forum/read.php?2481,77221,77435#msg-77435 http://mepopedia.com/forum/read.php?2481,77221,77435#msg-77435 希望可以學會更多~


2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
http://www.jimmyspa.com/
喜歡幾米插畫的風格]]> 小吉 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:20:07 +0800 http://mepopedia.com/forum/read.php?2481,77221,77434#msg-77434 http://mepopedia.com/forum/read.php?2481,77221,77434#msg-77434
A:希望能學習到網頁基本概念及觀念，例如程式碼、版面設計。

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

A:把設計師逼瘋！挑戰你的貝茲曲線敏銳度 http://shape.method.ac/?again

互動式網頁，能增加使用者的印象。

3.學號:1035445195]]> ruiruiting 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:19:15 +0800 http://mepopedia.com/forum/read.php?2481,77221,77433#msg-77433 http://mepopedia.com/forum/read.php?2481,77221,77433#msg-77433 希望可以學習到許多實用的網頁語法及架構網頁的方式
2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
youtobe 頁面設計清楚明瞭，好操作、好搜尋
www.youtobe.com
3.學號1035445153]]> 1035445153 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:18:48 +0800 http://mepopedia.com/forum/read.php?2481,77221,77432#msg-77432 http://mepopedia.com/forum/read.php?2481,77221,77432#msg-77432
A:期待老師的課程 希望能學到程式碼等類似有關的網頁課程

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

A:許多logo設計都能在這參考 http://logooftheday.com/
能增加增進對商標的認知。

3.學號:1035445042]]> s850729 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:16:00 +0800 http://mepopedia.com/forum/read.php?2481,77221,77431#msg-77431 http://mepopedia.com/forum/read.php?2481,77221,77431#msg-77431
我希望能學習架設網站及設計的基本觀念另外能學好dreamweaver^^
2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。

www.mobile01.com/
Mobile01相當多的資訊網站

3.學號1035445192]]> chu8566 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:15:54 +0800 http://mepopedia.com/forum/read.php?2481,77221,77430#msg-77430 http://mepopedia.com/forum/read.php?2481,77221,77430#msg-77430
想要可以製作自己的網站類似品牌網拍，下單頁面~~
2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。

http://www.nike.com/tw/zh_tw/]]> 高永鈞 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:13:07 +0800 http://mepopedia.com/forum/read.php?2481,77221,77429#msg-77429 http://mepopedia.com/forum/read.php?2481,77221,77429#msg-77429 雖然從沒接觸網頁設計，希望可以透過老師的教導學習網頁的最基本。

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
很少在接觸，希望能在老師這裡吸收很多。]]> 1035445006 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:12:59 +0800 http://mepopedia.com/forum/read.php?2481,77221,77428#msg-77428 http://mepopedia.com/forum/read.php?2481,77221,77428#msg-77428
A:希望能學會基本的網頁程式設計

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

A:https://www.queenshop.com.tw/

QUEEN SHOP 網頁簡單好瀏覽

學號:1035445150]]> 李家欣 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:12:09 +0800 http://mepopedia.com/forum/read.php?2481,77221,77427#msg-77427 http://mepopedia.com/forum/read.php?2481,77221,77427#msg-77427
A:希望能學習到很多之前不會的東西

2.請將瀏覽過不錯及值得推薦的網站，網站名稱及網址列出，並試著說明及分析。
A:玩具人TOY People News [color=#0099FF]http://www.toy-people.com/[/color]
學號:1035445009]]> 濁濁 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:02:23 +0800 http://mepopedia.com/forum/read.php?2481,77221,77426#msg-77426 http://mepopedia.com/forum/read.php?2481,77221,77426#msg-77426
A:希望能學習到更多網頁編排設計的方式

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

A:賣點子 http://www.mydesy.com/
提共好的設計列子。

3.學號:1035445093]]> a27417944 104-1《中國》竹視傳二C-網頁設計 Thu, 24 Sep 2015 11:01:05 +0800