第1章 网页设计与网站开发准备

1.1 网站类型概述

1.1.1 网站分类

1.1.2 网站类型定位

1.1.3 个人网站目标分析

1.2 网站盈利模式

1.2.1 广告费

1.2.2 技术费

1.2.3 标准费

1.2.4 服务费

1.2.5 平台费

1.2.6 会员费

1.2.7 增值费

1.2.8 游戏费

1.2.9 电商盈利费

1.3 网页设计常用工具

1.3.1 Dreamweaver

1.3.2 Photoshop

1.3.3 Flash

1.4 网站开发筹备

1.4.1 了解网站工作方式

1.4.2 了解动态网站类型

1.4.3 申请域名和购买空间

1.5 网站规划

1.5.1 设计规划

1.5.2 素材筹备

1.5.3 风格设计

1.5.4 结构设计

1.5.5 撰写网站规划书

第2章 Dreamweaver快速入门

视频讲解：1小时36分钟

2.1 熟悉Dreamweaver CS5操作界面

2.1.1 打开编辑窗口

2.1.2 标题栏

2.1.3 菜单栏

2.1.4 工具栏

2.1.5 状态栏

2.1.6 属性面板

2.1.7 浮动面板

2.2 Dreamweaver界面操作演练

2.2.1 使用标尺

2.2.2 使用网格

2.2.3 使用辅助线

2.2.4 使用历史记录

2.3 定义和管理站点

2.3.1 定义本地静态站点

2.3.2 设置站点配置选项

2.3.3 管理站点

2.4 编辑站点内容

2.4.1 熟悉文件面板

2.4.2 操作站点文件和文件夹

2.5 创建网页

2.5.1 新建网页

2.5.2 设置页面基本属性

2.5.3 设置网页元信息

2.5.4 实战演练：设置网页元信息

第3章 文本之美

视频讲解：54分钟

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 实战演练：创建定义列表

第4章 用图像和多媒体丰富页面

视频讲解：53分钟

4.1 在网页中插入图像

4.1.1 实战演练：在网页中插入图像

4.1.2 实战演练：插入图像占位符

4.1.3 实战演练：插入鼠标经过图像

4.2 设置图像属性

4.3 编辑网页图像

4.4 实战演练：图文混排

4.5 插入Flash动画

4.6 插入FLV视频

4.7 插入音频

4.8 插入视频

第5章 设计超链接和导航菜单

视频讲解：42分钟

5.1 超链接概述

5.1.1 绝对路径

5.1.2 相对路径

5.1.3 根路径

5.2 定义超链接的方法

5.2.1 使用属性面板

5.2.2 使用指向文件图标

5.2.3 使用【超级链接】对话框

5.2.4 使用快捷菜单

5.2.5 鼠标拖动

5.2.6 使用源代码

5.3 使用超链接

5.3.1 实战演练：创建锚点链接

5.3.2 实战演练：创建E-Mail链接

5.3.3 实战演练：创建脚本链接

5.3.4 实战演练：创建空链接

5.3.5 实战演练：创建下载链接

5.3.6 实战演练：创建双链接或多重链接

5.4 创建图像地图

第6章 使用表格布局网页

视频讲解：1小时18分钟

6.1 插入表格

6.2 操作练习：选择表格

6.2.1 选择完整的表格

6.2.2 选择行和列

6.2.3 选择单元格

6.3 表格属性

6.3.1 操作练习：设置表格框属性

6.3.2 操作练习：设置表格对象属性

6.3.3 操作练习：设置表格特殊属性

6.4 实战演练：操作表格

6.4.1 调整大小

6.4.2 清除、均化大小

6.4.3 增加行、列

6.4.4 删除行、列、单元格内容

6.4.5 剪切、复制和粘贴单元格

6.4.6 合并和拆分单元格

6.5 实战演练：操作表格数据

6.5.1 导入数据

6.5.2 导出数据

6.5.3 数据排序

6.6 实战演练：使用表格设计网页

第7章 使用框架布局网页

视频讲解：55分钟

7.1 认识框架

7.2 创建框架

7.2.1 预定义框架集

7.2.2 自定义框架集

7.2.3 自定义嵌套框架

7.2.4 用HTML定义框架集

7.3 操作练习：选择框架

7.3.1 选择框架集

7.3.2 选择框架

7.4 框架属性

7.4.1 操作练习：设置框架集属性

