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

Advanced

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

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

第一週須完成的任務:

1. 安裝軟體


安裝必備軟體

[hr]

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

[hr]

2. Notepad++

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

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

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

[hr]

3. Dreamweaver


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

[hr]

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


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

[hr]

3. 教學網站註冊


http://mepopedia.com/forum/register.php?804
註冊完畢後,請至右上角『設定』→『個人資訊(編輯)』至少填寫學號
每位同學都必須註冊,有任何註冊問題請隨時反應。可以寄信到 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

[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]

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


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


[hr]

6. 預備週課後問答


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/



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

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望,上課時老師可以講慢一點,這樣才可以吸收。


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.animalplanet.com.tw/
動物星球網站

我覺得!他的網頁的配色很不錯,很有在野外的感覺我很喜歡,動物拍得生靈活現。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望自己能在課堂上學習到很多東西,在將來的職場上能學以致用

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:HYPEBEAST
網誌:http://cn.hypebeast.com/
1. 網頁的背景以白色為主,佈局十分乾淨且具有時尚感。
2. 在這個網頁裏可以找到很多與設計相關的咨詢,可以了解現在最熱門的設計和流行藝術和時尚訊息。

學號 1035445137

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
A:
希望可以學到Dreamweaver的內容,應用架設個人的網站
希望說明別太快,因為我的大腦處理東西很慢

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
A:
https://www.behance.net/,Behance,這網頁為外國網站,上面內容還有其他設計的小內頁,可以點擊進入觀看,讓瀏覽者可以找到自己喜歡的風格,進入網站觀看、給予評價和鼓勵等,每一種類別或作品下方也都會有按讚數和瀏覽次數,便可知每個內頁的人氣度。那如果有加入會員,也可以將自己的作品上傳給世界各地的人看。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能掌握如何編輯和設計網頁,以美化網頁內容及外觀為主。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱: CARGO
網誌:http://cargocollective.com/
喜歡極簡風及一目了然的風格,全白的網頁背景簡單明了,這是一個關於設計海報的網站,每期更新的海報都會由上至下的羅列,十分清晰的佈局風格,為瀏覽網頁者提供快捷的瀏覽方式。

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

經過今天的課程介紹,感覺可以學到很多,希望我能吸收進去,雖然老師說這是很基本的製作,但是我覺得非常實用,而且老師今天給我們看了幾個範例,有些網頁看起來很有質感,希望我也可以製作出這樣的網頁!

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

(一)網站名稱:letters
網址:http://letters-inc.jp/
說明: 很特別,有些地方有細微動畫,而且隨著滑鼠往下滑動頁面,會有畫面一直往下延伸的感覺,很好玩!


(二)網站名稱:carbure
網址:http://carbure.co/
說明: 是一個可以和瀏覽網頁的人互動的一個網頁設計,首頁的小圖示可以用滑鼠來移動位置,很有趣!




1015448146

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
個人對於電腦軟體應用,非常害怕和排斥,希望在課程上能學好不會那麼排斥她
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
沒有電腦不方便所以沒有太多預覽資料pS回作業是用朋友的.

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

我希望除了講解Dreamweaver的操作過程外,也希望能學習到關於網頁版面的設計編排。

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

(一)網站名稱:RSQ
網址:http://rsq.com/
說明:
1.很喜歡這個網站一開頭燈亮起來的動畫,有一種揭開序幕的意味。
2.這是一家設計公司的網站,很有自己的風格,喜歡他們的網頁版面用色塊分成不同的區域,簡單易懂。

(二)網站名稱:Names for Change.
網址:https://www.namesforchange.org/
說明:
1.這是一家慈善機構的網站,顛覆了以往我對慈善機構網站的想像,很有設計感。
2.這個網站的顏色我覺得處理得很好,顏色豐富多元,但卻不會影響物品主體。
3.網站的版面區塊淺顯易懂,很清楚的表達物品項目與金額。

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

從來沒有接觸過網頁設計這個領域,所以希望能藉由這個課程學習到如何去設計一個好的網頁,也希望這課程能在日後的工作上有幫助。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:BAVOPRODIGY
網誌:http://www.bravoprodigy.com/
1. 一進去就可以簡單明瞭的知道裡面的產品是什麼。
2.首頁有展現設備的製作過程
回覆完畢請註明學號。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能給予足夠時間吸收課程內容,並對未來的工作有所幫助。


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:QUESTION2
網誌:http://budoucnost.utb.cz/en/
1.頁面乾淨不凌亂
2.右下有聯絡方法且清楚詳細

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望可以學到未來在職場上可以需要的能力,希望可以獨立架設自己的網頁。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:厚樺室內設計
網誌:http://www.howha.demo.works.tw/index.html
1. 頁面的左側,有放上這間公司的作品,然後作品用成動畫的照片,可以讓人清楚的看見。
2.下面的連結,特地用跟網頁對比的顏色,去做凸顯。
3.右側的設計,讓人一點進去就可以清楚看見公司簡介
回覆完畢請註明學號。

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

