入门篇

Chapter 01 初识网页制作

1.1 网页基础

1.1.1 网站和网页的关系

1.1.2 网页的构成要素

1.1.3 网页的分类

1.1.4 屏幕分辨率和网页编辑器

1.2 制作网站的基本流程

1.2.1 网站策划

1.2.2 制作网站的准备工作

1.2.3 制作及上传网站

1.2.4 网站的更新与维护

1.3 了解Dreamweaver CC

1.3.1 Dreamweaver CC简介

1.3.2 Dreamweaver CC新增功能

1.3.3 启动Dreamweaver CC

1.3.4 退出Dreamweaver CC

1.3.5 Dreamweaver CC视图模式

1.3.6 代码工具栏

1.4 Dreamweaver CC的工作界面

1.4.1 菜单栏

1.4.2 文档窗口

1.4.3 面板组

1.4.4 “属性”面板

1.4.5 Dreamweaver CC的环境设置

1.4.6 标尺、网格和辅助线的使用

1.5 制作网页的常用软件和语言

1.5.1 网页设计的常用软件

1.5.2 制作网页的核心语言

知识大爆炸——认识Dreamweaver的过去及安装要求

Chapter 02 快速掌握Dreamweaver CC

2.1 创建与管理站点

2.1.1 创建本地站点

实例操作：创建装饰网站点

2.1.2 “管理站点”对话框

2.1.3 管理站点

实例操作：导出装饰网站点

实例操作：导入食品网站点

实例操作：编辑食品网站点

实例操作：复制和删除美食天下站点

2.1.4 站点的结构规划

实例操作：创建文件夹及文件

2.2 创建与编辑网页

2.2.1 创建网页

实例操作：新建一个空白网页

实例操作：创建jQuery Mobile网页

2.2.2 打开与关闭网页

2.2.3 保存网页

2.3 在网页中添加文字内容

2.3.1 输入文字

实例操作：复制文字

2.3.2 添加空格、换行与分段

2.3.3 使用日期和水平线

2.3.4 插入列表

2.3.5 设置文本属性

实例操作：设置文本属性

2.4 添加图像丰富网页

2.4.1 常用的图像类型

2.4.2 在网页中插入图像

实例操作：插入图像

2.4.3 设置图像属性

2.4.4 插入鼠标经过图像

实例操作：设置鼠标经过时变换的图像

2.4.5 插入Fireworks HTML

2.5 为网页添加多媒体文件

2.5.1 使用Edge Animate作品

实例操作：插入Edge Animate动画

2.5.2 使用HTML5 Video文件

实例操作：设置HTML5 Video的属性

2.5.3 HTML5 Audio的应用

2.5.4 使用Flash SWF文件

实例操作：插入Flash并设置属性

2.5.5 插入并设置Flash Video

实例操作：插入并设置Flash Video属性

2.5.6 使用插件

2.6 超链接的应用

2.6.1 认识超链接和路径

2.6.2 创建常见的超链接

知识大爆炸——HTML的简单应用以及SEO优化网页图像的技巧

Chapter 03 使用CSS样式美化网页

3.1 认识和应用CSS样式

3.1.1 CSS概述

3.1.2 CSS样式表的基本语法

3.1.3 认识CSS设计器

3.1.4 创建样式表

实例操作：创建内部样式

实例操作：创建并链接外部样式表

3.2 使用丰富的CSS样式

3.2.1 CSS的布局属性

3.2.2 CSS的文本属性

3.2.3 CSS的边框属性

3.2.4 CSS的背景属性

3.2.5 其他CSS属性

3.3 CSS过渡效果的应用

3.3.1 新建CSS过渡效果

实例操作：新建CSS过渡效果

3.3.2 编辑CSS过渡效果

3.3.3 删除CSS过渡效果

知识大爆炸——CSS的特殊效果的应用

Chapter 04 页面布局

4.1 使用表格布局

4.1.1 制作表格

实例操作：制作表格

4.1.2 表格的基本操作

4.1.3 表格和单元格的属性

4.1.4 表格的嵌套使用

实例操作：创建Wedding.html网页

4.2 Div＋CSS美化网页

4.2.1 Div＋CSS概述

