非常实用！网页设计与制作从新手到高手

第1章 Dreamweaver轻松入门 .................................... 1

1.1 Dreamweaver CS6工作界面 .............................. 2

1.2 创建与管理站点 ................... 6

1.2.1 站点的创建与设置 ...............6

1.2.2 站点的管理 ...........................8

1.3 网页文档的基本操作 ..........11

1.3.1 创建空白文档 .....................11

1.3.2 保存和关闭网页文档 .........12

1.3.3 打开网页文档 .....................13

1.3.4 预览网页 .............................13

1.4 设置页面属性 .................... 14

1.4.1 设置背景图像 .....................14

1.4.2 设置普通文本 .....................15

1.4.3 设置背景颜色 .....................16

新手有问必答

1. Dreamweaver CS6可以打开哪些类型的文档？ ................................ 17

2. 网页制作有哪些基本元素？ .......................................... 17

3. 网页配色有什么需要注意的？ ....................................... 17

4. 什么是HTML？ ....................................................... 18

高手实操技巧

1. 创建模板文档 ............................................................ 19

2. 添加远程站点服务器 ...................................................... 19

3. 设置工作区布局.......................................................... 20

第2章 在网页中添加对象 ............................................ 21

2.1 添加文本元素 .................... 22

2.1.1 添加与设置文本 .................22

2.1.2 插入日期 .............................24

2.1.3 插入特殊字符 .....................25

2.1.4 插入水平线 .........................26

2.2 在网页中使用图像 ............. 28

2.2.1 添加图像 .............................28

2.2.2 插入图像占位符 .................31

2.2.3 创建鼠标经过图像 .............33

2.3 创建超链接 ........................ 34

2.3.1 创建图像链接 .....................34

2.3.2 创建图像热点链接 .............35

2.3.3 创建锚点链接 .....................37

2.3.4 创建Email链接 ...................38

2.3.5 创建脚本链接 .....................39

2.3.6 创建下载文件链接 .............40

2.3.7 创建空链接 .........................41

2.3.8 设置链接属性 .....................41

2.4 添加Flash影片 .................. 42

2.5 添加背景音乐 .................... 43

2.6 高手训练营——创建图文混排网页 .................... 44

新手有问必答

1. 裁剪图像时需注意什么？ ................................... 46

2. 网页中的声音文件都可以播放吗？ ............................... 46

3. 在Dreamweaver中可以插入的其他多媒体有哪些？ .................... 46

4. 使用锚记名称时应遵守哪些规则？ .............................. 46

高手实操技巧

1. 检查错误的链接........................................ 46

2. 使用手动输入创建电子邮件链接 ............................ 47

3. 使用菜单创建链接 ...................................... 47

第3章 使用表格布局网页 ............................... 48

3.1 插入表格 ........................... 49

3.1.1 插入普通表格 .....................49

3.1.2 创建嵌套表格 .....................50

3.2 设置表格和单元格属性 ...... 51

3.2.1 设置表格属性 .....................51

3.2.2 设置单元格属性 .................54

3.3 选择表格和单元格 ............. 57

3.3.1 选择整个表格 .....................57

3.3.2 选择一个单元格 .................58

3.4 表格和单元格的编辑 ......... 59

3.4.1 复制与粘贴表格 .................59

3.4.2 添加与删除行和列 .............59

3.4.3 拆分与合并单元格 .............62

新手有问必答

1. 有时制作大表格，加载这个网页时很长时间都无任何显示，为什么？... 63

2. 如何实现表格中的跨行和跨列？ .................................... 63

3. 排序表格注意哪些事项？ ......................................... 63

高手实操技巧

1. 制作颜色改变效果 ................................................ 63

2. 通过去掉“ ；”代码设置单元格效果。 ........................ 64

3. 排序表格 ......................................................... 64

第4章 创建框架网页 .............................. 65

4.1 创建框架和框架集 ............. 66

4.1.1 创建嵌套框架集 .................66

4.1.2 框架结构的优、缺点 .........67

4.2 框架的基本操作 ................ 68

4.2.1 选择框架和框架集 .............68

4.2.2 保存框架和框架集 .............69

4.2.3 删除框架 .............................70

4.2.4 创建上下结构框架网页 .....70

4.3 设置框架/框架集属性 ........ 74

4.3.1 设置框架属性 .....................74

4.3.2 设置框架集属性 .................74

4.3.3 创建浮动框架网页 .............75

新手有问必答

1. 保存框架集的顺序是什么？ ....................................... 76

2. 如何使框架集在不同的浏览器中都能正常显示？ ............ 76

3. 为什么有时无法使用导航功能浏览网页？........................ 77

高手实操技巧

1. 隐藏滚动条 ................................................. 77

