• 姓名：陳建宇
• 學號：4110c015
• 回首頁(相對路徑)
• 回首頁(絕對路徑)
• 回web1主頁

--------上課連結--------

• 第三課
• unit03-1-B CSS 字型及底色
• unit03-2-1 CSS 字體大小及行高
• unit03-3-1 CSS head中的style
• unit03-3-2 CSS 底色及底圖
• unit03-4-1 CSS table與class應用
• unit03-5-1 CSS id與class應用
• unit03-6-1 CSS 外部呼叫檔案

• 第四課
• unit04-1-A CSS 展示古詩詞
• unit04-1-B CSS 展示古詩詞-使用 padding 留白
• unit04-1-D CSS 展示古詩詞-使用Google字型
• unit04-2-A CSS 改變 a 超連結樣式
• unit04-2-B CSS 改變 a 超連結樣式-a變區塊 (display: block)
• unit04-3-A CSS 使用:hover改變滑鼠效果
• 4.4.A: 用 CSS 修改清單效果-中文數字
• 4.4.B: 用 CSS 修改清單效果-圖示結果
• 4.5.A: 表格 CSS 效果
• 4.6.A: 簡單巢狀清單
• 4.6.C: 簡單巢狀清單-隱藏子清單的效果

• 第五課
• 5.1.A: 第一個方塊樣式的練習
• 5.1.B: 第一個方塊樣式的練習-方塊水平置中
• 5.1.C: 第一個方塊樣式的練習-框線圓弧+陰影效果
• 5.1.D: 第一個方塊樣式的練習-使用自製框線取代原有框線
• 5.2.A: 方塊位置的變化學習
• 5.2.B: 方塊位置的變化學習-圖片填滿效果+不太跑版+針對桌機
• 5.2.C: 方塊位置的變化學習-方塊垂直對齊
• 5.2.D: 方塊位置的變化學習-浮動在父元素上(float)
• 5.3.A: 位置(position)的功能-margin的使用
• 5.3.B: 位置(position)的功能-z-index的使用(圖層)
• 5.3.C: 位置(position)的功能-inline-block對齊

• 第六課
• unit06-1-A 練習漸層-使用底色漸層
• unit06-1-B 練習漸層-大頭貼外面加漸層顏色
• unit06-2-A 背景處理-三個背景功能
• unit06-2-B 背景處理-背景的填滿功能 (contain, cover)
• unit06-2-C 背景處理-大量重複的背景假按鈕
• unit06-3-A 圖片的 hover 放大/縮小功能
• unit06-5-A 圖片的 hover 放大/縮小功能-transition 搭配
• unit06-6-A 圖片的 hover 放大/縮小功能-自行動畫效果
• unit06-6-C 圖片的 hover 放大/縮小功能-自行動畫效果
• unit06-4-A 圖片變化的效果-旋轉
• unit06-4-B 圖片變化的效果-五張圖疊疊樂
• unit06-6-D 圖片變化的效果-五張圖疊疊樂

• 第七課功課
• unit07-1-A 簡單單層導覽列
• unit07-1-B 簡單單層導覽列-增加 active 按鈕
• unit07-1-C 簡單單層導覽列-增加 active 按鈕-按鈕列不要空白
• unit07-2-A 雙層導覽列效果
• unit07-2-B 雙層導覽列效果-慢慢下拉
• unit07-3-A 圖片使用地圖 usemap 功能
• unit07-5-A HTML5完整版面設計-一個範例

--------功課連結--------

• 第三課功課
• overoll.css
• unit03 的 3.7.3 作業
• unit03 的 3.7.4 作業
• unit03 的 3.7.5 作業

• 第四課功課
• unit04 的 4.7.2 作業
• unit04 的 4.7.4 作業
• unit04 的 4.7.5 作業

• 第五課功課

• 第六課功課
• unit06 的 6.7.2 作業
• unit06 的 6.7.3 作業
• unit06 的 6.7.4 作業
• unit06 的 6.7.5 作業
• unit06 的 6.7.6 作業
• unit06 的 6.7.7 作業