希望可以學習更多關於Dreamweaver的使用方式

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

網站名稱:博客來OKAPI-閱讀生活誌
網址:http://okapi.books.com.tw/index.php

網頁優點:簡潔與圖文分明
讓瀏覽網頁的人一目瞭然

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

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

網站名稱:Brooklyn Fare
網址:
http://www.brooklynfare.com/index.php
說明:介紹得很仔細,也清楚。

網站名稱:Creative People
網址:http://cpeople.ru/
說明:構圖很有趣也很好玩,以及頁面部分有很棒的插圖。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望自己能在課堂上學習到很多東西,在將來的職場上能學以致用

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱: Donguri Consulting
網誌:http://www.don-guri.com/doncon/
1. 網頁的背景動畫很可愛,配色也很吸引人,背景的音樂
2. 網頁左邊的選單跟這個網站的內容搭配得很好,做得很有特色。

學號 1035445185

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能給予足夠時間吸收課程內容,並對未來的工作有所幫助。
希望能多學習到不足的相關知識,像是css 程式碼等等的,只是看過根本就不知道是甚麼的縮寫,查了或許還是看不懂,希望經過老師的幫助能夠
更了解平常就在使用的網頁。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:NICONICO
網誌:http://www.nicovideo.jp/?header
1.條列項目很明確
2.畫面簡潔有力,不雜亂。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
▶我想學會Dreamweaver這個軟體,希望能學習到架設網站的概念與技巧並學以致用

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
(1)網站名稱:ADC
網址:http://www.tokyoadc.com/new/index.html
▶主頁的設計簡單不缺少豐富,作品動畫可以直接點選觀看作者的作品與個人簡介
▶網站的排版很舒服,我個人還滿喜歡的
(2)網站名稱:NIPPON DESIGN CENTER
網址:http://www.ndc.co.jp/?lang=zh-hans
▶簡單,淺顯易懂內容極為豐富的日本設計中心網站,資料多但排版連結都恰到好處
(3)網站名稱:Supreme
網址:http://www.supremenewyork.com/
▶很少看到衣服品牌的網站這麼簡單舒適的,排版字型很乾淨俐落

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

我希望老師可以講解慢一點....不要太快
也希望老師 在 比較難的地方 能講解2次或以上
讓我們弄明白 在下一個步驟
這樣才跟得上
不然跟不上 壓力會很大

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

突然想不到!!!!!!

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
想更了解Dreamweaver這個軟體,能發展出更多東西



2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網頁名稱:ㄇㄞˋ點子
網址:http://www.mydesy.com/
網頁優點:畫面簡單,內容豐富


1035445065

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望可以了解製作網站的一些相關的技能和一些語法~

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:behance
網誌:https://www.behance.net/
1. 各種的設計作品

