經過了一個寒假，為了讓大家回復記憶，請先複習基礎的網頁設計概念 網頁基礎複習 [url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url] [hr] 課堂範例 http://mepopedia.com/~web103-2a/hw01/hw01-102 [hr] 盒子模型／區塊模型（Box Model） 參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model） http://mepopedia.com/forum/read.php?844,15917 [img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img] [hr] 以及盒子與盒子(元素與元素)之間的關係 [hr] 作業說明 參照講義 [url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url] 自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色 可參考http://www.css3maker.com/ 適當加入CSS3效果 製作完畢請上傳FTP 下載：http://filezilla-project.org/download.php?type=client 並回覆於此篇文章 1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-103xxxxxxx 2.設計概念與製作心得： 3.何謂HTML、DIV及CSS 4.附上至少一個覺得設計很有質感的網站，並說明原因 5.期待這門課的學習成果與收穫為何? [hr] 範例： http://mepopedia.com/~web103-2a/hw01/hw01-102/ (1) http://mepopedia.com/~web102-c/hw01/hw01-1015445243/ (2) http://mepopedia.com/~web103-2a/hw01/hw01-1025445058/ (3) http://mepopedia.com/~web103-2a/hw01/hw01-1025445178/ (4) http://mepopedia.com/~web103-2a/hw01/hw01-1025445073/ http://mepopedia.com/forum/read.php?1651,42170 [hr] 上課影音 2015 03 05作業一課堂講解 http://youtu.be/TnaMIVYyf4Y http://mepopedia.com/forum/read.php?2562,79965,79965#msg-79965 Sat, 24 Oct 2026 23:54:30 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2562,79965,82107#msg-82107 http://mepopedia.com/forum/read.php?2562,79965,82107#msg-82107
2.設計概念與製作心得：
用黑色和深色來表達星際大戰的太空風格
3.何謂HTML、DIV及CSS

HTML：負責建構網頁的基本架構
CSS ：負責美化網頁的任務
DIV ：使用標籤來建立網頁區塊

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.caco.com.tw/Shop/
整個畫面很簡單、乾淨

5.期待這門課的學習成果與收穫為何?
希望學到更多]]> pippin 104-2《中國》竹視傳二C-進階網頁設計 Sun, 19 Jun 2016 00:42:48 +0800 http://mepopedia.com/forum/read.php?2562,79965,82027#msg-82027 http://mepopedia.com/forum/read.php?2562,79965,82027#msg-82027 2.設計概念與製作心得：有點難

5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
不要太困難就好> ases41026 104-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Jun 2016 12:09:11 +0800 http://mepopedia.com/forum/read.php?2562,79965,81123#msg-81123 http://mepopedia.com/forum/read.php?2562,79965,81123#msg-81123
2.設計概念與製作心得：
跟上學期差不多 還可以

3.何謂HTML、DIV及CSS
html：架構網頁的基本內容與形體
DIV：分類群組化的標籤
CSS：美化網頁的語法

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://totteoki.sanyo-kyushu.jp/　很有質感

