0人評分過此書

跟著實務學習 Bootstrap 4、JavaScript:第一次設計響應式網頁就上手(MTA試題增強版)

出版日期
2020/03/09
閱讀格式
PDF
書籍分類
學科分類
ISBN
9789865024291

本館館藏

借閱規則
當前可使用人數 30
借閱天數 14
線上看 0
借閱中 0
選擇分享方式

推薦本館採購書籍

您可以將喜歡的電子書推薦給圖書館,圖書館會參考讀者意見進行採購

讀者資料
圖書館
* 姓名
* 身分
系所
* E-mail
※ 我們會寄送一份副本至您填寫的Email中
電話
※ 電話格式為 區碼+電話號碼(ex. 0229235151)/ 手機格式為 0900111111
* 請輸入驗證碼
內容簡介:BuildSchool創辦人暨執行長吳典璋/資策會資深講師王淳平、林俊昌、蘇國鈞聯合推薦!

以前端技術框架Bootstrap為主,配合JavaScript、jQuery、jQueryMobile與Cordoav前端技術,並以實例教學方式由淺入深一步步帶領初學者運用Bootstrap快速打造行動優先的響應式網站,讓網站能依據不同裝置尺寸與瀏覽器自動調整成適合的內容與排版(RWD),讓後端開發人員或網頁開發初學者能快速掌握前端技術,此外,可配合Cordova將網站轉換成行動裝置App,以達到讓瀏覽網站與App的使用者都能得到最佳的使用與瀏覽體驗。
*MTA試題增強版:新增流程控制、陣列、函式與物件...等最新試題。
*收錄微軟MTAJavaScript國際認證模擬試題,讓您除了擁有實作的能力,更擁有國際認證證明自己。
*易學:初學者可快速套用Bootstrap框架完成響應式網站前端網頁,按圖索驥,可以完整重現書中範例。並配合大量範例了解Bootstrap與JavaScript、jQuery與Cordova如何整合運用。
*易教:本書經過與初學者或開發人員試教,修改內容與作法,去蕪存菁,教師免備課。
*易懂:以圖文並茂方式逐步解說,易學易懂。
  • Chapter 1 認識Bootstrap與網頁開發工具
    • 1.1 網頁開發技術簡介
    • 1.2 網頁設計專案流程
    • 1.3 網頁設計角色與分工
    • 1.4 RWD響應式網頁設計概念與優缺點
    • 1.5 HTML5開發工具-VS 2017
    • 1.6 Bootstrap簡介
    • 1.7 Bootstrap套件下載與使用
  • Chapter 2 Bootstrap排版與文字樣式設計
    • 2.1 Bootstrap Typography文字排版
      • 2.1.1 .h1~.h6標題類別
      • 2.1.2 .display-1~.display-4標題類別
      • 2.1.3 .lead前導主題類別
      • 2.1.4 行內文字標籤
      • 2.1.5 〈code〉與〈pre〉
      • 2.1.6 引用來源
      • 2.1.7 對齊類別
      • 2.1.8 轉換類別
      • 2.1.9 聯絡
    • 2.2 網頁清單
      • 2.2.1 編號與項目符號清單
      • 2.2.2 描述清單
    • 2.3 Bootstrap Color顏色
      • 2.3.1 文字顏色
      • 2.3.2 背景顏色
  • Chapter 3 Bootstrap圖片與按鈕
    • 3.1 Bootstrap Image圖片
      • 3.1.1 響應式圖片
      • 3.1.2 圖片形狀
      • 3.1.3 圖片對齊
    • 3.2 Bootstrap Button按鈕
      • 3.2.1 按鈕顏色
      • 3.2.2 按鈕尺寸
      • 3.2.3 按鈕狀態
  • Chapter 4 Bootstrap表格應用
    • 4.1 Bootstrap表格應用
    • 4.2 實例-表格應用
  • Chapter 5 Bootstrap表單
    • 5.1 Bootstrap表單
      • 5.1.1 如何建立表單
      • 5.1.2 表單常用欄位
    • 5.2 Bootstrap表單控制
      • 5.2.1 表單佈局與欄位顯示名稱label
      • 5.2.2 輸入框input
      • 5.2.3 多行文字欄位textarea
      • 5.2.4 單選按鈕Radio
      • 5.2.5 核取方塊Checkbox
      • 5.2.6 下拉選單
    • 5.3 HTML5表單欄位的常見屬性
  • Chapter 6 Bootstrap格線系統與實用程序
    • 6.1 Bootstrap Grid System格線系統
      • 6.1.1 Bootstrap格線
      • 6.1.2 容器Container
      • 6.1.3 水平群組Row設計
      • 6.1.4 欄Column設計
      • 6.1.5 縮圖元件
    • 6.2 Bootstrap實用程序
      • 6.2.1 網頁元素距離設定
      • 6.2.2 網頁元素框線設定
      • 6.2.3 網頁元素浮動設定
      • 6.2.4 網頁元素去除浮動設定
      • 6.2.5 網頁元素區塊陰影設定
  • Chapter 7 Bootstrap媒體物件與Flex網格
    • 7.1 Bootstrap媒體物件
    • 7.2 Bootstrap 4 Flex網格屬性
      • 7.2.1 建立Flexbox容器
      • 7.2.2 容器方向
      • 7.2.3 水平對齊
      • 7.2.4 flex-fill填滿
      • 7.2.5 延伸
      • 7.2.6 order排列順序
      • 7.2.7 推動項目
    • 7.3 包裝與對齊
      • 7.3.1 包裝
      • 7.3.2 垂直方向對齊
      • 7.3.3 單行垂直對齊
      • 7.3.4 單行自我對齊
  • Chapter 8 Bootstrap基礎元件(一)
    • 8.1 Bootstrap Dropdowns下拉式選單
      • 8.1.1 選單功能與架構
      • 8.1.2 選單實作
      • 8.1.3 選單控制
    • 8.2 Bootstrap Navs導覽
      • 8.2.1 導覽功能與架構
      • 8.2.2 導覽實作
      • 8.2.3 下拉式選單導覽
      • 8.2.4 導覽切換區塊
    • 8.3 Bootstrap Navbar導覽列
      • 8.3.1 導覽列功能與架構
      • 8.3.2 導覽列實作
      • 8.3.3 導覽列樣式
      • 8.3.4 導覽列項目隱藏與顯示
    • 8.4 Bootstrap Pagination分頁導覽
    • 8.5 Bootstrap Breadcrumb麵包屑導覽
    • 8.6 Bootstrap Badges提示標誌
  • Chapter 9 Bootstrap基礎元件(二)
    • 9.1 Bootstrap Card卡片
    • 9.2 Bootstrap Button Groups按鈕群組
      • 9.2.1 按鈕群組
      • 9.2.2 按鈕群組樣式
      • 9.2.3 按鈕群組應用
    • 9.3 Bootstrap List Group列表群組
      • 9.3.1 列表群組
      • 9.3.2 列表群組狀態
      • 9.3.3 其他效果應用
    • 9.4 Bootstrap Jumbotron大螢幕廣告
    • 9.5 Bootstrap Progress Bars進度條
  • Chapter 10 Bootstrap 4 JS互動組件(一)
    • 10.1 Bootstrap JS Alert警告框組件
    • 10.2 Bootstrap JS Tooltips提示框
      • 10.2.1 提示框
      • 10.2.2 提示框應用
    • 10.3 Bootstrap JS Carousel圖片輪播
      • 10.3.1 圖片輪播簡介與架構
      • 10.3.2 圖片輪播應用
    • 10.4 Bootstrap Collapse摺疊
      • 10.4.1 摺疊元件簡介與基本架構
      • 10.4.2 多個目標的摺疊
      • 10.4.3 手風琴摺疊
  • Chapter 11 Bootstrap JS互動組件(二)
    • 11.1 Bootstrap JS Modal互動視窗
    • 11.2 Bootstrap JS Scrollspy滑動監控
    • 11.3 Bootstrap JS Filter過濾器
    • 11.4 Bootstrap JS Popover彈出提示
  • Chapter 12 Bootstrap響應式網站實作案例
    • 12.1 實例-大才全資訊網
    • 12.2 實例-蜜境冒險官方網站
    • 12.3 實例-循環經濟遊戲主題網站
  • Chapter 13 JavaScript語言、變數與運算子
    • 13.1 JavaScript基本功能介紹
    • 13.2 JavaScript程式碼位置
      • 13.2.1 網頁中嵌入JavaScript程式碼
      • 13.2.2 網頁中引用外部的JavaScript檔案
      • 13.2.3 撰寫JavaScript的注意事項
    • 13.3 JavaScript變數的使用
      • 13.3.1 常值與變數
      • 13.3.2 JavaScript資料型別
      • 13.3.3 動態型別
      • 13.3.4 資料型別轉換
    • 13.4 JavaScript運算子
      • 13.4.1 算術運算子
      • 13.4.2 關係運算子
      • 13.4.3 邏輯運算子
      • 13.4.4 複合指定運算子
      • 13.4.5 遞增及遞減運算子
    • 13.5 JavaScript常用輸出入方法
      • 13.5.1 document.write()方法
      • 13.5.2 alert()函式
      • 13.5.3 存取HTML元素
  • Chapter 14 JavaScript流程控制
    • 14.1 選擇敘述
      • 14.1.1 if+else+選擇敘述
      • 14.1.2 巢狀選擇
      • 14.1.3 if+else if+else+多向選擇敘述
    • 14.2 迴圈敘述
      • 14.2.1 for計數迴圈
      • 14.2.2 while前測式迴圈
      • 14.2.3 do...while後測式迴圈
      • 14.2.4 巢狀迴圈
  • Chapter 15 JavaScript陣列與函式
    • 15.1 陣列
      • 15.1.1 建立一維陣列
      • 15.1.2 建立二維陣列
    • 15.2 函式
      • 15.2.1 函式簡介
      • 15.2.2 JavaScript函式的使用
      • 15.2.3 計數函式
  • Chapter 16 jQuery函式應用
    • 16.1 jQuery函式的特色
    • 16.2 如何引用jQuery函式庫
    • 16.3 jQuery語法
      • 16.3.1 jQuery撰寫位置
      • 16.3.2 ready事件
      • 16.3.3 使用jQuery()函式選取元素
    • 16.4 jQuery存取表單欄位的value值
    • 16.5 事件處理
      • 16.5.1 事件類型
      • 16.5.2 事件方法-on()與off()
    • 16.6 動態存取DOM元素
      • 16.6.1 存取元素內容
      • 16.6.2 新增、刪除內容
    • 16.7 jQuery特效應用
  • Chapter 17 jQuery Mobile跨平台行動網頁設計
    • 17.1 App開發技術與jQuery Mobile簡介
    • 17.2 jQuery Mobile開發
      • 17.2.1 如何下載jQuery Mobile函式庫
      • 17.2.2 如何引用jQuery Mobile函式庫
    • 17.3 jQuery Mobile網頁架構
    • 17.4 jQuery Mobile網頁常用元件
      • 17.4.1 網路資源連結
      • 17.4.2 頁面切換特效
      • 17.4.3 ListView清單元件
      • 17.4.4 可摺疊區塊元件
      • 17.4.5 可摺疊區塊群組元件
      • 17.4.6 巡覽列元件
  • Chapter 18 Cordova跨平台App設計
    • 18.1 認識Cordova
    • 18.2 Android App設計初體驗
    • 18.3 中部夜市App實作
    • 18.4 大才全官網App實作
  • 附錄 A 微軟MTA JavaScript國際認證模擬試題

評分與評論

請登入後再留言與評分
幫助
您好,請問需要甚麼幫助呢?
使用指南

客服專線:0800-000-747

服務時間:週一至週五 AM 09:00~PM 06:00

loading