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 2 time(s). Last edit at 09/15/2015 04:03PM by JinJin.
(編輯記錄)

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
>grinning smiley<希望這堂課能學習到很多網站的語法與技巧.能學習到動畫圖片文字很多知識.我會好好學習.更上一層樓hot smiley

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.invincible.com.tw/features.php
網站就是以很棒的地方就是將很酷的東西作了最佳的使用,滾動距離的次標題與動畫良好的結合.還有文章搭配圖片和影片更能吸引讀者注意.還有排版簡單明瞭不難找.不會雜亂thumbs up
這網站很好可以在第一時間獲得到很多資訊有關服飾.球鞋.衣服.褲子更種有名的牌子獲好看得穿搭.....

1.請寫下你對於本課程的期許:
能夠學到很多DW的功能
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.tripodking.com.tw/
這是鼎王麻辣鍋的網站 做得非常精緻 我很喜歡
他的主視覺和右邊小拉軸 都做得很仔細

學號:1035445187

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以學習更多做網頁的技能 讓自己變得更強更有能力 網頁中有動畫音樂之類的功能
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.eststore.tw/
風格獨特最上端有圖片在跑 下面的每張圖片滑鼠滑到時會放大 讓大家看得更清楚

1.我希望這學期這堂課可以讓我自己建構一個網頁,並且熟悉語法。


2.網站名稱:開飯川食堂
網誌:http://www.kaifun.com.tw/
1.這是一家餐廳上面的連結跟頁面結合,直接跳到自己要看 的,很方便。
2.設計得版面配置很可愛,讓人很輕鬆再看菜單的感覺。


1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望自己在這課堂上學習製作網頁然後有朝一日在網路上架設網站,讓所有人能更加瞭解自己的實力。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.discoverychannel.com.tw/
這是一個動物星球的網站,藉由視窗拉大或縮小調整視覺上的效果。smiling bouncing smiley

http://shophemline.com/
這是一個外國購物商場,也是可以藉由視窗拉大拉小來調整,也較不容易失去圖片原有的像素。


學號:1035445115

1.希望上完這學期的課程後能做出完整性很高又很有設計感的網頁。

2.網站名稱:博客來-2015大開學書展
網誌:http://www.books.com.tw/activity/2015/09/school/index.html?loc=tbanner_001
博客來有促銷活動時都會做出不同的網頁
1.符合活動的主題,打遊戲的畫面讓學生很有共鳴
2.設計很有互動性,分類也清楚不會失去網頁的功能

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望能在這門課裡學到更多關於架構網站跟設計屬於自己風格網頁的能力

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.apple.com/tw/ Apple官方網站
用簡潔有力的方式展示著自己的產品,同時也符合著他們產品本身的風格


學號:1035461022

1.希望能在這堂課學習到網頁設計的基礎語法,並且能夠實體做出自己設計的網站。
-------------------------------------------------------------------------------------------------------------
2.
(一)網站名稱:avion
網址:http://avionavion.jp/
說明:
1.風格清新簡潔
2.游標往下滑動,原在中間設置的飛機沒有動,但背景改變了,具生動且創意

學號:1035445130

(一)網站名稱:Elllo
網址:http://www.elllo.org/
說明:
1.Elllo網是英語聽力在線實驗室,有來自世界各地說英語的人的聽力素材
2.主要聚焦在練習聽力技能。有各種不同的話題,比如體育、旅遊、遊戲等,更棒的是每個音頻播放器下都會有相關的聽力文本,讓你可以邊聽邊對照。

(二)網站名稱:BBC Learning English
網址: http://www.bbc.co.uk/learningenglish/
說明:
1是個免費又好用的英語學習網站,從BBC Learning English你可以學習英文聽力和閱讀能力,並訓練英語口說能力,累積增加英文單字片語,以及熟練英文文法與練習正確的發音。
2.這在國內似乎有不少人在使用,裡面資源豐富、內容多元,又是個免費的網站,當然要拿來好好提升自己的英文能力!對於比較沒有時間的學習者,使用站內的6 Minute English專欄也是不錯的選擇。
103544509視傳2A羅苡嘉

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以紮實的學到網站架構的基本,再慢慢學到更進階的技巧,最後可以應用。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:vespa
http://www.vespa.com/
義大利vespa的官方網站,有科技感的黑灰色為底色,再搭配簡單的圖與清楚的標示,做出了簡單又有品味的網站。

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

