姓名:薛博仁
學號:4050C042
回首頁
上課連結
第九堂課
9-1-A:使用清單設計導覽列
9-1-B:
9-1-C:
9-1-D:
9-1-E:
9-1-F:
9-2-A:
第八堂課
8-2-A:使用清單設計導覽列
8-2-B:修改導覽列加入active
第七堂課
7-1-A:使用清單設計導覽列
7-1-B:修改導覽列加入active
7-1-C:修改導覽列,讓按鈕間沒有框線
7-2-A:讓導覽列有兩層選單
7-2-B:導覽列第二層選單有滑動特效
7-3-A:讓圖片可以具有超連結的點選功能
7-4-B:使用BM快速建置網站是意圖
7-5-A:以HTML5的新標籤處理整體網站的風格樣式
第六堂課
6-1-A:使用漸層的背景
6-1-B:圓形外框大頭貼加上厚重彩虹圓形
6-2-A:多張底圖的處理方式
6-2-B:背景放大到邊框的型態:cover/contain
6-2-C:影像透明度的使用opacity的處裡
6-3-A:方塊內圖片上面疊上文字說明的統一格式處理
6-4-A:多重圖示的轉動技巧加上萬用字元的呼叫使用
6-5-A:漸變方式取代直接變化transition
6-6-A:動畫方式讓滑鼠特效變成一直變動的畫面
6-6-B:動畫方式讓企鵝轉圈
6-6-C:讓底圖蜜蜂飛
6-6-D:讓鄧畫持續輪轉
第五堂課
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-alian讓元素對齊水平線上方
5-2-D:利用float讓子元素漂浮在父元素上方
5-3-A:利用magin讓方塊重疊
5-3-B:透過z-index指定圖層上下順序
5-3-C:透過vertical-alian以及外層排版定義三欄排版
5-3-D:使用position為relative修改子元素相對位置
5-3-E:使用position為absolue修改子元素相對位置
5-3-F:使用position為fixed增加固定在瀏覽器上的元件
5-4-A:overflow屬性意義
5-4-B:圓形大頭貼
5-4-C:透過visibility隱藏答案
第四堂課
4-1-1:使用CSS修改字體相關的內容
4-1-2:自框與字體透過padding留白
4-1-3:外部雲端字型
4-1-4:GOOGLE與ADOBE提供的中文字型
4-2-1:超連結的特效
4-2-2:讓超連結變成區塊
4-3-1:hover
4-4-1:清單與hover
4-4-2:清單特效:使用圖檔取代前導符號
4-5-1:空氣品質CSS美化
4-5-2:空氣品質:collapse
4-6-1:以清單說明ul lu產生後代繼承
4-6-2:承上,使用ul>li
4-6-3:display搭配hover
第三堂課
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:表格橫列設計
3.4.B:class設計
3.5.A:id設計
3.6.A:呼叫外部css
Home Works
第七堂課
練習6-7-2:使用清爽的導覽列
練習6-7-3:讓原本橫的導覽耊變成直導覽列
練習6-7-4:預計達成的期中報告網站列表
練習6-7-5:透過地圖連結以及清單項目的絕對位址說明
第六堂課
練習6-7-2:使用漸層與圖片重疊技巧,處理彩虹人物像
練習6-7-3:直立的按鈕改橫式按鈕,並增加一個按鈕
練習6-7-4:圖示放大變成在正中央放大(不是向右下方放大
練習6-7-5:承上,加上漸變的功能
練習6-7-6:蜜蜂飛來飛去,衝向螢幕嚇你
練習6-7-7:照片的幻燈片淡出淡入效果
第五堂課
練習5-5-2:使用position排版
練習5-5-3:使用:honer搭配visbility隱藏答案
第四堂課
練習4-7-2:以CSS修飾古文
練習4-7-4:以CSS修飾清單及巢狀清單隱藏使用
練習4-7-5:已CSS修飾表格
第三堂課
練習3-7-2:外部CSS風格設定
練習3-7-3:課表的製作
練習3-7-4:特殊符號對應表
練習3-7-5:書籍清單