第1章
网页设计基础
1.1 熟悉网页设计概念
1.1.1 网页和网站
1.1.2 网页类型
1.1.3 网页构成
1.2 网页设计学习任务
1.2.1 学习HTML
1.2.2 学习DIV结构
1.2.3 学习CSS
1.2.4 学习JavaScript
1.3 网页设计素养
1.3.1 网页设计任务
1.3.2 网页设计原则
1.3.3 网页设计流程
1.3.4 网页配色
1.4 网站开发流程
1.4.1 个人网站开发流程
1.4.2 应用项目开发流程
1.4.3 承包网站开发流程
附录一：《网站建设合同》参考范本
附录二：《网站维护说明书》
参考范本

第2章
HTML基础
视频讲解：26分钟
2.1 HTML历史
2.2 HTML规范雏形
2.3 HTML与XHTML
2.4 HTML基础
2.4.1 HTML语言作用
2.4.2 HTML文档基本结构
2.4.3 HTML基本语法
2.4.4 HTML常用标签
2.5 XHTML基础
2.5.1 XHTML文档基本结构
2.5.2 XHTML基本语法
2.5.3 XHTML文档类型
2.5.4 DTD文档类型解析
2.5.5 名字空间
2.6 HTML元信息

第3章
设计符合语义的页面
视频讲解：67分钟
3.1 网页语义化概述
3.2 元素分类
3.2.1 结构语义
3.2.2 内容语义
3.2.3 修饰语义
3.3 属性分类
3.3.1 核心属性
3.3.2 语言属性
3.3.3 键盘属性
3.3.4 内容属性
3.3.5 其他属性
3.4 定义文本信息
3.4.1 设计标题信息
3.4.2 设计段落信息
3.4.3 设计引用信息
3.4.4 设计强调信息
3.4.5 设计格式信息
3.4.6 设计输出信息
3.4.7 设计信息缩写
3.4.8 设计插入和删除信息
3.4.9 设计其他文本信息
3.5 定义列表信息
3.5.1 认识列表
3.5.2 设计普通列表
3.5.3 设计定义列表
3.5.4 使用定义列表的误区
3.6 设计表格
3.6.1 认识表格结构
3.6.2 使用表格元素
3.6.3 表格分组
3.7 设计表单
3.7.1 认识表单结构
3.7.2 使用表单元素
3.7.3 form元素
3.7.4 input元素
3.7.5 textarea和select元素
3.7.6 表单分组
3.7.7 绑定提示标签
3.7.8 定义快捷键、访问键和禁止访问
3.7.9 select选项分区
3.7.10 使用按钮
3.8 案例实战
3.8.1 设计一个自我介绍简单页面
3.8.2 解决网页乱码现象
3.8.3 把HTML转换为XHTML
3.8.4 输出唐诗

第4章
设计符合标准的结构
4.1 元素显示类型
4.1.1 认识元素显示类型
4.1.2 块状元素
4.1.3 行内元素
4.1.4 其他元素
4.2 结构嵌套规则
4.2.1 分析结构乱套现象
4.2.2 严谨的嵌套规则
4.2.3 HTML嵌套规则应用
4.3 案例实战：设计CSS禅意花园
4.3.1 认识CSS禅意花园
4.3.2 定义网页结构
4.3.3 设计嵌套结构
4.3.4 构建基本框架
4.3.5 设计局部结构
4.3.6 正文版式设计

第5章
设计HTML 5文档
视频讲解：36分钟
5.1 HTML 5基础
5.1.1 HTML 5语法
5.1.2 HTML 5元素
5.1.3 HTML 5对象属性
5.1.4 HTML 5全局属性
5.2 认识HTML
5文档结构
5.3 HTML 5元素分类
5.4 构建主体内容
5.4.1 标识文章
5.4.2 给内容分段
5.4.3 设计导航信息
5.4.4 设计辅助信息
5.4.5 设计微格式
5.4.6 添加发布日期
5.5 添加语义模块
5.5.1 添加标题块
5.5.2 给标题分组
5.5.3 添加脚注块
5.5.4 添加联系信息
5.6 案例实战：使用HTML
5设计博客主页
5.6.1 设计大纲
5.6.2 设计样式

