• 姓名：劉哲瑋
• 學號：4060C017
• 回我的個人首頁

上課連結

• 第三堂課
• 3.1.B： 第一次使用CSS取代
• 3.2.A： 探討CSS的單位
• 3.2.B： 探討CSS的簡易使用
• 3.3.A： CSS在 bead 使用的整體設定值
• 3.3.B： CSS處理背景
• 3.4.A： CSS處理兩種不同的
• 3.4.B： CSS處理 table 的底圖
• 3.5.A： CSS使用id去呼叫，不是用class
• 3.6.A： 使用外部呼叫的style.css樣式
• 第四堂課
• 4.1.A： 簡易的CSS字型處理
• 4.1.B： 簡易的CSS字型處理
• 4.1.D： 使用本伺服器提供的中文字型
• 4.2.A： 超連結的使用
• 4.2.B： A 超連結變成區塊
• 4.3.A： 任何地方都能用
• 4.4.A： 清單的效果-中文號碼清單
• 4.5.A： 表格功能的CSS修訂
• 4.5.B： 表格功能-border-collapse功能
• 4.6.A： 繼承-清單為例
• 4.6.B： 繼承-後代子孫不會被影響
• 4.6.C： 繼承-display的隱藏效果
• 第五堂課
• 5.1.A： 方塊初探
• 5.1.B： 方塊 - 水平置中
• 5.1.C： 方塊 - 框線的圓角+陰影
• 5.1.D： 方塊 - 自製邊框
• 5.2.A： 方塊 - 將方塊變成內行元素
• 5.2.B： 方塊 - 盡量不要跑版的設計之一
• 5.2.C： 方塊 - 用 vertical-align 進行向上對齊的功能(放在子元素內)
• 5.2.D： 方塊 - 用float進行向上對其的功能
• 5.2.E： 方塊 - 加上overflow的父元素功能
• 5.3.A： 方塊 - 兩個方塊重疊與透明度
• 5.3.B： 方塊 - 透過 z-index 調整元素的塗層上/下
• 5.3.C： 方塊 - position 位置初探
• 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 的影藏效果
• 第六堂課
• 6.1.A： 使用漸層的背景
• 6.1.B： 圓形外框大頭貼加上厚重的彩虹
• 6.2.A： 多張底圖的處理方式
• 6.2.B： 背景放大到邊框型態 cover/contain
• 6.2.C： 影像透明度的使用 OPACITY 的處理
• 6.3.A： 方塊內圖片上面蝶文字說明的統一格式處理
• 6.4.A： 多重圖示的旋轉技巧加上萬用字源的呼叫使用
• 6.4.B： 多張底圖的處理方式
• 6.5.A： 以漸變方式取代直接變化的 transition 功能
• 6.6.A： 以動畫方式讓滑鼠特效變成一直變動的畫面
• 第七堂課
• 7.1.A： 使用清單來設計導覽列的方法
• 7.1.B： 修改導覽列加入 active 的樣板
• 7.1.C： 修改導覽列，讓按鈕間沒有框限
• 7.2.A： 讓導覽列有第二層選單功能
• 7.2.B： 讓導覽列第二層選單可以具有滑動特效
• 7.3.A： 讓圖片具有超連結的點選功能
• 7.4.B： 使用 Balsamiq Mark 進行快速版面配置作業
• 7.5.A： 主要的版面配置建置
• 第八堂課
• 8.2.A： 版面配置-單欄式設計
• 8.2.B： 版面配置-兩欄式設計
v
• 第九堂課
• 9.1.A： 我的第一個php網站
• 9.1.B： 使用變數處理
• 9.1.C： 網頁安全色-PHP迴圈寫成
• 9.1.D： 網頁安全色-PHP迴圈寫成-對比色
• 9.1.E： 目前伺服器的時間
• 9.1.F： 用 date() 判斷時間，並告知問候語
• 9.2.B： 透過function處理時間問候語
• 9.3.A： 使用變數處理資料輸出-用PHP $_GET抓取資料
• 9.3.B： 使用變數處理資料輸出-用PHP $_GET抓取資料--已經解決 XSS 的問題
• 9.4.A： 電腦隨機出拳
• 9.4.B： 跟電腦猜拳
• 9.4.C： 隨機產生人物屬性值
• 9.4.D： 照片隨便你丟

Homeworks

• 第三節課程課後練習
• 3.7.2： 外部的 CSS 風格設定檔主要內容
• 3.7.3： 以 CSS 風格取代 HTML 的課表展示
• 3.7.4： 以 CSS 風格取代 HTML 的特殊符號對應表
• 3.7.5： 以 CSS 風格取代 HTML 的書籍清單展示
• 第四節課程課後練習
• 4.7.2： 字型與字體顏色、大小、背景色的搭配
• 4.7.4： 字體顏色的搭配以及項目符號變成圖片
• 4.7.5： hover 的使用、字體陰影的設計、框線是否折疊
• 第五節課程課後練習
• 5.5.2： 使用 position 進行排版
• 5.5.3： 使用 hover 搭配 visibility 進行答案隱藏
• 第六節課程課後練習
• 6.7.2： 使用漸層處理與圖片重疊的技巧，處理彩虹人物像
• 6.7.3： 直立的按鈕改橫式按鈕，並兂加一個按鈕
• 6.7.4： 圖示放大變成正中央放大，不是右下方放大的模樣
• 6.7.5： 承上，加上漸變功能
• 6.7.6： 蜜蜂飛來飛去，衝向螢幕來嚇你
• 6.7.7： 照片的幻燈片淡出/淡入效果功能
• 第七節課程課後練習
• 7.7.2： 較清爽的導覽列模式
• 7.7.3： 讓橫的導覽列變直的導覽列
• 7.7.4： 預計達到期中報告網站列表
• 7.7.5： 透過地圖連結和清單項目的絕對位置說明
• 第九節課程課後練習
• 9.5.2： 九九乘法表列表
• 9.5.3： 巨剪石英羊皮紙
• 9.5.4： 透過設計陣列以及亂數，取得最大獎的獎活動
<