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-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]

5. 上課影音



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





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

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445168
2.設計概念與製作心得: 雖然過了一個寒假有點忘了,不過上了一堂課後,有點想起來了
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445057
2.設計概念與製作心得: 過了一個寒假有點忘了,不過還是有點記憶哈哈。
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
不要太困難就好><eye rolling smiley

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445035
2.設計概念與製作心得:點點心是我前陣子吃過蠻好吃的港式料理
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因 http://www.dimdimsum.hk/
5.期待這門課的學習成果與收穫為何? 我希望可以學到更精深,要加油!!

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035443128
2.設計概念與製作心得: 覺得這個品牌的衣服很好穿 蠻喜歡這個品牌
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因 https://www.roots.com.tw/ 覺得設計編排很好
5.期待這門課的學習成果與收穫為何? 希望我能學好網頁製作

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445147
2.設計概念與製作心得:可愛北極熊要消失了...
3.何謂HTML、DIV及CSS
HTML是一種網頁使用的語言,是一種描述超文件的註記語言SGML所制訂出的一種網頁語言。
DIV是一個區塊級容器(block-level container),這代表在div標籤後會換行。
CSS是層疊樣式表,又稱層次結構式樣式表文件,一種用來為結構化文檔添加樣式的計算機語言。
4.附上至少一個覺得設計很有質感的網站,並說明原因 http://www.cw.com.tw/home.action
5.期待這門課的學習成果與收穫為何? 自行完成



Edited 1 time(s). Last edit at 04/02/2016 05:10PM by 高永鈞.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445027
2.設計概念與製作心得:感覺有些忘記不過應該一下就好了
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
希望以後教的可以聽懂就好

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445006

2.設計概念與製作心得:
全部使用淡色系做為設計,為了襯托鮮艷的蛋糕,不搶奪主體鮮艷的色彩。

3.何謂HTML、DIV及CSS

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

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

http://www.mydesy.com/
在裡面可以看到各領域的分享,也有許多各界創意人的觀點,也有提供找工作等資訊。
排版舒服不會感到壓力或雜亂,按鍵位置也安排得很好。

5.期待這門課的學習成果與收穫為何?
上課聽老師說這學期要學的學習要點,需要大量使用PS,本人很期待,希望能做出好看又有風格的網頁。

1.網址:

http://mepopedia.com/~css104-2c/hw01/hw01-1035445162

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

以GU Taiwan為主題,用logo的藍黃配色。

3.何謂HTML、DIV及CSS

HTML: 用於建構網頁的架構

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

CSS:美化網頁

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

http://www.sakuzan.co.jp/

排版簡潔又有質感,很好看

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

希望能學到更多!

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445129

2.設計概念與製作心得:這幾年來許多人都前往日本旅遊,想讓大家熟悉正確的參拜方法

3.何謂HTML、DIV及CSS:

HTML是為“網頁創建和其它可在網頁瀏覽器中看到的信息設計的一種標記語言

DIV是一種以標籤的行式,提供網頁內容與結構等樣式的標籤

CSS是層疊樣式表,又稱串樣式列表、層次結構式樣式表文件,用來為添加樣式的

4.附上至少一個覺得設計很有質感的網站,並說明原因:http://jwedding.com.tw/ 很有質感非常符合現代的黑白調子

5.期待這門課的學習成果與收穫為何? 相信進階網頁能學習到更多元的東西

學號:103544129

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445051
2.設計概念與製作心得: 過了寒假,生疏了啊哈哈
3.Div標籤,CSS為風格設定,HTML為架構設定
4.這是coloplay的專輯網頁,隨然只是介紹專輯的網頁,可是我覺得它整體的感覺很清晰舒服。
http://www.coldplay.com/ink/
5.期待這門課的學習成果與收穫為何? 希望可學到更多好玩的東西

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445159

2.設計概念與製作心得: 無印良品給我的感覺就是簡潔乾淨,只是這次用粉色系來做~

3.何謂HTML、DIV及CSS

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

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.pazzo.com.tw/
不會太雜亂,商品特色價錢及名稱都清楚~排版好看ㄎㄎ