希望這學期可以學到架設網站的技巧,熟悉語法,提升自己的能力


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

網站名稱:stylenanda服飾
網誌:http://tw.stylenanda.com/
這是一家服飾網拍,風格看起來簡單明瞭,分類也很清楚,
能讓顧客看到自己所需求的東西,能輕易上手

學號:1035445124

1.希望可以學習架設一個屬於自己的網站!

2. http://www.ariellemanesh.com/
這是一位我很喜歡的攝影師的網站
版面簡單 放上自己的攝影作品
是一個很舒服的網站~

學號-1035445121


1.希望能自己做出一個好的網頁,了解更多網頁知識。

(一)網站名稱:海棠網頁設計-網頁設計的專家
網址:http://www.begonia.tw/
說明:
1. 隨著網頁的移動,頁面的背景和小動畫也會跟著移動,很有趣。
2.操作方便,如果不想慢慢滑頁面,一按按鈕就會到想看的地方。
(二)網站名稱:食譜 | 多多開伙食譜分享
網址:http://www.dodocook.com/recipes/category
說明:
1.版面配置簡單易懂
2.按鈕的小圖案很可愛

學號-1035445214



Edited 1 time(s). Last edit at 09/21/2015 07:42PM by su su.
(編輯記錄)

1.希望這學期這堂課可以讓我學習如何好好架構一個網頁。
老師上課除了開範例以外,也可以多用影片來介紹怎麼製作網站比較有趣。
因為影片是蠻吸引人的一個教材。

2.網站名稱:黑秀設計網
網誌:http://www.heyshow.com/index.asp
1.因為本身是學習設計的,所以對於設計網會特別觀看一下,像是黑秀常常有設計師的資料作品交流以及比賽辦法。
對於黑色調的設計也很有質感。
2.可以清楚知道各個位置又不失乏味。

網站名稱:michelberger hotel
網誌:http://www.michelbergerhotel.com/#/de/rooms
1.這個網站設計讓我想挺驗去住一回!
一開頭是太空船飛向外太空,然後停留在一棟漂浮的大樓,外觀設計就是飯店外觀參考。
2.配合房間內造型設計做搭配超有趣,而且有些畫面的物件可以讓我們自由拖移跟遊戲。
3這樣的主視覺非常吸引人,線條很細膩



Edited 1 time(s). Last edit at 09/21/2015 07:51PM by janice tsai.
(編輯記錄)

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

想要學習到把動畫放在網頁上,在等待網頁開啟時有動畫看,讓使用者在等在網頁時不無聊。

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

Bascule http://www.bascule.co.jp/ 這個網站在一開始進入網頁時,有做一個小動畫,讓等待的人覺得很有趣,並且進去之後Bascule這幾個字都有做動畫,之後滑到最底點小陶土人就可以把整個網頁收起來,而且他從進去到結束都有很多的有趣小動畫。

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

對網頁程式設計蠻有興趣的,希望之後可以學到有能力自己架設一個網站,從最基礎的開始學起,一步一步慢慢來,才不會根本聽不懂老師在說什麼。

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

https://www.facebook.com/
臉書是現在幾乎人人都知道都會用的網站,非常的方便
1.隨時可以分享自己的近況以及心情
2.在臉書上你可以看到許多有趣的影片
3.可以上傳自己的照片,類似雲端的功能
4.你可以給自己喜歡的照片或影片案讚

學號-1035445082

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望將課程慢步驟紮實基礎,學習到建立吸引人的網頁、動態網頁
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
食品社群網-愛料理
https://icook.tw/

1.首頁分為三欄,人的視覺是由左到右,分為常見料理、熱門料理、名牌廚房,搜尋列在順手的右上方,在網站中也包括市集,有販賣廚具,整個版面簡單明瞭,瀏覽相關擺的地方適當不搶版面。

1035445160 施佳慧

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

(一)網站名稱:OOH LA LOVE
網址:http://oohlalove.com.tw/index.php#
說明:
1.喜歡它的文字跟圖片編排,簡單明瞭。
2. 點圖時,圖會改變,不會讓人感到覺得無聊,增加趣味。

