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

目錄

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