• 姓名:周啟業
  • 學號: 4110C010
  • 回個人首頁
  • 回個人首頁
  • 第三課
    • 3.1.B: 學習 CSS 字型/底色
    • 3.1.B: 學習 CSS 字型/底色
    • 3.3.A: 學習 CSS head 內的 style
    • 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.B:用CSS 展示古詩詞-使用padding 留白
    • 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.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: 背景處理-三個背景功能
    • 6.2.B: 背景處理-背景的填滿功能 (contain, cover)
    • 6.2.C: 背景處理-大量重複的背景假按鈕 (opacity)
    • 6.3.A: 圖片的 hover 放大/縮小功能
    • 6.4.A: 圖片變化的效果-旋轉
    • 6.4.B: 圖片變化的效果-五張圖疊疊樂
    • 6.5.A: 圖片的 hover 放大/縮小功能-transition 搭配
    • 6.6.A: 圖片的 hover 放大/縮小功能-自行動畫效果
    • 6.6.C: 動畫效果-改底圖-讓蜜蜂飛
    • 6.6.D: 圖片變化的效果-五張圖疊疊樂-動畫滑動
    • 第七課
      • 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: 單欄設計

        • homework

        • 第3課
          • 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功課:透過地圖連結以及清單項目的絕對位置說明