4.2.2 使用Div元素

实例操作：使用Accordion创建网页

4.2.3 使用Div＋CSS布局网页

实例操作：使用Div＋CSS创建网页

4.3 框架布局

4.3.1 框架的简介

4.3.2 使用HTML实现框架布局

4.3.3 设置框架集和框架的属性

4.3.4 设置框架的链接

4.3.5 Iframe框架（浮动框架）

实例操作：使用Iframe框架制作网页

知识大爆炸——导入数据并排序

Chapter 05 表单和行为的应用

5.1 表单应用

5.1.1 表单的概述

5.1.2 创建表单并设置属性

5.1.3 插入表单元素

5.1.4 灵活使用表单

实例操作：使用表单创建form网页

5.2 使用jQuery UI的表单部分

5.2.1 使用Datepicker组件

5.2.2 使用AutoComplete组件

5.2.3 使用Button组件

5.2.4 使用Buttonset组件

5.2.5 使用Checkbox Buttons组件

5.2.6 使用Radio Buttons组件

5.3 JavaScript行为的应用

5.3.1 行为概述

5.3.2 弹出窗口信息

实例操作：创建弹出窗口信息页面

5.3.3 打开浏览器窗口

5.3.4 调用JavaScript行为

实例操作：自动关闭网页

5.3.5 转到URL行为

5.3.6 显示文本行为

5.3.7 图像与多媒体的行为

实例操作：单击图像变换为另一张图像

5.4 利用行为控制表单

5.4.1 跳转菜单

5.4.2 检查表单

实例操作：检查表单中的文本域

知识大爆炸——使用行为添加jQueryt效果

Chapter 06 利用模板和库创建网页

6.1 使用模板

6.1.1 模板的概述

6.1.2 创建模板

实例操作：创建模板网页

6.1.3 定义可编辑区域

6.1.4 定义可选区域

6.1.5 定义重复区域

6.1.6 重复表格

6.2 应用模板

6.2.1 应用模板到网页

实例操作：将创建好的模板应用到网页

6.2.2 分离模板

6.3 应用库

6.3.1 介绍库

6.3.2 创建库项目

6.3.3 库项目的其他操作

6.3.4 设置库属性

知识大爆炸——嵌套模板、库和HTML代码

Chapter 07 移动设备网页和应用程序的创建

7.1 jQuery Mobile的应用

7.1.1 jQuery Mobile的概述

7.1.2 创建jQuery Mobile页面

实例操作：用HTML5创建jQuery Mobile

7.1.3 jQuery Mobile组件的使用

7.2 PhoneGap Build打包移动应用

7.2.1 PhoneGap Build概述

7.2.2 注册PhoneGap Build

7.2.3 打包移动应用程序

知识大爆炸——jQuery Mobile的主题应用

Chapter 08 动态网站及站点维护

8.1 搭建动态网站平台

8.1.1 动态网页的开发语言

8.1.2 创建数据库的软件

实例操作：创建Guest数据库

8.1.3 动态网站的开发流程

实例操作：在Windows 7中安装服务器

实例操作：设置虚拟网页站点

实例操作：配置本地站点服务器

实例操作：安装动态扩展

实例操作：设置ODBC数据源

8.2 制作数据库动态网页

8.2.1 绑定记录集

实例操作：绑定数据记录

8.2.2 登录用户行为

实例操作：创建登录页面

8.2.3 注销用户

8.2.4 插入记录表单

实例操作：创建注册页面

8.2.5 获取动态数据

实例操作：制作留言网页

8.2.6 转到详细页面

8.2.7 更新记录

8.3 网站维护与上传

8.3.1 测试本地站点

实例操作：检查断裂的链接

实例操作：为图片网页设计备注

8.3.2 上传站点的流程

实例操作：申请域名

8.3.3 文件上传

8.3.4 网站备案

知识大爆炸——域名解析

Chapter 09 Flash CC快速入门

9.1 认识Flash动画

9.1.1 Flash动画的原理

9.1.2 Flash动画在网页中的应用

9.1.3 Flash中的文件类型

9.1.4 Flash相关的图片格式

9.2 Flash动画的制作流程

9.2.1 前期策划

9.2.2 收集动画素材

