第1章 Web前端設(shè)計基礎(chǔ)知識
1.1 Web標(biāo)準(zhǔn)
1.1.1 什么是Web標(biāo)準(zhǔn)
1.1.2 建立Web標(biāo)準(zhǔn)的優(yōu)點
1.1.3 理解表現(xiàn)和結(jié)構(gòu)相分離
1.2 Web前端開發(fā)實用技術(shù)概述
1.2.1 什么是Web前端開發(fā)
1.2.2 Web前端開發(fā)的任務(wù)
1.3 HTML5簡介
1.3.1 HTML的發(fā)展歷史
1.3.2 HTML5的特性
1.3.3 HTML5元素
1.3.4 HTML5的基本結(jié)構(gòu)與編寫規(guī)范
1.4 CSS3簡介
1.4.1 CSS的發(fā)展歷史
1.4.2 CSS3的特點
1.4.3 使用CSS美化頁面的外觀
1.4.4 網(wǎng)頁中引用CSS的方法
1.5 JavaScript/jQuery簡介
1.5.1 JavaScript簡介
1.5.2 jQuery簡介
1.6 Web前端開發(fā)使用的瀏覽器
1.6.1 瀏覽器簡介
1.6.2 搭建Web前端開發(fā)的瀏覽器環(huán)境
1.7 Web前端開發(fā)常用的工具
習(xí)題1
第2章 JavaScript語言基礎(chǔ)
2.1 JavaScript概述
2.2 在網(wǎng)頁中插入JavaScript的方法
2.2.1 在HTML文檔中嵌入腳本程序
2.2.2 鏈接腳本文件
2.2.3 在HTML標(biāo)簽內(nèi)添加腳本
2.2.4 多腳本網(wǎng)頁
2.3 調(diào)試JavaScript程序
2.4 JavaScript的基本數(shù)據(jù)類型和表達式
2.4.1 基本數(shù)據(jù)類型及類型轉(zhuǎn)換
2.4.2 常量
2.4.3 變量
2.4.4 運算符和表達式
2.5 JavaScript的程序結(jié)構(gòu)
2.5.1 簡單語句
2.5.2 程序控制流程
2.6 自定義函數(shù)
2.6.1 函數(shù)的定義
2.6.2 函數(shù)的調(diào)用
2.6.3 變量的作用域
2.6.4 JavaScript的內(nèi)置函數(shù)
2.7 綜合案例——美膚堂商品促銷計算器
習(xí)題2
第3章 JavaScript面向?qū)ο蟪绦蛟O(shè)計
3.1 面向?qū)ο蟪绦蛟O(shè)計基礎(chǔ)
3.1.1 對象
3.1.2 對象的屬性
3.1.3 對象的事件
3.1.4 對象的方法
3.1.4 JavaScript的對象類型
3.2 JavaScript的內(nèi)置對象
3.2.1 字符串對象
3.2.2 數(shù)組對象
3.2.3 日期對象
3.2.4 數(shù)學(xué)對象
3.3 自定義對象
3.3.1 原始方式
3.3.2 構(gòu)造函數(shù)方式
3.3.3 原型方式
3.4 綜合案例——制作美膚堂日期下拉菜單
習(xí)題3
第4章 BOM和DOM編程
4.1 BOM和DOM模型
4.1.1 BOM模型
4.1.2 DOM模型
4.2 window對象
4.2.1 window對象的屬性
4.2.2 window對象的方法
4.3 document對象
4.3.1 document對象的屬性
4.3.2 document對象的方法
4.4 location對象
4.4.1 location對象的屬性
4.4.2 location對象的方法
4.5 history對象
4.6 navigator對象
4.7 screen對象
4.8 Form對象
4.8.1 Form對象的屬性
4.8.2 Form對象的方法
4.9 DOM節(jié)點
4.9.1 Node對象
4.9.2 Element對象
4.9.3 NodeList對象
4.10 JavaScript的對象事件處理程序
4.10.1 對象的事件
4.10.2 常用的事件及處理
4.10.3 錯誤處理
4.10.4 表單對象與交互性
4.10.5 案例——美膚堂會員注冊表單驗證
4.11 綜合案例——美膚堂商品復(fù)選框全選效果
習(xí)題4
第5章 JavaScript網(wǎng)頁特效
5.1 文字特效
5.1.1 制作顏色變換的歡迎詞
5.1.2 打字效果
5.2 菜單與選項卡特效
5.2.1 制作美膚學(xué)堂導(dǎo)航菜單
5.2.2 制作Tab選項卡切換效果
5.3 圖片特效
5.3.1 制作美膚堂浮動廣告
5.3.2 制作美膚堂輪播廣告
習(xí)題5
第6章 JavaScript在HTML5中的應(yīng)用
6.1 HTML5拖放API
6.1.1 draggable屬性
6.1.2 拖放觸發(fā)的事件和數(shù)據(jù)傳遞
6.2 多媒體播放
6.2.1 HTML5的多媒體支持
6.2.2 音頻標(biāo)簽
6.2.3 視頻標(biāo)簽
6.2.4 HTML5多媒體API
6.3 Canvas繪圖
6.3.1 創(chuàng)建元素
6.3.2 構(gòu)建繪圖環(huán)境
6.3.3 通過JavaScript繪制圖形
6.4 HTML5地理定位API
6.4.1 Geolocation基礎(chǔ)
6.4.2 Geolocation API實現(xiàn)地理定位
6.4.3 案例——使用HTML5獲取地理位置及百度地圖
習(xí)題6
第7章 jQuery基礎(chǔ)
7.1 jQuery概述
7.1.1 什么是jQuery
7.1.2 jQuery的特點
7.2 編寫jQuery程序
7.2.1 下載與配置jQuery
7.2.2 編寫一個簡單的jQuery程序
7.3 jQuery對象和DOM對象
7.3.1 jQuery對象和DOM對象簡介
7.3.2 jQuery對象和DOM對象的相互轉(zhuǎn)換
7.4 jQuery的插件
7.4.1 引用jQuery插件的方法
7.4.2 常用的插件簡介
習(xí)題7
第8章 jQuery選擇器
8.1 jQuery選擇器簡介
8.1.1 jQuery的工廠函數(shù)
8.1.2 什么是jQuery選擇器
8.1.3 jQuery選擇器的優(yōu)勢
8.2 基礎(chǔ)選擇器
8.2.1 ID選擇器
8.2.2 元素選擇器
8.2.3 類名選擇器
8.2.4 復(fù)合選擇器
8.2.5 通配符選擇器
8.3 層次選擇器
8.3.1 ancestor descendant(祖先 后代)選擇器
8.3.2 parent>child(父>子)選擇器
8.3.3 prev next(前 后)選擇器
8.3.4 prev～siblings(前～兄弟)選擇器
8.4 過濾選擇器
8.4.1 簡單過濾器
8.4.2 內(nèi)容過濾器
8.4.3 可見性過濾器
8.4.4 子元素過濾器
8.4.5 表單對象的屬性過濾器
8.5 屬性選擇器
8.6 表單選擇器
習(xí)題8
第9章 jQuery的常用操作
9.1 元素屬性的操作
9.1.1 獲取或設(shè)置元素屬性
9.1.2 刪除元素屬性
9.2 元素樣式的操作
9.2.1 修改CSS類
9.2.2 設(shè)置CSS屬性
9.3 元素內(nèi)容和值的操作
9.3.1 操作元素內(nèi)容
9.3.2 操作元素的值
9.4 操作DOM節(jié)點
9.4.1 創(chuàng)建節(jié)點
9.4.2 插入節(jié)點
9.4.3 復(fù)