隨著各類移動終端設(shè)備的普及 之前針對PC端設(shè)計的網(wǎng)站已經(jīng)無法滿足用戶的需求 響應(yīng)式網(wǎng)頁設(shè)計的概念應(yīng)運而生。無論用戶使用筆記本還是iPad 頁面都應(yīng)該能夠自動切換分辨率、圖片尺寸及相關(guān)腳本功能等 以適應(yīng)不同設(shè)備。響應(yīng)式網(wǎng)頁設(shè)計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。在眾多的響應(yīng)式框架中 來自Twitter開源的Bootstrap無疑是當(dāng)前很流行的前端框架。而針對移動平臺應(yīng)用 jQueryMobile適用于所有流行的智能手機和平板電腦?；趈Query的核心庫也更容易讓眾多的開發(fā)人員學(xué)習(xí)和使用。本套前端開發(fā)教材優(yōu)xuan的特點就是以流行網(wǎng)站元素為項目實戰(zhàn)。

目錄

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