网页设计与制作实用教程——Dreamweaver+Flash+Photoshop（第3版）——微课版 / 21世纪高等学校计算机类课程创新规划教材·微课版
作者： 缪亮、孙毅芳
出版时间：2017年9月
出版社：清华大学出版社
- 清华大学出版社
- 9787302481331
- 3-1
- 127575
- 45189529-6
- 平装
- 16开
- 2017年9月
- 工学
- 计算机科学与技术
- TP393.092.2
- 计算机
- 本科
全书共包括12章，第1章介绍网站开发的基础知识；第2～7章介绍使用Dreamweaver进行网页制作和网站管理的方法；第8～10章介绍使用Photoshop进行网页图像设计和绘制网页的方法；第11章和第12章介绍使用Flash进行网页动画制作的方法。
为了让读者更轻松地掌握网页设计与制作技术，作者制作了配套微课视频。微课视频包括教材的全部内容，全程语音讲解、真实操作演示，让读者一学就会。
本书内容精练，构思科学合理，实例丰富，理论与应用配合紧密，既可作为各类院校的网页设计与制作教材，也可作为培训机构相关专业的培训教材，还可作为网站开发人员和网站开发爱好者的自学或参考 用书。
1.1
网站开发概述... 1
1.1.1 什么是网站... 1
1.1.2 网站的类型及定位... 1
1.1.3 认识网页... 4
1.2
网站开发流程... 7
1.2.1 网站总体策划... 7
1.2.2 设计和制作素材... 8
1.2.3 建立站点... 9
1.2.4 制作网页... 9
1.2.5 测试和发布网站... 10
1.3
常用网页设计软件... 10
1.4
HTML入门... 13
1.4.1 HTML的概念... 13
1.4.2 编写HTML网页... 14
1.4.3 HTML标签... 15
1.4.4 HTML文档的基本结构... 16
1.4.5 了解XHTML. 17
1.5
本章习题... 19
1.6
上机练习... 19
练习1 网站的规划... 19
练习2 用HTML编写网页文档... 19
第2章 Dreamweaver网页制作基础... 20
2.1
Dreamweaver CS6的工作环境... 20
2.1.1 开始页... 20
2.1.2 Dreamweaver软件界面... 21
2.1.3 自定义界面... 23
2.1.4 Dreamweaver的视图模式... 24
2.2
建立本地站点... 27
2.2.1 创建站点目录... 27
2.2.2 在Dreamweaver中定义站点... 27
2.3
在Dreamweaver中制作第一个网页... 30
2.3.1 新建HTML网页文档... 30
2.3.2 编辑和保存网页... 30
2.3.3 预览网页... 30
2.3.4 继续编辑网页... 32
2.4
本章习题... 33
2.5
上机练习... 33
练习1 定义本地站点... 33
练习2 制作一个简单网页... 33
第3章 制作网页内容... 34
3.1
文字和段落在网页中的应用... 34
3.1.1 插入文字... 34
3.1.2 设置文本属性... 35
3.1.3 设置段落格式... 39
3.1.4 插入特殊字符... 43
3.1.5 使用段落列表... 44
3.2
图像在网页中的应用... 45
3.2.1 插入图像... 46
3.2.2 设置图像属性... 48
3.2.3 使用外部图像编辑器... 49
3.3
多媒体对象在网页中的应用... 50
3.3.1 在网页中应用Flash动画... 50
3.3.2 在网页中应用FLV视频... 53
3.3.3 在网页中应用声音... 56
3.4
超链接... 58
3.4.1 创建超链接的方法... 59
3.4.2 超链接的路径... 61
3.4.3 链接目标... 62
3.5
本章习题... 63
3.6
上机练习... 63
练习1 制作文字网页... 63
练习2 制作图文混排网页... 64
练习3 制作Flash导航条... 65
第4章 CSS样式表... 66
4.1
CSS入门... 66
4.1.1 ”CSS样式”面板... 66
4.1.2 定义CSS规则... 68
4.1.3 在网页中应用CSS样式... 70
4.1.4 CSS规则的类型... 71
4.2
CSS样式详解... 73
4.2.1 类型... 73
4.2.2 背景... 75
4.2.3 区块... 76
4.2.4 方框... 77
4.2.5 边框... 78
4.2.6 列表... 79
4.2.7 定位... 79
4.2.8 扩展... 81
4.3
创建CSS样式... 82
4.3.1 内部样式表... 82
4.3.2 外部样式表... 84
4.4
本章习题... 89
4.5
上机练习... 90
练习1 使用CSS自定义项目列表... 90
练习2 外部CSS文件的创建和应用... 90
第5章 网页布局... 91
5.1
网页布局的类型... 91
5.2
用表格进行网页布局... 93
5.2.1 在页面中插入表格... 93
5.2.2 设置表格属性... 96
5.2.3 表格标签... 97
5.2.4 用表格布局网页... 98
5.2.5 表格模式... 102
5.3
框架... 103
5.3.1 用框架布局页面... 103
5.3.2 创建框架和框架集... 106
5.3.3 设置框架和框架集属性... 107
5.3.4 保存框架和框架集... 109
5.3.5 控制带有链接的框架内容... 109
5.4
用CSS进行网页布局... 110
5.4.1 表格 CSS布局... 110
5.4.2 DIV CSS布局... 115
5.5
本章习题... 119
5.6
上机练习... 119
练习1 利用表格布局网页实例... 119
练习2 利用框架布局网页实例... 119
练习3 利用DIV CSS布局网页实例... 121
第6章 网页特效与交互... 122
6.1
行为... 122
6.1.1 附加行为... 122
6.1.2 行为应用实例——网页加载时弹出公告页... 124
6.1.3 内置行为简介... 126
6.2
AP元素... 127
6.2.1 应用AP Div创建AP元素... 127
6.2.2
AP元素的属性详解... 130
6.2.3
AP元素拖动效果... 132
6.3
Spry框架... 133
6.3.1 Spry效果... 133
6.3.2 Spry构件... 135
6.4
JavaScript基础知识... 137
6.4.1 标签... 137
6.5
本章习题... 144
6.6
上机练习... 145
练习1 行为应用实例——关闭网页时弹出信息... 145
练习2 Spry构件应用实例——菜单栏... 145
练习3 JavaScript应用实例——问候对话框... 145
第7章 模板和站点管理... 147
7.1
模板... 147
7.2
资源管理... 152
7.3
站点管理和维护... 154
7.4
本章习题... 160
7.5
上机练习... 161
练习1 模板及其应用... 161
练习2 库及其应用... 161
第8章 Photoshop网页设计基础... 162
8.1
Photoshop CS6的工作环境... 162
P
8.2
使用Photoshop绘制网页基本图形... 170
8.3
本章习题... 184
8.4
上机练习... 184
练习1 绘制网页图形... 184
练习2 使用画笔绘制心形... 184
第9章 Photoshop网页设计进阶... 186
9.1
图层与蒙版... 186
9.2
选区与通道... 196
9.3
设计网页文字... 201
9.4
调整网页图像... 207
9.5
使用滤镜增强网页图像的效果... 224
9.6
本章习题... 229
9.7
上机练习... 230
练习1 绘制网站Logo. 230
练习2 网页图像色调的调整... 230
第10章 使用Photoshop设计网页元素... 231
10.1
设计网站图标和Logo. 231
10.2
设计网页广告图像... 237
10.3
设计网页按钮和导航条... 244
10.4
设计网页... 247
10.5
本章习题... 257
10.6
上机练习... 258
练习1 绘制网站Logo. 258
练习2 绘制导航条... 258
练习3 制作网页GIF动画... 259
练习4 设计个人主页... 259
第11章 Flash动画制作基础... 260
11.1
Flash CS6的工作环境... 260
11.2
Flash动画的制作... 265
11.3
绘制矢量图形... 269
11.4
位图和文字... 295
11.5
本章习题... 301
11.6
上机练习... 302
练习1 绘制商业标志... 302
练习2 制作公益广告... 303
第12章 制作网页动画... 304
12.1
图层和帧... 304
12.2
基础动画... 310
12.3
元件及其应用... 320
12.4
高级动画... 328
12.4.4 3D动画和骨骼动画... 335
12.5
使用Flash制作网络广告... 338
12.6
本章习题... 350
12.7
上机练习... 351
练习1 制作网站动态Logo. 351
练习2 制作产品推广横幅广告... 352
附录A 常用HTML标签... 353
附录B 安装IIS和配置Web服务器... 363
B.1
安装IIS. 363
B.2
配置Web服务器... 364
附录C 网站上传和下载工具——FlashFXP. 370
C.1
FlashFXP工作环境介绍... 370
C.2
FTP站点的创建... 371
C.3
文件的上传和下载... 372
C.4
FlashFXP的高级应用... 373
附录D 习题参考答案... 377
随着网络技术的发展，社会各个领域对网站开发技术的要求日益提高，人才市场上对网站开发工作人员的需求大大增加。网站开发工作包括市场需求分析、网站策划、网页平面设计、网页页面排版、网络动画设计、网站程序开发、网站的推广等方面，这是一项对开发人员的综合技能要求很高的系统工程。
本书按照教学规律精心设计内容和结构，根据各类院校教学的实际课时安排，结合多位任课教师多年的教学经验进行教材内容的设计，力争教材结构合理、难易适中。
本书可作为各类院校的网页设计与制作教材、各层次职业培训教材，也可作为广大网站开发爱好者的自学指导用书。
关于改版本书是《网页设计与制作实用教程（Dreamweaver Flash Photoshop）（第2版）》的修订升级版。《网页设计与制作实用教程（Dreamweaver Flash Photoshop）》于2011年出版，2013年升级为第2版，前后共重印12次，累计发行5万多册。由于教材内容新颖、实用，深受广大读者的欢迎，目前全国已有几十所各类院校选择该书作为正式的网页设计与制作教材，许多职业培训机构也采用该书作为培训教材。随着软件新版本的发布以及教材使用经验、读者反馈信息的不断积累，教材的修订迫在眉睫。
本书主要在以下几个方面进行了改进：
图5-1 ”国”字型布局
图5-2 ”厂”字型布局
图5-3 ”框架”型布局
