Change History
Message: [作業01] DIV與CSS複習 --以色塊為主的基本單欄網頁版型
Changed By: JinJin
Change Date: March 05, 2015 10:46AM
[作業01] DIV與CSS複習 --以色塊為主的基本單欄網頁版型
經過了一個寒假,為了讓大家回復記憶,請先複習基礎的網頁設計概念
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
[hr]
<h2>課堂範例</h2>
http://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建立製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web103-2c/hw01/hw01-102xxxxxxx
2.設計概念與製作心得:
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?
[hr]
範例:
http://mepopedia.com/~web101-a/hw01/hw01-1006445002/
~web101-a/hw01/hw01-1006445002/
純色塊為例[/url]
自行選擇主題,製作以DIV架構搭配CSS的基本網頁,請注意字體大小、整體質感與配色
<b>可參考http://www.css3maker.com/
適當加入CSS3效果</b>
製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web103-2c/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>
2015 03 05作業一課堂講解
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:42AM
[作業01] DIV與CSS複習 --以色塊為主的基本單欄網頁版型
經過了一個寒假,為了讓大家回復記憶,請先複習基礎的網頁設計概念
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
[hr]
<h2>課堂範例</h2>
http://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建立製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web102-2c/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,421701.網址:http://mepopedia.com/~web103-2c/hw01/hw01-102xxxxxxx
2.設計概念與製作心得:
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?
[hr]
範例:
http://mepopedia.com/~web101-a/hw01/hw01-1006445002/
純色塊為例[/url]
自行選擇主題,製作以DIV架構搭配CSS的基本網頁,請注意字體大小、整體質感與配色
<b>可參考http://www.css3maker.com/
適當加入CSS3效果</b>
製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web103-2c/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>
2015 03 05作業一課堂講解
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:39AM
[作業01] DIV與CSS複習 --以色塊為主的基本單欄網頁版型
經過了一個寒假,為了讓大家回復記憶,請先複習基礎的網頁設計概念
<h2>網頁基礎複習</h2>
[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]
[hr]
<h2>課堂範例</h2>
http://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建立製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web102-a/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,421701.網址:http://mepopedia.com/~web102-2c/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,421701.網址:http://mepopedia.com/~web103-2c/hw01/hw01-102xxxxxxx
2.設計概念與製作心得:
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?
[hr]
範例:
http://mepopedia.com/~web101-a/hw01/hw01-1006445002/
純色塊為例[/url]
自行選擇主題,製作以DIV架構搭配CSS的基本網頁,請注意字體大小、整體質感與配色
<b>可參考http://www.css3maker.com/
適當加入CSS3效果</b>
製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web103-2c/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>
2015 03 05作業一課堂講解
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:12PM
[作業01] DIV與CSS複習 --以色塊為主的基本單欄網頁版型
經過了一個寒假,為了讓大家回復記憶,請先複習基礎的網頁設計概念
網頁基礎複習
[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]
作業說明
參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web102-a/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,421701.網址:http://mepopedia.com/~web102-2c/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,421701.網址:http://mepopedia.com/~web103-2c/hw01/hw01-102xxxxxxx
2.設計概念與製作心得:
3.何謂HTML、DIV及CSS
4.附上至少一個覺得設計很有質感的網站,並說明原因
5.期待這門課的學習成果與收穫為何?
[hr]
範例:
http://mepopedia.com/~web101-a/hw01/hw01-1006445002/
純色塊為例[/url]
自行選擇主題,製作以DIV架構搭配CSS的基本網頁,請注意字體大小、整體質感與配色
可參考http://www.css3maker.com/
適當加入CSS3效果
製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client
並回覆於此篇文章
1.網址:http://mepopedia.com/~web103-2c/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]
上課影音
2015 03 05作業一課堂講解
http://youtu.be/TnaMIVYyf4Y