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

Advanced

[第一週] 課程規範與網站基本概念

本週講義

1.網頁設計 課程規範與課程目標

2.網站基本概念

3.Dreamweaver 環境介紹

4.網站的概念與開發流程

以上PPT講義請至學生系統下載
[url=http://192.192.78.86/student_portal/]http://192.192.78.86/student_portal/[/url]

==================================================================

第一週須完成的任務:

一、安裝Dreamweaver軟體

二、開始閱讀關於html、css相關書籍,建立起基本概念        (請多多利用圖書館或網路資源)

三、填寫期初安置性評量問卷,讓老師了解大家。
https://docs.google.com/a/mepopedia.com/spreadsheet/viewform?formkey=dDRkZnlLbEZrTGN1dmd6djl5dGZiSlE6MQ

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

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

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


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

Firefox特色:
可以根據使用者的習慣與需要按裝Firefox套件,其功能可以加強瀏覽器實用性與安全性。
假使你正在網站站上發文,一不小心按錯上一頁或者回首頁的按鍵,分頁功能可以讓你救回辛苦打的網頁。
多元的套件雖然可以補足你想要的功能,不過套件安裝太多也會影響其使用的效能。
下載FireFox
http://moztw.org/


六、瀏覽網站時可隨時觀察或記錄不同瀏覽器閱讀時的差異。

七、多看多觀摩美觀且優良網站的設計,並隨時記錄優良網站的網址,以供後續設計的參考。

八、請在下次上課前,註冊完畢,填妥問卷,並回答以下問題(回答時請註明班級及學號)

1.是否已安裝好軟體及瀏覽器,有遇到甚麼問題嗎? (請試著安裝完之後再回答,不要還沒安裝就開始填寫,謝謝)

2.請將本週瀏覽的不錯的及值得推薦的網站,網站名稱及網址列出
範例:
(1) 網站名稱:our great adventure 音樂網站
網址:http://www.ourgreatadventure.co.uk/

(2) 網站名稱:Hollister Co. - Shop Official Site
網址:https://www.hollisterco.com/webapp/wcs/stores/servlet/HomePage?storeId=18157&catalogId=10201&langId=-1


[color=#CC0000]未達要求的同學,請按編輯修改[/color]



Edited 7 time(s). Last edit at 09/07/2011 11:36PM by JinJin.
(編輯記錄)

MEPOERs said:
HP: 同學們,老師的意思是要寫「值得分享、值得推薦」的網站,怎麼大家都寫 Yahoo、Google之類的。這些網站大家都已經知道了,不用再「推薦」了!
HP: 而且老師是要大家「下週上課前要安裝好軟體和瀏覽器」,不用現在就講「還沒安裝」啦。
1.還沒安裝
2.Firefox

1.還沒安裝
2.Google

1.還沒安裝

2.Google Chrome

1 還沒安裝
2 facebook



Edited 1 time(s). Last edit at 09/07/2011 11:56AM by 我誰.
(編輯記錄)

1.還沒

2.google



Edited 1 time(s). Last edit at 09/07/2011 11:54AM by roach016.
(編輯記錄)

安裝好了
http://tw.mydpi.com/mag/

1. 還沒安裝

2.Facebook

1.還沒安裝
2.Google

1.還沒安裝
2.GOOGLE



Edited 1 time(s). Last edit at 09/07/2011 09:59PM by SAIN.
(編輯記錄)

1.裝了
2.Google Chrome

1.還沒安裝
2.Google

1.還沒安裝
2.google

1.已安裝
2. Mydesy http://www.mydesy.com/

1.安裝完畢

2.http://maps.google.com.tw/

1.還沒安裝

2.http://www.angusthongsmovie.com/intl/uk/

1.Google Chrome

2.http://www.tuvie.com/
類設產品設計
我是B班...........

1. google / firefox 安裝好了
IE mac安裝不了....

2. O'logy流行媒體資訊網
http://www.o-logy.com/index.php

1.都沒問題,但用FireFox 習慣,對Google Chrome還很陌生
2.StreetVoice:http://tw.streetvoice.com/

1-B

1 都安裝了 沒問題

2 Behance Network
http://www.behance.net/?page=1&category=projects&browse=recent&time=all

1.都安裝好了
2.http://hao.360.cn/?src=bm
http://www.letsgou.com.tw/taipei
http://www.i-part.com.tw/
http://www.indievox.com/jackchou
http://xiaoyouxi.360.cn/

1.已安裝完成,沒有問題smiling smiley
2.推薦的部分喔...不知道要推薦什麼唉~找到適合推薦的再說嚕> <"

1.安裝好了,沒有問題

2. (1) Maria Carluccio 拼貼插畫
網址:http://www.mariacarluccio.com/

(2)Treehouse Editing
網址:http://www.treehouseediting.com/

我是1B班 學號1001445075

1. 安裝完~ 還是Google 瀏覽器好用ˋ

2. http://natalieshau.carbonmade.com/ (Natalie Shau插畫家)
http://www.verawang.com/wedding/ (Vera Wang設計師)
http://www.momaclub.com.tw/moma/main.asp (MOMA官網)
http://www.so-nice.com.tw/ (SO NICE官網)

1B

1.安裝好了,還滿喜歡Google Chrome的功能,沒什麼問題

2.http://vimeo.com/ 影片動畫

1.安裝了

2.洋蔥設計:
http://oniondesign.com.tw/

3.這是一個韓國購物網有著手繪的風格:
http://www.cherrykoko.com/

4.555 Design:
http://www.555design.org/

1.安裝完成,以前都只用IE,現在發現Google Chrome比IE好用很多。

2.獎金獵人
http://bhuntr.com/

金珉志 插畫家
http://www.ki204.com/main.htm

安裝了

http://www.bps1025.com/
覺得不錯的攝影相關網站

1.已安裝
2.插畫家索引網站 The Central Illustration Agency
http://www.centralillustration.com/index.asp

已安裝

http://www.elenakalisphoto.com/#home

安裝GOOGLE了

推薦網站:

合鉅室內設計有限公司 : ))
http://www.hoju.tw/about.php

