Bootstrap與jQuery UI框架設計

目錄 前言 課程設計說明 關于引用作品版權說明 第1章 Bootstrap入門 1 Bootstrap簡介 1.1 Bootstrap簡介 1.2 Bootstrap文件結構和標準模板 前言 課程設計說明 關于引用作品版權說明 第1章 Bootstrap入門 1 Bootstrap簡介 1.1 Bootstrap簡介 1.2 Bootstrap文件結構和標準模板 操作案例：在頁面中使用Bootstrap 2 Bootstrap功能介紹 2.1.Bootstrap構成模塊 2.2 Bootstrap的特色和功能介紹 2.2.1 Bootstrap的特色 2.2.2 媒體查詢 2.2.3 Bootstrap主要功能 2.3 Bootstrap優(yōu)秀插件 2.4 Bootstrap版本變化 3 Bootstrap優(yōu)秀網(wǎng)站示例 本章總結 本章作業(yè) 第2章 Bootstrap布局 1 Bootstrap的結構 1.1 使用柵格系統(tǒng) 1.1.1 繪制柵格 1.1.2 柵格系統(tǒng)的列偏移 操作案例1：制作音樂網(wǎng)站首頁 1.1.3 柵格系統(tǒng)的列交換 1.1.4 柵格系統(tǒng)的嵌套 1.2 響應式柵格 操作案例2：組合柵格系統(tǒng) 2 CSS布局概要 2.1 CSS布局簡介 2.2 基礎排版 2.2.1 標題 2.2.2 主體內容 2.2.3 對齊方式 2.2.4 列表 3 禁用響應式布局 本章總結 本章作業(yè) 第3章 Bootstrap組件 1 按鈕 操作案例1：制作Bootstrap官網(wǎng)案例頁面 2 表格 3 CSS組件 3.1 表單 3.2 輸入框組 3.3 圖標 3.4 下拉菜單 操作案例2：制作收集用戶信息頁面 3.5 按鈕組 3.6 導航和導航條 操作案例3：制作導航欄 3.7 縮略圖 3.8 媒體對象 本章總結 本章作業(yè) 第4章 Bootstrap插件 l 動畫過渡 2 Bootstrap中的JS插件 2.1 模態(tài)框 操作案例1：利用模態(tài)窗體制作百度登錄框 2.2 輪播圖 操作案例2：利用.Bootstrap制作攜程網(wǎng)首頁的輪播圖 2.3 選項卡 2.4 折疊 操作案例3：利用Bootstrap制作導航菜單 本章總結 本章作業(yè) 第5章jQuery Mobile入門 l jQuery Mobile入門 1.1 jQuery Mobile簡介 1.2 jQuery Mobile準備文檔 1.3 jQuery Mobile架構 1.3.1 jQuery Mobile屬性 1.3.2 jQuery Mobile主題 1.3.3 jQuery Mobile視圖 操作案例1：制作jQuery Mobile基本頁面 1.3.4 jQuery Mobile對話框 1.4 與電話整合 操作案例2：制作商家信息展示頁面 2 jQuery Mobile UI組件 2.1 網(wǎng)格系統(tǒng) 2.2 格式化內容 2.3 可折疊的內容 2.4 工具欄 操作案例3：制作影視介紹頁面 2.5 按鈕 操作案例4：制作音樂播放器頁面 本章總結 本章作業(yè) 第6章jQuery Mobile基礎 1 列表 1.1 整頁列表與插入列表 1.2 視覺分隔符 1.3 交互行 1.4 圖片 1.4.1 圖標 1.4.2 縮略圖 1.4.3 計數(shù)氣泡 2 表單組件 2.1 表單動作 2.2 表單元素 2.2.1 文本標簽和容器標簽 2.2.2 文本輸入框 2.2.3 textarea輸入?yún)^(qū)域 2.2.4 HTML5新增標簽 操作案例：制作信息收集頁面 3 jQuery Mobile API 3.1 jQuery：Mobile API 3.2 jQuery Mobile事件 3.2.1 頁面事件 3.2.2 方向事件 3.2.3 觸摸事件 本章總結 本章作業(yè) 收起全部>>