9.2.3 制作动画

9.2.4 调试与优化动画

9.2.5 测试动画

9.2.6 发布动画

9.3 启动与退出Flash CC

9.3.1 启动Flash CC

9.3.2 退出Flash CC

9.4 Flash CC的工作界面

9.4.1 菜单栏

9.4.2 工作区切换器

9.4.3 工具箱

9.4.4 绘图工作区

9.4.5 常用面板

9.5 Flash文档的基本操作

9.5.1 新建Flash文档

实例操作：通过模板新建雪景动画

9.5.2 设置文档属性

9.5.3 保存与关闭Flash文档

9.5.4 打开Flash文档

9.6 舞台和场景的基本操作

9.6.1 添加场景

实例操作：在文档中添加场景

9.6.2 切换场景

9.6.3 查看场景

9.6.4 使用辅助工具

知识大爆炸——Flash动画与传统动画的比较

Chapter 10 图形的绘制与编辑

10.1 基本绘图工具

10.1.1 选择工具

10.1.2 线条工具

实例操作：绘制杯子图形

10.1.3 铅笔工具

10.1.4 矩形工具

实例操作：绘制路标

10.1.5 椭圆工具

实例操作：绘制七星瓢虫

10.1.6 多角星形工具

实例操作：绘制充满星星的夜空

10.1.7 刷子工具

10.2 钢笔工具

10.2.1 锚点

10.2.2 绘制状态

10.2.3 绘制图形

实例操作：绘制卡通风景画

10.2.4 添加和删除锚点

10.2.5 调整路径

10.3 填充图形颜色

10.3.1 认识“颜色”面板

10.3.2 认识“样本”面板

10.3.3 填充纯色

实例操作：填充卡通人物的颜色

10.3.4 填充线性渐变

实例操作：修改蓝天白云的颜色

10.3.5 填充径向渐变

实例操作：径向填充向日葵背景

10.3.6 使用位图填充

10.4 清除颜色

10.4.1 直接删除颜色

10.4.2 使用橡皮擦工具

知识大爆炸——图形绘制与填充的其他方法

Chapter 11 文本与对象的编辑

11.1 文本编辑

11.1.1 文本的类型

11.1.2 设置文本的字符样式

11.1.3 设置文本的段落样式

11.1.4 输入文本

实例操作：输入草莓点心介绍

实例操作：动态显示文本内容

实例操作：制作用户登录界面

11.1.5 为文本创建超链接

实例操作：创建文本超链接

11.1.6 设置滚动文本

11.1.7 分离文本

11.2 图形对象处理

11.2.1 移动对象

11.2.2 复制对象

11.2.3 转换图形对象为位图

11.2.4 图形变形

11.2.5 合并对象

11.2.6 层叠对象

11.2.7 对齐对象

11.3 添加声音与视频

11.3.1 导入并应用声音

实例操作：为Flash添加背景音乐

11.3.2 设置声音属性

11.3.3 设置关键帧上的声音

11.3.4 播放组件加载外部视频

实例操作：播放组件加载的外部视频

11.3.5 嵌入视频

实例操作：嵌入视频文件

11.3.6 设置视频属性

知识大爆炸——文本和对象的其他知识

Chapter 12 元件与库的使用

12.1 元件

12.1.1 元件的概念与种类

12.1.2 创建元件

实例操作：创建图形元件

实例操作：创建影片剪辑动画

实例操作：创建“开始游戏”按钮

12.1.3 元件的转换

12.1.4 元件的编辑

12.2 库

12.2.1 认识“库”面板

12.2.2 管理并使用库

实例操作：导入AI文件

实例操作：复制并修改元件

知识大爆炸——元件实例与共享库

Chapter 13 动画的制作

13.1 图层与时间轴

13.1.1 图层的概念及类型

13.1.2 图层的基本操作

13.1.3 时间轴与帧

13.2 创建基本动画

13.2.1 创建逐帧动画

实例操作：制作下雨动画

13.2.2 制作补间形状

实例操作：制作变形动画

13.2.3 创建并编辑传统补间动画

实例操作：制作飞行动画

13.2.4 创建并编辑补间动画

实例操作：制作蝴蝶飞舞动画