5.期待這門課的學習成果與收穫為何?
陳怡安小老師明天不會去喔可愛ㄉ老師~要請其他人幫忙還鑰匙嘿嘿<3

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445078

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

3.何謂HTML、DIV及CSS

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

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://tw.yahoo.com/
有條有理易閱讀

5.期待這門課的學習成果與收穫為何?
老師請你不要一次講太多 講太多等你切換螢幕回來時都忘光了

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445102

2.設計概念與製作心得:牛仔褲的風格;很久又沒做網頁設計有點小忘記了!
3.何謂HTML、DIV及CSS ?
html是用來建立架構網頁的基本內容與形體
DIV是一種將許多文字分類群組化的標籤
CSS是用來編輯網頁內的美編設計重要語法

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.jambajuice.com.tw/index.aspx
風格清晰簡單大方,看起來很舒服,又繽紛。

5.期待這門課的學習成果與收穫為何?
希望可以學習到更多不一樣的語法和設計的美感。

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445030

2.設計概念與製作心得:以海底總動員為色調發想

3.何謂HTML、DIV及CSS:

HTML:如標籤一般 DIV:網頁的架構 CSS:用來增加網頁多樣性及美化

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

http://www.sanrio.co.jp/character/pompompurin/ 甜美繽紛可愛風

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

希望能更懂網頁如何製作smiling smiley

學號:103544030

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445153
2.設計概念與製作心得: 以天然保養品為主題,配色以綠色為主,用以強調自然的輕鬆的感覺
3.何謂HTML、DIV及CSS
HTML為網頁的基本架構設定
Div為標籤設定
CSS作為網頁的美化設計
4.附上至少一個覺得設計很有質感的網站http://www.shininglore.com.tw/index.html,並說明原因 網頁整體看起來很輕鬆,配色也很自然
5.期待這門課的學習成果與收穫為何? 希望能學到很多製作網頁的技能與技巧



Edited 1 time(s). Last edit at 03/03/2016 12:29AM by 1035445153.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445060
2.設計概念與製作心得:以咖啡色做配色,能與主題貼近
3.何謂HTML、DIV及CSS
HTML :網頁的結構設定 DIV:區塊的標籤語法 CSS :網頁的風格編輯
4.附上至少一個覺得設計很有質感的網站 http://www.campobag.com/,並說明原因 背景白色簡單不搶主題 圖片加上鮮豔的色塊使人注意
5.期待這門課的學習成果與收穫為何?
進一步學習網頁設計的技巧

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445033

2.設計概念與製作心得:
以珍珠奶茶的顏色去配色

圓角語法用了效果沒出來~

3.何謂HTML、DIV及CSS

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

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

http://www.010tea.com.tw/tw/

內容排版簡潔,用色很舒服不會太雜亂

5.期待這門課的學習成果與收穫為何?
期待學習更多網頁設計相關的知識

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445048

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

3.何謂HTML、DIV及CSS:
Div標籤來建立網頁區塊,區分各個主要頁面做為主要的排版架構,
搭配CSS語法來美化網頁,以往的網頁設計大多直接寫在HTML網頁本身,
現在則分開以HTML為架構設定。



4.附上至少一個覺得設計很有質感的網站,並說明原因:http://idid-clothing.com/ 很簡約,我很喜歡

5.期待這門課的學習成果與收穫為何? 學到如何去調整框架與文字的空間比例,還有運用不同的語法去變換框架花樣。



Edited 1 time(s). Last edit at 03/03/2016 01:01AM by yun0221.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445090

2.設計概念與製作心得:搭配香蕉的顏色~~
3.何謂HTML、DIV及CSS ?
html是用來建立架構網頁的基本內容與形體
DIV是一種將許多文字分類群組化的標籤
CSS是用來編輯網頁內的美編設計重要語法

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.neu.tw/
很有自己的風格,黑與白的搭配,一目了然又不失質感~

5.期待這門課的學習成果與收穫為何?
希望網頁不會越來越難ㄒ_ㄒ

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445189

2.設計概念與製作心得:以浩克的配色來呈現
3.何謂HTML、DIV及CSS?
HTML:網頁的基本架構
DIV: 可以把它視為標籤,命名這個標籤之後可以用CSS去做排版
CSS:負責將基本的網頁架構美化

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.alasha.com.tw/maintain.php
配色不複雜,簡單中又帶有童趣,看起來很舒服