2. 设置框架边框 ................................................ 77

3. 使用预设的框架集 ............................................ 77

第5章 使用CSS美化网页 ..................................... 78

5.1 了解CSS样式表 ................ 79

5.1.1 认识CSS ..............................79

5.1.2 CSS的基本语法 ..................79

5.1.3 在网页中引用CSS的方式 ...80

5.2 创建样式表 ........................ 81

5.2.1 认识“CSS样式”面板 ......81

5.2.2 新建层叠样式表 .................82

5.3 设置CSS样式表属性 ......... 83

5.3.1 设置类型属性 .....................83

5.3.2 设置背景属性 .....................85

5.3.3 设置区块属性 .....................86

5.3.4 设置方框属性 .....................87

5.3.5 设置边框属性 .....................88

5.3.6 设置列表属性 .....................89

5.3.7 设置定位属性 .....................89

5.3.8 设置扩展属性 .....................90

5.3.9 设置过渡属性 .....................90

5.4 管理层叠样式表 ................ 91

5.4.1 编辑CSS层叠样式 ..............91

5.4.2 链接外部CSS样式表文件 ..91

5.4.3 删除CSS层叠样式 ..............92

5.5 应用CSS滤镜 .................... 93

5.5.1 透明滤镜（Alpha） ...........94

5.5.2 模糊滤镜（Blur） ..............95

5.5.3 变换滤镜（Flip） ...............96

新手有问必答

1. CSS样式表的作用是什么？ ............................... 97

2. CSS样式表可以帮助我们解决什么问题? ........................ 97

3. 什么是类选择器和ID选择器? ................................... 98

4. shadow滤镜和dropshadow滤镜有什么区别？ .................... 98

高手实操技巧

1. 使用CSS区块属性设置对齐方式 ...................................... 98

2. 使用CSS边框属性设置边框样式 ..................................... 99

3. 使用CSS样式设置段落缩进 .......................................... 99

4. 使用“代码”视图编辑CSS代码 ...................................... 99

第6章 使用AP Div和Spry布局网页 .................................100

6.1 在网页中使用AP Div ....... 101

6.1.1 认识AP元素 ......................101

6.1.2 插入AP Div并设置其属性........................101

6.1.3 选择AP Div .......................104

6.1.4 移动AP Div .......................105

6.1.5 调整AP Div的大小 ...........106

6.1.6 对齐AP Div .......................106

6.1.7 设置AP Div堆叠顺序 .......106

6.1.8 改变AP Div可见性 ...........107

6.1.9 防止AP Div重叠 ...............108

6.2 AP Div与表格的转换 ....... 108

6.2.1 将表格转换为AP Div .......108

6.2.2 将AP Div转换为表格 .......109

6.3 使用Spry布局对象 .............110

6.3.1 使用Spry菜单栏 ...............110

6.3.2 使用Spry选项卡式面板 ...114

6.3.3 使用Spry折叠式面板 .......116

6.3.4 使用Spry可折叠面板 .......119

新手有问必答

1. AP Div的主要功能是什么？ ................................... 121

2. 什么情况下AP Div和表格不能互相转换？ ..................... 121

3. 什么是CSS+Div布局 ........................................... 122

高手实操技巧

1. 更改 div 标签的高亮颜色 ................................ 122

2. 如何连续绘制多个AP Div ..................................... 123

3. 设置AP元素参数 ............................................ 123

4. 同时调整多个AP元素大小..................................... 124

第7章 使用表单制作交互网页 ............................ 125

7.1 创建与设置表单............... 126

7.1.1 创建表单 ...........................126

7.1.2 设置表单属性 ...................127

7.2 添加表单对象 .................. 127

7.2.1 插入文本字段 ...................127

7.2.2 插入复选框 .......................129

7.2.3 插入单选按钮 ...................130

7.2.4 插入隐藏域 .......................130

7.2.5 插入文件域 .......................131

7.2.6 插入列表和菜单 ...............132

7.2.7 插入按钮 ...........................133

7.2.8 插入跳转菜单 ...................134

新手有问必答

1. 表单的工作过程是怎样的？ ...................... 135

2. 跳转菜单开始动作和跳转菜单有什么联系？ .............. 135

3. 单选按钮只能选中一个吗？ ......................... 135

高手实操技巧

1. 表单轮廓线不明显怎么办 ..................................... 136

3. 制作图像按钮 ................................... 136

4. 创建动态网站需要什么条件 ................................ 137

第8章 使用行为创建特效网页 ................................ 138

8.1 行为和事件 ...................... 139

8.1.1 认识行为和事件 ...............139

8.1.2 “行为”面板 ...................140

8.2 使用行为调节浏览器 ....... 143

8.2.1 打开浏览器窗口 ...............143

