1. 姓名:謝伊婷
  2. 學號:4110C012
  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. unit05-3-1 位置(position)的功能-margin的使用

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

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

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

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

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

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

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

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

    第六章↓

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

  2. unit06-1-2 練習漸層-大頭貼外面加漸層顏色

  3. unit06-2-1 背景處理-三個背景功能

  4. unit06-2-2 背景處理-背景的填滿功能

  5. unit06-2-3 背景處理-背景的填滿功能

  6. unit06-3-1 圖片的 hover 放大/縮小功能

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

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

  9. unit06-6-3 圖片的 hover 放大/縮小功能-自行動畫效果

  10. unit06-4-1 圖片變化的效果-旋轉

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

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

    第七章↓

  1. unit07-1-1 簡單單層導覽列

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

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

  4. unit07-2-1 雙層導覽列效果

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

  6. unit07-3-1 圖片使用地圖 usemap 功能

  7. unit07-5-1 HTML5完整版面設計-一個範例

    第八章↓

  1. unit08-1-1 簡單單層導覽列

  2. unit08-2-2 簡單雙層導覽列

↓↓↓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. 習題 6.7.2

  2. 習題 6.7.3

  3. 習題 6.7.4

  4. 習題 6.7.5

  5. 習題 6.7.6

  6. 習題 6.7.7