姓名：李郁雯

學號：4050c054

回我的個人首頁

• 使用方塊的留白與相關框限利用
• 區塊標記的左右對齊方式:margin-right:auto
• 方塊加上圓角以及陰影方式
• 使用自製框限:border-image-source的使用
• 使用display:inline-block讓區塊標記在水平線上面對齊
• 在小方塊外面加上一個大方塊來進行版面配置
• 利用vertical-align讓元素對齊水平線上方
• 利用float讓子元素漂浮在父元素上方
• 父元素加上overflow來解決子元素float後的排版問題
• 利用margin來讓方塊重疊的方式
• 透過z-index指定圖層的上下順序
• 透過vertical-align以及外層排版，定義三欄排版版型
• 使用postion為relative修改子元素的相對位置
• 使用postion為absolute修改子元素的絕對位置
• 使用postion為fixed增加固定在瀏覽器上面的元件
• 進一步了解overflow的屬性值意義
• 圓形大頭貼的處理方案
• 透過visibility隱藏答案

• 使用漸層的背景
• 圓形的彩虹漸層處理
• 寧夏的歌詞 (三張底圖的處理方式)
• 底圖的填滿效果 (contain vs. cover)
• 使用底圖產生假按鈕的效果
• 特定效果的圖示變化
• 使用 transform - rotate 來改變圖層的變化
• 使用 transform - translate+scale來改變圖層的變化
• 特定效果的圖示變化-加上漸變(transition)
• 讓圖示自己動的小動畫-1(@keyframes)
• 讓企鵝自己轉圈圈
• 讓底圖的蜜蜂飛
• 動畫持續輪轉

• 使用清單來設計導覽列的方法
• 修改導覽列加入active的樣板
• 修改導覽列,讓按鈕間沒有框線
• 讓導覽列擁有第二層選單功能
• 讓導覽列第二層選單可以具有滑動特效
• 讓圖片可以具有超連結的點選功能
• 使用Balsamiq Markup快速建置網站示意圖
• 以HTML 5的新標籤處理整體網站的風格樣式

• FB彩虹人形圖示
• 台鐵火車時刻查詢系統
• 圖片特效：中央放大
• 圖片特效：中央漸變放大
• 蜜蜂找你
• 照片幻燈片淡入淡出效果

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