7.4.2 操作练习：设置框架属性

7.5 实战演练：操作框架

7.5.1 导入网页

7.5.2 设置链接

7.5.3 设置无框架提示

7.5.4 保存框架

7.6 实战演练：设计浮动框架

7.6.1 插入浮动框架

7.6.2 设置悬浮框架页面

第8章 使用CSS美化网页

视频讲解：2小时

8.1 CSS基础

8.1.1 CSS特点

8.1.2 CSS基本语法

8.1.3 CSS基本用法

8.1.4 CSS属性

8.1.5 CSS单位

8.1.6 CSS样式优先级

8.1.7 CSS类型

8.2 用Dreamweaver定义CSS样式

8.2.1 操作练习：定义CSS样式

8.2.2 实战演练：定义文本样式

8.2.3 实战演练：定义背景样式

8.2.4 实战演练：定义区块样式

8.2.5 实战演练：定义方框样式

8.2.6 实战演练：定义边框样式

8.2.7 实战演练：定义列表样式

8.2.8 实战演练：定义定位样式

8.2.9 实战演练：定义扩展样式

第9章 使用DIV+CSS布局网页

视频讲解：54分钟

9.1 认识AP Div

9.2 操作练习：定义AP Div

9.2.1 定义独立的AP Div

9.2.2 定义嵌套的AP Div

9.3 设置AP Div属性

9.3.1 选择AP Div对象

9.3.2 设置单个AP Div属性

9.3.3 设置多个AP Div属性

9.4 操作练习：使用AP Div面板

9.5 实战演练：操作AP Div

9.5.1 在AP Div中插入模块内容

9.5.2 编辑AP Div栏目

9.5.3 布局AP Div栏目

9.5.4 定位AP Div

9.5.5 表格布局与AP Div布局快速切换

第10章 使用javaScript行为创建特效网页

视频讲解：1小时23分钟

10.1 认识Javascript行为

10.2 添加与编辑JavaScript行为

10.2.1 增加行为

10.2.2 操作行为

10.2.3 浏览器事件介绍

10.3 使用预定义行为

10.3.1 实战演练：交换图像和恢复交换图像

10.3.2 实战演练：弹出信息

10.3.3 实战演练：打开新浏览器窗口

10.3.4 实战演练：拖动AP元素

10.3.5 实战演练：改变属性

10.3.6 实战演练：显示-隐藏元素

10.3.7 实战演练：检查插件

10.3.8 实战演练：设置文本

10.3.9 实战演练：调用JavaScript

10.3.10 实战演练：跳转菜单

10.3.11 隐藏弹出式菜单

10.3.12 预先载入图像

10.4 上机练习：使用Spry效果

10.4.1 添加显示/渐隐效果

10.4.2 添加遮帘效果

10.4.3 添加增大/收缩效果

10.4.4 添加高亮颜色效果

10.4.5 添加晃动效果

10.4.6 添加挤压效果

10.4.7 添加滑动效果

第11章 在网页中加入Spry应用

视频讲解：1小时11分钟

11.1 认识Spry框架

11.1.1 ajax概述

11.1.2 Ajax原理分解

11.2 使用Spry显示动态数据

11.2.1 定义Spry XML数据集

11.2.2 定义Spry区域

11.2.3 定义Spry重复项

11.2.4 定义Spry重复列表

11.3 使用Spry构件

11.3.1 认识Spry构件

11.3.2 实战演练：定义Spry菜单栏

11.3.3 实战演练：定义Spry选项卡式面板

11.3.4 实战演练：定义Spry折叠式

11.3.5 实战演练：使用Spry验证文本域

第12章 建立动态数据库网页

视频讲解：1小时41分钟

12.1 动态网站开发基础

12.1.1 动态网页制作方法

12.1.2 定义服务器

12.2 搭建虚拟服务器环境

12.2.1 ASP服务器概述

12.2.2 安装IIS

12.2.3 定义站点

12.2.4 设置站点属性

12.2.5 定义虚拟目录

12.2.6 实战演练：建立动态网站

12.3 建立数据库连接

12.3.1 认识ODBC、ADO、DSN

12.3.2 上机练习：启动ODBC连接服务

12.3.3 实战演练：定义DSN连接

12.3.4 实战演练：定义字符串连接

12.4 定义记录集

12.4.1 实战演练：定义简单记录集