第6章
CSS基础
视频讲解：79分钟
6.1 CSS概述
6.1.1 什么是CSS样式
6.1.2 为什么学习CSS
6.1.3 CSS特点
6.2 CSS语法和用法
6.2.1 CSS基本结构
6.2.2 CSS基本用法
6.2.3 CSS样式表
6.2.4 导入外部样式表
6.2.5 CSS注释和版式
6.3 CSS属性和单位
6.3.1 CSS属性
6.3.2 CSS单位
6.4 简单选择器
6.4.1 标签选择器
6.4.2 类选择器
6.4.3 ID选择器
6.4.4 通配选择器
6.5 复合选择器
6.5.1 子选择器
6.5.2 相邻选择器
6.5.3 包含选择器
6.5.4 多层选择器嵌套
6.5.5 属性选择器
6.5.6 伪选择器和伪元素选择器
6.5.7 选择器分组
6.6 CSS3新增选择器
6.6.1 兄弟选择器
6.6.2 目标伪类选择器
6.6.3 结构伪类选择器
6.6.4 否定伪类选择器
6.6.5 状态伪类选择器
6.7 CSS继承性、层叠性和特殊性
6.7.1 CSS继承性
6.7.2 CSS层叠性
6.7.3 CSS优先级
6.7.4 CSS特殊性
6.8 案例实战
6.8.1 设计导航菜单
6.8.2 设计登录表单

第7章
设计文本样式
视频讲解：56分钟
7.1 字体样式
7.1.1 定义字体类型
7.1.2 定义字体大小
7.1.3 定义字体颜色
7.1.4 定义字体粗细
7.1.5 定义斜体字体
7.1.6 定义下划线
7.1.7 定义字体大小写
7.2 文本样式
7.2.1 定义文本对齐
7.2.2 定义垂直对齐
7.2.3 定义字距和词距
7.2.4 定义行高
7.2.5 定义缩进
7.3 案例实战
7.3.1 设计英文格式1
7.3.2 设计英文格式2
7.3.3 设计中文报刊版式
7.3.4 设计中文层级版式

第8章
设计图像样式
视频讲解：72分钟
8.1
网页中的图像
8.2 图像样式
8.2.1 定义图像大小
8.2.2 定义图像边框
8.2.3 定义图像不透明度
8.2.4 定义圆角图像
8.2.5 定义阴影图像
8.2.6 图文混排
8.3 综合实战：设计图文新闻内容页
8.4 背景图像
8.4.1 定义背景图像
8.4.2 定义显示方式
8.4.3 定义显示位置
8.4.4 定义固定背景
8.5 综合实战
8.5.1 设计博客首页
8.5.2 设计社区相册
8.5.3 CSS Sprites

第9章
设计超链接样式
视频讲解：26分钟
9.1 定义超链接样式
9.1.1 认识超链接
9.1.2 伪类和伪对象
9.1.3 定义链接样式
9.2 案例实战
9.2.1 定义下划线样式
9.2.2 定义立体样式
9.2.3 定义动态样式
9.2.4 定义图像交换样式
9.2.5 定义鼠标样式
9.2.6 设计图形化按钮样式
9.2.7 设计滑动门样式

第10章
设计列表样式
视频讲解：49分钟
10.1 设计列表结构
10.1.1 无序列表
10.1.2 有序列表
10.1.3 定义列表
10.2 定义列表样式
10.2.1 定义列表类型
10.2.2 自定义项目符号
10.2.3 用背景图模拟项目符号
10.3 列表布局
10.3.1 列表堆叠
10.3.2 水平布局
10.4 案例实战
10.4.1 设计背景水平滑动菜单
10.4.2 设计背景垂直滑动菜单
10.4.3 设计Tab面板菜单
10.4.4 设计下拉式面板菜单
10.5 设计列表栏目样式
10.5.1 案例1：音乐榜单
10.5.2 案例2：图文列表栏

