• 姓名劉榮展
• 學號080104
• 回我的首頁

上課連結資料

• 7.1.A 把清單設計成導覽葉案紐
• 7.1.b 把清單設計成導覽葉案紐-增家活動中頁面設計
• 7.1.c 把清單設計成導覽葉案紐-導覽列黏再一起
• 7.2.A 第二層的下拉式選單功能
• 7.2.A 第二層的下拉式選單功能-直立式選單
• 7.2.A 第二層的下拉式選單功能-有點動畫滑動的狀態
• 7.5.A 簡易html5版面規劃

• 第六節課
  • 6.1.A 設計漸層色彩的使用
  • 6.1.b 圓形大頭貼加上漸層的彩虹外圍
  • 6.2.A 三張底圖的處理
  • 6.2.b 底圖填滿的效果contain與cover
  • 6.2.c 用底圖設計按鈕
  • 6.3.d 統一方塊的圖片設計
  • 6.4.a 使用transform逕行選轉圖片
  • 6.4.b 使用transform逕行五張圖片的重疊變化
  • 6.4.c 使用transform逕行連續動畫的效果，而不是hover
  • 6.4.d 第一個css動畫效果
  • 6.6.a 第一個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設計的復原現象
  • 5.3.a 使用margin調整方塊位置
  • 5.3.b 使用z-index處理照片的顯示順序
  • 5.3.c 位置position應用-RELATIVE
  • 5.3.D 位置position應用-RELATIVE搭配top,left用法
  • 5.3.D 位置position應用-absolute位置的用法
  • 5.3.f 位置position應用-fixed位置的用法
  • 5.4.a 益位overflow的效果設計
  • 5.4.a 圓形大頭貼效果處理
  • 5.4.a 理解消失(display:none,visibility:hidden)的差別
  • 5.4.a Linus先生簡介
  • 5.4.a 勾心鬥角-另一種呈現
• 第四節課
  • 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.A 表格的CSS效果-用ba
  • 4.6.A 繼承:後代子孫全部引用
  • 4.6.b 繼承:使用>讓直屬的下一代才生效，隔代部動作
  • 4.6.c 使用display 做隱藏效果隱藏效果
  • 4.6.c css字行效果的處理
• 第三堂課
  • 3.1.A 第一個css網頁
  • 3.2.A 討論CSS的數值單位
  • 3.2.b 討論顏色的使用
  • 3.3.a 使用head設計style
  • 3.3.b 使用css設計底圖的使用
  • 3.4.a 使用css設計重複出現的樣式
  • 3.4.b 使用css的底圖功能
  • 3.5.a 使用id呼叫css的功能
  • 3.6.a 使用外部css檔案呼叫