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

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


第一週須完成的任務：

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.是否已安裝好軟體？並提出任何相關問題！


回覆完畢請註明學號。

祝大家有個愉快的學習旅程！

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
沒有期許，但是會覺得以後可能會用到網頁設計。

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

3.是否已安裝好軟體？並提出任何相關問題！
還沒安裝好軟體，目前無問題。

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
我覺得在網路上，創造自己的作品，世界很棒的是，希望能在這堂課能學到成就。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？ 目前還沒有
3.是否已安裝好軟體？否 並提出任何相關問題！

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
之後能夠運用在作品集上，或是之後有開店也可以做個簡單的宣傳網站。

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

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

1.利用這節課建立一個網頁來放自己的作品集，可以透過網站認識我，或者幫家人的公司建一個有趣的官網做行銷。

2. 「Trainrobber」 http://www.trainrobber.com/
設計團隊的官方網站，點進去頁面看到的圖標會隨著鼠標慢慢移動，操作容易之外，還可以讓瀏覽者留下深刻印象，點下圖示會利用煙的特效轉換頁面我覺得很浮誇很特別。
「中國色」http://zhongguose.com/#yuhong
提供設計者使用的中國色色票網站，簡單的頁面操作起來非常方便，每個中國色都有一個名稱，點下就會顯示顏色的CMYK值量。

3.安裝好了，沒問題!



(編輯記錄)

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望能先把基礎給學好,以後如果要用到的話才能有個基礎在

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

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

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？

希望未來對於作品的審美與操作上能更進階，克服人生中的曲折，好讓我賣弄自己的學問

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

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

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

是，暫時沒有問題
1075445038



(編輯記錄)

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望我會懂，學會可以耍屌屌

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

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

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
我對網頁設計沒麼感覺 所以還不知道，一定有幫助阿 不然學這個幹嘛?
高中學過 覺得好難。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
衣服很好看 排版很好看 看了會想買。女生歡迎參考˙-˙b 但還是建議蝦皮或掏寶。
https://www.icecream12.com.tw/
3.是否已安裝好軟體？並提出任何相關問題！
沒安裝好 沒問題 我很好。那你呢?

1075445026

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望可以了解網頁的架構，對以後工作有幫助。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
Youtube https://www.youtube.com/ 裡面有各種種類的影片可以欣賞。
3.是否已安裝好軟體？並提出任何相關問題！
還沒，目前沒有問題。

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望自己能夠熟練網頁設計，未來工作時會用到。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
nipponcolors / http://nipponcolors.com/ 方便查詢顏色。
3.是否已安裝好軟體？並提出任何相關問題！
還沒，目前沒有。

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望藉由此次課程學習不同的知識，為將來文創或是和大家分享自己興趣時對網頁若有一定的認知，能好好用上自己所學習到的。

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

3.是否已安裝好軟體？並提出任何相關問題！
尚無安裝好軟體，目前無問題。

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望自己能夠設計出會讓人吸引的網頁。對我來說能夠讓自己多學一些技能對以後出路有幫助。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因?
我覺得不錯的網站Bonny&Read 是個賣飾品的網頁，這是網址https://www.bonnyread.com.tw/。版面與配色再加上商品的照片會讓人想買的衝動。
3.是否已安裝好軟體？並提出任何相關問題！
目前還沒安裝軟體，有疑問時會再向老師發問，也希望接下來的課程會很有趣。

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望未來的課程可以有趣一些，看到這麼複雜的課程，其實挺擔心自己會學不好的，我覺得會設計網頁在未來技能裡也是很不錯的一項。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
名稱 : DRAW WITH JAZZA 網址 : https://www.drawwithjazza.com/
我很喜歡他的排版方式，他選擇排放那種一點進去就能充分吸引人目光的照片，並把自己的作品大大方方的直接擺出來。
3.是否已安裝好軟體？並提出任何相關問題！
目前尚未安裝，沒有其他問題。



(編輯記錄)

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
我期許將來可以學到很多網頁設計方面的知識，這樣我或許可以應用在我未來的職業上。

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

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

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

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
能用更多方式呈現自己的作品，未來工作也有幫助，期許是希望能順利拿到學分。

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

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

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
希望這學期可以過關 不要被擋

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

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

3.是否已安裝好軟體？並提出任何相關問題！
還在想辦法破解

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
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:是 沒問題

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
A:很會打程式碼
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
A:https://www.danielwellington.com/tw/ 這是一個手表的網站，因為很有設計感希望未來我能力能到這樣
3.是否已安裝好軟體？並提出任何相關問題！
A:已安裝，CC版跟CS6差在哪?
1075445005

感覺很困難，不過會認真學習

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
感覺很難，不過會認真學習。
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
https://www.youtube.com/?hl=zh-TW&gl=TW
它很方便可以看影片
3.是否已安裝好軟體？並提出任何相關問題！
已安裝好

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

1.請寫下你對於本課程的期許，你覺得學習網頁設計對你有什麼幫助？
運用到出社會或是解決人民的方便
2.請將瀏覽過不錯及值得推薦的網站，列出網站名稱及網址，並試著說明及分析你覺得好的原因？
無意見，網站製作是幫客戶接案
3.是否已安裝好軟體？並提出任何相關問題！
已經安裝了，當初因為我的帳號和密碼無法登入