姓名：Ya-Han
學號：4050C034
回我個人首頁
上課連結
第9堂課
9.1.A-
9.1.B-
9.1.C-
9.1.D-
9.1.E-
9.1.F-
9.2.A-
第8堂課
8.2.A-單欄式設計-使用 vw 的單位
8.2.B-雙欄式設計-讓導覽列固定在左側
第7堂課
7.1.A-使用清單來設計導覽列的方法
7.1.B-修改導覽列加入active的樣板
7.1.C-修改導覽列，讓按鈕間沒有框線
7.2.A-讓導覽列擁有第二層選單功能
7.2.B-讓導覽列第二層選單可以具有滑動特效
7.3.A-讓圖片可以具有超連結的點選功能
7.4.B-使用Balsamiq Markup快速建置網站示意圖
7.5.A-以HTML5的新標籤處理整體網站的風格樣式
第6堂課
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-經常用在首頁旋轉圖示的小動畫效果
第5堂課
5.1.A-使用方塊的留白與相關框線利用
5.1.B-區塊標記的左右對齊方式
5.1.C-方塊加上圓角以及陰影的方式
5.1.D-使用自製框線:bolder-image-source的使用
5.2.A-利用dispaly: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隱藏答案
第4堂課
4.1.1-簡單文字的滾滾長江東逝水
4.1.2-承上，加上內部留白的padding處理
4.1.4-承上，但是使用自己伺服器提供的字體
4.2.1-超連結的特殊效果(:hover)
4.2.2-超連結元素變成區塊元素(display: block)
4.3.1-任何東西都可以 :hover 的啦
4.4.1-清單的中文數字顯示
4.4.2-清單的項目符號使用圖示來展示
4.5.1-空氣品質表格處理
4.5.2-空氣品質表格處理-collapse的框線重疊
4.6.1-以清單來說明使用ul li會產生的後代繼承影響問題
4.6.2-承上，使用ul>li討論後代就不會繼承的效應
4.6.3-使用display搭配:hover討論隱藏資料的特效
第3堂課
3.1.2-第一個CSS文字、背景的調整
3.2.1-考慮單位大小，例如文字大小
3.2.2-許多底色的設定方式
3.3.1-使用head內的style修改預設標記顯示模式
3.3.2-加上底圖的設定方式
3.4.1-表格加上兩種不同的tr顯示模式
3.4.2-設定類別影響子標記的方式(table.class1 tr{...})
3.5.1-使用id取代class的方案
3.6.1-使用外部檔案來處理css的呼叫
Home Work
第3堂課
overall-外部的CSS風格設定檔主要內容
3.7.3-以CSS風格取代HTML的課表展示
3.7.4-以CSS風格取代HTML的特殊符號對應表
3.7.5-以CSS風格取代HTML的書籍清單展示
第4堂課
4.7.2-以CSS修飾古文的展示
4.7.4-以CSS修飾清單以及巢狀清單的隱藏使用
4.7.5-以CSS修飾表格以及:hover的美化
第5堂課
5.5.2-使用position進行排版
5.5.3-使用:hover搭配visibility進行答案隱形
第6堂課
6.7.2-使用漸層處理與圖片重疊的技巧，處理彩虹人物像
6.7.3-直立的按鈕改橫式按鈕，並增加一個按鈕
6.7.4-圖示放大變成正中央放大，不是向右下方放大的模樣
6.7.5-承上，加上漸變的功能
6.7.6-蜜蜂飛來飛去，衝向螢幕嚇你
6.7.7-照片的幻燈片淡出/淡入效果功能
第7堂課
7.6.2-使用較清爽的導覽列模式-
7.6.3-讓原本橫的導覽列變成直的導覽列模式
7.6.4-預計達成的期中報告網站列表
7.6.5-透過地圖連結以及清單項目的絕對位址說明