系會長的網頁設計自學網
姓名：郭瀚文
學號：4050C047
學號：4050C047
- 首頁
- HTML課程
- HTML作業
- CSS課程
- 第八堂課
- 第七堂課
- 第六堂課
- 第 6 堂課：色彩漸層的初體驗
- 第 6 堂課：圓形的彩虹漸層處理
- 第 6 堂課：寧夏的歌詞 (三張底圖的處理方式)
- 第 6 堂課：底圖的填滿效果 (contain vs. cover)
- 第 6 堂課：使用底圖產生假按鈕的效果
- 第 6 堂課：特定效果的圖示變化
- 第 6 堂課：使用 transform - rotate 來改變圖層的變化
- 第 6 堂課：使用 transform - translate+scale來改變圖層的變化
- 第 6 堂課：特定效果的圖示變化-加上漸變(transition)
- 第 6 堂課：讓圖示自己動的小動畫-1(@keyframes)
- 第 6 堂課：讓企鵝自己轉圈圈
- 第 6 堂課：在背景下的蜜蜂會飛來飛去的
- 第 6 堂課：經常用在首頁旋轉圖示的小動畫效果
- 第五堂課
- 第 5 堂課：方塊模型的初級理解
- 第 5 堂課：方塊模型的置中處理(水平對齊, margin)
- 第 5 堂課：方塊模型的圓角與陰影
- 第 5 堂課：方塊模型使用圖檔作為框線的來源
- 第 5 堂課：方塊對齊的機制-inline-block
- 第 5 堂課：方塊對齊的機制-外部方塊整合排版
- 第 5 堂課：方塊對齊的機制-內部靠上對齊用 vertical-align
- 第 5 堂課：方塊對齊的機制-內部靠上對齊用 float
- 第 5 堂課：方塊對齊的機制-外部框線補ˋ齊用 overflow
- 第 5 堂課：位置探討 - 正常流向時，使用 margin 調整移動的位置
- 第 5 堂課：位置探討 - 承上，使用 z-index 搭配 position 來調整圖層
- 第 5 堂課：位置探討 - 一般排版，使用垂直朝上對齊的效果，分三欄位
- 第 5 堂課：位置探討 - 使用 position relative 來調整單一方塊移動的效果
- 第 5 堂課：位置探討 - 使用 position absolute 來調整全部方塊移動的效果
- 第 5 堂課：位置探討 - 使用 position fixed 來增加一個類似按鈕方塊的功能
- 第 5 堂課：討論不同的 overflow 效果展示
- 第 5 堂課：圓形的大頭貼產生的方式
- 第 5 堂課：討論 visibility 搭配 hover 的效果
- 第四堂課
- 第 4 堂課：簡單文字的滾滾長江東逝水
- 第 4 堂課：承上，加上內部留白的 padding 處理
- 第 4 堂課：承上， 但是使用自己伺服器提供的字型
- 第 4 堂課：超連結的特殊效果 (:hover)
- 第 4 堂課：超連結元素變成區塊元素 (display: block)
- 第 4 堂課：任何東西都可以 :hover 的啦
- 第 4 堂課：清單的中文數字顯示
- 第 4 堂課：清單的項目符號使用圖示來展示
- 第 4 堂課：空氣品質表格處理
- 第 4 堂課：空氣品質表格處理 collapse 的框線重疊
- 第 4 堂課：以清單來說明使用 ul li 會產生的後代繼承影響問題
- 第 4 堂課：承上，使用 ul li 討論後代不會繼承的效應
- 第 4 堂課：使用 display 搭配 hover 討論隱藏資料的特效
- 第三堂課
- CSS作業
- 網站地圖
- 網站設計