12.4.2 实战演练：定义高级记录集

12.4.3 操作记录集

12.5 实战演练：在网页中显示动态数据

12.5.1 插入动态文本

12.5.2 插入动态图像

12.5.3 设计动态下拉列表

12.5.4 设计动态文本框

12.5.5 设计动态复选框

12.5.6 设计动态单选按钮

12.5.7 设计动态HTML属性

12.5.8 设计重复区域

12.5.9 设计记录集分页

12.5.10 设计显示区域

12.5.11 设计转到详细页面

12.5.12 操作记录

12.5.13 设计用户管理

第13章 Photoshop网页界面设计基础

视频讲解：1小时57分钟

13.1 熟悉Photoshop主界面

13.1.1 菜单和命令

13.1.2 工具箱

13.1.3 选项栏

13.1.4 浮动面板

13.1.5 状态栏

13.2 选取范围

13.2.1 选取规则区域

13.2.2 选取不规则区域

13.3 操作选区

13.3.1 移动选区

13.3.2 编辑选区

13.3.3 修改选区

13.3.4 变换选区

13.3.5 羽化选区

13.3.6 案例实战：快速抠字

13.4 使用绘图工具

13.4.1 使用画笔工具

13.4.2 使用铅笔工具

13.4.3 使用橡皮擦工具

13.4.4 案例实战：绘制球形

13.5 绘制矢量图

13.5.1 使用钢笔工具

13.5.2 转换点类型

13.5.3 绘制形状

第14章 使用图层和文本

视频讲解：1小时30分钟

14.1 Photoshop图层概述

14.2 创建图层

14.2.1 新建普通图层

14.2.2 新建背景图层

14.2.3 新建调整图层

14.2.4 新建文本图层

14.2.5 新建填充图层

14.2.6 新建形状图层

14.3 操作图层

14.3.1 图层基本操作

14.3.2 多图层操作

14.3.3 合并图层

14.3.4 使用图层蒙版

14.3.5 使用剪贴组图层

14.4 操作文本

14.4.1 输入文本

14.4.2 设置文本格式

14.5 案例实战：制作双环

14.6 案例实战：设计倒影文字

第15章 设计网页元素

视频讲解：1小时26分钟

15.1 制作主图

15.2 制作标题文字

15.3 制作网页按钮

15.4 制作导航条图像

15.5 制作网页背景图像

15.6 设计网页Logo

15.6.1 Logo规格

15.6.2 Logo表现形式

15.6.3 Logo定位

15.6.4 Logo设计技巧

15.6.5 案例实战：制作Google标志

15.6.6 案例实战：制作迅雷标志

15.7 设计网页Banner

15.7.1 网页Banner设计策划

15.7.2 网页Banner设计技巧

15.7.3 案例实战：设计产品促销广告

15.8 制作其他网页元素

第16章 设计宣传展示网站

视频讲解：1小时03分钟

16.1 网站配色

16.2 网站结构设计

16.3 输出设计图

16.4 网站结构重构

16.5 网站效果重现

第17章 设计娱乐时尚网站

视频讲解：45分钟

17.1 网站配色

17.2 网站结构设计

17.3 输出设计图

17.4 网站结构重构

17.5 网站效果重现

第18章 Flash动画设计基础

视频讲解：42分钟

18.1 Flash网页动画设计概述

18.1.1 Flash在网站设计中的应用

18.1.2 Flash网页动画设计特性

18.2 熟悉Flash工作环境

18.2.1 认识Flash主界面

18.2.2 上机练习：操作Flash文档

18.2.3 Flash绘图工具与动画场景设置

18.2.4 使用标尺、辅助线、网格

18.2.5 使用场景

18.3 实战演练：设计第一个Flash动画

18.3.1 设定舞台场景

18.3.2 创建动画效果

18.3.3 测试动画

18.3.4 保存、导出和发布影片

第19章 使用元件、实例和库

视频讲解：52分钟

19.1 使用元件

19.1.1 元件类型

19.1.2 创建图形元件

19.1.3 创建按钮元件

19.1.4 实战演练：设计Apple按钮

19.1.5 实战演练：设计交互式按钮

19.1.6 创建影片剪辑元件

19.1.7 编辑元件

19.2 使用实例

19.2.1 创建元件实例

19.2.2 修改元件实例

19.3 操作元件库

19.3.1 使用元件库

