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

Advanced

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

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

第一週須完成的任務:

1. 安裝軟體


安裝必備軟體



1. 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



2. Notepad++

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

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

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



3. Dreamweaver


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



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


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



3. 教學網站註冊


http://mepopedia.com/forum/register.php?804
註冊完畢後,請至右上角『設定』→『個人資訊(編輯)』至少填寫學號
每位同學都必須註冊,有任何註冊問題請隨時反應。可以寄信到 ''.phorum_html_encode('mepo@mepopedia.com').'' 申請開通帳號,或於課堂上留下帳號及 email 由老師統一申請開通。

4. 認識瀏覽器


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

http://gs.statcounter.com/

1. Internet Explorer (IE)


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



2. Google Chrome


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



3. Firefox


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



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


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




6. 預備週課後問答


1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。

回覆完畢請註明學號。

範例:



(一)網站名稱: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.不用側邊欄,整合所有選單、內容至網頁,只要下拉滾輪即可看見的趨勢正流行。



補出說明:
1.響應式網頁設計(Responsive Web Design)

http://www.ibest.tw/images/01/responsive_design_1.png
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/



Edited 1 time(s). Last edit at 09/15/2015 04:04PM by JinJin.
(編輯記錄)

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學習到網頁基本概念及觀念,例如程式碼、版面設計。

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

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

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

3.學號:1035445129

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
完美 老師教的完美


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.heyshow.com/index.asp 資訊豐富 簡單易懂
學號1035445078



Edited 2 time(s). Last edit at 09/24/2015 12:49AM by 陳八羔子.
(編輯記錄)

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
可學習架構網站

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

1035445108

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
老師怎麼教 我就怎麼學 愛你啾咪

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.lativ.com.tw/ 完美 無懈可擊

學號:1035445090

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
老師好可愛


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://mepopedia.com/forum/posting.php?2481,reply,77245 老師網站好可愛啾咪

學號1035445066

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
可學習架構拍賣網站
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
Originals - Adidas
http://www.adidas.com.tw/originals
質感做很棒
東西簡單一目了然

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
製作網頁的專業用法.

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

1035445018

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
學好二年級沒學好的!!
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
希望可以學習到更多之前不會的東西
http://www.tripodking.com.tw/index2.aspx
網頁的設計跟店名很搭,很有質感,讓人想去吃
3.學號:1035445189

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望更加懂網頁設計語法怎麼運用,可以獨立架設網站 也想了解怎樣可以做出特殊的編排設計。

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

3.學號:1035445141

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望能學到更多的關於網頁設計及編排,或是程式語法上的清楚講解,讓我能更了解語法的意思跟編排設計的概念。



2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.niusnews.com/index.php/main/channel/entertainment/new/0/27 aius new妞新聞

簡潔的畫面,配色使視覺上很舒適,排版有序清楚明瞭,加上一點插畫式的圖樣又不失美感。

學號1035445102

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
學好二年級沒學好的!!
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://wonder-wall.com/#project/en
太立體了! 除了視覺還搭配聲音。感覺就像會動的生物。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望可以在學習到更多網頁的編排,還有更加瞭解網頁程式碼,可以做出一個好的網頁。


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://flikbikes.com/english/folding-bikes/carbon.php
網頁主題圖片很酷炫,容易吸引到別人目光,在編排上面也是簡單明瞭。

學號 1035445081

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
打好之前沒學好的基礎
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://2011.beercamp.com/
乍看之下好像沒有什麼特別,但實際點進去後滾動滑鼠滾輪,會發現它很酷! 字體會由小放大, 而不是一般上到下的瀏覽方式

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

希望在學完這堂課後可以學會基本的製作網頁,並且了解語法

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

很少在接觸

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望考試及格
我希望老師教的我都能吸收
我希望我能真的學會spinning smiley sticking its tongue out


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://hellomonday.com/
網站的互動設計很吸引人,版面編排業相當整齊美觀,用色也和內容相當呼應thumbs up

學號 1035445105

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能

學會製作網站,看懂奇怪的程式碼,會打程式。

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

ㄇㄞˋ 點子my desy
http://www.mydesy.com/tag/%E5%B9%B3%E9%9D%A2%E8%A8%AD%E8%A8%88
分享世界各地設計師作品,與創作理念,是激發靈感的網站。

