第1章 Web前端设计基础知识
1.1 Web标准
1.1.1 什么是Web标准
1.1.2 建立Web标准的优点
1.1.3 理解表现和结构相分离
1.2 Web前端开发实用技术概述
1.2.1 什么是Web前端开发
1.2.2 Web前端开发的任务
1.3 HTML5简介
1.3.1 HTML的发展历史
1.3.2 HTML5的特性
1.3.3 HTML5元素
1.3.4 HTML5的基本结构与编写规范
1.4 CSS3简介
1.4.1 CSS的发展历史
1.4.2 CSS3的特点
1.4.3 使用CSS美化页面的外观
1.4.4 网页中引用CSS的方法
1.5 JavaScript/jQuery简介
1.5.1 JavaScript简介
1.5.2 jQuery简介
1.6 Web前端开发使用的浏览器
1.6.1 浏览器简介
1.6.2 搭建Web前端开发的浏览器环境
1.7 Web前端开发常用的工具
习题1
第2章 JavaScript语言基础
2.1 JavaScript概述
2.2 在网页中插入JavaScript的方法
2.2.1 在HTML文档中嵌入脚本程序
2.2.2 链接脚本文件
2.2.3 在HTML标签内添加脚本
2.2.4 多脚本网页
2.3 调试JavaScript程序
2.4 JavaScript的基本数据类型和表达式
2.4.1 基本数据类型及类型转换
2.4.2 常量
2.4.3 变量
2.4.4 运算符和表达式
2.5 JavaScript的程序结构
2.5.1 简单语句
2.5.2 程序控制流程
2.6 自定义函数
2.6.1 函数的定义
2.6.2 函数的调用
2.6.3 变量的作用域
2.6.4 JavaScript的内置函数
2.7 综合案例——美肤堂商品促销计算器
习题2
第3章 JavaScript面向对象程序设计
3.1 面向对象程序设计基础
3.1.1 对象
3.1.2 对象的属性
3.1.3 对象的事件
3.1.4 对象的方法
3.1.4 JavaScript的对象类型
3.2 JavaScript的内置对象
3.2.1 字符串对象
3.2.2 数组对象
3.2.3 日期对象
3.2.4 数学对象
3.3 自定义对象
3.3.1 原始方式
3.3.2 构造函数方式
3.3.3 原型方式
3.4 综合案例——制作美肤堂日期下拉菜单
习题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节点
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 综合案例——美肤堂商品复选框全选效果
习题4
第5章 JavaScript网页特效
5.1 文字特效
5.1.1 制作颜色变换的欢迎词
5.1.2 打字效果
5.2 菜单与选项卡特效
5.2.1 制作美肤学堂导航菜单
5.2.2 制作Tab选项卡切换效果
5.3 图片特效
5.3.1 制作美肤堂浮动广告
5.3.2 制作美肤堂轮播广告
习题5
第6章 JavaScript在HTML5中的应用
6.1 HTML5拖放API
6.1.1 draggable属性
6.1.2 拖放触发的事件和数据传递
6.2 多媒体播放
6.2.1 HTML5的多媒体支持
6.2.2 音频标签
6.2.3 视频标签
6.2.4 HTML5多媒体API
6.3 Canvas绘图
6.3.1 创建<canvas>元素
6.3.2 构建绘图环境
6.3.3 通过JavaScript绘制图形
6.4 HTML5地理定位API
6.4.1 Geolocation基础
6.4.2 Geolocation API实现地理定位
6.4.3 案例——使用HTML5获取地理位置及百度地图
习题6
第7章 jQuery基础
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对象的相互转换
7.4 jQuery的插件
7.4.1 引用jQuery插件的方法
7.4.2 常用的插件简介
习题7
第8章 jQuery选择器
8.1 jQuery选择器简介
8.1.1 jQuery的工厂函数
8.1.2 什么是jQuery选择器
8.1.3 jQuery选择器的优势
8.2 基础选择器
8.2.1 ID选择器
8.2.2 元素选择器
8.2.3 类名选择器
8.2.4 复合选择器
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 内容过滤器
8.4.3 可见性过滤器
8.4.4 子元素过滤器
8.4.5 表单对象的属性过滤器
8.5 属性选择器
8.6 表单选择器
习题8
第9章 jQuery的常用操作
9.1 元素属性的操作
9.1.1 获取或设置元素属性
9.1.2 删除元素属性
9.2 元素样式的操作
9.2.1 修改CSS类
9.2.2 设置CSS属性
9.3 元素内容和值的操作
9.3.1 操作元素内容
9.3.2 操作元素的值
9.4 操作DOM节点
9.4.1 创建节点
9.4.2 插入节点
9.4.3 复制节点
9.4.4 删除节点
9.4.5 替换节点
9.4.6 查找节点
9.5 操作表单元素
9.5.1 操作文本框
9.5.2 操作文本域
9.5.3 操作单选按钮和复选框
9.5.4 操作下拉框
9.6 综合案例——制作美肤堂产品评论区
习题9
第10章 jQuery的事件处理
10.1 jQuery中的事件处理机制
10.2 页面加载响应事件
10.3 jQuery中的事件绑定
10.3.1 bind()方法绑定事件
10.3.2 one()方法绑定事件
10.3.3 delegate()方法绑定事件
10.3.4 on()方法绑定事件
10.4 移除事件绑定
10.5 模拟用户操作
10.5.1 模拟用户的操作触发事件
10.5.2 模仿悬停事件
10.5.3 模拟鼠标连续单击事件
10.6 事件对象
10.6.1 事件对象的属性
10.6.2 事件对象的方法
10.7 jQuery事件方法
10.7.1 键盘事件
10.7.2 鼠标事件
10.7.3 浏览器事件
10.8 综合案例——制作美肤堂产品系列导航菜单
习题10
第11章 jQuery动画效果
11.1 jQuery的动画方法简介
11.2 显示与隐藏效果
11.2.1 隐藏元素的方法
11.2.2 显示元素的方法
11.2.3 切换元素的显示状态
11.3 淡入淡出效果
11.3.1 淡入效果
11.3.2 淡出效果
11.3.3 元素的不透明效果
11.3.4 交替淡入淡出效果
11.4 滑动效果
11.4.1 向下展开效果
11.4.2 向上收缩效果
11.4.3 交替伸缩效果
11.5 综合案例
11.5.1 制作美肤堂广告幻灯片切换效果
11.5.2 制作折叠式导航菜单
习题11
第12章 美肤堂综合案例网站
12.1 网站的开发流程
12.2 网站结构
12.2.1 创建站点目录
12.2.2 网站页面的组成
12.3 网站技术分析
12.4 制作首页
12.5 制作产品中心页
12.6 制作产品明细页
12.7 制作联系我们页
习题12