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

Advanced

[作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

104-2《中國》竹視傳二A-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
  1. 1. 網頁基礎複習
  2. 2. 課堂範例
  3. 3. 盒子模型／區塊模型（Box Model）
  4. 4. 作業說明
  5. 5. 上課影音
經過了一個寒假，為了讓大家回復記憶，請先複習基礎的網頁設計概念

1. 網頁基礎複習


[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]

[hr]

2. 課堂範例


http://mepopedia.com/~web103-2a/hw01/hw01-102

[hr]

3. 盒子模型／區塊模型（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]

4. 作業說明


參照講義
[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-2a/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]

5. 上課影音



2015 03 05作業一課堂講解
http://youtu.be/TnaMIVYyf4Y





Edited 1 time(s). Last edit at 02/23/2016 02:01PM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
kelly270 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445115
2.設計概念與製作心得：覺得可以自由自在去設計
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://jx3.molome.tw/home
能夠擁有許多設計連結讓人有想玩衝動
5.期待這門課的學習成果與收穫為何? 能讓網業越來越活靈活現

學號：1035445115

推薦 / 評論　 分享到Facebook     回應文章 Quote
林旆瑀 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445064
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445064
2.設計概念與製作心得：
我的主題是舞蹈(現代舞)，想要有舞蹈律動柔美的感覺，指是我要的感覺沒出來。(配色還沒找到)想用咖啡色、白色、灰色這三種顏色去分配
因為它有樸素美 純粹就是肢體的柔美，不過自己做得還沒有現代舞蹈的魅力。

3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://v.wudao.com/
主要是內容蠻豐富的，可以找到很多不同的舞蹈，視覺也非常簡單，色調分配得不錯，

5.期待這門課的學習成果與收穫為何?
希望可以把我喜愛的東西，做成設計。
可以把每種舞蹈的特色用顏色以及視覺效果分出來。spinning smiley sticking its tongue out

推薦 / 評論　 分享到Facebook     回應文章 Quote
林于珊 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445103/
2.設計概念與製作心得： 以小王子為主題來製作
3.何謂HTML、DIV及CSS
HTML是網站架構
CSS是網頁設計
DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://standby-inc.com/
顏色簡單，卻不單調，給人有一種視覺上的享受
5.期待這門課的學習成果與收穫為何?
對DreamWeaver越來越熟悉

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445205 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445205
2.設計概念與製作心得：
ㄇㄚˊ幾兔
我覺得他很可愛 所以做他的網站
做了很久 遇到很多問題 像是圖片跑掉
但最後完成很有成就感。
3.何謂HTML、DIV及CSS
網站架構是HTML
網頁的區分命名是DIV
網頁設計是CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.pinterest.com/tinatodesign/%E6%96%87%E5%89%B5/
很簡單的滑動面板
我很喜歡這種簡約的感覺
5.期待這門課的學習成果與收穫為何?
希望能設計出有自己風格的網站~

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445130 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445130

2.設計概念與製作心得：以小熊維尼為出發點的設計網頁

3.何謂HTML、DIV及CSS：
HTML: 標示出文字、圖形、聲音....等物件在Page上要如何顯示的規格
DIV: html 語法裡的div 標籤
CSS: 網頁風格,視覺設計

4.附上至少一個覺得設計很有質感的網站，並說明原因:
http://home.disney.com.tw/tv/ 精緻生動

5.期待這門課的學習成果與收穫為何? 期待能更精進,更熟練相關技巧

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445217 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445217

2.設計概念與製作心得
正逢櫻花季所以製作粉色櫻花的網頁,css3的效果讓網頁看起來更有變化性

3.何謂HTML、DIV及CSS
HTML建立網頁的標準標記式語言
DIV將內容分區塊
CSS設計網頁外觀

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.dachetea.com/
精緻卻又不會凌亂

5.期待這門課的學習成果與收穫為何?
希望可以更深入學習到網頁設計這塊領域

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445073 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445073

2.設計概念與製作心得：慢慢找回做網頁的手感

