HTML5+CSS3+jQuery應(yīng)用之美

第1章  搭建網(wǎng)頁開發(fā)環(huán)境
客戶與主機(jī)
搭建Web客戶測(cè)試環(huán)境
選擇與安裝網(wǎng)頁制作工具
搭建Web主機(jī)環(huán)境
選擇內(nèi)容管理系統(tǒng)（CMS）
第2章  HTML5、CSS3、jQuery基礎(chǔ)
超文本標(biāo)記語言，HTML5基礎(chǔ)
創(chuàng)建HTML5基本文檔
編寫正文主體：列表
HTML5大綱算法（Outliner）與Section元素
層疊樣式表，CSS3基礎(chǔ)
控制正文主體（body）樣式
控制標(biāo)題（h1，h2）樣式
控制網(wǎng)頁背景與字體
腳本語言JavaScript基礎(chǔ)
JavaScript Library，jQuery基礎(chǔ)
第3章  設(shè)計(jì)網(wǎng)頁動(dòng)態(tài)橫幅廣告（Banner）
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML5代碼
輸入單擊Banner時(shí)要鏈接的網(wǎng)站
向Banner中添加圖片與文字
使用class屬性標(biāo)識(shí)各元素
編寫CSS3樣式表
控制body樣式
控制Banner樣式
向Banner插入背景圖片
設(shè)置橫幅廣告的Logo圖像
向Banner上的文字應(yīng)用字體
設(shè)置Banner文字的位置與顏色
設(shè)計(jì)鼠標(biāo)指針未移動(dòng)到Banner上的Banner
使用jQuery播放聲音
瀏覽器兼容性檢查
第4章  設(shè)計(jì)氣泡懸浮框
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML5代碼
編寫CSS3樣式表
控制body樣式
設(shè)置標(biāo)題字體樣式
控制圖片樣式
控制氣泡懸浮框1：基本樣式
控制氣泡懸浮框2：位置
控制氣泡懸浮框3：添加圓角與尾巴
控制氣泡懸浮框4：制作Transition動(dòng)畫
使用jQuery實(shí)現(xiàn)淡入/淡出效果
檢查是否支持CSS3的transition  屬性
使用jQuery實(shí)現(xiàn)淡入/淡出效果
第5章  制作Lava Lamp滑動(dòng)導(dǎo)航條
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML 5代碼
編寫CSS3樣式表
控制body樣式
控制標(biāo)題樣式：應(yīng)用英文網(wǎng)頁字體
控制導(dǎo)航條邊框樣式
控制導(dǎo)航條菜單項(xiàng)樣式
控制導(dǎo)航條樣式：漸變
指定默認(rèn)激活的菜單項(xiàng)
編寫jQuery腳本代碼
聲明變量與引用文檔對(duì)象
控制lava樣式
設(shè)置lava的位置
向lava應(yīng)用漸變
調(diào)整lava的位置
事件監(jiān)聽與處理
創(chuàng)建命名空間（Namespace）
制作插件
第6章  制作氣泡動(dòng)畫按鈕
設(shè)計(jì)效果預(yù)覽
網(wǎng)頁布局設(shè)計(jì)
編寫HTML5代碼
編寫CSS3樣式表
控制body樣式
向body添加彩虹漸變
從CSS代碼中提取重復(fù)代碼，使用LESS重寫
創(chuàng)建LESS函數(shù)
控制buttons_wrap樣式
向jQuery按鈕添加聲音插件
第7章  設(shè)計(jì)帶動(dòng)畫的選項(xiàng)卡菜單
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML5代碼
兼容IE 8之前版本的代碼
應(yīng)用Web字體與調(diào)用外部文件
編寫網(wǎng)頁結(jié)構(gòu)代碼
編寫CSS3與LESS樣式代碼
控制基本樣式
向整個(gè)選項(xiàng)卡區(qū)域與標(biāo)題指定樣式
控制選項(xiàng)卡樣式
選項(xiàng)卡區(qū)域樣式控制1：不支持JavaScript腳本的情形
選項(xiàng)卡區(qū)域樣式控制2：支持JavaScript腳本的情形
編寫jQuery插件
編寫使用插件的腳本文件
編寫插件
第8章  制作動(dòng)態(tài)表格
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML5表格代碼
編寫基本結(jié)構(gòu)
編寫表單代碼
編寫CSS3與LESS樣式代碼
編寫基本樣式控制代碼
為整個(gè)表單區(qū)域（容器元素）編寫樣式代碼
設(shè)置標(biāo)題樣式
控制表單元素樣式1：標(biāo)簽與輸入文本框
控制表單元素樣式2：用戶使用條款與信息收集
控制表單元素樣式3：向輸入文本框左側(cè)添加圖標(biāo)
控制表單元素樣式4：提交按鈕
使用jQuery編寫腳本代碼
第9章  使用HTML5制作視頻播放器
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML5視頻播放器
編寫基本的HTML代碼
編寫JavaScript腳本自動(dòng)生成的代碼
編寫jQuery視頻播放插件
調(diào)用插件&設(shè)置初始值
建視頻播放器容器元素
編寫視頻控件動(dòng)態(tài)生成代碼
設(shè)置視頻控件按鈕
設(shè)置視頻播放進(jìn)度條
制作播放進(jìn)度條的滑塊
編寫播放條狀態(tài)更新函數(shù)
編寫聲音控制滑塊
為聲音調(diào)節(jié)按鈕編寫函數(shù)
編寫CSS3與LESS樣式代碼
基本樣式控制
為視頻容器編寫樣式代碼
視頻控件樣式1：整體
視頻控件樣式2：播放按鈕
視頻控件樣式3：播放進(jìn)度條
視頻控件樣式4：計(jì)時(shí)器
視頻控件樣式5：聲音控件
視頻控件樣式6：聲音調(diào)節(jié)條
設(shè)置播放控制條到視頻內(nèi)部，并改變顏色
第10章  制作設(shè)備感應(yīng)型網(wǎng)頁
設(shè)計(jì)效果預(yù)覽
設(shè)計(jì)網(wǎng)頁布局
編寫HTML5網(wǎng)頁代碼
header（logo與導(dǎo)航）與header bar
contents區(qū)域
編寫CSS3與LESS樣式代碼
設(shè)置基本環(huán)境（下載normalize。css）
編寫response.css框架
桌面顯示樣式1：基本樣式
桌面顯示樣式2：header
桌面顯示樣式3：header bar
桌面顯示樣式4：contents
桌面顯示樣式5：footer
桌面顯示樣式6：設(shè)置拖選區(qū)域的背景色與文字顏色
為平板電腦編寫顯示樣式
為智能手機(jī)編寫顯示樣式
使用JavaScript編寫固定的導(dǎo)航菜單插件