19.3.2 调用动画库

19.3.3 公用库

第20章 创建Flash动画

视频讲解：2小时05分钟

20.1 Flash帧基础

20.1.1 操作帧

20.1.2 编辑帧

20.1.3 使用洋葱皮

20.2 Flash层基础

20.2.1 操作层

20.2.2 引导层

20.2.3 遮罩层

20.3 设计逐帧动画

20.3.1 导入逐帧动画

20.3.2 制作逐帧动画

20.3.3 实战演练：设计网络广告

20.4 设计补间动画

20.4.1 制作传统补间动画

20.4.2 制作补间形状动画

20.4.3 控制形状变化

20.4.4 制作补间动画

20.4.5 巧用动画编辑器

20.4.6 使用动画预设

20.4.7 实战演练：设计跳动的小球

20.5 设计引导线动画

20.5.1 制作引导线动画

20.5.2 实战演练：设计科技动画

20.6 设计遮罩动画

20.6.1 制作遮罩层动画

20.6.2 实战演练：制作旋转的地球

20.6.3 实战演练：设计探照灯效果

20.7 设计骨骼动画

20.7.1 为元件添加骨骼

20.7.2 为形状添加骨骼

第21章 用Flash制作动画元素

视频讲解：1小时26分钟

21.1 绘制图形

21.1.1 绘制路径

21.1.2 绘制图形

21.1.3 实战演练：绘制头像

21.1.4 实战演练：绘制Logo标识

21.1.5 修饰图形

21.2 动画上色

21.2.1 使用墨水瓶

21.2.2 使用颜料桶

21.2.3 使用滴管

21.2.4 使用渐变变形

21.2.5 实战演练：设计立体按钮

21.2.6 使用混色器

21.2.7 实战演练：给衣服上色

21.3 使用文本

21.3.1 输入静态文本

21.3.2 修改文本

21.3.3 设置文本属性

21.3.4 分离文本

21.3.5 动态文本

21.3.6 输入文本

21.3.7 实战演练：设计左进右出文字

21.3.8 实战演练：设计空心文字

21.3.9 实战演练：设计披雪文字

21.3.10 实战演练：设计立体文字

第22章 用Flash导入外部素材

视频讲解：1小时

22.1 导入外部素材

22.1.1 外部素材概述

22.1.2 导入外部素材基本方法

22.1.3 导入外部图像素材

22.2 编辑图像

22.2.1 设置位图属性

22.2.2 使用套索工具

22.2.3 实战演练：制作贺卡

22.2.4 转换位图为矢量图

22.3 编辑图形

22.3.1 变形

22.3.2 实战演练：设计倒影效果

22.3.3 组合与分散到图层

22.3.4 对齐图形

22.3.5 使用变形面板和信息面板

22.3.6 实战演练：制作折扇

22.4 添加声音

22.4.1 导入声音文件

22.4.2 为关键帧添加声音

22.4.3 为按钮添加声音

22.4.4 编辑声音

22.5 实战演练：添加视频

第23章 创建复杂交互式动画

视频讲解：1小时16分钟

23.1 ActionScript概述

23.2 在Flash中使用ActionScript

23.2.1 使用动作面板

23.2.2 使用行为面板

23.2.3 添加ActionScript动作

23.3 实战演练：ActionScript应用开发

23.3.1 播放和停止

23.3.2 跳转动画

23.3.3 停止声音播放

23.3.4 控制Flash播放器

23.3.5 访问网页

23.3.6 加载/卸载影片剪辑

23.3.7 加载变量

23.3.8 设置影片剪辑属性

23.3.9 复制影片剪辑

23.4 综合实战：开发Flash网站

23.4.1 Flash网站设计概述

23.4.2 Flash网站开发必须掌握的几个函数

23.4.3 网站策划

23.4.4 首页场景设计

23.4.5 次场景的制作

23.4.6 二级次场景制作

23.4.7 设计Loading

23.4.8 制作导航条

23.4.9 加载外部动画影片

23.4.10 加载外部文本文件

　　随着网页制作技术的不断发展和完善，市场上有越来越多的网页制作软件被使用。目前使用最多的是Dreamweaver、Photoshop和Flash这三种软件，俗称“新网页三剑客”。新网页三剑客无论从外观还是功能上都表现得很出色，这三种软件的组合可以高效地实现网页的各种功能，因此，无论是设计师还是初学者，都能更加容易地学习和使用，并能够轻松达到各自的目标，真切地体验到CS套装软件为创意工作流程带来的全新变革。

