Change History
Message: [作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
Changed By: JinJin
Change Date: October 21, 2012 07:31PM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
Change Date: October 21, 2012 07:31PM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
<h2>一、製作說明</h2>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
<b>[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]</b>
<h2>二、繳交作業方式</h2>
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
<b>[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]</b>
<h2>二、繳交作業方式</h2>
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/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 21, 2012 11:28AM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
Change Date: October 21, 2012 11:28AM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
<h2>一、製作說明</h2>
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
<b>[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]</b>
<h2>二、繳交作業方式</h2>
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
</b>
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
<b>[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]</b>
<h2>二、繳交作業方式</h2>
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
</b>
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/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 21, 2012 11:26AM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
Change Date: October 21, 2012 11:26AM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
<h1>[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇[/color]</h1>
<h2><b>[color=#663300]一、製作說明：[/color]</b></h2>
<h2>一、製作說明</h2>
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
<b>[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]</b>
<h2><b>[color=#663300]二、繳交作業方式[/color]</b></h2>
<h2>二、繳交作業方式</h2>
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
</b>
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
<h2><b>[color=#663300]一、製作說明：[/color]</b></h2>
<h2>一、製作說明</h2>
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
<b>[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]</b>
<h2><b>[color=#663300]二、繳交作業方式[/color]</b></h2>
<h2>二、繳交作業方式</h2>
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
</b>
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================<b>本週補充講義：</b>
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
Original Message
作者: JinJinDate: October 21, 2012 11:25AM
[作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇
[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--Dreamweaver圖片篇[/color]
[color=#663300]一、製作說明：[/color]
1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義] 利用Div標籤與CSS建立基本網頁版型[/url]
的步驟製作
2.下載附件
3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名) 10154452xx
4. 在#wrapper寬度上打上 px的數值
5. #content內，自行打入不同的內容文字，自行隨意設定
6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮，也可以期中作業的內容開始製作
7. 本次作業的重點在於：
[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]
[color=#663300]二、繳交作業方式[/color]
二、繳交作業方式
1.製作完成後，檔案命名方式：
[color=#669900]第三個作業FTP上的資料夾為：hw03
每位同學請將自己的資料夾命名為：hw03-學號
這個作業的網址則為:http://mepopedia.com/~web101c/hw03/hw03-10154452xx
資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾
存放在 < hw03-學號 > 的資夾內[/color]
2. 上傳至FTP
3.回覆本篇文章
(1) 作業網址
(2) 風格設定（色彩設定部份）(也可以期中作業的內容開始製作)（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間
4.請務必在下次上課前回覆，否則為遲交
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
本週補充講義：
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================[hr]
[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================
本週補充講義：
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================本週補充講義：
[color=#330066]1.網站設計解析
2.實做第一個網頁
3.利用 CSS 與 Div 標籤建立網頁版型[/color]
[color=#006600]以上PDF講義請至學生系統下載
http://192.192.78.86/student_portal/[/color]
===========================================
MEPO forum
is powered by Phorum.