(二)網站名稱:SIIDCHA
網址:http://en.siidcha.com/index.php
說明:
1.可愛小插圖,背景色都比較偏淡色,讓讀者視覺上可舒適閱讀。
2.旁邊有選擇按鍵,可方便尋找,增加方便。

學號1035445211

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

1.我希望能夠將網頁設計的相關知識及技能基礎等學習扎實,並且透過此課程能讓我在未來設計出更吸引人們使用的動態網頁。
2.YouTube
https://www.youtube.com/?gl=TW&hl=zh-TW
我覺得YouTube的搜尋功能很方便,而且想找的東西在YouTube上搜尋幾乎都找得到,由其是它會紀錄你的瀏覽資料,並且顯示推薦相關頻道及調查
每個用戶的個人喜好。






1035445055 吳孫儀

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

希望這學期可以學到一些網頁設計的基本技巧跟一些以後如過要自製網頁所必備的要領

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

網站名稱:VOGUE
網址:http://www.vogue.co.uk/
這是一個時尚網站,他的一些排版跟一些圖片的擺置都是屬於比較簡潔的,

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望在此課程中能夠學習到更多跟網頁設計有關的知識與學問,希望在未來的工作上能夠順利運用並且熟能身巧。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
https://www.behance.net/
這是一個跟設計有關的網頁,給予設計師平臺去發表自己的作品,內容包誇個種類的設計作品對設計者來說是一個非常好的機會能讓世界各地的人觀賞到您的作品。

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以學習和熟練如何架設一個基本的網站
並且有機會架設一個屬於自己個人的網站

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:infographic
網址:https://infogr.am/
說明:
1.整個網站不複雜,簡單且明瞭,方便大眾快速又熟悉的操作。
2.裡面豐富多樣的素材.格式,通通都是免費的。


學號:1035445001

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
因為之前小時候有接觸過,但長大後完全忘記,網頁設計如果沒有在用就都忘了,所以我只能從基礎開始學才知道需要學的是什麼,希望自己先好好地學會架設網站,學很熟之後在慢慢美化自己的頁面。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:PAUL
網址:http://www.paul-usa.com/
1.排版看起來很舒服不會很亂,但很有特色。
2.用圖區分每一格很美觀,圖片也很清晰,讓人專注在產品上,背景突顯出食物的顏色。
3.用色也不會太花,有主色再搭配文字鮮明的顏色讓它變成一種裝飾。

學號:1035445154



Edited 2 time(s). Last edit at 09/21/2015 11:29PM by 1035445154.
(編輯記錄)

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望自己在這課堂上學習製作網頁然後有朝一日在網路上架設網站,讓所有人能更加瞭解自己的實力。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.forzieri.com/
forzieri是一個國外優質品牌的購物網站

1.不複雜 簡單明瞭 操作上更方便
2.視窗的大小不會影響到按鍵和網頁的擺置

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能夠學習如何架構一個完整又美觀的網頁

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:pinterest
網址:https://www.pinterest.com/categories/design/
說明:
打上想要尋找內容的關鍵字 就可以找到很多東西
欣賞別人的作品

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

沒有學習過網頁設計,這一次是第一次,所以希望可以成功架設完成一個網站


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

網站: pixiv

網址: http://www.pixiv.net/

是一個主要由日本藝術家所組成的虛擬社群,裡面有很多的繪者,也是個大型的插畫資訊網。
可以透過分類尋找你像要看的資訊
關鍵字或圖可以點選收尋

BY 1035445184 邱品蓉



Edited 2 time(s). Last edit at 09/22/2015 12:36AM by 1035445184.
(編輯記錄)

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
我希望能夠學習到更多關於網頁設計的基本知識,漸漸的去熟悉網頁設計的實際製作方式,去製作一個外觀和功能性兼顧的網頁。

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

(一)網站名稱:StreetVoiceTW
網址:http://streetvoice.com/
說明:
1.網站上方有清楚的左右拉頁的廣告可以提供點選,能夠吸引人多花一點時間停留在此網站。
2.整個網站所介紹的歌曲都是以簡單的正方形為框架,有統一性。
3.點入歌曲,下方會直接開始播放試聽,不用再另外開啟一個新的網頁。


學號: 1035445088

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

對於本課程,期許自己能夠具備以前沒有的能力。熟悉軟體及架設一個屬於自己的網站!因為是第一次接觸稍顯陌生,希望自己跟上進度!

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