第11章
设计表格样式
视频讲解：45分钟
11.1 设计表格结构
11.1.1 早期表格结构
11.1.2 标准表格结构
11.2 定义表格基本样式
11.2.1 使用表格标签属性
11.2.2 设计细线表格
11.2.3 定义单元格空隙
11.2.4 隐藏空单元格
11.3 设计表格特殊样式
11.3.1 表格布局特性
11.3.2 定义列组和行组样式
11.3.3 定义表格标题样式
11.3.4 合并单元格
11.3.5 表格样式的层叠顺序
11.4 案例实战
11.4.1 设计单线表格
11.4.2 设计层级表格样式
11.4.3 设计日历表

第12章
设计表单样式
视频讲解：42分钟
12.1 设计表单
12.1.1 表单框
12.1.2 输入框
12.1.3 选择框
12.1.4 优化结构
12.2 定义表单样式
12.2.1 设计文本框
12.2.2 设计单选按钮和复选框
12.2.3 设计下拉菜单和列表框
12.3 案例实战
12.3.1 设计用户登录页
12.3.2 设计用户注册页
12.3.3 设计搜索框

第13章
CSS网页布局
视频讲解：41分钟
13.1 网页布局概述
13.1.1 认识div和span
13.1.2 认识display
13.1.3 网页布局分类
13.2 CSS盒模型
13.2.1 认识盒模型
13.2.2 定义边界
13.2.3 边界重叠
13.2.4 定义边框
13.2.5 定义补白
13.3 网页布局基本方法
13.3.1 定义float
13.3.2 使用clear
13.3.3 定义position
13.3.4 设置层叠顺序
13.4 案例实战
13.4.1 设计网页居中显示
13.4.2 设计定位版三栏页面布局
13.4.3 设计多栏高度自适应页面
13.4.4 设计负margin页面

第14章
CSS兼容技法
视频讲解：39分钟
14.1 认识浏览器
14.1.1 浏览器类型
14.1.2 浏览器解析模式
14.2 基本兼容方法
14.2.1 IE条件语句
14.2.2 属性过滤器
14.2.3 选择器过滤器
14.3 案例实战：流动问题与处理
14.3.1 标签的默认样式
14.3.2 有序列表高度问题
14.3.3 列表宽度问题
14.3.4 项目符号变异问题
14.3.5 列表行双倍高度问题
14.3.6 列表项错行问题
14.3.7 默认高度问题
14.3.8 失控的子标签问题
14.3.9 使用背景图代替文本问题
14.4 案例实战：浮动问题与处理
14.4.1 浮动被流动包含问题
14.4.2 高度自适应问题
14.4.3 栏目内容被隐藏
14.4.4 边界和浮动问题
14.4.5 半个像素问题
14.4.6 3像素问题
14.4.7 多出字符问题
14.5 案例实战：定位问题与处理
14.5.1 定位参照物的问题
14.5.2 定位层叠问题
14.5.3 定位丢失问题

第15章
JavaScript基础
视频讲解：262分钟
15.1 JavaScript入门
15.1.1 网页中的JavaScript
15.1.2 使用JavaScript文件
15.1.3 JavaScript语法基础
15.1.4 认识JavaScript语法特性
15.2 常量和变量
15.3 表达式和运算符
15.4 语句
15.4.1 表达式语句和语句块
15.4.2 条件语句
15.4.3 循环语句
15.4.4 跳转语句
15.4.5 异常处理语句
15.4.6 var语句和function语句
15.4.7 with语句和空语句
15.5 数据类型和类型转换
15.5.1 数值
15.5.2 字符串
15.5.3 布尔型
15.5.4 null和undefined
15.5.5 引用型数据
15.6 函数
15.6.1 定义函数
15.6.2 调用函数
15.6.3 函数参数
15.6.4 函数应用
15.6.5 闭包函数
15.7 对象
15.7.1 创建对象
15.7.2 访问对象
15.8 数组
15.8.1 定义数组
15.8.2 存取元素
15.8.3 数组应用
15.9 案例实战
15.9.1 检测数据类型
15.9.2 数值计算与类型转换
15.9.3 字符串替换
15.9.4 增强数组排序
15.9.5 使用高阶函数
15.9.6 函数柯里化
15.9.7 灵活使用this

