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

Advanced

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

經過了一個寒假,為了讓大家回復記憶,請先複習基礎的網頁設計概念

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.
(編輯記錄)

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

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

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

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.期待這門課的學習成果與收穫為何?
希望能設計出有自己風格的網站~

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.期待這門課的學習成果與收穫為何? 期待能更精進,更熟練相關技巧

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445217

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

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

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

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

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

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.期待這門課的學習成果與收穫為何?
能把自己想要分享的設計在網頁上

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.期待這門課的學習成果與收穫為何? 希望網頁可以越做越順

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

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

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

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

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.期待這門課的學習成果與收穫為何? 希望能設計出有質感、好看的網頁。

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445228/

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

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

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

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

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.期待這門課的學習成果與收穫為何?
能更熟練相關技巧

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445166

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

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

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

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

學號:1035445166

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

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.
(編輯記錄)

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

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445163/

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

可以做更多顏色

3.何謂HTML、DIV及CSS

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

簡單清楚明瞭

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

可以更熟練如何使用Dreamweaver

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

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

學號:1035445037

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一樣熟練。

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.
(編輯記錄)

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.
(編輯記錄)

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

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

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

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

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

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

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445178

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

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

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

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

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

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.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445193/

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

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

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

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

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

學號:1035445025

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.期待這門課的學習成果與收穫為何?
希望能學到更多製作網頁的方法

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.期待這門課的學習成果與收穫為何?
希望能學到更多製作網頁的方法

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

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

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

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

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

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

1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445187

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

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

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

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445160/

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

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

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

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

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.期待這門課的學習成果與收穫為何? 繼續上學期的課程

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

1.網址: http://mepopedia.com/~css104-2a/hw01/hw01-1035445055/

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

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

3.何謂HTML、DIV及CSS

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

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

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

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

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

學號:1035445055

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

1.網址:http://mepopedia.com/~css104-2a/hw01/hw01-1035445151

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

3.何謂HTML、DIV及CSS

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

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

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

越來越快做完