Photoshop+Dreamweaver+Flash”3个软件是主流的网页设计“三剑客”，它们广泛应用于网页设计领域，其中Photoshop CS6通常用来设计网页效果图，Dreamweaver CS6主要用来合成网页页面，而Flash CS6则用来制作网页中需要的动画效果。本书即以Photoshop+Dreamweaver+Flash CS6为蓝本，讲解使用这3个软件进行网页设计与制作的相关知识。
本书由浅入深、循序渐进，采用情景导入案例式讲解软件知识，通过“项目实训”和“课后练习”加强对学习内容的训练，并通过“技巧提升”来强化学生的综合能力。全书着重培养学生实际应用能力，通过大量的案例和练习，将职业场景引入课堂教学，让学生提前进入工作的角色中。附录列出一些常用的设计数据，供设计者参考使用。
本书可作为高等院校网页设计类相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供网页设计与制作初学者自学使用。

李芳玲，山东理工职业学院教师，多年从事计算机教育工作,有着丰富的教学经验,参与企业项目制作,有着丰富的实践经验,主编过多部教材,得到老师们的认可。专注于计算机教材以及教辅资源研发，为学校提供全套完整的教学方案。

章网页设计与网站建设基础1
1.1网页设计基础知识2
1.1.1认识网站与网页2
1.1.2常见的网站类型2
1.1.3常见的网页类型3
1.1.4常用的网站结构3
1.1.5网页的基本构成元素4
1.1.6网页常用术语5
1.1.7网页色彩搭配5
1.1.8HTML标记语言7
1.2课堂案例：创建婚纱摄影网站9
1.2.1商业网站开发流程10
1.2.2网站制作流程10
1.2.3常用网页制作软件12
1.2.4创建本地站点15
1.2.5编辑站点15
1.2.6管理站点和站点文件夹16
1.3项目实训18
1.3.1赏析电商购物类网站18
1.3.2规划并创建“果蔬网”站点18
1.4课后练习19
练习1：规划个人网站19
练习2：创建“会展中心”站点20
1.5技巧提升20
1.站点命名规则20
2.网页设计师需要知道的网页设计内容21
3.网页设计需要遵循的原则21
4.网站设计时的色彩联想22
第2章使用Photoshop编辑网页图像23
2.1课堂案例：处理商品图片展示效果24
2.1.1图像处理基础知识24
2.1.2旋转并裁剪商品图片26
2.1.3修复商品图片27
2.1.4使用液化滤镜处理图片31
2.1.5调整图片颜色33
2.1.6使用滤镜处理图片34
2.1.7抠取素材图片37
2.1.8为图像添加文本和形状41
2.2课堂案例：制作Banner区海报43
2.2.1通过图层制作海报43
2.2.2设置图层样式44
2.3项目实训45
2.3.1制作海报广告45
2.3.2制作网页广告47
2.4课后练习48
练习1：制作直通车图片49
练习2：制作“帮助中心”49
2.5技巧提升50
1.快速控制图像显示大小50
2.快速恢复图像50
3.使用滤镜注意事项50
4.使用外部画笔的方法50
第3章使用Photoshop设计界面效果图51
3.1课堂案例：设计“灯具网主页”效果图52
3.1.1新建图像文件52
3.1.2创建参考线53
3.1.3制作网页头部54
3.1.4制作网页内容部分58
3.1.5设计网页页尾63
3.2课堂案例：输出“灯具网主页”效果图65
3.2.1创建切片66
3.2.2输出切片67
3.3项目实训68
3.3.1设计“摄影之家”网页效果图68
3.3.2设计“订餐网”界面效果70
3.4课后练习71
练习1：设计婚纱售卖网站首页71
练习2：设计个人网页效果图72
3.5技巧提升73
1.网页效果图设计技巧73
2.组合切片74
3.直接输出为html文件74
第4章使用Dreamweaver制作基础网页75
4.1课堂案例：创建index.html网页76
4.1.1创建网页文档76
4.1.2设置页面属性77
4.1.3保存、预览和关闭网页文档78
4.2课堂案例：制作“学校简介”网页79
4.2.1添加文字79
4.2.2设置文本格式80
4.2.3添加水平线82
4.2.4添加空格83
4.3项目实训83
4.3.1制作“优惠券说明”网页83
4.3.2制作“服务协议”网页85
4.4课后练习86
练习1：制作“保修服务”网页87
练习2：制作“代金券说明”网页87
4.5技巧提升88
1.添加日期88
2.添加滚动文字88
第5章为网页添加元素89
5.1课堂案例：美化“酒店预订”网页90
5.1.1插入与编辑图像90
5.1.2优化图像92
5.1.3创建鼠标经过图像94
5.1.4插入Flash动画95
5.1.5添加背景音乐97
5.2课堂案例：链接“婚纱礼服”网页98
5.2.1认识超链接98
5.2.2插入文本超链接100
5.2.3创建空链接102
5.2.4创建图像超链接102
5.2.5创建热点图片超链接103
5.2.6创建锚点超链接104
5.2.7创建电子邮件超链接105
5.2.8创建外部超链接105
5.2.9创建脚本链接106
5.3项目实训107
5.3.1制作“科技产品”网页107
5.3.2制作“订单”网页108
5.4课后练习110
练习1：制作“服装”网页110
练习2：制作“产品介绍”网页111
5.5技巧提升112
1.在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序112
2.删除链接图片上的蓝色边框112
3.设置鼠标移动到文字链接上改变文字的大小或颜色112
第6章布局网页版面113
6.1课堂案例：布局“酒店预订”网页114
6.1.1创建表格114
6.1.2调整表格结构115
6.1.3设置表格和单元格117
6.1.4在表格中插入内容118
6.1.5创建框架和框架集119
6.1.6保存框架和框架集121
6.1.7设置框架集与框架属性123
6.1.8在框架中添加网页124
6.2课堂案例：布局“婚纱礼服”网首页125
6.2.1认识CSS样式126
6.2.2认识CSS+DIV布局模式127
6.2.3CSS+DIV布局模式的优势128
6.2.4插入并编辑DIV129
6.2.5创建与编辑CSS样式131
6.2.6使用AP Div元素134
6.3项目实训136
6.3.1制作“歇山园林”网页136
6.3.2制作“花店”网页138
6.4课后练习140
练习1：制作“花卉推荐”网页140
练习2：制作“摄影网”网页141
6.5技巧提升142
1.CSS样式链接142
2.批量设置APDiv142
3.导入表格数据142
第7章使用表单和行为143
7.1课堂案例：制作“学员注册”网页144
7.1.1认识表单144
7.1.2创建表单145
7.1.3插入表单对象145
7.2课堂案例：完善网页行为效果154
7.2.1行为的基础知识155
7.2.2弹出窗口156
7.2.3打开浏览器窗口157
7.2.4检查表单158
7.2.5交换图像159
7.2.6添加效果161
7.3项目实训162
7.3.1制作“会员注册”网页162
7.3.2制作“用户注册”网页164
7.4课后练习166
练习1：制作“航班查询”网页166
练习2：制作搜索条166
练习3：制作“login.html”登录界面167
7.5技巧提升167
1.表单制作技巧167
2.快速制作相同结构的网页168
3.使用库快速完成网页制作168
第8章制作ASP动态网页169
8.1课堂案例：搭建动态网站平台170
8.1.1认识动态网页170
8.1.2动态网页常用的开发语言170
8.1.3动态网页的开发流程172
8.1.4认识Web服务器173
8.1.5安装与配置IIS173
8.1.6使用Access创建数据表175
8.1.7创建与配置动态站点176
8.1.8创建数据源178
8.2课堂案例：制作“发货记录”
动态网页180
8.2.1创建记录集180
8.2.2插入动态表格181
8.2.3创建记录集导航182
8.2.4插入记录183
8.2.5删除记录184
8.3课堂案例：制作“食孜源”APP页面184
8.3.1认识jQuery Mobile185
8.3.2创建页面187
8.3.3添加jQuery Mobile组件188
8.4项目实训191
8.4.1制作“用户登录”网页191
8.4.2制作jQuery Mobile页面193
8.5课后练习194
练习1：制作网站后台系统194
练习2：制作手机软件网页195
8.6技巧提升195
1.通过字符串连接数据源195
2.jQueryMobile的主题应用196
第9章使用Flash制作网页动画197
9.1课堂案例：制作横幅广告198
9.1.1Flash动画在网页中的应用198
9.1.2新建文档并制作动画背景200
9.1.3创建基本动画202
9.1.4输入文字并编辑动画205
9.2课堂案例：制作图片滚动动画206
9.2.1制作基本动画效果207
9.2.2发布动画209
9.3课堂案例：制作网页导航210
9.3.1认识ActionScript211
9.3.2制作动画背景211
9.3.3添加ActionScript语句212
9.4项目实训212
9.4.1制作网页片头动画212
9.4.2制作动态Banner214
9.5课后练习216
练习1：制作玩具网站首页216
练习2：制作图片轮播动画216
9.6技巧提升217
1.快速删除帧与清除帧217
2.导出Flash动画为GIF动画217
3.补间动画与传统补间之间的差异217
4.事件218
0章综合案例——制作企业官网219
10.1实训目标220
10.2专业背景221
10.3操作思路221
10.4准备工作222
10.4.1站点规划222
10.4.2素材收集222
10.5操作过程222
10.5.1使用Photoshop设计网页效果图222
10.5.2使用Flash制作图片轮播动画232
10.5.3使用Dreamweaver合成网页234
10.6项目实训240
10.6.1制作“微观多肉植物”网页240
10.6.2制作“注册”和“登录”页面241
10.7课后练习243
练习1：制作“产品中心”页面243
练习2：制作“联系我们”页面244
附录245
附录1网页常用设计尺寸245
附录2iPhone常用设计尺寸245
附录3Android常用设计尺寸246