13.3 创建引导和遮罩动画

13.3.1 创建引导动画

实例操作：制作汽车行驶动画

实例操作：制作环保动画

13.3.2 创建遮罩动画

实例操作：制作放大动画

13.4 使用ActionScript制作动画

13.4.1 ActionScript 3.0

13.4.2 ActionScript中的专业术语

13.4.3 ActionScript 3.0基本语法

13.4.4 输入ActionScript语句

实例操作：创建并调用外部ActionScript文件

13.4.5 类、属性和方法

13.4.6 常用的ActionScript语句

实例操作：制作鼠标跟随效果

知识大爆炸——动画的其他知识

Chapter 14 测试、导出与发布动画

14.1 优化与测试动画

14.1.1 优化动画

14.1.2 测试动画

14.2 发布Flash动画

14.2.1 设置动画发布格式

实例操作：发布影片为GIF图像

14.2.2 发布动画

14.3 导出Flash动画

14.3.1 导出图像

实例操作：导出某帧的图像

14.3.2 导出影片

14.3.3 导出视频

实例操作：导出mov视频

知识大爆炸——调试与转换影片

Chapter 15 Photoshop CC快速入门

15.1 Photoshop CC的工作界面

15.2 图像处理的基础知识

15.2.1 像素与分辨率

15.2.2 图像的颜色模式

15.2.3 图像的位深度

15.2.4 色域与溢色

15.3 图像文件的基本操作

15.3.1 新建图像文件

15.3.2 打开图像文件

15.3.3 导入文件

15.3.4 置入与导出文件

实例操作：制作火球

15.3.5 保存图像文件

15.3.6 关闭图像文件

15.4 图像编辑的辅助操作

15.4.1 使用标尺

15.4.2 使用参考线

15.4.3 使用智能参考线

15.4.4 使用网格线

15.4.5 使用注释工具

实例操作：在图像中添加注释文本

15.5 调整图像

15.5.1 设置图像尺寸和分辨率

15.5.2 设置画布尺寸

15.5.3 翻转与旋转图像

15.5.4 裁剪与裁切图像

实例操作：调整并矫正图像

15.5.5 移动图像

15.5.6 自由变换

实例操作：制作三折页效果

15.5.7 操控变形

15.5.8 复制、剪切和粘贴图像

15.5.9 撤销和恢复图像操作

15.6 选区的创建与编辑

15.6.1 通过选框工具组创建

15.6.2 通过套索工具组创建

15.6.3 通过魔术棒工具组创建

15.6.4 使用蒙版

实例操作：制作波纹相框

15.6.5 编辑选区

知识大爆炸——文件保存格式及图层混合模式的应用

Chapter 16 图层和文本的应用

16.1 使用图层

16.1.1 认识图层面板

16.1.2 图层的基本操作

16.2 添加图层样式

16.2.1 投影、内阴影图层样式

实例操作：制作带有投影的文字

16.2.2 外发光、内发光图层样式

实例操作：制作发光的几何图

16.2.3 斜面和浮雕图层样式

实例操作：制作按钮

16.3 创建并设置文本

16.3.1 文本的类型

16.3.2 文字工具属性栏

16.3.3 输入并设置文本

实例操作：制作Logo图标

16.3.4 创建路径文字

实例操作：制作路径文字

16.3.5 创建变形文字

实例操作：制作变形文字

知识大爆炸——通道的基本操作

Chapter 17 图形绘制与颜色调整

17.1 颜色的填充与设置

17.1.1 设置前景色和背景色

17.1.2 填充前景色和背景色

实例操作：重新填充颜色

17.1.3 填充渐变色

17.2 绘制基本的图形

17.2.1 绘图模式

17.2.2 矩形工具

17.2.3 圆角矩形工具

实例操作：制作网页登录界面

17.2.4 椭圆工具

17.2.5 多边形工具

17.2.6 直线工具

17.2.7 自定形状工具

实例操作：制作音乐网站图像

17.3 自定义图形的绘制

17.3.1 使用钢笔工具

实例操作：绘制宣传海报

17.3.2 添加和删除锚点

17.3.3 选择和移动锚点

17.3.4 复制路径

17.3.5 变换路径