8.2.2 创建自动关闭网页 ...........144

8.2.3 创建转到URL网页 ...........144

8.3 使用行为制作图像 ........... 146

8.3.1 交换图像与恢复 ..交换图像...........................146

8.3.2 预先载入图像 ...................148

8.4 使用行为显示文本 ........... 149

8.4.1 弹出信息 ...........................149

8.4.2 设置状态栏文本 ...............150

8.4.3 设置文本域文字 ...............150

8.5 添加Spry效果 .................. 151

8.5.1 添加增大/收缩效果 ..........151

8.5.2 添加挤压效果 ...................152

8.5.3 添加显示/渐隐效果 ..........153

新手有问必答

1. 什么是JavaScript？ ............................................. 154

2. 如何制作弹出广告窗口？ ........................................... 154

3. 遮帘效果可以用于哪些元素？ ....................................... 154

高手实操技巧

1. 制作拖动AP元素效果 ................................................. 154

2. 添加“改变属性”行为 ................................................. 155

3. 使用“检查表单”行为 ................................................ 155

第9章 Flash CS6快速入门 ................................................ 156

9.1 Flash CS6初始界面 ........ 157

9.2 Flash CS6工作界面 ........ 158

9.3 Flash CS6基本操作 ........ 162

9.3.1 Flash CS6文档管理 ..........162

9.3.2 使用标尺、网格与辅助线...............................164

新手有问必答

1. 动画是怎样形成的？ ................................................. 165

2. Flash动画的应用场合有哪些？ ......................................... 165

3. Flash中舞台、工作区和场景区别是什么 .............................. 166

4. Flash文件都有哪些类型 ........................................... 166

高手实操技巧

1. 自定义工作区 .......................................................... 166

2. 设置可撤销的次数 ....................................................... 167

3. 修改辅助线颜色................................................. 167

第10章 绘制与编辑动画图形 ..................................................168

10.1 Flash基本绘图工具 ....... 169

10.1.1 绘图工具 .........................169

10.1.2 选择工具 .........................175

10.1.3 颜色设置工具 .................179

10.1.4 缩放工具 .........................182

10.1.5 文本工具 .........................182

10.2 高手训练营——绘制图形 ....................... 185

10.2.1 绘制喇叭图形 .................185

10.2.2 绘制美景图 .....................187

新手有问必答

1. 位图和矢量图的区别是什么？ .............................................. 188

2. 什么是图层？ ............................................................ 189

3. 静态文本、动态文本和输入文本有何区别? ............................. 189

高手实操技巧

1. 用简便的方法绘制圆角矩形的弧度 ............................... 189

2. 矢量图与位图间的转换 .......................................... 190

3. 使用Deco工具 .............................................. 190

4. 使用钢笔工具绘制曲线 ............................................ 191

5. 转换锚点 ................................................................ 191

6. 钢笔工具组的交互用法 ................................................. 191

第11章 使用元件与库 .............................................................. 192

11.1 创建、编辑与使用元件 ....................... 193

11.1.1 创建元件 .........................193

11.1.2 编辑元件 .........................197

11.1.3 使用元件 .........................199

11.2 使用库 ........................... 200

11.2.1 认识“库”面板 .............200

11.2.2 管理和使用库 .................202

11.3 高手训练营——制作与应用元件 .................... 204

新手有问必答

1. 在使用外部库中的文件时，为什么总会弹出一个解决冲突的对话框？ ............... 206

2. 按钮元件的四个帧分别代表什么？ .................................... 206

3. 改变元件后实例也随之改变，怎样让实例不发生变化？ ...................... 207

高手实操技巧

1.将舞台对象转换为新元件 ................................................... 207

2.为实例添加滤镜效果 ....................................................... 207

3.绘制3D图形 ............................................................ 208

第12章 制作Flash网页动画 ..................................209

12.1 时间轴与帧 .................... 210

12.1.1 认识“时间轴”面板 .....210

12.1.2 认识帧 .............................211

12.1.3 认识图层 .........................215

12.2 制作基本动画 ................ 219

12.2.1 Flash动画制作流程 ........219

12.2.2 制作逐帧动画 .................220

12.2.3 制作传统补间动画 .........222

12.2.4 制作补间动画 .................224

12.2.5 制作形状补间动画 .........226

12.3 其他动画的制作 ............ 228

12.3.1 制作引导层动画 .............228

12.3.2 制作遮罩层动画 .............230

12.4 制作带音效的按钮 ......... 233

12.5 高手训练营——制作Flash促销广告 ....... 235

新手有问必答

1. 补间动画与传统补间动画的差别是什么？............................ 239

2. 普通引导层和运动引导层的区别是什么？............................ 240

3. 实现遮罩的原理是什么？ ......................................... 240

