• 姓名:陳哲泰
• 學號:A080C107
• 個人首頁

上課連結資料

• 第七節課
• 7.1.A 將清單設計成導覽列按鈕
• 7.1.B 將清單設計成導覽列按鈕-增加活動頁面設計
• 7.1.C 將清單設計成導覽列按鈕-導覽列連結一起
• 7.2.A 第二層的下拉式選單功能
• 7.2.B 第二層的下拉式選單功能-直立式選單
• 7.2.C 第二層的下拉式選單功能-有點動畫滑動的狀態
• 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進行連續動畫效果
• 6.6.A 第一個CSS動畫效果
• 6.6.A-1 第一個CSS動畫效果-旋轉
• 6.6.B 旋轉企鵝
• 6.6.C 會飛的蜜蜂
• 6.6.D 五張會轉動的圖片
• 第五節課
• 5.1.A First 方塊練習
• 5.1.B 方塊 Center
• 5.1.C 方塊框線加上Radius跟Shadow效果
• 5.1.D 方塊的4 Angle與4 Side
• 5.2.A 兩個方塊的Align處理
• 5.2.B 兩個方塊的Align處理-外部大方塊的排版
• 5.2.C 兩個方塊的Align處理-靠上對齊
• 5.2.D 兩個方塊的Align處理-用Float對齊
• 5.2.E 用OverFlow設計Float的父元素現象
• 5.3.A 使用margin調整方塊位置
• 5.3.B 使用Z-index處理照片顯示順序
• 5.3.C 位置(position)應用-Relativ用法
• 5.3.D 位置(position)應用-Relativ搭配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 檔案的呼叫 CSS