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

Advanced

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

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]
期中作業--HTML與CSS3--網站實作
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/



Edited 2 time(s). Last edit at 02/24/2015 11:00PM by JinJin.
(編輯記錄)