3.何謂HTML、DIV及CSS
HTML：為Hyper Text Markup Language的縮寫，也就是網頁。
DIV：一種以標籤的行式，提供網頁內容與結構等樣式的標籤。
CSS：為Cascading Style Sheets的縮寫，就是"樣式的美化"。(字型大小、字距、顏色、背景色等)

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.haritts.com/
覺得風格清爽可愛

5.期待這門課的學習成果與收穫為何? 可以更熟練如何使用Dreamweaver

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445052 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445052
2.設計概念與製作心得：覺得這次有跟上很開心
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://toystar6.pixnet.net/blog/post/100842140-%E8%8D%89%E9%96%93%E5%BD%8C%E7%94%9F-x-%E7%84%A1%E9%99%90%E3%81%AE%E7%B6%B2
覺得配色簡單乾淨 一目了然
5.期待這門課的學習成果與收穫為何?
能把自己想要分享的設計在網頁上

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445058 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445058
2.設計概念與製作心得：經過上學期 有變得更熟練一點點
3.何謂HTML、DIV及CSS
HTML網頁架構，CSS讓網頁變好看，DIV網頁命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.pinterest.com/categories/design/
很方便而且很多很酷的作品 打上關鍵字就可以找到想要看的設計
5.期待這門課的學習成果與收穫為何? 希望網頁可以越做越順

推薦 / 評論　 分享到Facebook     回應文章 Quote
childlike0401 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445010
2.設計概念與製作心得：我們可以無限發揮我們想要呈現的網頁,沒有任何束縛
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.dpshop.com.tw/Shop/itemList.aspx?m=10&gclid=CI7eqLfglMsCFYGWvQodo2AAKA
照片使用gif讓服飾轉換,讓庫人不用每樣商品開一個網頁看!整個架構簡約舒服
5.期待這門課的學習成果與收穫為何?
學到更多如何排版與配色

學號：1035445010

