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

Advanced

Change History

Message: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

Changed By: JinJin
Change Date: October 12, 2011 10:53AM

[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例
<h1>[color=#990000][作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例[/color]</h1>

<h2><b>[color=#663300]一、製作說明:[/color]</b></h2>
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16481][講義] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]</b>
的步驟製作

2.每個同學記得在[color=#990033]title的部分打上"視傳一A-學號-以色塊建構的網頁單欄排版"[/color]

3.在#wrapper寬度上打上 px的數值

4.#header、#content及#footer內,自行打入不同的內容文字,自行隨意設定

5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後,上傳至FTP

6.本次作業的重點在於:

<b>[color=#CC0000](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定設計出具有質感的網頁[/color]</b>



<h2><b>[color=#663300]二、繳交作業方式[/color]</b></h2>

1.製作完成後,檔案命名方式:

[color=#669900]第二個作業FTP上的資料夾為:hw02

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:http://mepopedia.com/~web100a/hw02/hw02-100xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔

存放在 < hw02-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址

(2).有無遇到的問題,製作感想,製作作業的時間

4.請務必在下次上課前回覆,否則為遲交

</b>

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義:</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]

[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
(2).請回答以下問題:
1.配色風格設定:
2.有無遇到的問題?
3.製作感想
4.製作作業的時間

4.請務必在下次上課前回覆,否則為遲交

</b>

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義:</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]

[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
Changed By: JinJin
Change Date: October 11, 2011 11:19AM

[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例
<h1>[color=#990000][作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例[/color]</h1>

<h2><b>[color=#663300]一、製作說明:[/color]</b></h2>
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16481][講義] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]</b>
的步驟製作

2.每個同學記得在[color=#990033]title的部分打上"視傳一A-學號-以色塊建構的網頁單欄排版"[/color]

3.在#wrapper寬度上打上 px的數值

4.#header、#content及#footer內,自行打入不同的內容文字,自行隨意設定

5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後,上傳至FTP

6.本次作業的重點在於:

[color=#993300]<b>(1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定設計出具有質感的網頁</b>[/color]
<b>[color=#CC0000](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定設計出具有質感的網頁[/color]</b>



<h2><b>[color=#663300]二、繳交作業方式[/color]</b></h2>

1.製作完成後,檔案命名方式:

[color=#669900]第二個作業FTP上的資料夾為:hw02

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:http://mepopedia.com/~web100a/hw02/hw02-100xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔

存放在 < hw02-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址

(2).有無遇到的問題,製作感想,製作作業的時間

4.請務必在下次上課前回覆,否則為遲交

</b>

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義:</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]

[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
=========================================== (2).請回答以下問題:
1.配色風格設定:
2.有無遇到的問題?
3.製作感想
4.製作作業的時間

4.請務必在下次上課前回覆,否則為遲交

</b>

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義:</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]

[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================

Original Message

作者: JinJin
Date: October 11, 2011 11:18AM

[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

[color=#990000][作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例[/color]



[color=#663300]一、製作說明:[/color]



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

2.每個同學記得在[color=#990033]title的部分打上"視傳一A-學號-以色塊建構的網頁單欄排版"[/color]

3.在#wrapper寬度上打上 px的數值

4.#header、#content及#footer內,自行打入不同的內容文字,自行隨意設定

5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後,上傳至FTP

6.本次作業的重點在於:

[color=#993300](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定設計出具有質感的網頁
[/color]
[color=#CC0000](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定設計出具有質感的網頁[/color]




[color=#663300]二、繳交作業方式[/color]



1.製作完成後,檔案命名方式:

[color=#669900]第二個作業FTP上的資料夾為:hw02

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:http://mepopedia.com/~web100a/hw02/hw02-100xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔

存放在 < hw02-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址

(2).有無遇到的問題,製作感想,製作作業的時間

4.請務必在下次上課前回覆,否則為遲交



===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
本週補充講義:
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]

[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
=========================================== (2).請回答以下問題:
1.配色風格設定:
2.有無遇到的問題?
3.製作感想
4.製作作業的時間

4.請務必在下次上課前回覆,否則為遲交



===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
本週補充講義:
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]

[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================