克勞迪亞巴塞爾圖形與互動
http://claudiabasel.ch/#graphic http://claudiabasel.ch/#home
展識印刷品設計的網站,所有作品在同一頁面排開,可以清楚看到不同作品與不同的風格。

學號 1035445036

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
學習軟體運用技巧,了解語法的使用與用意。


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

http://www.elisacarareto.com/
頁面排列整齊不雜亂,圖畫的繪畫風格特別

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
雖然對網頁設計一點都不懂,希望可以學習看看網頁的基本。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
很少在接觸,不太記得有什麼,抱歉。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:很期待上老師的課,想學能用小動畫互動的網頁設計等等

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

A:http://www.lovfee.com/
很喜歡簡約風的網頁設計 簡單明瞭

A:3.學號:1035445159

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

希望能學到很多網頁設計的編排,語法的應用。


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

網站名稱:有.設計 uDesign
網址:http://shopping.udn.com/mall/cus/gbr/Cc1g03.do

畫面編排簡潔乾淨,很有設計感,配色很好看。

學號1035445162

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學到網頁設計所需的資訊,並且學以致用

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

A:google等待網頁時都有互動小遊戲,可愛又不無聊


3.學號:1035445156

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學習到更多網頁編排設計的方式

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

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

3.學號:1035445093

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學習到很多之前不會的東西

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
A:玩具人TOY People News http://www.toy-people.com/
學號:1035445009

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

想要可以製作自己的網站類似品牌網拍,下單頁面~~
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。

http://www.nike.com/tw/zh_tw/

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學會基本的網頁程式設計

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

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

QUEEN SHOP 網頁簡單好瀏覽

學號:1035445150

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
雖然從沒接觸網頁設計,希望可以透過老師的教導學習網頁的最基本。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
很少在接觸,希望能在老師這裡吸收很多。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

我希望能學習架設網站及設計的基本觀念另外能學好dreamweaver^^
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。

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

3.學號1035445192

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:期待老師的課程 希望能學到程式碼等類似有關的網頁課程

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

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

3.學號:1035445042

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以學習到許多實用的網頁語法及架構網頁的方式
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
youtobe 頁面設計清楚明瞭,好操作、好搜尋
www.youtobe.com
3.學號1035445153

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學習到網頁基本概念及觀念,例如程式碼、版面設計。

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

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

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

3.學號:1035445195

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以學會更多~


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.jimmyspa.com/
喜歡幾米插畫的風格

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

現在網路很發達 希望可以學習到更多相關資訊 grinning smileygrinning smileygrinning smiley

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

沒有特定耶 eye rolling smiley

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能將困難的程式碼學好,能夠做出一個吸引人的網頁。

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

A:http://www.bomb01.com/article/15817/2015年最讓地球人恨不得擁有的20大創意發明產品。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
教我教我拜託拜託


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
https://bhuntr.com/裡面包含各種設計比賽的資訊
學號1035445126

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學習到網頁基本概念及觀念,例如程式碼、版面設計。

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

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

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

3.學號:1035445096

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望老師能不厭其煩的指導,因為我本人對這方面可能有些許的障礙,所以不期望能多學甚麼,只要能照著老師的進度走就好!!

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

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

3.學號:1035445216

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:希望能學習到網頁基本概念及觀念,例如程式碼、版面設計。

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

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

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

3.學號:1035445015

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

期望能在這門課學到許多對於網頁設計的新知識及運用

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

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


1025445189

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能多學一點互動式的動畫網頁,及更多網頁的編排設計。

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

3學號:1035445207

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:製作網頁和編排

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

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

3.學號:1035445030

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

沒概念 能學就學

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

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

學號:1035445186

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
老師怎麼教我們 我們就努力的把功課做好
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析
http://www.adidas.com.tw/originals
簡單的頁面 讓人一目了然


學號1035445180

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。

A:沒學過網頁 希望從基本的慢慢教


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

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

3.學號:1035445183

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
以前沒有學過網頁設計,感覺有點困難,不過還是希望可以利用這學期的課好好學習

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

學號:1035445219

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我很喜歡老師的上課方式,教學清楚明瞭、活潑。


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



學號1035445048

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
老師好可愛


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

學號1035445027