5.期待這門課的學習成果與收穫為何？
希望可以學得更好]]> 1035445084 104-2《中國》竹視傳二C-進階網頁設計 Sun, 24 Apr 2016 11:58:05 +0800 http://mepopedia.com/forum/read.php?2562,79965,81098#msg-81098 http://mepopedia.com/forum/read.php?2562,79965,81098#msg-81098 2.設計概念與製作心得：了解最新歐美穿搭品牌
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因http://www.forever21.cn/Default.aspx
配色跟架構都很棒
5.期待這門課的學習成果與收穫為何? 希望能多學一些]]> ases41026 104-2《中國》竹視傳二C-進階網頁設計 Thu, 21 Apr 2016 14:54:49 +0800 http://mepopedia.com/forum/read.php?2562,79965,81085#msg-81085 http://mepopedia.com/forum/read.php?2562,79965,81085#msg-81085 2.設計概念與製作心得： 心情五味雜成
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，https://tw.yahoo.com/ 原因:甚麼都有甚麼都賣甚麼都不奇怪
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁]]> 彭八羔子 104-2《中國》竹視傳二C-進階網頁設計 Thu, 21 Apr 2016 09:04:52 +0800 http://mepopedia.com/forum/read.php?2562,79965,81060#msg-81060 http://mepopedia.com/forum/read.php?2562,79965,81060#msg-81060 2.設計概念與製作心得： 大概沒問題，就是英文看不懂需要找一下:OO
顏色用木下給人的感覺，清新風格~淡藍.黃.粉，這是看過她很多youtb影片後的想法。
3.何謂HTML、DIV及CSS
HTML是區域和色塊範圍-身體
CSS是改顏色.字體和各種粗細.陰影-內涵
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.mo-bo.com.tw/?gclid=Cj0KEQjw0dy4BRCuuL_e5MeqmNABEiQAq8iNIzRQX1wiPvkJR8gAFcEKZw0qHYdo-3hQH52dy8Fjw0oaAt2x8P8HAQ&gclsrc=aw.ds
MO-BO雖然是服裝網站但畫面簡潔背景純白讓人看起來很舒適，不是只用1.2種字體就結束而是搭配設計的樣式選字體，重視設計感。
5.期待這門課的學習成果與收穫為何?
超流暢可以自己快速製作出一個網站，能做出自己想要的樣式。]]> 1035445141 104-2《中國》竹視傳二C-進階網頁設計 Thu, 21 Apr 2016 01:37:28 +0800 http://mepopedia.com/forum/read.php?2562,79965,81021#msg-81021 http://mepopedia.com/forum/read.php?2562,79965,81021#msg-81021 2.設計概念與製作心得：講解時下年輕人常用的社群程式
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因https://www.facebook.com/
就是一個經典
5.期待這門課的學習成果與收穫為何?希望能成為優秀的網頁設計師]]> 1035445201 104-2《中國》竹視傳二C-進階網頁設計 Wed, 20 Apr 2016 14:58:15 +0800 http://mepopedia.com/forum/read.php?2562,79965,81010#msg-81010 http://mepopedia.com/forum/read.php?2562,79965,81010#msg-81010 2.設計概念與製作心得： 過了一個寒假 東西既然還記得。
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因]]> 1035445120 104-2《中國》竹視傳二C-進階網頁設計 Wed, 20 Apr 2016 01:59:36 +0800 http://mepopedia.com/forum/read.php?2562,79965,81007#msg-81007 http://mepopedia.com/forum/read.php?2562,79965,81007#msg-81007 2.設計概念與製作心得：有點忘記怎麼用了
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.idid-clothing.com/
很簡潔清楚
5.期待這門課的學習成果與收穫為何? 不要一直忘記怎麼做就好了]]> fishmus 104-2《中國》竹視傳二C-進階網頁設計 Wed, 20 Apr 2016 01:51:20 +0800 http://mepopedia.com/forum/read.php?2562,79965,80776#msg-80776 http://mepopedia.com/forum/read.php?2562,79965,80776#msg-80776 2.設計概念與製作心得： 因為是簡單的,所以還算順利
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何? 我手殘,只能繼續殘]]> lilyred 104-2《中國》竹視傳二C-進階網頁設計 Thu, 14 Apr 2016 04:06:03 +0800 http://mepopedia.com/forum/read.php?2562,79965,80768#msg-80768 http://mepopedia.com/forum/read.php?2562,79965,80768#msg-80768 2.設計概念與製作心得： 過了一個寒假有點忘了
3.何謂HTML、DIV及CSS
HTML：負責建構網頁的基本架構
CSS ：專門負責美化網頁的任務
DIV ：使用標籤來建立網頁區塊

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://wildbluetech.com/#0

