WEB4 Bootstrap
姓名: UL
學號: 4070c029
回首頁
上課例題
第十堂課
10.1.A - 第一個PHP網頁測試
10.1.B - 開始應用 bootstrap 的文字與顏色的呼叫 (class)
10.1.C - 用 bootstrap 處理程式碼
10.2.A - 用 bootstrap 處理表格資料
10.2.B - 用 font awesome 網站的小圖示展示
10.2.C - 用 font awesome 網站的小圖示搭配 bootstrap 設計按鈕大小
10.3.A - 使用清單的【分頁】的連結效果
10.3.B - 將單純的 a 超連結設計成為大型按鈕清單列
10.3.C - 將單純的 a 超連結設計成為大型按鈕清單列
10.3.D - 用卡牌折疊方式,處理隱藏效果
10.3.E - 用彈出式視窗來處理隱藏效果
10.3.F - 用 popover 小視窗來處理隱藏效果
10.3.G - 用 hover 的 tooltip 小提示功能,進行指引
10.4.A - 用 carousel 製作網頁旋轉木馬的圖片旋轉效果
10.5.A - 用 carousel 的下拉式選單功能設計
10.5.B - 人物介紹 class = card
10.5.C - 人物介紹 class = card 結合進度條
第十一堂課
11.1.A - 第一個類似RWD的網頁設計效果
11.1.B - 朝狀網格系統
11.1.C - 朝狀網格系統-再搭配Media Queries的文字處理效果
11.2.A - 網格系統搭配上方導覽列
11.2.B - 承上,但是改成我們網站的相關導覽
11.3.A - 承上,加上 header 網站宣告
11.3.B - 承上,但是導覽列永遠在視窗上
11.3.C - 承上,再加上頁尾
11.4.A - 修改成為兩欄顯示效果
11.4.B - 承上,增加左側子導覽列
Homework
第十節課程課後練習
關於我的一些簡介