網站名稱:黑秀網
網址:http://www.heyshow.com/index.asp
說明:
1.台灣最具規模的設計社群網站
2.為創意工作者設立的網站,會員多為創意產業之公司組織或工作室有別於一般以學生為主之討論性質網站




1035445169



Edited 1 time(s). Last edit at 09/22/2015 12:39AM by jian1110.
(編輯記錄)

1035445061
1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望我可以在這堂課學到如何做出一個網頁。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.pinkoi.com/
這個網站賣很多設計、手做商品 排版簡單明瞭 一看就看到想要的東西
而且他分為"買設計"、"找靈感"、"逛櫥窗"、"讀設計"四個分類
馬上就能找到自己喜歡的商品 或者想找靈感時也可以從中挖掘

對未來的期許:
設計網站一直以來我都覺得是非常困難的,所以這學期有這門課程我很開心,因為可以學習到如何架設網站,我希望這學期可以學習到如何寫好程式還有如何排版才會好看,設計屬於自己的網站,還有看到學長姊的作品,都覺得非常厲害。

獎金獵人 https://bhuntr.com/tw 從高中就很喜歡這個網站,因為很多設計大大小小的比賽都在裡面找的到,還有網站都分類好不同的項目,也都規定年齡限制,還有比賽的內容非常清楚,所以我覺得這個網站架設的很好,也清楚明瞭。

1035445145 張子芸

1.對未來的期許:
希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
對於本課程,我希望可以學習到網頁製作的過程,然後可以學以致用。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析:
網站名稱:Hiiishare
網址:http://www.hiiishare.com/
說明及分析:覺得排版很乾淨俐落,
然後他有介紹很多設計的網站,
也有設計比賽網址可以讓人參加。
覺得這個網站不錯,所以想介紹這個網址。


2A邱薏娟

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望從基本開始慢慢學起,老師教什麼就先記什麼。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:Guitar吉他譜
網址:http://www.gtp.tw/
說明及分析:覺得排版很簡潔,然後因為本身有在練習吉他,右側有和弦查詢工具,便於初學者快速知道按法,也有很多實用的資訊及連結。

視傳2A 1035445073 許孟涵

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


2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
https://play.spotify.com/collection/songs
1.因為他介面簡單明瞭還能快速找到喜歡的音樂
2.他是一個很好用的網路音樂撥放器,設計簡單好看

未來期許:

希望這在堂課 我可以學習到甚麼是語法,以前聽到語法這種東西,感覺就很遙遠,所以我希望透過網頁設計這堂課來了解語法。


喜歡的網站:

https://soundcloud.com/

因為喜歡聽音樂,所以覺得這個音樂網站很好用,很多冷門的歌曲都搜尋的到,播放器在網頁下方也很方便操控


學號:1035445151

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

我希望能夠熟用架設網頁,以後在業界使用。

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

網站名稱:cargo
http://cargocollective.com/
說明及分析:版面簡潔一目了然,左上角的的cargo移過去還有動圖,就算把視窗變小他也會隨著改變,左邊目錄欄也會用綠點顯示你現在在的選項。
學號:1035445148

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能學習到網頁的編排以及如何使用網頁的程式碼形成一個有特色的網業。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:有機冷壓果汁
網址:http://goodiescleanse.com/cn
說明:
1.以產品來源有機作為主軸,並以簡潔的方塊圖示作為編排
2.版面較為簡潔有力,吸引顧客產品的來源是健康的
3.整體設計感覺給於顧客一個安心的保障

1035445067

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

希望能在本課當中學習如何架構自己的網頁,學習程式碼是什麼,好在未來能在業界中,甚至是生活中可以學以致用。

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

網站:https://www.youtube.com

youtube是設立在美國的一個影片分享網站,讓使用者上傳、觀看及分享影片或短片
網站的口號為「Broadcast Yourself」意為 : 表現你自己
在我認識的人們當中,由小甚至是年紀稍長的長輩其實都知道youtube這個網站
他不僅提供了很多影音、音樂,甚至是各種教學的短片,只要你有資訊產品,就可以上傳自己的作品
可以讓別人觀賞自己的作品,也可以去點閱其他人的作品
也帶了來很多社會影響,也是一種無形的連結通道。