高手实操技巧

1. 使用动画编辑器................................................... 240

2. 使用动画预设 .................................................. 241

3. 绘制引导线注意事项 ............................................. 241

第13章 Photoshop快速入门 ...............................................242

13.1 Photoshop CS6概述 ..... 243

13.1.1 Photoshop工作界面 ........243

13.1.2 Photoshop基本操作 ........244

13.1.3 调整网页图像的大小 .....245

13.2 Photoshop CS6基本工具的使用 ..................... 247

13.2.1 选区创建工具 .................247

13.2.2 裁剪图像工具 .................248

13.2.3 矢量绘图工具 ..................251

13.3 常用面板介绍 ................ 253

13.3.1 “图层”面板 .................253

13.3.2 “通道”面板 .................254

13.3.3 “路径”面板 .................255

13.4 高手训练营——制作蓝色水晶按钮 ................ 257

新手有问必答

1. 当在图像上创建选区后，如何将选区移动？ ......................................... 259

2. 在网页设计过程中，适合使用的图像格式有哪几种？ .......................... 259

3. Photoshop CS6中路径的主要功能有哪些？ ........................................... 259

高手实操技巧

1. 使用磁性套索工具创建选区 ........................................ 260

2. 选区的保存 .................................... 260

3. RGB颜色模式 ...................................................... 260

4. 隐藏或显示选区.................................................. 261

5. 创建变形文字 ................................................. 261

第14章 使用Photoshop处理网页图像 ................................262

14.1 调整网页图像色彩与色调 .................... 263

14.1.1 使用“色阶”命令加强图像对比效果 .........263

14.1.2 使用“曲线”命令调整图像色调 .................264

14.1.3 使用“色相/饱和度”命令改变图像颜色 .........265

14.1.4 使用“色彩平衡”命令校正偏色图像 .........266

14.2 使用滤镜美化网页图像 ... 267

14.2.1 “模糊”滤镜组 .............267

14.2.2 “素描”滤镜组 .............269

14.2.3 “渲染”滤镜组 .............271

14.3 高手训练营——制作绚丽香水Banner ........... 273

新手有问必答

1. “色阶”对话框中的“自动”按钮有什么作用？ .............................. 277

2. “杂色”滤镜组的用途有哪些？ ............................................. 278

3. 为什么有时滤镜命令不能使用？ ............................................ 278

高手实操技巧

1. 使用“自动色调”命令 ................................................... 278

2. 使用“变化”命令 ........................................................ 278

3. 使用智能滤镜 .......................................................... 279

4. 新建滤镜效果图层 ........................................................ 279

第15章 企业网站设计综合实例 ..............................................280

15.1 网页设计规划 ................ 281

15.2 电器公司网站网页制作 . 282

15.2.1 导航栏和Banner的制作 .............................282

15.2.2 网页主体部分的制作 .....284

15.2.3 网页底部的制作 .............289

15.2.4 将效果图进行切片 .........290

15.2.5 制作网页头部部分 .........291

15.2.6 网页主体部分的制作 .....294

15.2.7 网页页脚部分的制作 .....296

15.2.8 用CSS样式美化网页 ......298

新手有问必答

1. Web上常用图像格式中支持透明背景图的有哪些？ .............................. 300

2. 使用矩形选框工具或椭圆选框工具时有哪些技巧？ .............................. 300

3. 图层混合模式有什么作用？ .................................................. 300

4. 如何使用Dreamweaver 创建网站？ ............................................. 301

高手实操技巧

1. 将文字转换为普通图层 ................................................. 301

2. 变换图像 ........................................................... 302

3. 图层蒙版的应用................................................... 302

4. 创建剪贴蒙版 .................................................... 303

本书紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术，详细介绍了使用Dreamweaver、Flash、Photoshop进行网页设计与制作的各种知识与实操技巧。主要内容包括：Dreamweaver轻松入门，在网页中添加对象，使用表格布局网页，创建框架网页，使用CSS美化网页，使用AP Div和Spry布局网页，使用表单制作交互网页，使用行为创建特效网页，Flash CS6快速入门，绘制与编辑动画图形，使用元件与库，制作Flash网页动画，Photoshop快速入门，使用Photoshop处理网页图像，以及企业网站设计综合案例等。本书内容丰富、可操作性强，适合网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员和个人网站爱好者阅读。

功能导向+实际范例：详尽步骤搭配图文解说，一步一图指导读者进行操作
全彩讲解+视频教学：直观效果搭配视听教学，让你一学就会，一看就懂
新手问答+高手实操：指导新手搭配技巧点拨，让你逐步累积创作精髓

光盘内容：
107个本书素材及文件
145个本书同步高清视频
2本畅销书视频及素材文件超值赠送（2.6GB）