1. 姓名:王智嫻
2. 學號:4110C008
3. 回首頁(相對路徑,最佳選擇)


4. 回首頁(絕對路徑)

↓↓↓上課連結↓↓↓

第三章↓

1. unit03-1-2學習 CSS 字形/底色


2. unit03-2-1學習 CSS 字體大小/行高


3. unit03-3-1學習 CSS head內的style


4. unit03-3-2學習 CSS 底圖


5. unit03-4-1學習 CSS table與class的應用


6. unit03-5-1學習 CSS table與id的應用


7. unit03-6-1學習 CSS 使用外部呼叫檔案

第四章↓

1. unit04-1-1學習 CSS 展示古詩詞


2. unit04-1-2學習 CSS 展示古詩詞-使用padding 留白


3. unit04-1-4學習 CSS 展示古詩詞-使用google 字型


4. unit04-2-1學習 CSS 改變 a 超連結樣式


5. unit04-2-2學習 CSS 改變 a 超連結樣式-a變區塊 (display: block)


6. unit04-3-1學習 CSS 使用 :hover 改變滑鼠效果


7. unit04-4-1學習 CSS 修改清單效果


8. unit04-4-2學習 CSS 修改清單效果-2


9. unit04-5-1學習 CSS 表格效果


10. unit04-6-1學習 CSS 簡單巢狀


11. unit04-6-2學習 CSS 簡單巢狀-隱藏子清單效果

第五章↓

1. unit05-1-1 方塊樣式的練習


2. unit05-1-2 方塊樣式的練習-方塊水平置中


3. unit05-1-3 方塊樣式的練習-框線圓弧+陰影效果


4. unit05-1-4 方塊樣式的練習-使用自製框線取代原有框線


5. unit05-2-1 方塊樣式的練習-方塊位置的變化


6. unit05-2-2 方塊樣式的練習-方塊位置的變化-圖片填滿效果+不太跑版+針對桌機


7. unit05-2-3 方塊樣式的練習-方塊垂直對齊


8. unit05-2-4 方塊樣式的練習-浮動在父元素上(float)


9. 位置(position)的功能-margin的使用


10. 位置(position)的功能-z-index的使用(圖層)


11. 位置(position)的功能-inline-block對齊


12. 位置(position)的功能-增加 top/right/bottom/left


13. 位置(position)的功能-absolute絕對位置的使用


14. 位置(position)的功能-fixed 固定在瀏覽器上面的位置


15. 父子元素的位置編排-overflow的不同效果


16. 父子元素的位置編排-圓形的大頭貼


17. 父子元素的位置編排-分析 display 與 visibility 的差異

第六章↓

1. 練習漸層-使用底色漸層


2. 大頭貼外面加漸層


3. 背景處理-三個背景功能


4. 背景處理-背景的填滿功能(contain,cover)


5. 背景處理-假按鈕圖示


6. 圖片的 hover 放大/縮小功能


7. 圖片的 hover 放大/縮小功能-transition搭配


8. 圖片的 hover 放大/縮小功能-自行動畫效果


9. 動畫效果-改底圖-讓蜜蜂飛


10. 圖片變化效果-旋轉


11. 圖片變化的效果-五張疊疊樂


12. 圖片變化的效果-五張疊疊樂-動畫滑動

第七章↓

1. 簡單單層導覽列


2. 簡單單層導覽列-增加active按鈕


3. 簡單單層導覽列-增加active按鈕-按鈕不空白


4. 雙層導覽列效果


5. 雙層導覽列效果-慢慢下拉


6. 使用地圖usemap功能


7. 回個人首頁(跨 server 用法)

第八章↓

1. 單欄設計

↓↓↓home works↓↓↓

第三章作業↓

1. overall.css


2. mystables.css


3. 習題 3.7.3


4. 習題 3.7.4


5. 習題 3.7.5

第四章作業↓

1. 習題 4.7.2


2. 習題 4.7.4


3. 習題 4.7.5

第五章作業↓

1. 習題 5.5.2


2. 習題 5.5.3