姓名：林淑敏
學號：4050C011
回我個人首頁
Class
第三堂
3.1.B：使用 CSS 的 style 取代 font,strong 等標記
3.2.A：使用 CSS 的「數值單位」修改某些特性的大小
3.2.B：搭配 Body 的CSS 整體網頁風格效果顏色
3.3.A：直接在 head 內增加 style 設定 CSS 風格
3.3.B：在表格上面套用底圖的設計
3.4.A：使用 CSS 套用表格兩個不同橫列的設計
3.4.B：統一表單的單一 class 設計方式
3.5.A：使用 id 取代 class 的功能
3.6.A：呼叫外部 CSS 風格設定檔
第四堂
4.1.A：使用 CSS 修改字體相關的功能顯示
4.1.B：在字框與自體之間透過 padding 保留空白留白感
4.1.C：使用外部雲端字型（會有時間期限，已經失效）
4.1.D：Google 與 Adobe 提供的字型顯示中文
4.2.A：超連結： :hover, :active, :focus 特效
4.2.B：讓超連結變成區塊顯示（display: block）
4.3.A： :hover 用在其他任意的地方
4.4.A：清單與 :hover 的同時應用
4.4.B：清單特效：使用圖檔來取代前導符號
4.5.A：空氣品質（AQI）的相關說明用 CSS 美化圖表
4.5.B：空氣品質（AQI）的相關說明用 CSS 美化圖表 :collapse 的框線重疊
4.6.A：以清單來說明使用 ul li 會產生的後代繼承影響問題
4.6.B：承上，使用 ul li 討論後代不會繼承的效應
4.6.C：使用 display 搭配 :hover 討論隱藏資料的特效
第五堂
5.1.A：使用方塊的留白與相關框線利用
5.1.B：區塊標記的左右對齊方式: margin-right: auto
5.1.C：方塊加上圓角以及陰影的方式
5.1.D：使用自製寬線: border-image-source 的使用
5.2.A：利用 display: inline-block 讓區塊標記在水平線上面對齊
5.2.B：在小方塊外面加上一個大方塊來進行版面配置
5.2.C：利用 vertical-align 讓元素對齊水平線上方
5.2.D：利用 float 讓子元素漂浮在父元素上方
5.2.E：父元素加上 overflow 來解決子元素 float 後的排版問題
5.3.A：利用 margin 來讓方塊重疊的方式
5.3.B：透過 z-index 指定圖層的上下順序
5.3.C：透過 vertical-align 以及外層排版，定義三欄排版版型
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：底圖的填滿效果 (contain vs. cover)
6.2.C：使用底圖產生假按鈕的效果
6.3.A：特定效果的圖示變化
6.4.A：使用 transform - rotate 來改變圖層的變化
6.4.B：使用 transform - translate+scale來改變圖層的變化
6.5.A：特定效果的圖示變化-加上漸變(transition)
6.6.A：讓圖示自己動的小動畫-1(@keyframes)
6.6.B：讓企鵝自己轉圈圈
6.6.C：讓底圖的蜜蜂飛
6.6.D：動畫持續輪轉
第七堂
7.1.A：導覽列功能
7.1.B：導覽列功能-外加活動中的項目
7.1.C：導覽列功能-按鈕連在一起
7.2.A：下拉式選單
7.2.B：拖拉式選單
7.3.A：以圖片為主的導覽
7.4.A：UI、UX、前後端工程師
7.4.B：使用 Balsamiq Markup 快速建置網站示意圖
7.5.A：以 HTML5 的新標籤處理整體網站風格
第八堂
8.2.A：單欄式設計-使用 vw 的單位
8.2.B：雙欄式設計-讓導覽列固定在左側
第九堂
9.1.A 第一個 PHP 的網頁 (你看不到程式碼的)
9.1.B 利用變數處理
9.1.C 迴圈處理網頁安全色
9.1.D 迴圈處理網頁安全色-套用文字對比色
9.1.E PHP的伺服器時間顯示
9.1.F PHP的伺服器時間顯示-加上問候語
9.2.A 使用 include 呼叫程式來執行
9.2.B 使用 function 呼叫程式來執行
9.3.A 在網址列外帶變數來顯示資料
Home Works
第三堂
3.7.2：外部的 CSS 風格設定檔主要內容
3.7.3：以 CSS 風格取代 HTML 的課表展示
3.7.4：以 CSS 風格取代 HTML 的特殊符號對應表
3.7.5：以 CSS 風格取代 HTML 的書籍清單展示
第四堂
4.7.2：以 CSS 修飾古文的展示
4.7.4：以 CSS 修飾清單以及巢狀清單的的隱藏使用
4.7.5：以 CSS 修飾表格以及 :hover 的美化
第五堂
5.5.2：使用 position 進行排版
5.5.3：使用 :hover 搭配 visibility 進行答案隱藏
第六堂
6.7.2：FB彩虹人形圖示
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：地圖連結及清單項目的絕對位置說明