回覆完畢請註明學號。 [color=#FF0099]1035445170[/color]spinning smiley sticking its tongue outspinning smiley sticking its tongue out

1/ 希望老師上課時老師可以講慢一點,雖然之前高中有學過一點 ,不過對網頁設計的語法還是覺得很有難度.
2/網站:ROS Photo.com
網址:http://www.rosphoto.com/best-of-the-best/?st=12

1.這是一個俄羅斯的攝影網站,我覺得整體的感覺很簡單,分類也非常清楚,如果經常使用便能迅速地找尋。
2.網站的欄位讓我感覺很清楚,字體顏色和大小都非常適中。



Edited 1 time(s). Last edit at 09/17/2015 12:04AM by EN-TZU LEE.
(編輯記錄)

網站名稱:Logo Of the day
網站網址:http://logooftheday.com/
說明:
商標是一個企業的品牌形象,它必須可以深深烙印在客戶的腦袋中,
而這是一個以logo為主角的網站,來自各地的設計師可以把他們的作品投稿在這個網站供大家欣賞.
相對的對設計科的學生來說,也是可以學習和參考的教科書.

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望我能夠學會如何架設自己的網拍的官網

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:LULUS
網誌:https://www.lulus.tw/Default.asp1.
1.版面設計的簡單大方,分類也多選項
2.能把所有資訊所用的一目瞭然

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

希望可以學到架設網站 美編 以後在工作可以運用。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱 1.http://www.dascorp.co.jp/
網誌:
1喜歡清心簡單的網站 讓人一目了然 雖然使用鮮明的黃色 但不會讓人覺得看了不舒服 結合可愛手繪小插圖很喜歡。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能更了解怎麼製作網頁和語法使用,也希望老師能給予足夠時間讓我們了解課程內容


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱: 株式会社太郎フーズ
網誌 :http://www.tarofoods.com/
1.頁面清楚,圖片清晰能夠馬上找到想要的東西
2.文字融合在背景大圖片中,且有日英兩種語言互相輔助,即使是外國人也能了解意思

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能在這個課程中把Dreamweaver這個軟體學習到好,然後如何架設網站跟了解在網頁中該注意得一些規範與要求

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:哲園建設
網誌:http://www.gf-live.com.tw/
1.一進去網站就有不同的層次動畫讓人可以清楚的閱讀
2.配色不會太過花俏讓人眼花撩亂
3.用紅色的字體來做區別讓人會在第一時間注意到

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以清楚了解程式碼的含意
也希望可以學習java script做出一些小動畫放在自己的網頁上
讓自己的網頁更獨特

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

(一)網站名稱:OK Studio
網址:http://www.ok-studios.de/home/
說明:

1.畫面簡約有動態感
2.覺得很特別

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

因為沒有學過網頁設計,所以希望可以藉由這兩堂課學到更多,可以自己設計出很棒令自己滿意的網站。希望老師可以教慢一點,讓我們有足夠的練習時間。

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

網站名稱:ㄇㄞˋ點子
網址:http://www.mydesy.com/
說明: 底色是白色,讓整個版面看起來很乾淨,很整齊。

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

網站名稱:ZARA
網誌:http://www.zara.com/tw/

1.這個網站以白色為主,布局十分的簡約,且內容清晰。
2.在左邊的選單裡可以非常快的找到自己想要的商品。
1035445014

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望,上課時老師可以講慢一點,因為我是重修沒人可以問drinking smiley


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://mediaqueri.es/ 看起來相當簡潔有力 給使用者感覺操作方便

1015445101

忘了把帳號設成學號 ( 學號:1035445176 )

1.可以學到東西就好~~~

2.[url=http://dappei.com/]http://dappei.com/[/url]
這個網站叫搭配牆dappei 裡面有很多衣服穿搭的照片 多觀看可以培養衣服穿搭能力 我超喜歡!

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

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

網址:https://www.apple.com/
說明:Apple的網站,很明確的顯示商品也很簡潔。

學號:1035445209

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
A:
希望可以學到Dreamweaver的內容,應用架設個人的網站
因為既然是專為設計師使用,希望能盡快學會,我對資訊類的挺頭痛的。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
A:
Tumblr,www.tumblr.com 部落格網站,因為能夠迅速找的喜歡的資訊,而且還能準確的推薦適合的部落格,我經常瀏覽各種讓我驚豔的藝術品和繪畫風格。

學號:1035445107

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

曾經不多不少也學過一點網頁設計與程式,可是都只略懂皮毛,希望可以在課程中學到更多有關這方面的知識,除了因為我本來對此就有興趣之外,也可以讓我日後有更多技能旁身,相信總有一天能派上用場。CSS部份比較困難,所以也想要學到更多CSS程式;同時,曾經小小學過JAVA的我,仍然不是很能理解它,因此也希望課程中(或者下學期)可以大略講解一下JAVA。


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

網站名稱: 馬術與馬
網址:http://www.horse.com.tw/main/main.shtml
1. 網頁的背景很簡單純樸,主角「馬」能夠被突出
2. 選單簡單易懂,分類仔細,容易找到所需資訊

網站名稱: Care2
網址:http://www.care2.com/
1. 版面詳細分類,用色統一,所有資訊一目了然


學號:1045245002

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望上了這堂課對於網頁設計可以學到更多。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
https://www.behance.net/
他是一個插畫網站,裡面有許多各國插畫家的作品,沒靈感或是想找表達方式時我都會逛逛這個網站,有時候很碰巧的就發現了需要的素材。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望學習到基本網頁知識,成功製作一個網頁,因為之前曾經接觸過一點有關網頁設計,
但並沒有佷清楚明白有關的編碼,所以希望不要教太快,以目前的速度就可以了.謝謝



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

網站名稱:art.com
http://www.art.com/
是有關不同的藝術作品,其中包括攝影,圖形設計等
我覺得網頁的分類簡潔和顏色配合能帶出現代藝術感
標題和字體設計能清楚説明和能夠吸引讀者注意.

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
之前跨系選修有選段文平的網頁設計,覺得語法很多很難背,希望這次能多吸收一些

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

一個發表文章的平台,排版很簡單俐落,能一眼看出各種內容



Edited 1 time(s). Last edit at 09/23/2015 03:20PM by liyin0616.
(編輯記錄)

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

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:Browser Awareness Day
http://www.browserawarenessday.com/#home
這是一個宣傳瀏覽器的網站,畫面看起來充滿趣味性,同時也很方便觀看,設計簡單又清晰。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能在本課程學習如何架設屬於自己的網站和透過寫簡單的程式來學習建立網頁的概念
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網誌:http://www.heyshow.com/index.asp
網站名稱:黑秀網
1. 在這網站可以隨時掌握設計相關的資訊和比賽,所以我覺得這個網站很方便

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能藉由這學期的課學習該如何架設屬於自己的網頁
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網誌:https://www.youtube.com/?feature=ytca
網站名稱:YOUTUBE
這個網站是全球都能觀看影片的一個網站,也可隨時上傳分享自己想播放的影片,是個方便又實用的網站

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


上次老師一個步驟一個步驟的教學很詳細也比較好吸收,希望之後也能繼續這樣下去。


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


(一)網站名稱:國民服飾PAZZO
網址:http://pazzo.com.tw/
說明:
1.風格清新簡潔,雖然是臺灣的服飾網站, 但是一打開網站卻好像來到國外的網站。
2.網頁簡單明瞭, 讓人簡單操作及收尋。


視傳2B 1035445222

1.請寫下你對於本課程的期許:
 希望可以設計出屬於自己的個人網站,會讓我在這個課程之後也想繼續使用的網站。


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
 (一) http://www.liugong.in/
   說明:感覺格式簡單,是可以完成學習的程度。
      背景和左側的按鈕可以使用自己畫的圖,我非常喜歡也是想學習的。
 (二) http://www.gameserver.com.tw/
說明:動態感十足的介面,非常可愛。
      不需要移動畫面的感覺也很新鮮。

學號:1035445218 柯惠文

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

希望老師可以像上次一樣慢慢講,一個步驟講解仔細,讓人比較好吸收學習。



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


(一)網站名稱:有. 設計uDesign-遇見台灣好設計
網址:http://shopping.udn.com/mall/cus/cat/Cc1c01.do?dc_cateid_0=0_059
說明:
1.裡面有許多充滿設計感的作品,也可以購物這些富有美感的作品。
2.網頁簡單清楚, 讓人容易操作及搜尋。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我覺得老師有點說的太快了,希望能慢慢地讓我們學。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://blog.yam.com/fulusosi/category/221330
我喜歡紅黑的搭配~所以我選了這個網站,而且我也喜歡插畫風格。

視傳2B

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能在這堂課學到基本網頁技能跟知識,能夠適度的理解基本架構。


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:瑞士山城
網誌 :http://www.prettyyard.com.tw/
1.頁面清楚,以動畫為設計,會覺得很有趣想繼續看下去。
2.以圖文版的方式讓對方比較了解地理,容易易懂,有各種地圖讓我們好了解,並說明那邊的特色。

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

Dreamweaver的操作是很重要的,想要把網頁設計這門課學好,因為網頁設計十分有用,未來也有可能用到,我對網頁設計滿有興趣的。

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

http://cargocollective.com
這個網站是很多設計類的圖片,可以提供靈感

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望,上課時老師可以講慢一點,這樣才可以吸收。


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.nike.com/tw/zh_tw/
nike
照片生動,拍得讓人想運動,有魄力,又兼具時尚

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

希望可以學習Dreamweaver的更種功能運用,在日後需要運用時可以派上用場

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

網站名稱:colorplaners
網址:http://www.colorplanpapers.com/

網頁優點:幫助配色的網頁 色彩繽紛生動有趣

視傳三B 1025445086 林怡潔

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

希望可以學習Dreamweaver的更種功能運用,在日後需要運用時可以派上用場

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

網站名稱:APPLE(台灣)
網址:http://www.apple.com/tw//?afid=p238%7Csd9nZSawW-dc_mtid_18707vxu38484_pcrid_70737312782_&cid=aos-tw-kwg-brand-slid-

網頁優點:簡單色調 感覺產品更凸顯質感

視傳三B 1025445077 儲德君