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

Advanced

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

[作業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.安裝好了,沒問題!



Edited 5 time(s). Last edit at 02/22/2019 08:24PM by 1055440119.
(編輯記錄)

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

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

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

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

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

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

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

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

是,暫時沒有問題
1075445038



Edited 2 time(s). Last edit at 02/22/2019 11:08PM by 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.是否已安裝好軟體?並提出任何相關問題!
目前尚未安裝,沒有其他問題。



Edited 1 time(s). Last edit at 02/23/2019 12:21AM by 1075445066.
(編輯記錄)

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.是否已安裝好軟體?並提出任何相關問題!
已經安裝了,當初因為我的帳號和密碼無法登入