• 姓名:劉庭維
  • 學號: 4110C014
  • 回個人首頁
  • 回個人首頁
  • 回個人首頁
  • 第三課
    • 3.1.B:學習CSS 字型/底色
    • 3.2.A:學習CSS 字體大小/行高
    • 3.3.A:學習CSS head內的st
    • 3.3.B:學習CSS 的底色與底圖設計
    • 3.4.A:學習CSS table 與class應用
    • 3.5.A:學習CSS table 與id應用
    • 3.6.A:學習CSS 外部呼叫檔案
  • 第四課
    • 4.1.A:用CSS 展示古詩詞
    • 4.1.B:用CSS 展示古詩詞-使用padding 留白
    • 4.1.D:用CSS 展示古詩詞-使用Google字形
    • 4.2.A:用CSS 改變a超連結樣式
    • 4.2.B:用CSS 改變a超連結樣式 -a變區塊(display: block)
    • 4.3.A:使用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對齊
    • 5.3.D:位置(position)的功能- 增加top/right/bottom/left
    • 5.3.E:位置(position)的功能- 絕對位置的使用
    • 5.3.F:位置(position)的功能- fixed 固定在瀏覽器上面的位置
    • 5.4.A:父子元素的位置編排- overflow的不同效果
    • 5.4.B:父子元素的位置編排- 圓形大頭貼
    • 5.4.C:父子元素的位置編排- 分析display 與visibility 的差異
  • 第六課
    • 6.1.A: 練習漸層-使用底色漸層
    • 6.1.B: 練習漸層-大頭外面加漸層顏色
    • 6.2.A: 背景處理-3個背景功能
    • 6.2.B: 背景處理-背景的填滿功能(contain、cover)
    • 6.2.C: 背景處理-大量重複背景假按鈕(opacity)
    • 6.3.A: 圖片的hover 放大縮小功能
    • 6.5.A: 圖片的 hover 放大/縮小功能-transition 搭配
    • 6.6.A: 圖片的 hover 放大/縮小功能-自行動畫效果
    • 6.6.C: 動畫效果-改底圖-讓蜜蜂飛
    • 6.4.A: 圖片變化效果-旋轉
  • 第七課
    • 7.1.A: 簡單單層導覽列
    • 7.1.B: 簡單單層導覽列-增加 active 按鈕
    • 7.1.C: 簡單單層導覽列-增加 active 按鈕-按鈕列不要空白
    • 7.2.A: 雙層導覽列效果
    • 7.2.B: 雙層導覽列效果-慢慢下拉
    • 7.3.A: 圖片使用地圖usemap功能
    • 7.5.A: HTML5完整版面設計-一個範例
  • 第八課
    • 8.1.A: 簡單單層導覽列
    • 8.2.B: 簡單單層導覽列-增加 active 按鈕

    • homework

    • 第3課
      • 03.7.2功課:外部CSS風格設定黨主要內容
      • 03.7.3功課:以CSS風格取代HTML的課表
      • 03.7.4功課:以CSS風格取代HTML的特殊對應表
      • 03.7.5功課:以CSS風格取代HTML的書籍清單展示
    • 第4課
      • 04.7.2功課:以CSS 修飾古文的展示
      • 04.7.4功課:以CSS 修飾清單以及巢狀清單的隱藏使用
      • 04.7.5功課:以CSS 修飾表格以及:hover的美化
    • 第5課
      • 05.5.2功課:使用position進行排版
      • 05.5.3功課:使用:hover 搭配 visibility進行答案隱藏
    • 第6課
      • 06.7.2功課:使用漸層處理與圖片重疊的技巧，處理彩虹人物像
      • 06.7.3功課:直立的按鈕改橫式按鈕，並增加一個按鈕
      • 06.7.4功課:圖片放大變成在正中央放大，不是向右方放大的模樣
      • 06.7.5功課:呈上，加上漸變的功能
      • 06.7.6功課:蜜蜂飛來飛去，衝向螢幕來嚇你
      • 06.7.7功課:照片的幻燈片淡出/淡入效果功能
    • 第7課
      • 07.6.2功課:使用較清爽的導覽列模式
      • 07.6.3功課:讓原本橫的導覽列模式變成直的導覽列模式
      • 07.6.4功課:預計成的期中報告網站列表
      • 07.6.5功課:透過地圖連結以及清單項目的絕對位置說明