第16章
使用JavaScript操作浏览器和文档
视频讲解：78分钟
16.1 操作浏览器
16.1.1 了解浏览器对象模型
16.1.2 案例：设计广告弹窗
16.1.3 案例：设计人机交互窗口
16.1.4 案例：检测浏览器类型和版本
16.1.5 案例：获取URL查询字符串信息
16.1.6 案例：设计窗口居中显示
16.1.7 案例：设计自由弹跳的窗口
16.2 操作文档
16.2.1 了解文档对象模型
16.2.2 认识DOM节点类型
16.2.3 案例：遍历文档
16.2.4 案例：动态增加文档内容
16.3 操作节点
16.3.1 获取节点
16.3.2 创建节点
16.3.3 复制节点
16.3.4 插入节点
16.3.5 删除节点
16.3.6 替换节点
16.4 操作属性
16.4.1 获取节点属性
16.4.2 设置节点属性
16.4.3 删除节点属性

第17章
JavaScript事件处理
视频讲解：78分钟
17.1 了解事件处理模型
17.1.1 事件模型分类
17.1.2 事件流
17.2 基本事件模型
17.2.1 基本事件类型
17.2.2 绑定事件
17.2.3 事件处理函数的返回值
17.2.4 事件处理函数的参数
17.2.5 事件处理函数中的this
17.3 标准事件模型
17.3.1 事件传播
17.3.2 注册事件
17.3.3 注销事件
17.3.4 事件类型
17.3.5 Event对象
17.4 IE事件模型
17.4.1 注册和销毁事件
17.4.2 Event对象
17.5 事件类型
17.5.1 案例：设计鼠标拖放操作
17.5.2 案例：设计鼠标跟随特效
17.5.3 案例：跟踪鼠标在对象内相对位置
17.5.4 案例：设计推箱子游戏
17.5.5 案例：设计满屏画布背景
17.5.6 案例：自动读取选择文本
17.5.7 案例：设计自动跳转下拉菜单
17.5.8 案例：禁止表单提交
17.6 案例实战
17.6.1 设计Tab面板
17.6.2 使用事件属性激活Tab行为
17.6.3 分离HTML和JavaScript
17.6.4 标准化Tab交互行为

第18章
使用JavaScript操作CSS样式
视频讲解：49分钟
18.1 脚本化CSS概述
18.1.1 了解DHTML
18.1.2 CSS脚本化的应用
18.1.3 认识CSS脚本属性
18.2 操作行内样式
18.2.1 CSS脚本属性名规范
18.2.2 使用style对象
18.3 操作样式表
18.3.1 使用styleSheets对象
18.3.2 访问样式表中的样式
18.3.3 读取样式的选择符
18.3.4 编辑样式
18.3.5 添加样式
18.3.6 访问显示样式
18.4 案例实战
18.4.1 网页换肤
18.4.2 设计折叠面板
18.4.3 设计工具提示

第19章
使用Ajax
视频讲解：63分钟
19.1 Ajax概述
19.1.1 了解Ajax
19.1.2 如何学习Ajax
19.2 模拟本地服务器环境
19.2.1 安装IIS组件
19.2.2 定义虚拟目录
19.2.3 定义本地站点
19.2.4 定义动态站点
19.2.5 测试本地站点
19.3 使用XMLHttpRequest
19.3.1 创建XMLHttpRequest
19.3.2 设计测试文件
19.3.3 使用XMLHttpRequest发送请求
19.3.4 异步回调函数
19.3.5 处理响应信息
19.4 案例实战
19.4.1 Ajax交互提示
19.4.2 控制显示记录个数
19.4.3 记录集分页显示
19.4.4 异步更新Tab面板内容
19.4.5 快速匹配搜索