5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
希望能夠加入flash]]> MeiJunLee 104-2《中國》竹視傳二C-進階網頁設計 Wed, 13 Apr 2016 22:36:27 +0800 http://mepopedia.com/forum/read.php?2562,79965,80719#msg-80719 http://mepopedia.com/forum/read.php?2562,79965,80719#msg-80719 2.設計概念與製作心得：會越來越好的
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站http://www.ginahello.com/ 讓人感覺乾淨簡約喜歡黑白的風格
5.期待這門課的學習成果與收穫為何? 希望自己越來越進步就好了 收穫越來越多]]> 廖慧伃0908 104-2《中國》竹視傳二C-進階網頁設計 Tue, 12 Apr 2016 01:49:16 +0800 http://mepopedia.com/forum/read.php?2562,79965,80668#msg-80668 http://mepopedia.com/forum/read.php?2562,79965,80668#msg-80668 2.設計概念與製作心得：前幾天在電視上又看到播出的畫面
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因http://www.muji.com/tw/
畫面簡潔乾淨
5.期待這門課的學習成果與收穫為何? 我希望可以學到更精深，我會加油!!]]> 1035445180 104-2《中國》竹視傳二C-進階網頁設計 Fri, 08 Apr 2016 18:25:59 +0800 http://mepopedia.com/forum/read.php?2562,79965,80663#msg-80663 http://mepopedia.com/forum/read.php?2562,79965,80663#msg-80663
2.設計概念與製作心得：
馬卡隆色系，很難。

3.何謂HTML、DIV及CSS

HTML：網頁的基本架構
CSS ：美化網頁
DIV ：使用標籤來建立網頁區塊

4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?
期待學習更多網頁設計相關的知識]]> 林悅煦 104-2《中國》竹視傳二C-進階網頁設計 Fri, 08 Apr 2016 16:16:46 +0800 http://mepopedia.com/forum/read.php?2562,79965,80641#msg-80641 http://mepopedia.com/forum/read.php?2562,79965,80641#msg-80641 2.設計概念與製作心得：學習很多
3.何謂HTML、DIV及CSS
HTML是一種網頁使用的語言，是一種描述超文件的註記語言SGML所制訂出的一種網頁語言。
DIV是一個區塊級容器(block-level container)，這代表在div標籤後會換行。
CSS是層疊樣式表，又稱層次結構式樣式表文件，一種用來為結構化文檔添加樣式的計算機語言。
4.附上至少一個覺得設計很有質感的網站，並說明原因 http://www.adidas.com.tw/ 排版 質感看起來很不錯
5.期待這門課的學習成果與收穫為何? 期待以後可以自己架設網站賣東西]]> fish635410 104-2《中國》竹視傳二C-進階網頁設計 Thu, 07 Apr 2016 11:39:38 +0800 http://mepopedia.com/forum/read.php?2562,79965,80629#msg-80629 http://mepopedia.com/forum/read.php?2562,79965,80629#msg-80629
http://mepopedia.com/~css104-2c/hw01/hw01-1035445114

2.設計概念與製作心得：

回到做網頁的時間了

3.何謂HTML、DIV及CSS

HTML: 用於建構網頁的架構

DIV: 以標籤的方式將網頁建立於不同區塊

CSS:美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因

http://www.muji.com/tw/

5.期待這門課的學習成果與收穫為何?

希望對未來幫助很大]]> 小吉 104-2《中國》竹視傳二C-進階網頁設計 Wed, 06 Apr 2016 19:13:18 +0800 http://mepopedia.com/forum/read.php?2562,79965,80607#msg-80607 http://mepopedia.com/forum/read.php?2562,79965,80607#msg-80607 2.設計概念與製作心得： 01通常都頗簡單做很快
3.何謂HTML、DIV及CSS
html：架構網頁的基本內容與形體
DIV：標籤
CSS：外觀語法
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://disp.cc/
事實上醜
但是經典
5.期待這門課的學習成果與收穫為何
成為網頁高手]]> 季妍 104-2《中國》竹視傳二C-進階網頁設計 Mon, 04 Apr 2016 21:20:00 +0800 http://mepopedia.com/forum/read.php?2562,79965,80606#msg-80606 http://mepopedia.com/forum/read.php?2562,79965,80606#msg-80606
http://mepopedia.com/~css104-2c/hw01/hw01-1035445072

2.設計概念與製作心得：

以8%ice為主題的黑白配色，外加一點灰色。

3.何謂HTML、DIV及CSS

HTML: 用於建構網頁的架構

DIV: 以標籤的方式將網頁建立於不同區塊

CSS:美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因