5.期待這門課的學習成果與收穫為何?
希望可以繼續學到更多的網頁設計技巧smiling smiley



Edited 1 time(s). Last edit at 03/03/2016 01:20AM by smile6911.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445216
2.設計概念與製作心得:放假都忘光光了啦!趁這次作業好好複習!!
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?我很笨,老師別教太難我都能接受!!

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445207

2.設計概念與製作心得:想要呈現簡潔的感覺。
好久沒有做網頁有些都忘記了,希望能快快上手。

3.何謂HTML、DIV及CSS
HTML是一種網頁使用的語言,是一種描述超文件的註記語言SGML所制訂出的一種網頁語言。
DIV是一個區塊級容器(block-level container),這代表在div標籤後會換行。
CSS是層疊樣式表,又稱層次結構式樣式表文件,一種用來為結構化文檔添加樣式的計算機語言。

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.puree.com.tw/
簡約又不失質感,很厲害。

5.期待這門課的學習成果與收穫為何?
希望能學到更多能相關語法技巧。



Edited 1 time(s). Last edit at 03/03/2016 01:44AM by ziii.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445054
2.設計概念與製作心得:
主題為大湖草莓,所以使用了粉色的色系來設計
3.何謂HTML、DIV及CSS
HTML,是編寫網頁的基本語言,而它並不是一個程式, 只是一些插在普通文件內的碼( code ),這些碼可以控制我們的瀏覽器要怎樣把文件顯示出來。
DIV 可以解釋為區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件。
CSS 的全名為 Cascading Style Sheets,是一種樣式表 (Stylesheet) 語言。
4.附上至少一個覺得設計很有質感的網站,並說明原因
香奈兒官方網站;
http://www.chanel.com/zh_TW/
設計簡單乾淨,商品分頁清晰。
5.期待這門課的學習成果與收穫為何?
學了一學期的網頁設計,我覺得很好玩,想再多理解不同的網頁的做法跟排版



Edited 3 time(s). Last edit at 03/03/2016 11:31PM by 1035445054.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445098
2.設計概念與製作心得:過了一個寒假沒做網業感覺又有點忘寄但做了這次作業後有點回想起來了。
3.何謂HTML、DIV及CSS
HTML:負責建構網頁的基本架構
CSS :專門負責美化網頁的任務
DIV :使用標籤來建立網頁區塊

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://wallpaperswide.com/vintage-desktop-wallpapers/page/2
這個網站雖然看起來素素的,但有一種簡單的樸素美。
5.期待這門課的學習成果與收穫為何?希望網頁設計能越來越強。



Edited 2 time(s). Last edit at 03/04/2016 01:09AM by 1035445098.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445063

2.設計概念與製作心得:以綠色為主配合主題茶,達到內外整體感。一切順利。

3.何謂HTML、DIV及CSS
HTML:網頁基本架構
DIV :標籤區塊連結
CSS:美化架構與內容
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何? 能夠更熟悉網頁的基本運用。

1.網址:

http://mepopedia.com/~css104-2c/hw01/hw01-1035445195

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

以12種杯子蛋糕為主題,配色為粉色系。

3.何謂HTML、DIV及CSS

HTML: 用於建構網頁的架構

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

CSS:美化網頁

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

http://www.twelvecupcakes.com/about.htm

排版很有設計感,很美

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

希望能聽懂老師教的

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445219

2.設計概念與製作心得:主題為uniqlo,介紹uniqlo的品牌理念,配色為紅.白

3.何謂HTML、DIV及CSS:

HTML建築網頁架構,為架構設定

DIV標籤來建立網頁區塊,區分各個主要頁面做為主要的排版架構

CSS語法用來美化網頁為美化設定

4.附上至少一個覺得設計很有質感的網站,並說明原因:
http://www.mq.edu.au/sustainability/greencampusguide/ 很有設計感也很可愛,像遊戲畫面的網站

5.期待這門課的學習成果與收穫為何?
進階網頁設計,相信會有更多深入的地方,如果有遇到困難的部分希望能順利解決,並且學到東西。

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445042

