Dreamweaver+Flash+Photoshop网页设计从入门到精通 内容简介

《Dreamweaver+Flash+Photoshop网页设计从入门到精通》（清华社“视频大讲堂”大系）通过基础知识+中小实例+实战案例的方式讲述，配有大量视频，适合快速上手。它虽是用CS5写成，但几乎所有内容也适合CS6。它还是一本由浅入深的网页设计和网站开发类百科全书式教程，全书共分为5大部分23章，详细介绍了Dreamweaver CS5、Photoshop CS5和Flash CS5的综合使用方法、操作技巧和实战案例。内容包括使用Dreamweaver CS5创建网页对象，使用DIV+CSS布局网页，应用表单和行为，网页制作精彩实例，使用Flash设计元件，设计时间轴动画，使用Photoshop设计网页元素，网页效果图切片与输出，以及设计首页效果图等知识。

《Dreamweaver+Flash+Photoshop网页设计从入门到精通》作者具有多年网站设计与教学经验，对所有的实例都亲自实践与测试，力求呈现给读者的每一个实例都是真实而完整的。

《Dreamweaver+Flash+Photoshop网页设计从入门到精通》内容丰富、实用，讲解循序渐进，每章都安排有丰富的实战案例，案例步骤详尽，可操作性强，适合读者从零基础快速进阶，全面、详尽的知识结构能够满足不同学习阶段的读者对学习内容的不同要求。

Dreamweaver+Flash+Photoshop网页设计从入门到精通 目录

第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 加载外部文本文件

23.4.11 开发小结

Dreamweaver+Flash+Photoshop网页设计从入门到精通 精彩文摘

第11步，继续添加说明文字和按钮文字，其中利用圆角矩形工具，设置圆角半径为5像素，拖曳出一个颜色为#40720b的圆角矩形作为按钮背景，最后设计效果如图15.71所示。

15.8 制作其他网页元素

在网页中，除了网页主图、标题文字、网页按钮、悬停按钮、导航条图像以及背景图像之外，还需要用到一些其他元素，如项目符号、分隔线和一些富有代表性的小图标。虽然在Dreamweaver中可以直接插入分隔线和项目符号，但是其艺术效果太差，无法使网页生动活泼。因此，用户可以自行制作一些富有特效的分隔线、项目符号和图标，使网页更富情趣。制作分隔线、项目符号和图标等元素需要一定的创意和想象力。如果所有这些元素都是自己来制作，会花很大的功夫。

当然，这些网页元素都可以在Photoshop中轻松实现，只要读者掌握Photoshop基本操作。完成制作之后，根据Photoshop向导提示完成网页元素的编辑、图像最优化、导出GIF图像，最终将其应用到Dreamweaver中。由于这些细小的网页元素制作简单，本节就不再展开介绍。