王竣陽的網頁設計自學網
姓名：王竣陽
學號：A060C107
學號：A060C107
- 第 3 課: CSS 初探
- 第 3 課: 第二個範例
- 第 3 課: 互補色的使用
- >第 3 課: CSS 針對整體設定的方式
- >第 3 課: CSS 底圖的設定
- >第 3 課: 使用類別 .class 的 CSS 呼叫方式
- >第 3 課: 使用類別 .class 的 CSS 呼叫方式-類別內的標籤影響方式
- >第 3 課: 使用外部的 style.css 的檔案
- >第 4 課: CSS 字型的使用
- >第 4 課: CSS 字型的使用+padding 的應用
- >第 4 課: 超連結的 hover 應用
- >第 4 課: 超連結的 hover 應用 + 變成區塊 display: block
- >第 4 課: hover 的各種應用
- >第 4 課: 清單開頭用中文數字
- >第 4 課: 清單開頭圖示
- >第 4 課: 清單上面用 hover 特效
- >第 4 課: 清單上面用 hover 特效 -- 只對下一層有效果
- >第 4 課: 清單上面用 hover 特效 + display: none (隱藏)
- >第 5 課: 第一個方塊練習
- >第 5 課: 第一個方塊練習 -- 方塊置中
- >第 5 課: 第一個方塊練習 -- 方塊圓角+陰影
- >第 5 課: 兩個方塊的對齊功能
- >第 5 課: 使用大方塊包著兩個小方塊的對齊功能
- >第 5 課: 兩個小方塊靠上方對齊
- >第 5 課: 透過 float 功能來對齊
- >第 5 課: 以 overflow 解決 float 造成的父元素問題
- >第 5 課: 方塊重疊的方法: margin
- >第 5 課: 以 z-index 搭配 position 解決圖層順序問題
- >第 5 課: 透過 position 討論定位問題-1
- >第 5 課: 透過 position 討論定位問題-2 用 relative(相對) 定位
- >第 5 課: 透過 position 討論定位問題-3 用 absolute(絕對) 定位
- >第 5 課: 透過 position 討論定位問題-4 用 fixed(固定於瀏覽器) 地位
- >第 5 課: 使用 overflow 來處理與解決超出方塊部分的資料顯示方式
- >第 5 課: 使用 overflow 做出圓形大頭照
- >第 5 課: 使用 visibility 做心理測驗
- >第 5 課: 使用 visibility 做心理測驗-2 一個簡單的變形
- >第 5 課: 使用 visibility 做心理測驗-3 一個簡單的變形
- >第 6 課: 線性漸層
- >第 6 課: 彩虹大頭照
- >第 6 課: 三張底圖-寧夏
- >第 6 課: 底圖的填滿機制 - cover/contain
- >第 6 課: 用清單來假裝按鈕的功能
- >第 6 課: 跳動的小圖片
- >第 6 課: 轉動的小企鵝 (transform)
- >第 6 課: 慢慢變化的特效 (transition)
- >第 6 課: 會自己變化的動畫特效 (animation)
- >第 6 課: 蜜蜂會跑來跑去的效果 (animation)
- >第 6 課: 蜜蜂會突然變大的效果 (animation + transform: scale)
- >第 6 課: 圖片的淡出淡入特效 (animation + z-index)
- >第 7 課: 主導覽列 (用清單來處理)
- >第 7 課: 主導覽列, 增加 active的展示
- >第 7 課: 主導覽列, 兩層選單
- >第 7 課: 主導覽列, 兩層選單, 增加滑動效果
- >第 7 課: HTML5 的版面配置簡易處理