• 姓名:黃佩涵
• 學號:4110C011
回首頁

上課連結

• 第八課
  • 第8課:單欄
  • 第8課:雙攔設計

• 第七課
  • 第7課:簡單單層導覽列
  • 第7課:簡單單層導覽列-增加active
  • 第7課:簡單單層導覽列-增加active-按鈕列不要空白
  • 第7課:雙層瀏覽效果
  • 第7課:雙層瀏覽效果-慢下拉
  • 第7課:雙層瀏覽效果-地圖
  • 第7課:HTML5完整版面設計

• 第六課
  • 第6課:練習漸層-使用底色漸層
  • 第6課:練習漸層-大頭貼外面加漸層顏色
  • 第6課:背景處理-三個背景圖
  • 第6課:背景處理-背景的填滿功能
  • 第6課:背景處理-大量重複的背景假按鈕
  • 第6課:圖片hover放大/縮小功能
  • 第6課:圖片hover放大/縮小功能 transparent
  • 第6課:圖片hover放大/縮小功能 自行動畫效果
  • 第6課:動畫效果-改底圖-讓蜜蜂飛
  • 第6課:圖片變化的效果-旋轉
  • 第6課:圖片變化的效果-疊疊樂
  • 第6課:圖片變化的效果-疊疊樂-動畫滑動

• 第五課
  • 第5課:第一個方塊樣式的練習
  • 第5課:第一個方塊樣式的練習-方塊置中
  • 第5課:第一個方塊樣式的練習-圓弧加陰影
  • 第5課:第一個方塊樣式的練習-使用自製框線
  • 第5課:方塊位置的變化學習
  • 第5課:方塊位置的變化學習-圖片填滿效果-不太跑版
  • 第5課:方塊位置的變化學習-垂直
  • 第5課:方塊位置的變化學習-浮動在父元素上
  • 第5課:mager
  • 第5課:位置的功能-Z-index的使用
  • 第5課:位置的功能-inline-block對齊
  • 第5課:位置的功能-增加 top/right/bottom/left
  • 第5課:位置的功能-abosolute絕對位置的使用
  • 第5課:位置的功能-fixed固定在瀏覽器上面的位置
  • 第5課:位置的功能-父子元素的位置編排-flow的不同效果
  • 第5課:位置的功能-圓形的大頭貼
  • 第5課:位置的功能-分析display與visibility的差異

• 第四課
  • 第4課:用css展示古詩詞
  • 第4課:用css展示古詩詞-使用padding留白
  • 第4課:用css展示古詩詞-使用google自型
  • 第4課:用css改變a超連結樣式
  • 第4課:用css改變a超連結樣式-a變區塊
  • 第4課:用 :hove改變滑鼠效果
  • 第4課:用css修改清單效果-中文數字
  • 第4課:用css修改清單效果-圖示結果
  • 第4課:用css
  • 第4課:簡單巢狀清單
  • 第4課:簡單巢狀清單-隱藏子清單效果

• 第三課
  • 第3課:學習css字型底色
  • 第3課:學習css字體大小
  • 第3課:學習css head內的style
  • 第3課:學習css的底色底圖設計
  • 第3課:學習css table與class應用
  • 第3課:學習css table與id應用
  • 第3課:學習css 使用外部呼叫檔案

• Home Works
  • ex04.7.2
• ex03.7.2:外部的CSS風格設定檔主要內容
• ex03.7.3:以CSS風格取代html的課表展示
• ex03.7.4:以CSS風格取代html的特殊符號對應表