　　本书不是纯粹的软件教程，书中除了介绍软件的使用外，更多地介绍了创意设计与软件功能的结合。全书以软件的实际应用为主线，针对DreamweaverCS5、PhotoshopCS5、FlashCS5版本中的各方面知识进行了深入探讨。

　　本书特色

　　本书由浅入深地讲解了网站建设与网页设计的整个流程，面向的读者是初级专业人员及网页设计爱好者。为了方便广大读者学习，本书结合大量的实际操作进行介绍。本书作者具有多年网站设计与教学经验，在编写本书时，所有的实例都亲自实践与测试过，力求呈现给读者的每一个实例都是真实而完整的。本书具有如下特点。

　　科学的知识点分布

　　本书从入门到提高，从精通到实战，将知识点根据读者学习的难易程度以及在实际工作中应用的轻重顺序进行安排，真正为读者的学习考虑，便于不同读者能在学习的过程中有针对性地选择学习内容。

　　清新的语言风格

　　本书立足于实用性，并不像传统的教科书那样语言枯燥、无味，理论知识和实例效果生硬、无实际使用价值，而是深入考虑读者的实际需求，版式清晰、典雅，内容实用，就像一位贴心的朋友、老师在您面前将枯燥的计算机知识娓娓道来。

　　知识与示例结合

　　为使读者更好地理解和掌握每一章所讲述的内容，在每章的最后基本上都有“实战演练”，将本章的内容进行了完整的贯通，以帮助读者巩固本章的相关知识点和提升读者解决实际问题的能力。另外作者还毫无保留地将现实工作中大量非常实用的经验、技巧贡献出来。

　　贴近实战，实例更丰富

　　本书的最大特点是对每个知识内容从实例的角度进行介绍，以详细、直观的步骤讲解相关操作，适时添加提示，以补充使用技巧和知识链接，读者可以快捷地学习操作和应用，实战性非常强。

　　超值配套光盘

　　本书所附光盘的内容为书中介绍的范例的源文件及大量参考素材，供读者学习时参考和对照使用。

　　本书内容

　　本书分为5大部分，共23章，具体结构划分如下。

　　第一部分：网页设计与网站开发准备部分，包括第1章。这部分主要介绍了网站类型概述、网站盈利模式、网页设计常用工具、网站开发筹备和网站规划等知识。

　　第二部分：Dreamweaver网页制作部分，包括第2章～第12章。这部分主要介绍了网页对象设计、CSS美化、网页布局，以及利用Dreamweaver设计交互网页效果，使用Dreamweaver开发动态网站等。

　　第三部分：Photoshop网页设计部分，包括第13章～第15章。这部分主要介绍了Photoshop操作基础、Photoshop图层、文本等核心技术，以及如何使用Photoshop设计网页元素。

　　第四部分：网页设计和布局实战部分，包括第16章～第17章。这部分主要通过两个不同类型的网站介绍了如何使用Photoshop设计网站效果图和如何通过Dreamweaver进行重构和布局，把平面设计效果图转换为网页结构效果。

　　第五部分：Flash网页互动部分，包括第18章～第23章。这部分主要介绍了Flash操作基础，Flash图层、文本、动画、元件、绘图等核心技术，以及如何使用Flash设计交互动作，并通过一个综合实例演示如何使用Flash设计一个完整的Flash网站。

　　本书读者

　　希望系统学习网页设计、网站制作的初学者

　　从事网页设计制作和网站建设的专业人士

　　Web前端开发和后台设计人员

　　网页设计与制作人员

　　网站建设与开发人员

　　个人网站爱好者与自学者

　　关于我们

　　参与本书编写的人员包括咸建勋、奚晶、文菁、李静、钟世礼、李增辉、甘桂萍、刘燕、杨凡、李爱芝、余乐、孙宝良、余洪萍、谭贞军、孙爱荣、何子夜、赵美青、牛金鑫、孙玉静、左超红、蒋学军、邓才兵、袁江、李东博等。由于作者水平有限，书中疏漏和不足之处在所难免，欢迎读者朋友不吝赐教。广大读者如有好的建议或在学习本书时遇到疑难问题，可以联系我们，我们会尽快为您解答。

　　编者