bootstrap 相關的網頁內容
姓名:黃信霖
學號:4070C013
回首頁
上課練習
第10堂課的練習:
10-1-1.第一個 Bootstrap 測試
10-1-2.應用 Bootstrap 測試
10-1-3.應用 Bootstrap 處理程式碼
10-2-1.應用 Bootstrap 處理表格資料
10-2-2.應用 font awesome 網站的小圖示展示
10-2-3.應用 font awesome 網站的小圖示改變大小
10-3-1.使用清單的"分頁"連結效果
10-3-2.將單純的 a 超連結設計成大型按鈕清單列
10-3-3.用按鈕搭配【data-toggle】功能處理隱藏效果
10-3-4.用卡牌折疊方式處理隱藏效果
10-3-5.用彈出式視窗來處理隱藏效果
10-3-6.用 popover 小視窗來處理隱藏效果
10-3-7.用 hover 的 tooltip 小提示功能,進行指引
10-4-1.用 carousel 製作網頁旋轉木馬
10-5-1.Bootstrap 的下拉式選單功能
10-5-2.人物介紹 class=card
10-5-3.人物介紹 class=card 結合進度條
第11堂課的練習:
11-1-1.第一個類似 RWD 的網頁效果
11-1-2.巢狀網格系統-小畫面單層,大螢幕兩格以上
11-1-3.巢狀網格系統-搭配 media query 的效果處理字體
11-2-1.網格系搭配上方導覽列的設計
11-2-2.承上,改為自己的相關導覽
11-3-1.承上,加上 header 網站的宣告
11-3-2.承上,導覽列永遠在視窗上方(重要!!!)
11-3-3.承上,尾頁(重要!!!)
11-4-1.修改為兩欄顯示效果
11-4-2.承上,開始設計"子導覽列"
11-4-3.承上,php!!!