• 姓名：邱妮蕙
• 學號：4060C021
• 回我的個人首頁

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

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

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

• 第六堂課
• 第六堂課:背景的漸層效果初探
• 第六堂課:背景的漸層效果 - 用於大頭照
• 第六堂課:背景 - 多張背景的應用
• 第六堂課:背景 - 背景填滿的效果 - cover, contain
• 第六堂課:背景 - 清單變成按鈕的效果
• 第六堂課:照片圖文框的設計
• 第六堂課:方塊的變形 - 角度變化與疊圖
• 第六堂課:方塊的變形 - 方塊的大小、位置
• 第六堂課:照片圖文框的設計 - 增加漸變功能 (類似動畫)
• 第六堂課:動畫效果
• 第六堂課:讓小企鵝自己轉圈圈
• 第六堂課:『寧夏』歌詞，背景讓蜜蜂跑來跑去
• 第六堂課:五個畫面裡面有超連結加上互相輪轉的功能

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

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

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

Home Works

• 第三堂課
• 外部CSS風格設定檔主要內容
• 以CSS風格取代HTML的課表展示
• 以CSS風格取代HTML的特殊符號對應表
• 以CSS風格取代HTML的書籍清單展示

• 第四堂課
• 以CSS修飾古文的展示
• 以CSS修飾清單及巢狀清單的隱藏使用
• 以CSS修飾表格以及:hover的美化

• 第五堂課
• 使用position進行排版
• 使用:hover搭配visibility進行答案隱藏

第六堂課

• 使用漸層處理與圖片重疊的技巧，處理彩虹人物像
• 直立的按鈕改成橫式按鈕，並增加一個按鈕
• 圖示放大變成在正中央放大，不是向右下放大的模樣
• 承上，加上漸變的功能
• 蜜蜂飛來飛去，衝向螢幕來嚇你
• 照片的幻燈片淡出/淡入效果功能

第七堂課

• 使用較清爽的導覽列模式
• 讓原本橫的導覽列變成直的導覽列模式
• 預計達成的期中報告網站列表
• 透過地圖連結以及清單項目的絕對位址說明