第三堂課

• 第三堂課:用stlye取代<font>
• 第三堂課: 探討 CSS 的單位
• 第三堂課: 探討 CSS 的簡易使用
• 第三堂課: CSS 在 head 使用的整體設定值
• 第三堂課: CSS 使用背景編輯
• 第三堂課: CSS 處裡兩種不同的class
• 第三堂課: CSS 處理 table 的底圖
• 第三堂課: CSS 使用 id 呼叫，而不是 class
• 第三堂課: 使用外部呼叫的 stlye.css 樣式

第四堂課

• 第四堂課: 簡易的 CSS 字型處裡
• 第四堂課: 簡易的 CSS 字型處裡+padding(內部留白)
• 第四堂課: 使用本伺服器提供的中文字型
• 第四堂課: 超連結的使用
• 第四堂課: A 超連結變成區塊(block)
• 第四堂課: 任何地方都能用 :hover
• 第四堂課: 清單的效果-中文號碼清單
• 第四堂課: 清單的效果-項目變成圖片
• 第四堂課: 表格功能的 CSS 修訂
• 第四堂課: 表格功能 - border-cullapse 功能
• 第四堂課: 繼承 - 清單為例
• 第四堂課: 繼承 - 後代子孫不會被影響 >
• 第四堂課: 繼承 - display 的隱藏效果

第五堂課

• 第五堂課: 方塊初探
• 第五堂課: 方塊 - 水平置中
• 第五堂課: 方塊 - 框線的圓角+陰影
• 第五堂課: 方塊 - 自製的邊框圖片 (90x90 為例)
• 第五堂課: 方塊 - 將方塊變成行內元素
• 第五堂課: 方塊 - 盡量要跑版的設計之一
• 第五堂課: 方塊 - 用 vertical-align 進行向上對其的功能
• 第五堂課: 方塊 - 用 float 進行向上對其的功能
• 第五堂課: 方塊 - 加上 overflow 的父元素功能
• 第五堂課: 方塊 - 兩個方塊的重疊與透明度
• 第五堂課: 方塊 - 透過 z-index 調整元素的圖層上/下
• 第五堂課: 方塊 - position 位置初探
• 第五堂課: 方塊 - position - relative 的移動
• 第五堂課: 方塊 - position - absolute 的移動
• 第五堂課: 方塊 - position - fixed 固定的位置上
• 第五堂課: 方塊 - overflow 的再探討
• 第五堂課: 方塊 - 圓形大頭貼
• 第五堂課: 方塊 - visibility 影藏效果

第六堂課

• 第六堂課: 背景的漸層效果初探
• 第六堂課: 背景的漸層效果 - 用於大頭貼
• 第六堂課: 背景 - 多張背景的應用
• 第六堂課: 背景 - 背景填滿的效果 - cover,contain
• 第六堂課: 背景 - 背景清單變成按鈕的效果
• 第六堂課: 照片圖文框的設計
• 第六堂課: 照片圖文框的設計 - 增加漸變功能(類似動畫)
• 第六堂課: 方塊的變形 - 角度的變化與疊圖
• 第六堂課: 方塊的變形 - 方塊的大小、位置
• 第六堂課: 讓圖片自己動

第七堂課

• 第七堂課: 用清單設計導覽頁
• 第七堂課: 用清單設計導覽頁 - 增加目前瀏覽中的頁面
• 第七堂課: 用清單設計導覽頁 - 增加目前瀏覽中的頁面 - 連在一起
• 第七堂課: 用清單設計導覽頁 - 兩層導覽列
• 第七堂課: 用清單設計導覽頁 - 兩層導覽列 - 加上下拉效果
• 第七堂課: 用圖片進行超連結的 map 功能
• 第七堂課: 使用 Balsamiq 設計簡單的網頁草圖
• 第七堂課: 主要的版面配置建置

第八堂課

• 第八堂課: 版片配置 - 單欄式設計
• 第八堂課: 版片配置 - 兩欄式設計

第九堂課

• 第九堂課: 第一個 PHP 程式
• 第九堂課: 使用變數處理
• 第九堂課: 迴圈搭配表格秀出網頁安全色
• 第九堂課: 迴圈搭配表格秀出網頁安全色 - 對比色
• 第九堂課: 用 PHP 抓伺服器的時間
• 第九堂課: 用 date() 判斷時間，並告知問候語
• 第九堂課: 透過 funciton 產生時間問候語
• 第九堂課: 使用網址傳遞變數給伺服器處裡
• 第九堂課: 使用網址傳遞變數給伺服器處裡解決 XSS 的問題
• 第九堂課: 電腦隨機出拳
• 第九堂課: 跟電腦猜拳-假設你先出剪刀
• 第九堂課: 隨機產生人物的屬性值
• 第九堂課: 迷因療法

第三堂課homeworks

• unit03 的 3.7.3 作業
• unit03 的 3.7.4 作業
• unit03 的 3.7.5 作業

第四堂課homeworks

• unit04 的 4.7.2 作業
• unit04 的 4.7.4 作業
• unit04 的 4.7.5 作業

第五堂課homeworks

• unit05 的 5.5.2 作業
• unit04 的 5.5.3 作業

第六堂課homeworks

• unit06 的 6.7.2 作業
• unit06 的 6.7.3 作業
• unit06 的 6.7.4 作業
• unit06 的 6.7.5 作業
• unit06 的 6.7.6 作業
• unit06 的 6.7.7 作業

第七堂課homeworks

• unit07 的 7.6.2 作業
• unit07 的 7.6.3 作業
• unit07 的 7.6.4 作業
• unit07 的 7.6.5 作業

第九堂課homeworks

• unit09 的 9.5.2 作業
• unit09 的 9.5.3 作業
• unit09 的 9.5.4 作業