幫助中心 | 我的帳號 | 關於我們

Bootstrap響應式Web開發(工業和信息化十三五人才培養規劃教材)/1+X證書制度Web前端開發系列叢書

  • 作者:編者:黑馬程序員|責編:范博濤
  • 出版社:人民郵電
  • ISBN:9787115547835
  • 出版日期:2021/01/01
  • 裝幀:平裝
  • 頁數:188
人民幣:RMB 42 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書是面向移動Web開發學習者的一本入門教材,以通俗易懂的語言、豐富實用的案例,詳細講解Bootstrap的開發技術。
    本書共8章,第1?3章講解Bootstrap和移動Web開發的基礎知識;第4章講解移動端頁面布局的相關知識;第5?7章講解Bootstrap的核心知識,包括柵格系統、常用組件和布局樣式的相關內容;第8章通過一個綜合項目—潮流穿搭網站,講解如何利用Bootstrap相關技術開發響應式網站。
    本書既可作為高等教育本、專科院校電腦相關專業的教材,也可作為網站開發愛好者的參考讀物。

作者介紹
編者:黑馬程序員|責編:范博濤

目錄
第1章  初識Bootstrap
  1.1  Bootstrap概述
    1.1.1  什麼是Bootstrap
    1.1.2  Bootstrap的特點
    1.1.3  Bootstrap的組成
  1.2  瀏覽器
    1.2.1  PC端的瀏覽器
    1.2.2  移動端設備
    1.2.3  移動端的瀏覽器
  1.3  Visual Studio Code編輯器
    1.3.1  什麼是Visual Studio Code
    1.3.2  下載和安裝Visual Studio Code
    1.3.3  使用Visual Studio Code
  1.4  移動Web開發的主流方案
    1.4.1  單獨製作移動端頁面
    1.4.2  製作響應式頁面
  本章小結
  課後練習
第2章  移動Web開發基礎(上)
  2.1  視口
    2.1.1  什麼是視口
    2.1.2  利用Chrome瀏覽器模擬手機屏幕
    2.1.3  利用標籤設置視口
    2.1.4  視口的常用設置
  2.2  移動Web頁面的樣式編寫
    2.2.1  利用Normalize.css初始化默認樣式
    2.2.2  設置box-sizing為border-box
    2.2.3  設置移動端的特殊樣式
  2.3  解析度和設備像素比
    2.3.1  解析度
    2.3.2  設備像素比
  2.4  二倍圖
    2.4.1  什麼是二倍圖
    2.4.2  背景圖片的縮放
    2.4.3  實現背景圖片的二倍圖
  2.5  SVG矢量圖
    2.5.1  什麼是SVG
    2.5.2  
    2.5.3  從外部引入SVG文件
  本章小結
  課後練習
第3章  移動Web開發基礎(下)
  3.1  HTML5常用API
    3.1.1  檢測網路連接
    3.1.2  全屏操作
    3.1.3  文件讀取
    3.1.4  地理定位
    3.1.5  拖曳
    3.1.6  Web存儲
    3.1.7  播放視頻和音頻

  3.2  移動端常用事件
    3.2.1  touch事件概述
    3.2.2  touch事件實現輪播圖效果
    3.2.3  模擬移動端單擊事件
  3.3  移動端常用插件
    3.3.1  Fastclick插件的使用
    3.3.2  利用Fastclick處理點透事件
    3.3.3  iScroll插件的使用
    3.3.4  Swipe插件的使用
    3.3.5  Swiper插件的使用
  本章小結
  課後練習
第4章  移動端頁面布局
  4.1  移動端頁面常用布局
  4.2  流式布局
  4.3  彈性盒布局
    4.3.1  什麼是彈性盒布局
    4.3.2  彈性盒布局常用屬性
  4.4  媒體查詢
    4.4.1  什麼是媒體查詢
    4.4.2  響應式布局容器
  4.5  Rem適配布局
    4.5.1  rem單位
    4.5.2  通過媒體查詢和rem單位實現元素大小動態變化
  4.6  Sass
    4.6.1  什麼是Sass
    4.6.2  在Node.js環境中使用Sass
    4.6.3  Sass語法格式
    4.6.4  Sass編譯
    4.6.5  Sass嵌套
    4.6.6  Sass運算
  4.7  Less
    4.7.1  什麼是Less
    4.7.2  Less語法格式
    4.7.3  Less編譯
  4.8  Bootstrap響應式布局
    4.8.1  下載Bootstrap
    4.8.2  預編譯的Bootstrap
    4.8.3  Bootstrap源文件
    4.8.4  使用Bootstrap CDN
    4.8.5  Bootstrap初體驗
  本章小結
  課後練習
第5章  Bootstrap柵格系統
  5.1  柵格系統簡介
    5.1.1  柵格系統概述
    5.1.2  動手實現簡單版柵格系統
  5.2  Bootstrap布局容器
    5.2.1  布局容器
    5.2.2  .container-fluid類

    5.2.3  .container類
  5.3  柵格系統的基本使用
    5.3.1  柵格系統的行和列
    5.3.2  學生信息表格案例
  5.4  柵格系統的屏幕適配
    5.4.1  柵格系統的類前綴
    5.4.2  使用類前綴設置列的寬度
    5.4.3  利用柵格系統實現導航欄效果
  5.5  柵格系統中列的操作
    5.5.1  柵格系統中的列嵌套
    5.5.2  柵格系統中的列偏移
  本章小結
  課後練習
第6章  Bootstrap框架常用組件
  6.1  組件基礎
    6.1.1  什麼是組件
    6.1.2  組件的優勢
    6.1.3  Bootstrap組件的依賴文件
  6.2  Bootstrap常用組件
    6.2.1  引入依賴文件
    6.2.2  按鈕
    6.2.3  導航
    6.2.4  麵包屑導航
    6.2.5  分頁
    6.2.6  列表
    6.2.7  表單
    6.2.8  按鈕組
    6.2.9  輸入框組
  6.3  Bootstrap實現菜單功能
    6.3.1  引入依賴文件
    6.3.2  摺疊菜單
    6.3.3  下拉菜單
  6.4  Bootstrap實現輪播圖功能
    6.4.1  什麼是輪播圖
    6.4.2  輪播圖的功能分析
    6.4.3  輪播圖活動信息
    6.4.4  輪播圖左側箭頭
    6.4.5  輪播圖右側箭頭
    6.4.6  輪播圖指示器
  本章小結
  課後練習
第7章  Bootstrap常用布局樣式
  7.1  內容布局
    7.1.1  標題類
    7.1.2  文本類
    7.1.3  列表類
  7.2  代碼和圖文布局
    7.2.1  代碼樣式
    7.2.2  圖文樣式
  7.3  表格布局

  7.4  輔助樣式
    7.4.1  邊框樣式
    7.4.2  背景顏色
  本章小結
  課後練習
第8章  綜合項目——潮流穿搭網站
  8.1  項目分析
    8.1.1  項目展示
    8.1.2  創建項目目錄結構
  8.2  前期準備
    8.2.1  設置元素間距
    8.2.2  設置字體圖標
    8.2.3  頁面初始化
    8.2.4  頁面結構
  8.3  代碼講解
    8.3.1  導航欄模塊
    8.3.2  輪播圖模塊
    8.3.3  潮流穿搭技巧模塊
    8.3.4  潮流穿搭風格模塊
    8.3.5  潮流穿搭新聞模塊
    8.3.6  合作夥伴和著作權聲明模塊
  本章小結
  課後練習

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032