5.期待這門課的學習成果與收穫為何?

希望能更進步！]]> 1035445072 104-2《中國》竹視傳二C-進階網頁設計 Mon, 04 Apr 2016 18:48:16 +0800 http://mepopedia.com/forum/read.php?2562,79965,80596#msg-80596 http://mepopedia.com/forum/read.php?2562,79965,80596#msg-80596 2.設計概念與製作心得：可愛北極熊要消失了...
3.何謂HTML、DIV及CSS
HTML是一種網頁使用的語言，是一種描述超文件的註記語言SGML所制訂出的一種網頁語言。
DIV是一個區塊級容器(block-level container)，這代表在div標籤後會換行。
CSS是層疊樣式表，又稱層次結構式樣式表文件，一種用來為結構化文檔添加樣式的計算機語言。
4.附上至少一個覺得設計很有質感的網站，並說明原因 http://www.cw.com.tw/home.action
5.期待這門課的學習成果與收穫為何? 自行完成]]> 高永鈞 104-2《中國》竹視傳二C-進階網頁設計 Sat, 02 Apr 2016 17:08:49 +0800 http://mepopedia.com/forum/read.php?2562,79965,80592#msg-80592 http://mepopedia.com/forum/read.php?2562,79965,80592#msg-80592
2.設計概念與製作心得：
以前就做過的東西，所以不難

3.何謂HTML、DIV及CSS
html：架構網頁的基本內容與形體
DIV：分類群組化的標籤
CSS：語法

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.ettoday.net/dalemon/　清楚明瞭，一目了然

5.期待這門課的學習成果與收穫為何？
希望可以更順暢吧]]> 珮璇 104-2《中國》竹視傳二C-進階網頁設計 Sat, 02 Apr 2016 13:01:30 +0800 http://mepopedia.com/forum/read.php?2562,79965,80574#msg-80574 http://mepopedia.com/forum/read.php?2562,79965,80574#msg-80574 2.設計概念與製作心得：做完很有成就感
3.何謂HTML、DIV及CSS
HTML：負責建構網頁的基本架構
CSS ：專門負責美化網頁的任務
DIV ：使用標籤來建立網頁區塊
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.cartoonbank.com/ 簡單乾淨
5.期待這門課的學習成果與收穫為何? 學會做好一個網頁]]> 1035445096 104-2《中國》竹視傳二C-進階網頁設計 Thu, 31 Mar 2016 11:42:12 +0800 http://mepopedia.com/forum/read.php?2562,79965,80548#msg-80548 http://mepopedia.com/forum/read.php?2562,79965,80548#msg-80548 2.設計概念與製作心得： 做作業的時候都幾乎忘光了好想哭 慢慢摸索....喔!想起來了拉~
3.何謂HTML、DIV及CSS
HTML: 用於建構網頁的架構

DIV: 以標籤的方式將網頁建立於不同區塊

CSS:美化網頁
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.ndc.co.jp/hara/en/ 很乾淨的網站我很喜歡
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
不要太難都好~~~]]> 1035445156 104-2《中國》竹視傳二C-進階網頁設計 Wed, 30 Mar 2016 22:30:07 +0800 http://mepopedia.com/forum/read.php?2562,79965,80546#msg-80546 http://mepopedia.com/forum/read.php?2562,79965,80546#msg-80546 2.設計概念與製作心得：
一個月沒上課全部都忘記了。
3.何謂HTML、DIV及CSS
HTML：建構網頁的基本架構
CSS ：美化網頁
DIV ：建立網頁區塊
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://pick.mydesy.com/
覺得編排明瞭簡單
5.期待這門課的學習成果與收穫為何?
希望能學習更多]]> 濁濁 104-2《中國》竹視傳二C-進階網頁設計 Wed, 30 Mar 2016 22:03:39 +0800 http://mepopedia.com/forum/read.php?2562,79965,80448#msg-80448 http://mepopedia.com/forum/read.php?2562,79965,80448#msg-80448
2.設計概念與製作心得：
真要命 都快出竅了 要看綠色平靜心情

