姓名:橙哥
學號:4050C053
回我的個人首頁
上課的資料
第九堂課
php
php2
php顏色
php顏色2
php時間
php時間2
第八堂課
例題 8.2.A單藍
例題 8.2.B雙藍
第七堂課
例題 7.1.A奇怪按鈕
例題 7.1.B奇怪按鈕2
例題 7.1.C奇怪按鈕2
例題 7.2.A奇怪按鈕2
例題 7.2.B 做選單的 transition 漸變特效
例題 7.3.A 使用圖片地圖的超連結導覽方式
例題 7.4.B 作弊小程式
例題 7.5.A 基本架構
第六堂課
例題 6.1.A 色彩漸層的初體驗
例題 6.1.B 圓形的彩虹漸層處理
例題 6.2.A 寧夏的歌詞 (三張底圖的處理方式)
例題 6.2.B 底圖的填滿效果 (contain vs. cover)
例題 6.2.C 使用底圖產生假按鈕的效果
例題 6.3.A 特定效果的圖示變化
例題 6.4.A 使用 transform 來改變圖層的變化
例題 6.4.B 使用 transform - translate+scale來改變圖層的變化
例題 6.5.A 特定效果的圖示變化-加上漸變(transition)
例題 6.6.A 讓圖示自己動的小動畫-1(@keyframes)
例題 6.6.B 讓企鵝自己轉圈圈
例題 6.6.C 在背景下的蜜蜂會飛來飛去的
例題 6.6.D 經常用在首頁旋轉圖示的小動畫效果
第五堂課
例題 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 簡單文字的滾滾長江東逝水2.0
例題 4.1.C 簡單文字的滾滾長江東逝水3.0
例題 4.2.A 超連結練習
例題 4.2.B 超連結練習2
例題 4.3.A 區塊反白
例題 4.4.A 4堂的練習連結
例題 4.4.B 4堂的練習連結2
例題 4.5.A 表格
例題 4.5.B 表格2.0
例題 4.6.A 繼承
例題 4.6.B 不繼承
例題 4.6.C 隱藏
第三堂課
例題 3.1.B 第一個 CSS 文字、背景的調整
例題 3.2.A 考慮單位大小,例如文字大小
例題 3.2.B 許多底色的設定方式
例題 3.3.A 使用 head 內的 style 修改預設標記顯示模式
例題 3.3.B 加上底圖的設定方式
例題 3.4.A 表格加上兩種不同的 tr 顯示模式
例題 3.4.B 設定類別影響子標記的方式 (table.class1 tr {..})
例題 3.5.A 使用 id 取代 class 的方案
例題 3.6.A 使用外部檔案來處理 css 的呼叫
Home Wroks
第三堂課課後練習
作業3.7.2
作業3.7.3
作業3.7.4
作業3.7.5
第四堂課課後練習
作業4.7.2
作業4.7.5
第五堂課程課後練習
作業5.5.2
作業5.5.3
第六堂課程課後練習
作業6.7.1
作業6.7.2
作業6.7.3
作業6.7.4
作業6.7.5
作業6.7.6
作業6.7.7
第七堂課程課後練習
作業7.6.2
作業7.6.3
作業7.6.4
作業7.6.5