推薦 / 評論　 分享到Facebook     回應文章 Quote
Togenick [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445001
2.設計概念與製作心得：突發奇想 想到就做了 可以自由的編排設計沒壓力
3.何謂HTML、DIV及CSS
HTML建立網頁的架構
DIV將內容分區塊
CSS設計網頁外觀
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.heineken.com/global/ehr/home.aspx
不但具有自己獨特的風格 也很有趣
5.期待這門課的學習成果與收穫為何?
希望將來能學以致用 別白費了一番苦心

學號：1035445001

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445142 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445142
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445142/
2.設計概念與製作心得：上次學過簡單許多
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
很酷的設計....
https://www.rickowens.eu/en/

5.期待這門課的學習成果與收穫為何? 能讓網業更美更上一層

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445070 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445070
2.設計概念與製作心得： 以陽光沙龍為主，慢慢熟悉上學期的課程，好的開始。
3.何謂HTML、DIV及CSS : HTML是網頁的主要架構，CSS是把網頁做造型、色彩的設計師，DIV是網頁的區分命名。
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://eu.louisvuitton.com/eng-e1/stories/v-line?campaign=sn_VLine#/home
LV網站，以鮮明的顏色做對比，再加上色塊的使用，讓人覺得很有質感，設計的很專業。
5.期待這門課的學習成果與收穫為何? 希望能設計出有質感、好看的網頁。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445228 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445228/

2.設計概念與製作心得：把自己喜愛的變形金剛融合網頁做出來

3.何謂HTML、DIV及CSS
HTML:網頁的主要架構
DIV：網頁的區分命名
CSS:把網頁的外觀做變化

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.supremenewyork.com/
簡單明瞭,一看就知道自己要甚麼

5.期待這門課的學習成果與收穫為何?
希望可以更熟練的操作網頁和學習一些更深層的東西

推薦 / 評論　 分享到Facebook     回應文章 Quote
lily850204 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445061
1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445061/

2.設計概念與製作心得：
以美樂地為出發點的設計網頁

3.何謂HTML、DIV及CSS： spinning smiley sticking its tongue out
HTML: 標示出文字、圖形、聲音....等物件在Page上要如何顯示的規格
DIV: html 語法裡的div 標籤
CSS: 網頁風格,視覺設計

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

5.期待這門課的學習成果與收穫為何?
能更熟練相關技巧

推薦 / 評論　 分享到Facebook     回應文章 Quote
yashen [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445166

2.設計概念與製作心得：覺得可以自由自在去設計

3.何謂HTML、DIV及CSS
HTML網頁架構
CSS把網業外型填上色彩的外衣
DIV網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://by-tiny.com/
好看

5.期待這門課的學習成果與收穫為何? 網頁越來越強

學號：1035445166

推薦 / 評論　 分享到Facebook     回應文章 Quote
su su [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445214
2.設計概念與製作心得：返璞歸真啊~
3.何謂HTML、DIV及CSS
HTML：網頁架構，
CSS：把網業變漂亮
DIV：網頁區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.schokolake.com.tw/
可愛超做簡單明瞭
5.期待這門課的學習成果與收穫為何? ...╮(╯v╰)╭ 希望網頁能做得越來越好

學號：1035445214

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445211 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445211
2.設計概念與製作心得：顏色配色，不知為何就是配不好
3.何謂HTML、DIV及CSS
HTML網頁架構、文字、圖片
DIV將內容分區塊
CSS設計網頁跟顏色
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://nowisee.jp/
視覺上感覺不錯
5.期待這門課的學習成果與收穫為何?
希望能學會更多

學號：1035445211



Edited 1 time(s). Last edit at 02/29/2016 10:54PM by 1035445211.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445148 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445148  曾威郡
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445148/

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

可以做更多種變化

3.何謂HTML、DIV及CSS

HTML：網頁架構
DIV：網頁的區分命名
CSS：網頁的視覺設計

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://tw.streetvoice.com/SimpleMarket/

簡單清楚明瞭

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

可以更熟練如何使用Dreamweaver

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445163 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445163/

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

可以做更多顏色

3.何謂HTML、DIV及CSS

HTML：網頁架構
DIV：網頁的區分命名
CSS：網頁的視覺設計

簡單清楚明瞭

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

可以更熟練如何使用Dreamweaver

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445127 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445127
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
HTML : 網頁架構
DIV : 標籤
CSS : 顏色 樣式
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.dissidia012game.com/#/en/home/
很有質感
5.期待這門課的學習成果與收穫為何?
希望能學會更多

學號：1035445127

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445037 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445037
2.設計概念與製作心得:有成就感
3.何謂HTML、DIV及CSS
HTML : 網頁架構
DIV : 標籤
CSS : 顏色 樣式
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?
希望能學到更多東西

學號：1035445037

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045245002 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:
http://mepopedia.com/~css104-2a/hw01/hw01-1045245002/

2.設計概念與製作心得：
從小就喜歡奇幻生物，對神秘未知的東西很有興趣，尤其喜歡狼人，這一次配以黑底色與泛黃的書紙背景，營造出像是古文中所記載著的狼人資料的感覺。右下角是圓的因為想做成像是紙張翻頁一樣。

3.何謂HTML、DIV及CSS ：
HTML是網頁的基本架構；CSS用來設計網頁的外觀與細節；DIV是網頁的標籤，以之區分命名不同區塊

4.附上至少一個覺得設計很有質感的網站，並說明原因 ：
http://www.toyota.com/avalon/
層次分明，主題清晰，旁邊可以隨意預覽車子顏色，動畫也非常好

5.期待這門課的學習成果與收穫為何? ：
跟上個學期一樣，慢慢一步一步學習更多從前不會的東西，期望至少將css用得像html一樣熟練。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045245001 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1045245001

2.設計概念與製作心得：用花作為主題

3.何謂HTML、DIV及CSS
HTML:整體架構 ,
DIV：區塊命名 ,
CSS:外觀,顏色變化

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


5.期待這門課的學習成果與收穫為何?
學習更多新知識



Edited 1 time(s). Last edit at 03/01/2016 12:56PM by 1045245001.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445079 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:
http://mepopedia.com/~css104-2a/hw01/hw01-1035445079

2.設計概念與製作心得：
覺得很累
3.何謂HTML、DIV及CSS ：
HTML是網頁的基本架構；CSS用來設計網頁的外觀與細節；DIV是網頁的標籤，以之區分命名不同區塊

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

層次分明，主題清晰

5.期待這門課的學習成果與收穫為何? ：
跟上個學期一樣，慢慢一步一步學習更多從前不會的東西，期望至少將css用得像html一樣熟練。



Edited 5 time(s). Last edit at 03/07/2016 12:23PM by 1035445079.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445157 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445157
2.設計概念與製作心得：過了寒假有點遺忘
3.何謂HTML、DIV及CSS
HTML網頁架構，CSS讓網頁變好看，DIV網頁命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?
希望能越來越強

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445088 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445088

2.設計概念與製作心得：以元氣小茶犬為主題的網頁，製作上需要多加複習，有些部分忘記了...

3.何謂HTML、DIV及CSS：
HTML: 網頁的整體架構
DIV: 標籤
CSS: 美化網頁、讓網頁看起來有經過設計

4.附上至少一個覺得設計很有質感的網站，並說明原因:
http://hamuco.ivory.ne.jp/index.html
我們學過的技巧都運用在這個網站上，網站簡潔可愛

5.期待這門課的學習成果與收穫為何? 期待能更精進,更熟練相關技巧
希望能夠再更進階的學習到網頁設計，花更多時間練習整體架構

推薦 / 評論　 分享到Facebook     回應文章 Quote
isxdyj [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445199

2.設計概念與製作心得：以小丸子為主題的網頁，製作上需要多加複習，有些部分忘記了...

3.何謂HTML、DIV及CSS：
HTML: 網頁的整體架構
DIV: 標籤
CSS: 美化網頁、讓網頁看起來有經過設計

4.附上至少一個覺得設計很有質感的網站，並說明原因:
http://www.ghibli-museum.jp/top.html
宮崎駿的官方網頁，很可愛 我喜歡
5.期待這門課的學習成果與收穫為何? 期待能更精進,更熟練相關技巧
希望能夠再更進階的學習到網頁設計，並學以致用。

1035445199

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445067 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445067/

2.設計概念與製作心得
以戲劇主題愛情 作為粉色調網頁 有使用css3做圓邊設計

3.何謂HTML、DIV及CSS
HTML建立網頁的標準標記式語言
DIV將內容分區塊
CSS設計網頁外觀

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.asobi.com.tw/Shop/
按鈕可愛精緻 畫面效果編排好

5.期待這門課的學習成果與收穫為何?
學習到許多不同的效果與編排方式

學號 1035445067

推薦 / 評論　 分享到Facebook     回應文章 Quote
邱薏娟 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445172
2.設計概念與製作心得:是以活潑的色系下去製作，製作過程中蠻有趣的，有圓角跟陰影的元素加下去，製作過程變的更加有趣了!
3.何謂HTML、DIV及CSS: HTML-負責建構網頁的基本架構
DIV-是一個標籤，包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。
CSS-專門負責美化網頁的任務
4.附上至少一個覺得設計很有質感的網站，並說明原因: http://www.misterdonut.com.tw/
因為他們的網頁跟我一樣也是走活潑系列，色系也讓人為之一亮，我很喜歡。
5.期待這門課的學習成果與收穫為何?可以自己設計專題網頁，或者之後出社會都可以學以致用到個人網頁之類的。

推薦 / 評論　 分享到Facebook     回應文章 Quote
張子芸 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445145
2.設計概念與製作心得:用粉紅色的配色,讓整體呈現比較可愛的版面
3.何謂HTML、DIV及CSS: HTML-網站的基本架構
DIV-是一個標籤 包含文字等等
CSS-負責設計布置網頁的任務
4.附上至少一個覺得設計很有質感的網站，並說明原因:http://www.muji.com/tw/
這個網站整個設計都是很簡單明瞭的,很清楚表達他想表達的,也讓人覺得很簡潔很美
5.期待這門課的學習成果與收穫為何? 可以學習到基本的架設還有網站整個配色

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445178 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445178

2.設計概念與製作心得
用粉紫色去搭配顏色。

3.何謂HTML、DIV及CSS
HTML 網頁架構
DIV 標籤
CSS 美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.auntstella.com/en/
簡單 乾淨

5.期待這門課的學習成果與收穫為何?
更深入學習到網頁設計

推薦 / 評論　 分享到Facebook     回應文章 Quote
xxxceline [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445121
2.設計概念與製作心得：有趣
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://syndex-preview.tumblr.com/
很棒的排版
5.期待這門課的學習成果與收穫為何?
做一個完整的網頁

學號：1035445121

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445082 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445082/
2.設計概念與製作心得：剛開始還算簡單 用同色調的顏色可以配得很好
3.何謂HTML、DIV及CSS
HTML 編寫網頁的語法
div 網頁區塊語法
css網頁設計的樣式
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.uniquepasta2012.com/space.html
unique
5.期待這門課的學習成果與收穫為何?
希望自己以後可以架設一個超棒的網站



Edited 1 time(s). Last edit at 03/16/2016 08:39PM by 1035445082.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445193 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445193/

2.設計概念與製作心得：比較順手

3.何謂HTML、DIV及CSS
HTML建立網頁的標準標記式語言
DIV將內容分區塊
CSS設計網頁外觀

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

5.期待這門課的學習成果與收穫為何? 希望未來可以更熟悉

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445025 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445025
2.設計概念與製作心得：上學期回憶中
3.何謂HTML、DIV及CSS
HTML 網頁架構
CSS 美化設計
DIV 標籤
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.gratisography.com/
很好玩 很可愛
5.期待這門課的學習成果與收穫為何?
越作越上手。

學號：1035445025

推薦 / 評論　 分享到Facebook     回應文章 Quote
zoey [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445124
1.網址:C:\Users\User\Desktop\hw01-1035445124\index.html

2.設計概念與製作心得：
我的主題是冰淇淋 Mövenpick 冰淇淋都以 100% 純天然精華製作，也只有這份堅持才能造就出草莓冰淇淋的豐潤鮮紅、檸檬萊姆冰淇淋的濃烈酸甜以及咖啡冰淇淋的香濃口感

3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.zara.com/tw/
這家服飾網站簡單明瞭 讓顧客能清楚找到自己想要的

5.期待這門課的學習成果與收穫為何?
希望能學到更多製作網頁的方法

推薦 / 評論　 分享到Facebook     回應文章 Quote
zoey [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計  1035445124
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445124/

2.設計概念與製作心得：
我的主題是冰淇淋 Mövenpick 冰淇淋都以 100% 純天然精華製作，也只有這份堅持才能造就出草莓冰淇淋的豐潤鮮紅、檸檬萊姆冰淇淋的濃烈酸甜以及咖啡冰淇淋的香濃口感

3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.zara.com/tw/
這家服飾網站簡單明瞭 讓顧客能清楚找到自己想要的

5.期待這門課的學習成果與收穫為何?
希望能學到更多製作網頁的方法

推薦 / 評論　 分享到Facebook     回應文章 Quote
jian1110 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445169
2.設計概念與製作心得：以樂團的色彩去做設計
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.indievox.com/911gourp/intro
運用簡單的色彩表現出玖壹壹團體的風格
5.期待這門課的學習成果與收穫為何? 能夠讓自己對於五頁的設計更加了解

學號：1035445169

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445184 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445184

2.設計概念與製作心得：小熊學校是繪本，所以設計是用著柔和的顏色來製作。

3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.tasty.com.tw/menu/index.html#page/12
簡潔、介紹清楚，連菜單也是一目了然


5.期待這門課的學習成果與收穫為何? 能學到更多網頁不同的效果作法

學號：1035445115

推薦 / 評論　 分享到Facebook     回應文章 Quote
拔剌幹 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445208
2.設計概念與製作心得：簡潔有力
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.sachinteng.com/
簡潔有力 不拖泥帶水 帶有設計感

5.期待這門課的學習成果與收穫為何?
希望能做出帶有設計感的網頁

推薦 / 評論　 分享到Facebook     回應文章 Quote
abc88513 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445034
2.設計概念與製作心得： 上學期教的還有一點印象
3.何謂HTML、DIV及CSS
HTML網頁架構，CSS讓網頁變好看，DIV網頁命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?
變強

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445097 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445097
2.設計概念與製作心得：感覺跟上學期沒差
3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS外型的設計，DIV是網頁的區分命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://yantingchen.com/
設計架構簡單 確很清楚
5.期待這門課的學習成果與收穫為何? 學更多可以表現自己設計的技術吧

推薦 / 評論　 分享到Facebook     回應文章 Quote
沅蓁 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445187

2.設計概念與製作心得：.kanahei的粉嫩感
3.何謂HTML、DIV及CSS
HTML建立網頁的架構
DIV將內容分區塊
CSS設計網頁外觀

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

5.期待這門課的學習成果與收穫為何? 期待能更精進,更熟練相關技巧

推薦 / 評論　 分享到Facebook     回應文章 Quote
施佳慧 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445160/

2.設計概念與製作心得：用傳統古布的顏色做搭配，溫習

3.何謂HTML、DIV及CSS
HTML: 網站架構
DIV: 標籤
CSS: 網頁風格美化

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://nipponcolors.com/#usu
簡單卻有變化，顏色很多，看了眼睛不花

5.期待這門課的學習成果與收穫為何?
有回憶起上學期學的

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445202 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445202

2.設計概念與製作心得：還算是好做

3.何謂HTML、DIV及CSS
HTML：為Hyper Text Markup Language的縮寫，也就是網頁。
DIV：一種以標籤的行式，提供網頁內容與結構等樣式的標籤。
CSS：為Cascading Style Sheets的縮寫，就是"樣式的美化"。(字型大小、字距、顏色、背景色等)

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.apple.com/tw/
質感的保證

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035443110 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035443110/
2.設計概念與製作心得：
以現在很紅的甜甜圈配色當基底，第一次做網頁設計有些難度，但還蠻好玩的
3.何謂HTML、DIV及CSS:
HTML是網站架構，CSS是設計，DIV是網頁區分的命名
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.starwars.com/
我很喜歡星際大戰，而裡面的配色和畫面讓人覺得很舒適
5.期待這門課的學習成果與收穫為何?
能學習網頁設計的一些技巧，快速的方法，能做出完整有質感的網頁。

推薦 / 評論　 分享到Facebook     回應文章 Quote
吳孫儀 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445055/

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

以暗色調的底色加上些許的亮色來凸顯標題，版面整體給人一種較為簡潔的感覺，而配色則是以負面的色彩來呈現。
這次的作業讓我在一次的複習到上學期的網頁設計，並且也加深了映像，讓我在製作過程上能夠更順利。

3.何謂HTML、DIV及CSS

HTML是網站架構
CSS是網頁設計
DIV是網頁的區分命名

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

http://iam-vincent.com/
此網頁有許多圖片，用色鮮明、主題明顯。

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

希望這學期能把網頁設計學習的更扎實與透徹。

學號:1035445055

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445196 [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445196

2.設計概念與製作心得：韓國女子團體TWICE

3.何謂HTML、DIV及CSS
HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://hanzhiyu.pixnet.net/blog/post/201256590-%E5%9C%98%E9%AB%94---twice(%ED%8A%B8%EC%99%80%EC%9D%B4%EC%8A%A4)%E8%B3%87%E6%96%99%E4%BB%8B%E7%B4%B9
簡潔、介紹清楚，一目了然


5.期待這門課的學習成果與收穫為何? 能學到更多網頁不同的效果作法

學號：1035445196

推薦 / 評論　 分享到Facebook     回應文章 Quote
Gochen [ 站內寄信 / PM ]
Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

分類標籤: 104-2《中國》竹視傳二A-進階網頁設計
1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445151

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

3.何謂HTML、DIV及CSS

HTML是網頁架構，CSS是把網業外型填上色彩的外衣，DIV是網頁的區分命名

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://jx3.molome.tw/home

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

越來越快做完

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic