1. 姓名: ting
2. 學號: 4110C006
3. 回個人首頁(相對路徑，最佳)
4. 回個人首頁(絕對路徑)
5. 回個人首頁(跨 server用法)

上課連結

1. 第八章
   1. 8.1.A: 單欄設計
   2. 8.2.B: 雙欄設計
2. 第七章
   1. 7.1.A: 簡單單層導覽列
   2. 7.1.B: 簡單單層導覽列-增加 active 按鈕
   3. 7.1.C: 簡單單層導覽列-增加 active 按鈕-按鈕列不要空白
   4. 7.2.A: 雙層導覽列效果
   5. 7.2.B: 雙層導覽列效果-慢慢下拉
   6. 7.3.A: 圖片使用地圖 usemap 功能
   7. 7.5.A: HTML5完整版面設計-一個範例
3. 第六章
   1. 6.1.A: 練習漸層-使用底色漸層
   2. 6.1.B: 練習漸層-大頭貼外面加漸層顏色
   3. 6.2.A: 背景處理-三個背景功能
   4. 6.2.B: 背景處理-背景的填滿功能(contain,cover)
   5. 6.2.C: 背景處理-大量重複的背景假按鈕 (opacity)
   6. 6.3.A: 圖片的 hover 放大/縮小功能
   7. 6.5.A: 圖片的 hover 放大/縮小功能-transition 搭配
   8. 6.6.A: 圖片的 hover 放大/縮小功能-自行動畫效果
   9. 6.6.C: 動畫效果-改底圖-讓蜜蜂飛
   10. 6.4.A: 圖片變化的效果-旋轉
   11. 6.4.B: 圖片變化的效果-五張圖疊疊樂
   12. 6.6.D: 圖片變化的效果-五張圖疊疊樂-動畫滑動
4. 第五章
   1. 5.1.A: 第一個方塊樣式的練習
   2. 5.1.B: 第一個方塊樣式的練習-方塊水平置中
   3. 5.1.C: 第一個方塊樣式的練習-框限圓弧+陰影效果
   4. 5.1.D: 第一個方塊樣式的練習-使用自製框線取代原有框線
   5. 5.2.A: 方塊位置變化學習
   6. 5.2.B: 方塊位置變化學習-圖片填滿效果+不太跑版+針對桌機
   7. 5.2.C: 方塊位置變化學習-方塊垂直對齊
   8. 5.2.D: 方塊位置變化學習-浮動在父元素上(float)
   9. 5.3.A: 位置(position)的功能-margin的使用
   10. 5.3.B: 位置(position)的功能-z-index的使用(圖層)
   11. 5.3.C: 位置(position)的功能-inline-block對齊
   12. 5.3.D: 位置(position)的功能-增加 top/right/bottom/left
   13. 5.3.E: 位置(position)的功能-absolute絕對位置的使用
   14. 5.3.F: 位置(position)的功能-fixed 固定在瀏覽器上面位置
   15. 5.4.A: 父子元素的位置編排-overflow的不同效果
   16. 5.4.B: 父子元素的位置編排-圓形的大頭貼
   17. 5.4.C: 父子元素的位置編排-分析 display 與 visibility 的差異
5. 第四章
   1. 4.1.A: 用 CSS 展示古詩詞
   2. 4.1.B: 用 CSS 展示古詩詞-使用 padding 留白
   3. 4.1.D: 用 CSS 展示古詩詞-使用 google 字型
   4. 4.2.A: 用 CSS 改變 a 超連結樣式
   5. 4.2.B: 用 CSS 改變 a 超連結樣式-a變區塊 (display: block)
   6. 4.3.A: 使用 :hover 改變滑鼠效果
   7. 4.4.A: 使用 CSS 修改清單效果-中文數字
   8. 4.4.B: 使用 CSS 修改清單效果-圖示結果
   9. 4.5.A: 表格 CSS 效果
   10. 4.6.A: 簡單巢狀清單
   11. 4.6.C: 簡單巢狀清單-隱藏子清單的效果
6. 第三章
   1. 3.1.B: 學習 CSS 字型/底色
   2. 3.2.A: 學習 CSS 字體大小/行高
   3. 3.3.A: 學習 CSS head 內的 style
   4. 3.3.B: 學習 CSS 的底色與底圖設計
   5. 3.4.A: 學習 CSS table 與 class 應用
   6. 3.5.A: 學習 CSS table 與 id 應用
   7. 3.6.A: 學習 CSS 使用外部呼叫檔

Home Works

1. 第三章
   1. 3.7.2:外部的 CSS 風格設定檔主要內容
   2. 3.7.3:以 CSS 風格取代 HTML 的課表展示
   3. 3.7.4:以 CSS 風格取代 HTML 的特殊符號對應表
   4. 3.7.5:以 CSS 風格取代 HTML 的書籍清單展示
2. 第四章
   1. 4.7.2: 以 CSS 修飾古文的展示
   2. 4.7.4: 以 CSS 修飾清單以及巢狀清單的隱藏使用
   3. 4.7.5: 以 CSS 修飾表格以及 :hover 的美化
3. 第五章
   1. 5.5.2: 使用 position 進行排版
   2. 5.5.3: 使用 :hover 搭配 visibility 進行答案隱藏
4. 第六章
   1. 例題 6.7.2: 使用漸層處理與圖片重疊技巧，處理彩虹人物像
   2. 例題 6.7.3: 直立式按鈕改橫式按鈕，並增加一個按鈕
   3. 例題 6.7.4: 圖示放大變成中央放大，非向下右方放大模樣
   4. 例題 6.7.5: 在6.7.4追加漸變功能
   5. 例題 6.7.6: 蜜蜂飛來，衝向螢幕嚇你
   6. 例題 6.7.7: 照片的幻燈片淡出/入效果功能
5. 第七章
   1. 例題 7.6.2: 使用較清爽的導覽列模式
   2. 例題 7.6.3: 讓原本橫的導覽列變成直的導覽列模式
   3. 例題 7.6.4: 預計達成的期中報告網站列表
   4. 例題 7.6.5: 透過地圖連結以及清單項目的絕對位址說明