2.設計概念與製作心得:
以紅 黑 灰 來製作,適合品牌的顏色

3.何謂HTML、DIV及CSS

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

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

http://www.csidea.asia/web-design_03.htm
裡面做得很有特色,是設計公司的網站,企業形象 成功案例之類...
排版乾淨俐落,樹的花會飄很有意境。

5.期待這門課的學習成果與收穫為何?
希望能做出有個人特色的網頁,盡力跟上學習進度

1035445042

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445150
2.設計概念與製作心得:喜歡這個運動品牌 以黑白為主
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何? 希望可以慢慢學會有質感的網頁設計

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445093
2.設計概念與製作心得:以UNILQLO為主題
3.何謂HTML、DIV及CSS
HTML:負責建構網頁的基本架構
CSS :專門負責美化網頁的任務
DIV :使用標籤來建立網頁區塊
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.airspace.com.tw/
覺得排版清晰舒服
5.期待這門課的學習成果與收穫為何? 希望可以學到更多網頁設計的知識

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445081
2.設計概念與製作心得:航海王的魯夫風
3.何謂HTML、DIV及CSS :
html是用來建立架構網頁的基本內容與形體

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

CSS是用來編輯網頁內的美編設計重要語法
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.gamer.com.tw/
每次上去都很好看
5.期待這門課的學習成果與收穫為何?
學到更多~

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1015445210

2.設計概念與製作心得: 馬雅文化讓人聯想到黃色系

3.何謂HTML、DIV及CSS

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

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.katyperry.com/
有質感
5.期待這門課的學習成果與收穫為何?
老師總是教得非常仔細,一定可以學習更多東西。

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1015445256

2.設計概念與製作心得:以主人物衣服配色為主色調
3.何謂HTML、DIV及CSS

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

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.disneystore.com/
色調統一
5.期待這門課的學習成果與收穫為何?
能更熟悉程式碼



Edited 1 time(s). Last edit at 03/23/2016 07:20PM by 1015445256.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445024
2.設計概念與製作心得: 還行
3.何謂HTML、DIV及CSS
網站架構 標籤 皮膚改顏色
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.dongtw.com/ 簡單 詳細
5.期待這門課的學習成果與收穫為何?
越來越好囉

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445036

2.設計概念與製作心得:
真要命 都快出竅了 要看綠色平靜心情

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

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

5.期待這門課的學習成果與收穫為何?
ㄚㄚㄚㄚ ㄚㄚㄚ不要太困難 希望我學得會

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445009
2.設計概念與製作心得:
一個月沒上課全部都忘記了。
3.何謂HTML、DIV及CSS
HTML:建構網頁的基本架構
CSS :美化網頁
DIV :建立網頁區塊
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://pick.mydesy.com/
覺得編排明瞭簡單
5.期待這門課的學習成果與收穫為何?
希望能學習更多

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445156
2.設計概念與製作心得: 做作業的時候都幾乎忘光了好想哭 慢慢摸索....喔!想起來了拉~
3.何謂HTML、DIV及CSS
HTML: 用於建構網頁的架構

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

CSS:美化網頁
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.ndc.co.jp/hara/en/ 很乾淨的網站我很喜歡
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
不要太難都好~~~

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445096
2.設計概念與製作心得:做完很有成就感
3.何謂HTML、DIV及CSS
HTML:負責建構網頁的基本架構
CSS :專門負責美化網頁的任務
DIV :使用標籤來建立網頁區塊
4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.cartoonbank.com/ 簡單乾淨
5.期待這門課的學習成果與收穫為何? 學會做好一個網頁

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445171/

2.設計概念與製作心得:
以前就做過的東西,所以不難

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

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

5.期待這門課的學習成果與收穫為何?
希望可以更順暢吧



Edited 1 time(s). Last edit at 04/02/2016 01:03PM by 珮璇.
(編輯記錄)

1.網址:

http://mepopedia.com/~css104-2c/hw01/hw01-1035445072

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

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

3.何謂HTML、DIV及CSS

HTML: 用於建構網頁的架構

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

CSS:美化網頁

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

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

