网页设计实用技术

内容安排符合教学规律和需求、难易适度、结构合理、实用性强。

大量的图示讲解案例，操作步骤清晰明了，方便学生上机实践及自学。

始终围绕网站建设进行内容安排，内容更紧凑而有针对性，便于学生更快地掌据网页设计的基本技能。

前 言

随着计算机与通信技术的不断发展，网络已经遍及全球各个角落，它成为人们获取和交换信息的最有效途径。网络正深刻地改变着人们的生活。网站成为Internet上的一个重要元素，各类网站通过Internet来开展业务和展示自我形象，网站也可以用在企业内部来解决内部管理和信息交流等问题。网站设计已成为当今流行的技术，掌握一定的网站建设和管理方法对当代大学生是一种重要的计算机技能。

本书作为掌握计算机网页设计的入门教材，第1章介绍网页的基础知识，包括网站设计规划的原则及网页设计的原则与方法，使读者能够对网页设计有初步的了解；在第2章Dreamweaver部分，通过一个“乐山乐水”旅游网站的建设，介绍了Dreamweaver软件制作网页的基础知识；第3、4章介绍了网页设计布局工具的使用方法，并进行了综合应用，同时介绍了网页设计中常见的高级应用；第5、6章主要介绍Photoshop软件的使用方法，注重对网页设计中涉及到的静态图像处理时的相关技术的介绍；第7、8章系统介绍了Flash软件的使用，讲解了本书网站设计中用到的Flash动画的制作方法；第9章通过一个综合实例，介绍了使用这3个软件制作一个完整网站的步骤和过程。

根据作者一线教学的亲身体验，在实际的网站设计制作过程中涉及的设计软件较多，而市面上大部分网页设计类书籍只是单纯地介绍一两个软件或相关实例，读者并不能真正掌握网站设计及相应美工设计的全部过程。本书正是满足了这一需求，将网站制作的相关软件和必要技术呈献给读者，帮助读者快速掌握网站建设和网页制作的方法。

学习和掌握一门技术并不是一件轻而易举的事情，一方面需要具备钻研的精神和态度；另一方面需要使用正确的方法，务必重视对基础知识的掌握。建议在学习本书时，读者不仅仅关注于某一个效果的具体实现方法，还要真正掌握其中的基本原理，只有这样才能将所学知识融会贯通，将所学技能真正用到网站设计之中。

本书具有以下特点：

（1）本书作者全部为长期从事计算机教学的一线教师，对本门课程已有多年的教学经验，能够充分了解学生需求，合理安排教学内容和进度，提供有针对性的实验内容，内容安排符合教学规律和需求，难易适度、结构合理、实用性强。

（2）本书有大量的图示讲解案例，操作步骤清晰明了，方便学生上机实践及自学；每章最后配备操作练习，可作为上机操作的内容，便于学生检验学习效果，巩固所学知识和技能。

（3）书中内容相互衔接。在整个Dreamweaver部分以一个“乐山乐水”旅游网站的建设对此网页设计工具进行了前后关联的详细介绍；并将其中用到的静态图片处理方法在Photoshop的内容部分进行了讲解；用到的动画制作方法在Flash的内容部分进行了讲解。这使得三大软件的讲解始终围绕网站建设进行内容安排，全书内容更紧凑而有针对性，便于学生更快地掌据网页设计的基本技能。

本书由陈建国、李勤任主编，并负责全书的统稿工作，秦洪英、蔡宗吟、李林、张贵红任副主编。其中第1章由秦洪英编写，第2～4章由蔡宗吟编写，第5、6章由李勤编写，第7、8章由李林编写，第9章由张贵红编写。另外，参加本书部分编写工作的还有刘毅、张波、杜丽君、李彬、黄健、杨霞等。由于编者水平有限，书中难免存在疏漏和错误之处，恳请广大读者批评指正。

编 者

2013年9月

前言

