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

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