第20章
使用jQuery
视频讲解：113分钟
20.1 jQuery概述
20.1.1 认识jQuery
20.1.2 jQuery特性
20.1.3 安装jQuery
20.1.4 使用jQuery
20.1.5 认识jQuery构造器
20.2 jQuery基本用法
20.2.1 访问元素
20.2.2 读写属性
20.2.3 定义类样式
20.2.4 读写文本和值
20.3 使用选择器和过滤器
20.3.1 常用选择器
20.3.2 伪类选择器
20.3.3 表单选择器
20.3.4 过滤器
20.4 文档处理
20.4.1 插入内容
20.4.2 嵌套结构
20.4.3 替换结构
20.4.4 删除和克隆结构
20.5 CSS处理
20.5.1 定义样式
20.5.2 定义位移
20.5.3 定义尺寸
20.6 事件处理
20.6.1 页面初始化事件
20.6.2 绑定事件
20.6.3 触发事件
20.6.4 交互事件
20.6.5 封装事件
20.7 动画处理
20.7.1 显隐动画
20.7.2 滑动动画
20.7.3 淡入淡出

第21章
综合实战：设计专题网页
视频讲解：41分钟
21.1 设计思路
21.2 构建结构
21.2.1 定义基本结构
21.2.2 完善详细结构
21.3 页面布局和样式设计
21.3.1 布局思路
21.3.2 基本布局和样式
21.3.3 浏览器兼容处理
21.4 页面动态效果设计
21.4.1 动态下拉菜单
21.4.2 延迟的下拉菜单
21.4.3 自定义折叠面板
21.4.4 左右推拉面板

第22章
综合实战：设计电子相册
视频讲解：57分钟
22.1 设计思路
22.1.1 案例预览
22.1.2 案例策划
22.1.3 设计XML数据
22.2 设计相册结构
22.2.1 设计基本结构
22.2.2 完善页面结构
22.3 设计相册布局和样式
22.3.1 基本布局思路
22.3.2 定义默认样式和基本框架
22.3.3 定义局部样式
22.3.4 浏览器兼容性处理
22.3.5 设计皮肤
22.4 设计交互效果
22.4.1 动态更换皮肤
22.4.2 使用Spry读取XML数据
22.4.3 初始化XML
DOM控件
22.4.4 读取并显示分类导航信息
22.4.5 读取并显示缩略图信息
22.4.6 完善鼠标操作的动感效果

第23章
综合实战：设计网络记事本
视频讲解：57分钟
23.1 网站策划
23.1.1 案例分析
23.1.2 功能设计和效果演示
23.2 设计思路
23.3 设计数据结构
23.3.1 网站数据结构概述
23.3.2 设计数据表结构
23.4 设计网站结构和样式
23.4.1 网站结构
23.4.2 网站布景
23.4.3 表单结构
23.4.4 网站布局
23.5 基本模块设计
23.5.1 连接数据库
23.5.2 数据库基本操作
23.5.3 用户登录
23.5.4 DOM操作
23.6 网站初始化
23.6.1 生成表单
23.6.2 表单初始化
23.7 数据操作
23.7.1 数据录入
23.7.2 数据查询
23.8 数据显示
23.8.1 设计可编辑行
23.8.2 更新数据
23.8.3 添加数据
23.8.4 删除数据
23.8.5 恢复数据
23.8.6 显示数据
23.8.7 数据显示接口
23.8.8 页面初始化

第24章
综合实战：设计购物网站
视频讲解：62分钟
24.1 网站策划
24.2 设计网站结构
24.2.1 定义文件结构
24.2.2 定义网页结构
24.2.3 设计效果图
24.3 设计网站样式
24.3.1 网站样式分类
24.3.2 编写全局样式
24.3.3 编写可重用样式
24.3.4 编写网站首页主体布局
24.3.5 编写详细页主体布局
24.4 设计首页交互行为
24.4.1 搜索框文字效果
24.4.2 网页换肤
24.4.3 导航效果
24.4.4 商品分类热销效果
24.4.5 产品广告效果
24.4.6 超链接提示
24.4.7 品牌活动横向滚动效果
24.4.8 光标滑过产品列表效果
24.5 设计详细页交互行为
24.5.1 图片放大镜效果
24.5.2 图片遮罩效果
24.5.3 小图切换大图
24.5.4 选项卡
24.5.5 产品颜色切换
24.5.6 产品尺寸切换
24.5.7 产品数量和价格联动
24.5.8 产品评分的效果
24.5.9 放入购物车效果
24.6 小结