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

Advanced

Change History

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

討論區清單 文章列表
Changed By: JinJin
Change Date: March 05, 2015 12:17PM

[作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
edia.com/~web103-2a/hw01/hw01-102
/mepopedia.com/~web103-2a/hw01/hw01-102

[hr]
<h2> 盒子模型／區塊模型（Box Model）</h2>
.參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model）
http://mepopedia.com/forum/read.php?844,15917

[img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img]

[hr]
<h2>作業說明</h2>
參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

<b>可參考http://www.css3maker.com/
適當加入CSS3效果</b>

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-102xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
範例：
http://mepopedia.com/~web101-a/hw01/hw01-1006445002/
http://mepopedia.com/~web101-a/hw01/hw01-1006445010/
http://mepopedia.com/forum/read.php?1651,42170


[hr]
<h2>上課影音</h2>

<b>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>CSS3初探</b>
http://youtu.be/TnaMIVYyf4Y

<iframe width="853" height="480" src="https://www.youtube.com/embed/TnaMIVYyf4Y?list=UUkDLlikN-EpFVFZKUGt3_8g" frameborder="0" allowfullscreen></iframe>
Changed By: JinJin
Change Date: March 05, 2015 10:43AM

[作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
/mepopedia.com/~web103-2a/hw01/hw01-102

[hr]
<h2> 盒子模型／區塊模型（Box Model）</h2>
.參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model）
http://mepopedia.com/forum/read.php?844,15917

[img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img]

[hr]
<h2>作業說明</h2>
參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

<b>可參考http://www.css3maker.com/
適當加入CSS1.網址:http://mepopedia.com/~web102-a/hw01/hw01-102xxxxxxx
3效果</b>

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-102xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
範例：
http://mepopedia.com/~web101-a/hw01/hw01-1006445002/
http://mepopedia.com/~web101-a/hw01/hw01-1006445010/
http://mepopedia.com/forum/read.php?1651,42170


[hr]
<h2>上課影音</h2>

<b>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>CSS3初探</b>
http://youtu.be/TnaMIVYyf4Y

<iframe width="853" height="480" src="https://www.youtube.com/embed/TnaMIVYyf4Y?list=UUkDLlikN-EpFVFZKUGt3_8g" frameborder="0" allowfullscreen></iframe>
Changed By: JinJin
Change Date: March 05, 2015 10:16AM

[作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
/mepopedia.com/~web103-2a/hw01/hw01-102

[hr]
<h2> 盒子模型／區塊模型（Box Model）</h2>
.參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model）
http://mepopedia.com/forum/read.php?844,15917

[img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img]

[hr]
<h2>作業說明</h2>
參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

<b>可參考http://www.css3maker.com/
適當加入CSS1.網址:http://mepopedia.com/~web102-a/hw01/hw01-102xxxxxxx
3效果</b>

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-102xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
範例：
http://mepope上課影音

<b>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" ia.com/~web101-a/hw01/hw0

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>1-1006445002/
http://mepopedia.com/~web101-a/hw01/hw01-1006445010/
http://mepopedia.com/forum/read.php?1651,42170


[hr]
<h2>上課影音</h2>

<b>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>CSS3初探</b>
http://youtu.be/TnaMIVYyf4Y

<iframe width="853" height="480" src="https://www.youtube.com/embed/TnaMIVYyf4Y?list=UUkDLlikN-EpFVFZKUGt3_8g" frameborder="0" allowfullscreen></iframe>
Changed By: JinJin
Change Date: March 05, 2015 10:16AM

[作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
/mepopedia.com/~web103-2a/hw01/hw01-102

[hr]
<h2> 盒子模型／區塊模型（Box Model）</h2>
.參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model）
http://mepopedia.com/forum/read.php?844,15917

[img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img]

[hr]
<h2>作業說明</h2>
參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

<b>可參考http://www.css3maker.com/
適當加入CSS1.網址:http://mepopedia.com/~web102-a/hw01/hw01-102xxxxxxx
3效果</b>

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-102xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
範例：
http:allowfullscreen></iframe>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" ia.com/~web101-a/hw01/hw0

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>1-1006445002/
http://mepopedia.com/~web101-a/hw01/hw01-1006445010/
http://mepopedia.com/forum/read.php?1651,42170


[hr]
<h2>上課影音</h2>

<b>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>CSS3初探</b>
http://youtu.be/TnaMIVYyf4Y

<iframe width="853" height="480" src="https://www.youtube.com/embed/TnaMIVYyf4Y?list=UUkDLlikN-EpFVFZKUGt3_8g" frameborder="0" allowfullscreen></iframe>
Changed By: JinJin
Change Date: February 24, 2015 11:11PM

[作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
經過了一個寒假，為了讓大家回復記憶，請先複習基礎的網頁設計概念

<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
/mepopedia.com/~web103-2a/hw01/hw01-102

[hr]
<h2> 盒子模型／區塊模型（Box Model）</h2>
.參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model）
http://mepopedia.com/forum/read.php?844,15917

[img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img]

[hr]
<h2>作業說明</h2>
參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

<b>可參考http://www.css3maker.com/
適當加入CSS1.網址:http://mepopedia.com/~web102-a/hw01/hw01-102xxxxxxx
3效果</b>

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-102xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
範例：
http:DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" ia.com/~web101-a/hw01/hw0

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>1-1006445002/
http://mepopedia.com/~web101-a/hw01/hw01-1006445010/
http://mepopedia.com/forum/read.php?1651,42170


[hr]
<h2>上課影音</h2>

<b>DIV-HTML-CSS概念說明</b>
http://youtu.be/ob16LUs4SKs

<iframe width="853" height="480" src="https://www.youtube.com/embed/ob16LUs4SKs?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 ></b>
http://youtu.be/Sg8MoJlEGhY

<iframe width="853" height="480" src="https://www.youtube.com/embed/Sg8MoJlEGhY?rel=0" frameborder="0" allowfullscreen></iframe>

[hr]
<b>CSS3初探</b>
http://youtu.be/TnaMIVYyf4Y

<iframe width="853" height="480" src="https://www.youtube.com/embed/TnaMIVYyf4Y?list=UUkDLlikN-EpFVFZKUGt3_8g" frameborder="0" allowfullscreen></iframe>

Original Message

作者: JinJin
Date: February 24, 2015 11:10PM

[作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
經過了一個寒假，為了讓大家回復記憶，請先複習基礎的網頁設計概念

網頁基礎複習


[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
/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]

作業說明


參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

可參考http://www.css3maker.com/
適當加入CSS1.網址:http://mepopedia.com/~web102-a/hw01/hw01-102xxxxxxx
3效果

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-102xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
範例：
http:DIV-HTML-CSS概念說明
http://youtu.be/ob16LUs4SKs

1-1006445002/
http://mepopedia.com/~web101-a/hw01/hw01-1006445010/
http://mepopedia.com/forum/read.php?1651,42170


[hr]

上課影音



DIV-HTML-CSS概念說明
http://youtu.be/ob16LUs4SKs



[hr]
作業一說明<利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 >
http://youtu.be/Sg8MoJlEGhY



[hr]
CSS3初探
http://youtu.be/TnaMIVYyf4Y