視傳二A 1035445199

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望可以學習到更多關於網頁架設的能力,希望自己能夠儲備好這方邊的能力來加強自己的實力,也一直想學這相關的城市和應用所以學這門課也真的很開心,期許自己能夠再多個能力。
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。

獎金獵人 https://bhuntr.com/tw,這網站是高中時期有個老師非常推薦的,他希望讓我們多去參加比賽,也可以知道一山還有一山高,讓自己展拓視野。
視傳2A 1035445193

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

可以學習到如何架構網站,做出自己風格的網站


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

網站名稱:FM女鞋
網址:https://www.fmshoes.com.tw/
1.這個網址排列方式條理分明
2.版面配置簡單明瞭

學號:1035445094

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

這是我第一次接觸到網頁設計這門課,希望自己能夠學習到更多技巧,並且設計出獨樹一格的網頁。


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

(一)網站名稱:plurk 噗浪
網址:http://www.plurk.com/top/
說明: 這個網站排版簡單俐落,東西也是一目了然,在裏頭可以分享自己喜歡的事物、自己寫的文章、自己畫的圖,和網友分享、聊天。發現自己想看的圖片或是文章,他不會另外再開一個視窗,而是跳出一個小框框,然而小框框中除了圖片還包含了網友聊天的紀錄,看完之後,只需要點一下旁邊的空白處,小框框就會不見,是個很方便的設計。


姓名:梁尹菱
學號:1035445178

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
希望能按照現在的腳步,慢慢的一步步講解,讓以後也可以繼續活用。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱:Johnny's net
網址:http://www.johnnys-net.jp/
說明及分析:網站一開始就有多種語言可選擇,進入後還有最新的視頻,排列的方式也很豐富,裡面的分類也很齊全,能讓你一目了然。

視傳二A 1035445181

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
這是一個新的課程,希望老師能夠講解很詳細,不要講太快,也希望我進度都可以達到。

2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
網站名稱: lativ
網址:http://www.lativ.com.tw/
說明及分析:這網站排版簡單,想購買的東西一下就可以輕鬆找到,拍攝商品的解析度都很清楚,說明衣服的材質產地都非常詳細清楚,讓人能夠安心的購買。

視傳二A 1035445049

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

因為現在都看不懂語法希望能把它學好,然後在課程結束後能有能力架設一個網站。


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

(一)網站名稱:pinkoi
網址:http://www.pinkoi.com/
說明:
這個網站是有很多設計師的作品,可以在裡面購買,也有介紹設計的一些資訊。
而且分類也都蠻清楚,要搜尋起來也很方便。

1035445205



Edited 1 time(s). Last edit at 09/22/2015 02:22PM by 1035445205.
(編輯記錄)

1.希望這學期可以學到很多網頁的架構方法希望可以學會架網頁!


2.網站名稱:韓國觀光網頁
網誌:http://big5chinese.visitkorea.or.kr/cht/SI/SI_CH_2_14.jsp?cid=577118
1. 可以看到很多韓國才有的景點
2.有很詳細的介紹

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

好的網頁設計讓人想一探究竟到底是如何製作 我很喜歡在特別的網頁去思考去讚嘆 但是每每看到程式語法就看花了眼 希望可以藉由本次課程學習到初步的設計也可以建構屬於我的網頁.

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

(一)網站名稱tongue sticking out smileylanet行星
網址:http://www.wooplanet.com/allgoods.php
說明:結合各種對比色彩及設計想法創造出多重層次的創意

1.請寫下你對於本課程的期許,希望可以學習哪些網頁上的知識及技能,以作為後續課程的參考。
可以學習網頁設計的所以功能,並熟悉程式碼
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.mcdonalds.com.tw/tw/ch/index.html
我會注意到麥當勞的網頁設計是因為他的頁面很吸引人,而且區塊分得很細,訊息隨時更換
背景設計都很漂亮,很有趣,會讓人會心一笑的設計

1.請寫下你對於本課程的期許:
希望能夠學會用DW的功能
2.請將瀏覽過不錯及值得推薦的網站,網站名稱及網址列出,並試著說明及分析。
http://www.muji.com/tw/
這是無印良品的網站 畫面很乾淨整齊
每樣商品以及各說明也是讀起來清晰明瞭
讓人看了很舒服

學號:1035445196