1.已安裝,Google Chrome

2.[url=http://wolfculture.blogspot.com/]http://wolfculture.blogspot.com/[/url]

1.已安裝 ( Dreamweaver , Google Chrome )
2. 推薦的網站→ 波酷網 http://www.boco.com.tw/

1.Google Chrome及Dreamweaver無法安裝成功/其餘瀏覽器安裝完畢

2.圖文社群交流服務-pixiv
http://www.pixiv.net/

1-A 1001445009

安裝好複雜!!!
正在努力中.............

室內設計的網"讚"~很喜歡逛歐!
http://www.fullhouseid.com/zh/index2011b.htm

 
Internet Explorer (IE)
Google Chrome
Firefox
--------------- 三種瀏覽器皆 OK

Dreamweaver CS5 安裝之後開啟就會當機,無法使用

---------------

(1) 網站名稱:Links Patrocinados 設計師作品
網址:http://www.agencia110.com.br/

 ‧這個網頁的形式看起來雖然簡單
  但我非常喜歡他的配色和切換方式,簡單又不平凡

(2) 網站名稱:HeyShow 網 - 台灣設計師入口
網址:http://heyshow.com/

 ‧平常最喜歡逛的網站,可觀賞許多設計師的作品

---------------

1 - B - 1001445022
 

1.已安裝google dreamweaver無法...

2. http://www.flickr.com/

已安裝


奇特公共藝術
http://www.esobi.com.tw/space/gfcontent.html?gid=334&nowpage=2

我是視傳A班 1001445015

1.三種瀏覽器都安裝好了,但個人還是比較喜歡 google chrome !!
我是原本就安裝好了Dreamweaver CS3,使用一切正常。

2. [1] 網站名稱:louisvuitton
網址:http://www.louisvuitton.com/

[2] 網站名稱:臺北市立美術館
http://www.tfam.museum/

1.安裝好了

2.
http://www.annasui.com.tw/zh-tw/naturally-flawless/

http://www.7designers.com/main.htm

http://www.prajnaworks.com/

1.已安裝完成
2.http://www.designhouse.com.tw/

1.已安裝好各瀏覽器

2.http://www.7butterfly.com/

1.安裝好了

2.http://www.boco.com.tw/



Edited 1 time(s). Last edit at 09/14/2011 10:37AM by miki.
(編輯記錄)

1. GOOGLE未安裝

2.硬碟要換一個才能安裝

3.FLV<音樂轉檔網址
[url=http://kej.tw/flvretriever/][/url]

1.安裝好了喔

2.http://felitam.hkax.net/javascript.htm

1.安裝好了 但IE很容易當掉
2.黑秀網 http://www.heyshow.com.tw/

1:安裝好了!
2:http://www.boco.com.tw/

1. 安裝好了

2. http://www.cute.edu.tw/

沒有


http://tdesign.tw/

都好了。
沒特別的阻礙~

好像流錯地方了

沒大礙 都順利安裝了。

1.安裝完成~
2.http://www.elison.com.tw/

1.
Internet Explorer (IE)
Google Chrome
Firefox
都已安裝
2.
雅群空間設計-ARCH Interior Design
http://www.arch-design.com.tw/
柳宮燐個人-Immoral Boys 柳陌少年-
http://liouxhin.wolflord.com/immoral.htm
http://liouxhin.wolflord.com/
排版和圖案都很喜歡,很完美。

1.安裝了,IE不知道為何常常怪怪的
2.YAHOO!

已安裝


http://www.smtown.com/ 韓國官方網站