希望能更進步!

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445186
2.設計概念與製作心得: 01通常都頗簡單做很快
3.何謂HTML、DIV及CSS
html:架構網頁的基本內容與形體
DIV:標籤
CSS:外觀語法
4.附上至少一個覺得設計很有質感的網站,並說明原因
https://disp.cc/
事實上醜
但是經典
5.期待這門課的學習成果與收穫為何
成為網頁高手

1.網址:

http://mepopedia.com/~css104-2c/hw01/hw01-1035445114

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

回到做網頁的時間了

3.何謂HTML、DIV及CSS

HTML: 用於建構網頁的架構

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

CSS:美化網頁

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

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

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

希望對未來幫助很大

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1015448040
2.設計概念與製作心得:學習很多
3.何謂HTML、DIV及CSS
HTML是一種網頁使用的語言,是一種描述超文件的註記語言SGML所制訂出的一種網頁語言。
DIV是一個區塊級容器(block-level container),這代表在div標籤後會換行。
CSS是層疊樣式表,又稱層次結構式樣式表文件,一種用來為結構化文檔添加樣式的計算機語言。
4.附上至少一個覺得設計很有質感的網站,並說明原因 http://www.adidas.com.tw/ 排版 質感看起來很不錯
5.期待這門課的學習成果與收穫為何? 期待以後可以自己架設網站賣東西

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445123

2.設計概念與製作心得:
馬卡隆色系,很難。

3.何謂HTML、DIV及CSS

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

4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?
期待學習更多網頁設計相關的知識

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445180
2.設計概念與製作心得:前幾天在電視上又看到播出的畫面
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因http://www.muji.com/tw/
畫面簡潔乾淨
5.期待這門課的學習成果與收穫為何? 我希望可以學到更精深,我會加油!!

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445018
2.設計概念與製作心得:會越來越好的
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站http://www.ginahello.com/ 讓人感覺乾淨簡約喜歡黑白的風格
5.期待這門課的學習成果與收穫為何? 希望自己越來越進步就好了 收穫越來越多

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445111
2.設計概念與製作心得: 過了一個寒假有點忘了
3.何謂HTML、DIV及CSS
HTML:負責建構網頁的基本架構
CSS :專門負責美化網頁的任務
DIV :使用標籤來建立網頁區塊

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

5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
希望能夠加入flash

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445087
2.設計概念與製作心得: 因為是簡單的,所以還算順利
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何? 我手殘,只能繼續殘

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445183/
2.設計概念與製作心得:有點忘記怎麼用了
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.idid-clothing.com/
很簡潔清楚
5.期待這門課的學習成果與收穫為何? 不要一直忘記怎麼做就好了

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-10354450120
2.設計概念與製作心得: 過了一個寒假 東西既然還記得。
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445201
2.設計概念與製作心得:講解時下年輕人常用的社群程式
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因https://www.facebook.com/
就是一個經典
5.期待這門課的學習成果與收穫為何?希望能成為優秀的網頁設計師

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445141
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.期待這門課的學習成果與收穫為何?
超流暢可以自己快速製作出一個網站,能做出自己想要的樣式。

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445066
2.設計概念與製作心得: 心情五味雜成
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,https://tw.yahoo.com/ 原因:甚麼都有甚麼都賣甚麼都不奇怪
5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁



Edited 1 time(s). Last edit at 04/21/2016 09:06AM by 彭八羔子.
(編輯記錄)

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445015
2.設計概念與製作心得:了解最新歐美穿搭品牌
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因http://www.forever21.cn/Default.aspx
配色跟架構都很棒
5.期待這門課的學習成果與收穫為何? 希望能多學一些

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445084/

2.設計概念與製作心得:
跟上學期差不多 還可以

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

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

5.期待這門課的學習成果與收穫為何?
希望可以學得更好

1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445015
2.設計概念與製作心得:有點難

5.期待這門課的學習成果與收穫為何? 能學會如何做出更有質感的網頁
不要太困難就好>
1.網址:http://mepopedia.com/~css104-2c/hw01/hw01-1035445126

2.設計概念與製作心得:
用黑色和深色來表達星際大戰的太空風格
3.何謂HTML、DIV及CSS

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

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

5.期待這門課的學習成果與收穫為何?
希望學到更多