• 姓名:楊綮杋
• 學號:a040y110
• 回我的首頁

上課連結資料

• 第七節課
  • 7.1.A - 將清單設計成為導覽列按鈕
  • 7.1.B - 將清單設計成為導覽列按鈕-增加活動頁面設計
  • 7.1.C - 將清單設計成為導覽列按鈕-導覽列連結一起
  • 7.2.A - 第二層的下拉式選單功能
  • 7.2.1A - 第二層的下拉式選單功能-直立式選單
  • 7.2.B - 第二層的下拉式選單功能-有點動畫滑動的狀態
  • 7.5.A - 簡易的 HTML5 版面規劃
• 第六節課
  • 6.1.A - 設計漸層色彩的使用
  • 6.1.B - 圓形大頭貼加上漸層的彩虹在外圍
  • 6.2.A - 三張底圖的處理方式
  • 6.2.B - 底圖填滿的效果: contain 與 cover
  • 6.2.C - 用底圖設計按鈕
  • 6.3.A - 統一方塊使用的圖片設計
  • 6.4.A - 使用 transform 進行旋轉圖片
  • 6.4.B - 使用 transform 進行五張圖片的重疊變化
  • 6.5.A - 使用 transition 進行連續動畫的效果，而不是 hover 而已
  • 6.6.A - 第一個 CSS 動畫效果
  • 6.6.A-1 - 第一個 CSS 動畫效果 - 使用旋轉，就是 transform 的 rotate
  • 6.6.B - 旋轉企鵝
  • 6.6.C - 會飛的蜜蜂
  • 6.6.D - 五張會轉動的圖片
• 第五節課
  • 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.2.E - 用 overflow 設計 float 的父元素現象
  • 5.3.A - 使用 margin 調整方塊的位置
  • 5.3.B - 使用 z-index 處理照片的顯示順序
  • 5.3.C - 位置(position)應用 - relative 用法
  • 5.3.D - 位置(position)應用 - relative 搭配 top, left 移動
  • 5.3.E - 位置(position)應用 - absolute 位置的用法
  • 5.3.F - 位置(position)應用 - fixed 位置的用法
  • 5.4.A - 溢位 (overflow) 的效果設計
  • 5.4.B - 圓形大頭貼 -- 溢位 (overflow) 的效果設計
  • 5.4.C - 理解消失 (display: none, visibility: hidden) 的差別
  • 5.5.2 - Linus 先生簡介
  • 5.5.3 - 勾心鬥角指數-另一種呈現
• 第四節課
  • 4.1.A - CSS 不同字型的使用
  • 4.1.B - 行高、字距的設計
  • 4.1.D - 使用 google 的字型
  • 4.2.A - 超連結的特效
  • 4.2.B - 讓 a 用 display 變成區塊元素
  • 4.3.A - 使用 :hover 效果
  • 4.4.A - 清單效果
  • 4.4.B - 清單效果-使用圖檔來處理
  • 4.5.A - 表格的 CSS 效果
  • 4.5.B - 表格的 CSS 效果 - 用 border-collapse 摺疊框線
  • 4.6.A - 繼承: 後代子孫全部引用
  • 4.6.B - 繼承: 使用 > 讓直屬的下一代才生效，隔代不動作
  • 4.6.C - 使用 display 做隱藏的效果
  • 4.7.2 - CSS 字型效果的處理
• 第三節課
  • 3.1.B - 第一個CSS的網頁
  • 3.2.A - 討論 CSS 的數值單位
  • 3.2.B - 討論顏色的使用
  • 3.3.A - 使用 head 內的 style 設計
  • 3.3.B - 使用 CSS 設計底圖的使用
  • 3.4.A - 使用 CSS 的 class 設計重複出現的樣式
  • 3.4.B - 使用 CSS 的底圖功能
  • 3.5.A - 使用 id 呼叫 CSS 的功能
  • 3.6.A - 使用外部 CSS 檔案的呼叫