第1章 网页设计基础知识 1
1.1 基本概念 1
1.1.1 网站和网页 1
1.1.2 静态网页和动态网页 2
1.2 网站建设的规划 3
1.3 网站设计的原则 3
1.4 网页设计的原则 4
1.5 网页设计的流程 4
1.6 网页主要设计元素 5
1.6.1 网页标识设计 5
1.6.2 网页导航设计 6
1.6.3 网页版式设计 6
1.6.4 网页色彩设计 7
1.6.5 图形与文字的设计 7
1.6.6 网页音效设计 9
1.7 网页设计常用软件 9
1.7.1 Dreamweaver CS5
——网页页面制作软件 9
1.7.2 Photoshop CS5
——网页图像设计软件 10
1.7.3 Flash CS5——网页动画制作软件 11
习题一 11
第2章 Dreamweaver CS5网页制作基础 12
2.1 Dreamweaver CS5入门 12
2.1.1 Dreamweaver CS5简介 12
2.1.2 Dreamweaver CS5工作区 12
2.2 Dreamweaver CS5站点管理 17
2.2.1 网站站点规划与创建 17
2.2.2 站点管理 19
2.3 制作简单网页 20
2.3.1 HTML简介 20
2.3.2 项目展示：图文并茂网页 21
2.3.3 文本的插入与编辑 22
2.3.4 图片的插入与编辑 26
2.3.5 CSS基础 29
习题二 39
第3章 网页设计布局工具综合应用 40
3.1 表格 40
3.1.1 表格基本操作 40
3.1.2 表格布局 46
3.1.3 表格布局应用实例 47
3.2 超链接 56
3.2.1 超链接基本概念 56
3.2.2 创建内部超链接 57
3.2.3 创建外部超链接 59
3.2.4 锚点超链接 60
3.2.5 其他类型超链接 61
3.2.6 超链接的CSS设置 62
3.3 创建并使用外部CSS样式 63
3.3.1 创建外部CSS文件 64
3.3.2 链接外部CSS文件 64
3.3.3 外部CSS样式实例 65
3.4 框架 66
3.4.1 框架基础 66
3.4.2 创建框架 69
3.4.3 设置框架集与框架 70
3.4.4 框架实例应用 72
3.5 Div+CSS 76
3.5.1 Div基础 76
3.5.2 插入Div的基本操作 77
3.5.3 Div+CSS应用实例 78
习题三 85
第4章 网页设计高级应用 87
4.1 表单 87
4.1.1 表单概述 87
4.1.2 表单对象 87
4.1.3 表单应用实例 89
4.2 模板 96
4.2.1 模板概念 96
4.2.2 创建模板 96
4.2.3 应用模板 98
4.2.4 模板应用实例 98
4.3 网页特效 101
4.3.1 JavaScript基础 101
4.3.2 JavaScript网页应用实例 102
4.3.3 行为面板的应用 103
习题四 107
第5章 Photoshop CS5基础入门 108
5.1 Photoshop CS5色彩和图像处理基本
知识 108
5.1.1 像素与图像分辨率 108
5.1.2 位图与矢量图 108
5.1.3 图像的颜色模式 109
5.1.4 图像的文件格式 110
5.2 Photoshop CS5工作环境 111
5.2.1 Photoshop CS5工作界面 111
5.2.2 切换工作界面 113
5.2.3自定义工作界面 113
5.2.4 优化工作界面 114
5.3 Photoshop CS5的基本操作 115
5.3.1 基本文件操作 115
5.3.2 图像的显示 118
5.3.3 辅助工具的使用 119
习题五 121
第6章 Photoshop CS5图像处理 122
6.1 选区的创建与编辑 122
6.1.1 选框工具 122
6.1.2 套索工具 124
6.1.3 魔棒工具 125
6.1.4 移动和取消选区 126
6.1.5 修改选区 126
6.1.6 变换选区 126
6.1.7 存储和载入选区 126
6.1.8 羽化选区 127
6.1.9 填充选区 127
6.1.10 全选和反选 127
6.1.11 描边选区 128
6.2 图像绘制、修饰和编辑 129
6.2.1 画笔工具 129
6.2.2 铅笔工具 129
6.2.3 橡皮擦工具 130
6.2.4 渐变工具 130
6.2.5 油漆桶工具 132
6.2.6 图章工具 132
6.2.7 修复、修补和红眼工具的使用 133
6.2.8 模糊、锐化和涂抹工具的使用 135
6.2.9 减淡、加深和海绵工具的使用 136
6.3 图层的创建与应用 137
6.3.1 图层的基本概念 137
6.3.2 图层的基本操作 139
6.3.3 编辑图层 140
6.3.4 图层效果和样式 143
6.4 路径与文字工具 143
6.4.1 创建路径 143
6.4.2 编辑路径 146
6.4.3 文字的输入 148
6.4.4 文字的编辑与转换 149
6.5 色彩与色调的调整 151
6.5.1 “色阶”命令 151
6.5.2 “曲线”命令 152
6.5.3 色彩平衡调整 153
6.5.4 “色相/饱和度”命令 154
6.5.5 亮度对比度调整 155
6.6 通道与蒙版 156
6.6.1 通道控制面板 156
6.6.2 新建、复制和删除通道 157
6.6.3 分离与合并通道 159
6.6.4 使用图层蒙版合成图像 160
6.6.5 图像合成 163
6.7 滤镜 164
6.7.1 滤镜基础知识 164
6.7.2 风格化滤镜 165
6.7.3 画笔描边滤镜 166
6.7.4 扭曲滤镜 167
6.7.5 素描滤镜 169
6.7.6 纹理滤镜 169
6.7.7 像素化 171
6.7.8 渲染 171
6.8 动画的制作 172
6.8.1 帧模式“动画”面板 172
6.8.2 创建帧动画 173
6.9 实例 175
6.9.1 实例一 制作网站Logo 175
6.9.2 实例二 制作网页Banner 177
习题六 181
第7章 Flash CS5基础知识 183
7.1 Flash CS5概述 183
7.1.1 Flash CS5新增功能概述 183
7.1.2　Flash CS5的应用领域 184
7.2 Flash CS5工作环境 184
7.2.1 开始页 184
7.2.2 Flash CS5不同组合的工作区 185
7.2.3 个性化工作区 186
7.2.4 Flash CS5窗口和主要工作面板的
认识 187
7.3 基本绘图工具 191
7.3.1　选择工具 191
7.3.2　部分选取工具 191
7.3.3　变形工具 192
7.3.4　线条工具 193
7.3.5　铅笔工具 194
7.3.6　矩形工具 194
7.3.7　椭圆工具 195
7.3.8　多角星形工具 196
7.3.9 橡皮擦工具 196
7.3.10 Deco工具 196
7.4 Flash动画基础 204
7.4.1 与Flash文档相关的文件类型 204
7.4.2 时间轴 205
7.4.3 元件与实例 206
7.4.4 Flash CS5影片制作的基本流程 208
习题七 209
第8章 Flash CS5动画制作 211
8.1 逐帧动画 211
8.1.1 逐帧动画的创建 211
8.1.2 绘图纸 212
8.1.3 实例——满天星 212
8.2 形状补间动画 215
8.2.1 形状补间动画的概念 215
8.2.2 构成形状补间动画的元素 215
8.2.3 形状补间动画在时间轴面板上的
表现 215
8.2.4 创建形状补间动画的方法 215
8.2.5 形状补间动画的属性设置 216
8.2.6 实例——变脸 216
8.3 传统补间动画 217
8.3.1 创建传统补间的方法 217
8.3.2 元件的变形点对补间的影响 218
8.3.3 实例——小桥流水人家 218
8.4 补间动画 219
8.4.1 创建补间动画 219
8.4.2 创建对象补间的基本规则 221
8.4.3 处理补间动画范围 221
8.4.4 实例——宣传动画 223
8.4.5 补间动画和传统补间之间的差异 224
8.5 骨骼动画 224
8.5.1 定义骨骼 225
8.5.2 选择骨骼 226
8.5.3 删除骨骼 226
8.5.4 创建骨骼动画 226
8.5.5 IK骨架动画配合其他补间动画 227
8.5.6 创建形状骨骼 228
8.6 遮罩动画 229
8.6.1 创建遮罩 229
8.6.2 构成遮罩层和被遮罩层的元素 230
8.6.3 遮罩层作为动画层 231
8.6.4 被遮罩层作为动画层 235
8.7 沿路径运动的传统补间动画 236
8.7.1 创建沿路径运动的传统补间 236
8.7.2 应用沿路径运动的传统补间动画的
技巧 237
8.7.3 实例——雪花飘舞 238
8.8 制作交互式动画 238
8.8.1 动作面板介绍 239
8.8.2　为关键帧添加ActionScript 239
8.8.3　为按钮添加ActionScript 240
8.8.4　为影片剪辑添加ActionScript 241
8.8.5 stop和play语句 241
8.8.6 goto语句 242
8.8.7 getURL语句 242
8.8.8 loadMovie/loadMovieNum语句 244
习题八 246
第9章 综合与提高 248
9.1 网站的设计 248
9.1.1 站点规划 248
9.1.2 网站的功能需求分析 249
9.1.3 网站的非功能需求分析 249
9.1.4 网站策划 250
9.1.5 首页的版面设计 251
9.1.6 网站的首页制作 258
9.1.7 模板的制作 263
9.1.8 日志页的制作 264
9.1.9 照片页的制作 266
9.1.10 个人档网页的制作 267
9.1.11 “联系我”网页的制作 268
9.1.12 在网页中添加Flash 268
9.2 成果发布到互联网上 269
9.2.1 站点的本地测试 269
9.2.2 域名空间的申请 270
9.2.3 发布站点 271
9.2.4 更新维护站点 275
习题九 275
参考文献 276

