• 回個人首頁
  • 姓名:KUN
  • 學號:4066c002

    第八堂

  • 9.1.A：
  • 9.1.B：
  • 9.1.C：
  • 9.1.D：
  • 9.1.E：
  • 9.1.F：
  • 9.2.A：
  • 9.2.B：
  • 9.3.A：

    第八堂

  • 7.1.A： 第一個導覽列功能
  • 7.1.A： 第一個導覽列功能
  • 7.1.A： 第一個導覽列功能

    第七堂

  • 7.1.A： 第一個導覽列功能
  • 7.1.B： 修改導覽列加入 active 的樣板
  • 7.1.C： 修改導覽列，讓按鈕間沒有框線
  • 7.2.A： 讓導覽列擁有第二個選單功能
  • 7.2.B： 讓導覽列第二層選單可以具有滑動特效
  • 7.3.A： 讓圖片可以具有超連結的點選功能
  • 7.4.B： 使用Balsamiq Markup 快速鍵置網站示意圖
  • 7.5.A： 以HTML5的新標籤處理整體網站的風格樣式

        • 第六堂

      • 例題 6.2.A 方塊模型的初級理解
      • 例題 6.2.B 方塊模型的初級理解
      • 例題 6.2.C 方塊模型的初級理解
      • 例題 6.3.A 方塊模型的初級理解
      • 例題 6.5.A 方塊模型的初級理解
      • 例題 6.6.A 方塊模型的初級理解
      • 例題 6.6.B 方塊模型的初級理解
      • 例題 6.6.C 方塊模型的初級理解

            • 第五堂

          • 例題 5.1.A 方塊模型的初級理解
          • 例題 5.1.B 方塊模型的置中處理(水平對齊, margin)
          • 例題 5.1.C 方塊模型的圓角與陰影
          • 例題 5.1.D 方塊模型使用圖檔作為框線的來源
          • 例題 5.2.A 方塊對齊的機制-inline-block
          • 例題 5.2.B 方塊對齊的機制-外部方塊整合排版
          • 例題 5.2.C 方塊對齊的機制-內部靠上對齊用 vertical-align
          • 例題 5.2.D 方塊對齊的機制-內部靠上對齊用 float
          • 例題 5.2.E 方塊對齊的機制-外部框線補ˋ齊用 overflow
          • 例題 5.3.A 位置探討 - 正常流向時，使用 margin 調整移動的位置
          • 例題 5.3.B 位置探討 - 承上，使用 z-index 搭配 position 來調整圖層
          • 例題 5.3.C 位置探討 - 一般排版，使用垂直朝上對齊的效果，分三欄位
          • 例題 5.3.D 位置探討 - 使用 position relative 來調整單一方塊移動的效果
          • 例題 5.3.E 位置探討 - 使用 position absolute 來調整全部方塊移動的效果
          • 例題 5.3.F 位置探討 - 使用 position fixed 來增加一個類似按鈕方塊的功能
          • 5.4.A 討論不同的 overflow 效果展示
          • 例題 5.4.B 圓形的大頭貼產生的方式
          • 例題 5.4.C 討論 visibility 搭配 hover 的效果

              • 第四堂

          • 4.1.A 簡單文字的滾滾長江東逝水
          • 4.1.B 承上，加上內部留白的 padding 處理
          • 4.1.D 承上， 但是使用自己伺服器提供的字型
          • 4.2.A 超連結的特殊效果 (:hover)
          • 4.2.B 超連結元素變成區塊元素 (display: block)
          • 4.3.A 任何東西都可以 :hover 的啦
          • 4.4.A 清單的中文數字顯示
          • 4.4.B 清單的項目符號使用圖示來展示
          • 4.5.A 空氣品質表格處理
          • 4.5.B：空氣品質（AQI）的相關說明用 CSS 美化圖表 :collapse 的框線重疊
          • 4.6.A：以清單來說明使用 ul li 會產生的後代繼承影響問題
          • 4.6.B：承上，使用 ul li 討論後代不會繼承的效應
          • 4.6.B：承上，使用 ul li 討論後代不會繼承的效應

              • 第三堂

            • 3.1.B：CSS的style取代font,strong
            • 3.2.A：CSS的數值單位
            • 3.2.B：Body的CSS整體網頁風格
            • 3.3.A：在head內增加style設定CSS
            • 3.3.B：表格搭配底圖
            • 3.4.A：表格橫列設計
            • 3.4.B：class設計
            • 3.5.A：id設計
            • 3.6.A：呼叫外部css

                第七堂 HOME WORK

              • 06.7.2：使用 position 進排版
              • 06.7.3：使用 position 進排版
              • 06.7.4：使用 position 進排版
              • 06.7.5：使用 position 進排版

                第六堂 HOME WORK

              • 06.7.2：使用 position 進排版
              • 06.7.3：使用 position 進排版
              • 06.7.4：使用 position 進排版
              • 06.7.5：使用 position 進排版
              • 06.7.6：使用 position 進排版
              • 06.7.7：使用 position 進排版

                第五堂 HOME WORK

              • 05.2.2：使用 position 進排版
              • 05.2.3：使用 :hover 搭配 visibility 進行答案隱藏 進排版

              第四堂 HOME WORK

              • 4.7.2
              • 4.7.3
              • 4.7.4

              第三堂 HOME WORK

              • 3.7.2：外部的 CSS 風格設定檔主要內容
              • 3.7.3：以 CSS 風格取代 HTML 的課表展示
              • 3.7.4：以 CSS 風格取代 HTML 的特殊符號對應表
              • 3.7.5：以 CSS 風格取代 HTML 的書籍清單展示