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

Advanced

[講義] 單元課程練習整理

每個單元皆會有講義整理,搭配課後練習作業,講義內有語法及影音複習檔,供同學課後複習,請善加利用。



1. [作業01] 以HTML與CSS完成第一個網頁


1.[講義01] 以HTML與CSS完成第一個網頁

2.作業參考
(1) http://mepopedia.com/~web103-a/hw01/hw01-1005445193/
(2) http://mepopedia.com/~web103-a/hw01/hw01-1025445151/
(3) http://mepopedia.com/~web103-c/hw01/hw01-1025443044/



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


1.[講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例

2.作業參考
(1) http://mepopedia.com/~web103-c/hw02/hw02-1025445036/
(2) http://mepopedia.com/~web103-a/hw02/hw02-1025445040/
(3) http://mepopedia.com/~web103-a/hw02/hw02-1025445070/
(4) http://mepopedia.com/~web103-a/hw02/hw02-1025445001/
(5) http://mepopedia.com/~web103-a/hw02/hw02-1025445025/
(6) http://mepopedia.com/~web100b/hw02/hw02-1001445055/
(7) http://mepopedia.com/~web100b/hw02/hw02-1001445095/



3. [作業03] 利用Div標籤與CSS建立基本網頁版型(圖片篇)


1.[講義03] 利用Div標籤與CSS建立基本網頁版型(圖片篇)

2.作業參考
(1) http://mepopedia.com/~jinjin/web/hw03/
(2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/
(3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/
(4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/
(5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/
(6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html



4. [作業04] 以CSS製作網頁導覽列


1.[講義04] 以CSS製作網頁導覽列

2.作業參考
永遠的印象--莫內,範例網址:
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/ 


(1) http://mepopedia.com/~web103-a/hw04/hw04-1025445040/
(2) http://mepopedia.com/~web103-a/hw04/hw04-1005445193/
(3) http://mepopedia.com/~web103-a/hw04/hw04-1025445064/
(4) http://mepopedia.com/~web103-a/hw04/hw04-1025445178/
(5) http://mepopedia.com/~web103-a/hw04/hw04-1025445001/
(6) http://mepopedia.com/~web101c/hw04/hw04-1015445243/



5. [期中作業] 以單欄為主的網站設計



作業參考
(1) http://mepopedia.com/~web100b/midterm/midterm-1001445022/
(2) http://mepopedia.com/~web100b/midterm/midterm-1001445042/
(3) http://mepopedia.com/~web100a/midterm/midterm-1001445068/
(4) http://mepopedia.com/~web103-a/midterm/midterm-1025445001/
(5) http://mepopedia.com/~web103-a/midterm/midterm-1025445070/
(6) http://mepopedia.com/~web103-c/midterm/midterm-1025445069/



6. [講義05] 繞圖排文與推文按鈕的應用


1.[講義05] 繞圖排文與推文按鈕的應用

2.作業參考
(1) http://mepopedia.com/~jinjin/web/hw05/story.html



7. [作業06] 表格的製作


1.[講義06] 表格的製作

2.作業參考
(1) http://mepopedia.com/~jinjin/web/hw06-ex/
(2) http://mepopedia.com/~web103-a/hw06/hw06-1025445001/
(3) http://mepopedia.com/~web103-a/hw06/hw06-1025445070/
(4) http://mepopedia.com/~web103-a/hw06/hw06-1025445040/
(5) http://mepopedia.com/~web103-a/hw06/hw06-1005445193/



8. [作業07] 以Float:浮動,製作雙欄網頁


1.[講義07] 以Float:浮動,製作雙欄網頁

2.作業參考
(1) http://mepopedia.com/~jinjin/web/hw07/
(2) http://mepopedia.com/~web103-a/hw07/hw07-1005445193/
(3) http://mepopedia.com/~web103-a/hw07/hw07-1025445139/team.html
(4) http://mepopedia.com/~web103-a/hw07/hw07-1005445195/
(5) http://mepopedia.com/~web103-a/hw07/hw07-1025445001/album.html
(6) http://mepopedia.com/~web103-a/hw07/hw07-1025445040/



9. [作業] 優良設計網站蒐集與分析



作業參考
(1) http://mepopedia.com/forum/read.php?2023,68211




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



作業參考
(1) http://mepopedia.com/~web100b/final/final-1001445022/
(2) http://mepopedia.com/~web100b/final/final-1001445042/
(3) http://mepopedia.com/~web101c/final/final-1015445243/
http://mepopedia.com/~web101c/final/final-1015445243-1/
(4) http://mepopedia.com/~web103-a/final/final-1025445124/
(5) http://mepopedia.com/~web103-a/final/final-1025445055/
(6) http://mepopedia.com/~web103-a/final/final-1025445001/
(7) http://mepopedia.com/~web103-a/final/final-1025445040/
(8) http://mepopedia.com/~web103-a/final/final-1025445043/
(9) http://mepopedia.com/~web103-a/final/final-1005445193/
(10) http://mepopedia.com/~web103-a/final/final-1025445070/
(11) http://mepopedia.com/~web105-2c/final/final-1045445117/

http://mepopedia.com/forum/read.php?2023,67943



OnePage
http://mepopedia.com/~css105-2b/final/final-1045445017/
http://mepopedia.com/~css105-2c/final/final-1045445117/

http://mepopedia.com/forum/read.php?804,84881



Edited 7 time(s). Last edit at 09/20/2017 12:25AM by JinJin.
(編輯記錄)