1. 实用运筹学 [主编　邢育红　于晋臣]
2. 电子技术（第二版） [主编 覃爱娜 李飞]
3. 劳动争议处理实务 [主编 王秀卿 罗静]
4. 工程数学 [主编 郭立娟 王海]
5. 语音识别理论与实践 [主编　莫宏伟]
6. 武术基础教程 [主编 李代勇 谢志民]
7. 计算机网络实训教程 [主编 张浩军 赵玉娟]
8. 画法几何与机械制图习题集（多学时） [主编 赵军]
9. 电工电子技术基础 [主编 刘 军 杨国龙 刘天成]
10. MySQL数据库项目式教程 [陈亚峰]
11. 机械设计基础（第二版） [主编 田亚平 李爱姣]
12. 画法几何与机械制图 [主编 赵军]
13. C语言程序设计习题与实验指导（第二版） [主编 甄增荣 张宾]
14. C语言程序设计（第二版） [主编 甄增荣 田云霞]
15. Unity3D虚拟现实应用开发实践 [主 编 刘龙]
16. 智能化技术基础（第三版） [邓文达　李礼]
17. 面向对象程序设计 [主编 张勇 张平华 赵小龙]
18. 网络营销 [主编 夏薇薇 刘婷 尚洁]
19. 电视节目策划与制作（微课版） [主　编　黄滴滴]
20. 数据库技术与应用实践教程（SQL Server 2019） [主 编 严晖 周肆清]
21. 大学应用数学 [主编 郭立娟]
22. 工业机器人拆装与调试 [主编 胡月霞 向艳芳 朱奇]
23. 功能材料制备与表征实验指导书 [龚伟平 赵军峰 梅海娟 等编著]
24. 信号与系统（第二版） [主编 张宇]
25. 信息技术基础 [主编 唐倩 邵锐]
26. Python 语言程序设计实践指导 [主编　张双狮]
27. Photoshop 图形图像项目化教程 [主编 胡斌斌 黎娅 苏大椿]
28. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
29. 体育舞蹈教程 [主编 刘伟 陈志明 曾明]
30. 线性代数导学篇 [主编 史昱]