琨茂的網頁
姓名：張琨茂
學號：4050C029
學號：4050C029
- 第三堂課的上課練習
- 第四堂課的上課練習
- 第五堂課的上課練習
- 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.3.A:利用margin來讓方塊重疊的方式
- 5.3.B:透過z-index指定圖層的上下順序
- 5.3.C:透過vertical-align以及外層排版，定義三欄排版版型
- 5.3.D:使用postion為relative修改子元素的相對位置
- 5.3.E:使用postion為absolute修改子元素的絕對位置
- 5.3.F:使用postion為fixed增加固定在瀏覽器上面的元件
- 5.4.A:進一步了解overflow的屬性值意義
- 5.4.B:圓形大頭貼的處理方案
- 5.4.C:透過visibility隱藏答案
- 第六堂課的上課練習
- 6.1.A 使用方塊的留白與框線
- 6.1.B 區塊標記的左右對齊方式
- 6.1.C 方塊加上圓角及陰影
- 6.2.A 使用自製框線 border-image-source
- 6.2.B 利用display:inline-block在水平對齊
- 6.2.C 在小方框外加上一個大方框
- 6.3.A 裡用vertical-align讓元素對齊水平線
- 6.4.A 多重圖示的轉動技巧
- 6.4.B 圖示的重疊畫展示
- 6.5.A 已漸變方式取代直接變化的transition功能
- 6.6.A 以動畫方式讓滑鼠特效變成一直變動的畫面
- 6.6.B 以動畫方式讓企鵝一直轉圈圈
- 6.6.C 讓底圖的蜜蜂飛
- 6.6.D 讓動畫持續輪轉
- 第七堂課的上課練習
- 例題 7.1.B 修改導覽列加入active的樣板
- 例題 7.1.C 修改導覽列,讓按鈕間沒有框線
- 例題 7.2.A 讓導覽列擁有第二層選單功能
- 例題 7.2.B 讓導覽列第二層選單可以具有滑動特效
- 例題 7.3.A 讓圖片可以具有超連結的點選功能
- 例題 7.4.B 使用Balsamiq Markup快速建置網站示意圖
- 例題 7.5.A 以HTML 5的新標籤處理整體網站的風格樣式