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

Advanced

Change History

Message: [範例] HTML+CSS設計--網頁設計版型列表

Changed By: JinJin
Change Date: February 24, 2015 11:00PM

[範例] HTML+CSS設計--網頁設計版型列表
Changed By: JinJin
Change Date: February 24, 2015 10:59PM


1.以 HTML 與 CSS 完成第一個網頁
http://mepopedia.com/forum/read.php?804,16668

[hr]
http://mepopedia.com/~web103-c/hw01/hw01-1025445051/
http://mepopedia.com/~web103-c/hw01/hw01-1025445111/

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

http://mepopedia.com/~web100b/hw02/hw02-1001445055/
http://mepopedia.com/~web103-c/hw02/hw02-1025445036/
http://mepopedia.com/~web103-c/hw02/hw02-1025445141/

[hr]
3.利用Div標籤與CSS建立基本網頁版型--圖片篇
http://mepopedia.com/forum/read.php?804,16271

http://mepopedia.com/group/comparative/

[hr]
4.以CSS製作網頁導覽列
http://mepopedia.com/forum/read.php?804,17032

1.透過CSS,以清單 <ul>及<li>製作網頁導覽列
http://mepopedia.com/~jinjin/web/hw04/ (滑入僅文字變色的導覽列)
http://mepopedia.com/~jinjin/web/hw04-1/ (滑入底色變色及文字置中的導覽列)

2.以圖片按鈕製作的導覽列
http://mepopedia.com/~jinjin/web/hw04-2/ 

[hr]
5.繞圖排文與推文按鈕的應用
http://mepopedia.com/forum/read.php?804,17878,17878

http://mepopedia.com/~jinjin/web/hw05/story.html 

[hr]
6.表格的製作
http://mepopedia.com/forum/read.php?804,18062

http://mepopedia.com/~jinjin/web/hw06-ex/

[hr]
7.以Float:浮動,製作雙欄網頁
http://mepopedia.com/forum/read.php?804,18255

http://mepopedia.com/~jinjin/web/hw07/


[hr]
期中作業--以單欄為主的網站設計
http://mepopedia.com/~web100b/midterm/midterm-1001445022/
http://mepopedia.com/~web100b/midterm/midterm-1001445042/


[hr]
期末作業--以雙欄為主的網站設計

http://mepopedia.com/~web100b/final/final-1001445022
http://mepopedia.com/~web100b/final/final-1001445042/
http://mepopedia.com/~web103-a/final/final-1025445055/


[hr]
網頁探索-切版練習與HTML+CSS設計
http://mepopedia.com/~web102-c/hw09/hw09-1-1015445218/

[hr]
期中作業--
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/

[hr]
期末作業--
http://mepopedia.com/~web102-a/final/0519BPL/0519BPL/Bopiliao.html
http://mepopedia.com/~web102-a/final/final-1015445002/taiwan

http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/

[hr]
期末作業--專題分組網站設計
http://mepopedia.com/~web102-a/final/0519BPL/0519BPL/Bopiliao.html
http://mepopedia.com/~web102-a/final/final-1015445002/taiwan
http://mepopedia.com/~web102-c/final/final-1015445218/
http://mepopedia.com/~web102-c/final/final-1015445215/
http://mepopedia.com/~web102-c/final/final-1015445219/
http://mepopedia.com/~web102-a/final/fanil-YA%20SI/

http://ccnt1.cute.edu.tw/hphys/web/hphys/

Original Message

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

[範例] HTML TML計--網頁設計版型列表
1.以 HTML 與 CSS 完成第一個網頁
http://mepopedia.com/forum/read.php?804,16668

[hr]
http://mepopedia.com/~web103-c/hw01/hw01-1025445051/
http://mepopedia.com/~web103-c/hw01/hw01-1025445111/

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

http://mepopedia.com/~web100b/hw02/hw02-1001445055/
http://mepopedia.com/~web103-c/hw02/hw02-1025445036/
http://mepopedia.com/~web103-c/hw02/hw02-1025445141/

[hr]
3.利用Div標籤與CSS建立基本網頁版型--圖片篇
http://mepopedia.com/forum/read.php?804,16271

http://mepopedia.com/group/comparative/

[hr]
4.以CSS製作網頁導覽列
http://mepopedia.com/forum/read.php?804,17032

1.透過CSS,以清單 <ul>及<li>製作網頁導覽列
http://mepopedia.com/~jinjin/web/hw04/ (滑入僅文字變色的導覽列)
http://mepopedia.com/~jinjin/web/hw04-1/ (滑入底色變色及文字置中的導覽列)

2.以圖片按鈕製作的導覽列
http://mepopedia.com/~jinjin/web/hw04-2/ 

[hr]
5.繞圖排文與推文按鈕的應用
http://mepopedia.com/forum/read.php?804,17878,17878

http://mepopedia.com/~jinjin/web/hw05/story.html 

[hr]
6.表格的製作
http://mepopedia.com/forum/read.php?804,18062

http://mepopedia.com/~jinjin/web/hw06-ex/

[hr]
7.以Float:浮動,製作雙欄網頁
http://mepopedia.com/forum/read.php?804,18255

http://mepopedia.com/~jinjin/web/hw07/


[hr]
期中作業--以單欄為主的網站設計
http://mepopedia.com/~web100b/midterm/midterm-1001445022/
http://mepopedia.com/~web100b/midterm/midterm-1001445042/


[hr]
期末作業--以雙欄為主的網站設計

http://mepopedia.com/~web100b/final/final-1001445022
http://mepopedia.com/~web100b/final/final-1001445042/
http://mepopedia.com/~web103-a/final/final-1025445055/


[hr]
網頁探索-切版練習與HTML+CSS設計
http://mepopedia.com/~web102-c/hw09/hw09-1-1015445218/

[hr]
期中作業--
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/

[hr]
期末作業--
http://mepopedia.com/~web102-a/final/0519BPL/0519BPL/Bopiliao.html
http://mepopedia.com/~web102-a/final/final-1015445002/taiwan

http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/

[hr]
期末作業--專題分組網站設計
http://mepopedia.com/~web102-a/final/0519BPL/0519BPL/Bopiliao.html
http://mepopedia.com/~web102-a/final/final-1015445002/taiwan
http://mepopedia.com/~web102-c/final/final-1015445218/
http://mepopedia.com/~web102-c/final/final-1015445215/
http://mepopedia.com/~web102-c/final/final-1015445219/
http://mepopedia.com/~web102-a/final/fanil-YA%20SI/

http://ccnt1.cute.edu.tw/hphys/web/hphys/