3.何謂HTML、DIV及CSS
一個是網頁內容擺設 一個是網頁美觀設計 DIV是標籤(同學教我的)

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.typeisbeautiful.com/因為是設計網站 所以很有設計感(廢話)

5.期待這門課的學習成果與收穫為何?
ㄚㄚㄚㄚ ㄚㄚㄚ不要太困難 希望我學得會]]> 1035445036 104-2《中國》竹視傳二C-進階網頁設計 Thu, 24 Mar 2016 12:28:15 +0800 http://mepopedia.com/forum/read.php?2562,79965,80433#msg-80433 http://mepopedia.com/forum/read.php?2562,79965,80433#msg-80433 2.設計概念與製作心得： 還行
3.何謂HTML、DIV及CSS
網站架構 標籤 皮膚改顏色
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.dongtw.com/ 簡單 詳細
5.期待這門課的學習成果與收穫為何?
越來越好囉]]> 1035445024 104-2《中國》竹視傳二C-進階網頁設計 Thu, 24 Mar 2016 01:10:32 +0800 http://mepopedia.com/forum/read.php?2562,79965,80416#msg-80416 http://mepopedia.com/forum/read.php?2562,79965,80416#msg-80416
2.設計概念與製作心得：以主人物衣服配色為主色調
3.何謂HTML、DIV及CSS

HTML:編寫網頁的語言
DIV:結構，每段程式語言的頭跟尾都會有< div id"=" >、< /div >
CSS:美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.disneystore.com/
色調統一
5.期待這門課的學習成果與收穫為何?
能更熟悉程式碼]]> 1015445256 104-2《中國》竹視傳二C-進階網頁設計 Wed, 23 Mar 2016 19:19:04 +0800 http://mepopedia.com/forum/read.php?2562,79965,80415#msg-80415 http://mepopedia.com/forum/read.php?2562,79965,80415#msg-80415
2.設計概念與製作心得： 馬雅文化讓人聯想到黃色系

3.何謂HTML、DIV及CSS

HTML:編寫網頁的語言
DIV:結構，每段程式語言的頭跟尾都會有< div id"=" >、< /div >
CSS:美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.katyperry.com/
有質感
5.期待這門課的學習成果與收穫為何?
老師總是教得非常仔細，一定可以學習更多東西。]]> 1015445210 104-2《中國》竹視傳二C-進階網頁設計 Wed, 23 Mar 2016 18:27:51 +0800 http://mepopedia.com/forum/read.php?2562,79965,80347#msg-80347 http://mepopedia.com/forum/read.php?2562,79965,80347#msg-80347 2.設計概念與製作心得：航海王的魯夫風
3.何謂HTML、DIV及CSS :
html是用來建立架構網頁的基本內容與形體

DIV是一種將許多文字分類群組化的標籤

CSS是用來編輯網頁內的美編設計重要語法
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.gamer.com.tw/
每次上去都很好看
5.期待這門課的學習成果與收穫為何?
學到更多~]]> 1035445081 104-2《中國》竹視傳二C-進階網頁設計 Sun, 20 Mar 2016 18:46:54 +0800 http://mepopedia.com/forum/read.php?2562,79965,80340#msg-80340 http://mepopedia.com/forum/read.php?2562,79965,80340#msg-80340 2.設計概念與製作心得：以UNILQLO為主題
3.何謂HTML、DIV及CSS
HTML：負責建構網頁的基本架構
CSS ：專門負責美化網頁的任務
DIV ：使用標籤來建立網頁區塊
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.airspace.com.tw/
覺得排版清晰舒服
5.期待這門課的學習成果與收穫為何? 希望可以學到更多網頁設計的知識]]> a27417944 104-2《中國》竹視傳二C-進階網頁設計 Fri, 18 Mar 2016 21:19:54 +0800 http://mepopedia.com/forum/read.php?2562,79965,80332#msg-80332 http://mepopedia.com/forum/read.php?2562,79965,80332#msg-80332 2.設計概念與製作心得：喜歡這個運動品牌 以黑白為主
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何? 希望可以慢慢學會有質感的網頁設計]]> 李家欣 104-2《中國》竹視傳二C-進階網頁設計 Thu, 17 Mar 2016 23:02:41 +0800