17.3.6 路径和选区的互换

17.3.7 填充路径

17.3.8 描边路径

17.4 调整图像的颜色

17.4.1 调整图像的亮度

实例操作：调整图片的色调

17.4.2 调整图像颜色

实例操作：调整咖啡网站的色彩

17.4.3 调整图像色调

实例操作：制作紫色调效果

知识大爆炸——高级绘图方式

Chapter 18 切片与输出图像

18.1 创建并编辑切片

18.1.1 创建切片

实例操作：为登录页面创建切片

18.1.2 编辑切片

实例操作：编辑登录页面切片选项

18.1.3 修改切片

18.2 优化与输出图像

18.2.1 优化图像

18.2.2 Web图像优化选项

18.2.3 Web图像输出

实例操作：输出网页图像

知识大爆炸——切片和网页图像格式

实战篇

Chapter 19 制作网页元素

19.1 制作网站Logo

19.2 制作开关按钮

19.3 制作网页导航条

19.4 制作网页视频播放动画

19.5 制作网页片头动画

19.6 扩展练习

19.6.1 制作网页广告条

19.6.2 制作风景网页动画

Chapter 20 制作摄影网站

20.1 设计网站主页

20.2 设计网站子页

20.3 对网页进行切片

20.4 制作banner动画

20.5 制作图片滚动动画

20.6 合成网页

20.7 扩展练习

20.7.1 制作“摄影信息”子网页

20.7.2 制作“摄影论坛”子网页

Chapter 21 制作个人网站

21.1 制作个人网站的首页

21.2 制作个人简介网页

21.3 制作留言簿网页

21.4 扩展练习

21.4.1 制作“我的生活”子网页

21.4.2 制作“我的一家”子网页

Chapter 22 制作“冷饮”网站

22.1 制作“冷饮”网站的首页

22.2 制作“携手自由时光”页面

22.3 制作“特色冷饮”页面

22.4 扩展练习

22.4.1 制作“冷饮”网站的“分店信息”网页

22.4.2 制作“冷饮”网站的“在线咨询”网页

精通篇

Chapter 23 网页制作的高级应用

23.1 JavaScript代码

23.1.1 JavaScript代码基础

23.1.2 JavaScript中的常用词汇

23.2 在HTML5画布中绘制形状

23.2.1 绘制矩形

实例操作：在画布中绘制矩形

23.2.2 绘制圆形

实例操作：在画布中绘制圆形

23.2.3 绘制直线

实例操作：在画布中绘制直线

23.2.4 线性和径向渐变

实例操作：在画布中绘制线性渐变

实例操作：在画布中绘制径向渐变

23.3 CSS3的新增功能

23.3.1 多色边框的应用

实例操作：定义立体边框效果

23.3.2 设计边框的背景样式

实例操作：用图片作为背景图像的边框

23.3.3 设计圆环的选项卡

实例操作：设计圆角选项卡

23.3.4 设计圆角

实例操作：用border-radius属性制作圆角

23.4 使用CSS进行网页布局

23.4.1 多列布局的应用

实例操作：用columns属性进行多列布局

23.4.2 设置列的边框样式

实例操作：为网页创建列边框样式

23.4.3 设置跨列显示

23.4.4 盒布局格式

实例操作：使用盒布局进行网页布局

实例操作：将水平排列修改为垂直排列

23.4.5 设置元素内容的对齐方式

知识大爆炸——渐变效果

Chapter 24 网页配色、字体和排版技巧

24.1 网页的色彩速配

24.1.1 色彩视觉的形成

24.1.2 色彩属性的分类

24.1.3 色彩的性质分类

24.1.4 色彩对比与调和

24.1.5 认识色相环

24.1.6 网页中的安全色

24.1.7 色彩规律

24.1.8 学会色彩搭配的方法

24.1.9 文字与背景颜色的搭配

24.2 字体在网页中的应用技巧

24.2.1 文字在网页中的体现

24.2.2 网页文字的基本格式设计

24.3 网页版式设计与构图

24.3.1 文字的整体编排

24.3.2 强调文字

24.3.3 网页版式的基本类型

24.3.4 网页构图

知识大爆炸——色彩的心理感受