HTML5+CSS3+jQuery應用之美

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