本书打破传统脱离实际的单一软件讲解模式，完全从“学以致用”的角度出发，首先给读者讲解了网站建设与网页设计的行业知识，如网站建设流程与规范、网页设计美学知识等，然后精选了网站建设与网页设计中的相关商业案例，系统并全面地讲解了网页设计与网站建设的实战应用和相关技能。
全书共16个章节，首先深入浅出地讲解了什么是网页设计与网站建设，网站建设的流程与规范，网页设计的色彩搭配，网页设计中文字特效、按钮特效、图像处理特效、动画特效、广告特效与页面特效设计，CSS与DIV应用与网页布局设计。最后通过3个行业的典型网站的具体设计，讲解了网站建设与网页设计的综合实战应用。
本书内容全面，讲解清晰，图文直观。本书既适合网页设计与网站建设的初、中级读者学习使用，也适合已从事该工作而又缺乏设计经验与实战的读者学习参考，同时还可以作为大、中专院校、各类社会培训学习的教材参考用书。

随着互联网技术的发展，网页设计与网站建设已成为互联网应用中的一个热门
领域，无论是个人还是企事业单位，都需要通过网站、网页进行营销推广。其中，
Photoshop、Flash、Dreamweaver 三个软件在网页设计与网站建设中应用最广泛。
 本书特点
●
学以致用：本书打破了传统脱离实际的单一软件讲解模式，完全从“学以致用”
的角度出发，首先给读者讲解了网站建设与网页设计的行业知识，如网站建设
流程与规范、网页设计美学知识等，然后精选了网站建设与网页设计中的相关
商业案例，系统并全面地讲解了网页设计与网站建设的实战应用和相关技能。
快速让您从“菜鸟”设计水平，提升到“达人”水平。
●
案例丰富：作者从工作实践中精选了多个典型案例，全面涵盖了网站建设的流
程与规范，网页设计的色彩搭配，网页设计中文字特效、按钮特效、图像处理
特效、动画特效、广告特效与页面特效设计，CSS 与 DIV 应用与网页布局设
计等内容。并在每章前面都有各领域设计的行业知识链接，让读者快速掌握行
业设计经验，在学会使用软件的同时提高实战能力和应用经验。
●
视频教学：本书配送一张多媒体教学光盘，包含了书中所有实例的素材文件和
结果文件，方便读者学习时同步练习。并且还配送全书重点应用案例的视频教
学录像，书盘结合学习，其效果立竿见影。
 本书内容
全书共分 16 章，深入浅出地讲解了什么是网页设计与网站建设，网站建设的流
程与规范，网页设计的色彩搭配，网页设计中的文字特效、按钮特效、图像处理特效、
动画特效、广告特效与页面特效设计，CSS 与 DIV 应用与网页布局设计。最后通过
3 个行业的典型网站的具体设计，讲解了网站建设与网页设计的综合实战应用。
 本书读者
●
想从事网页设计与网站建设的人员；
大、中专职业院校设计与电子商务专业的学生；
社会培训班中学习网页设计与网站建设的学生；
●
●
扉页版权页.indd 3
2015-8-11 14:19:08

●
已从事网页设计与网站建设工作，但缺乏行业经验和实战经验的用户；
广大网页设计与网站建设的初、中级读者和爱好者。
●
 读者服务
凡购买本书的读者，即可申请加入读者学习交流与服务 QQ 群（群号 363300209）：，
有机会获得《中文版 Photoshop 图像处理从入门到精通》电子图书一份，而且还为
读者不定期举办免费的计算机技能网络公开课，欢迎加群了解详情。
本书由一线文化与中国铁道出版社联合策划，并由一线文化组织编写。参与本书
编创的人员都具有丰富的实战经验和一线教学经验，并已编写出版过多本计算机相关
书籍。在此，向所有参与本书编创的人员表示感谢！最后，真诚感谢您购买本书。您
的支持是我们最大的动力，我们将不断努力，为您奉献更多、更优秀的计算机图书！
由于计算机技术发展非常迅速，加上编者水平有限，书中疏漏和不足之处在所难免，
敬请广大读者及专家批评指正。
编 者　
2015 年 7 月　
扉页版权页.indd 4
2015-8-11 14:19:08

CONTENTS
网
站
建
设
与
网
页
设
计
目录
了解网页设计与网站建设
知识讲解——行业知识链接................... 2
Point 01
认识网页 ......................................... 2
1．文字 ............................................................... 2
2．图片 ............................................................... 2
3．表单 ............................................................... 2
4．Logo............................................................... 3
5．导航 ............................................................... 3
6．动画 ............................................................... 3
7．广告 ............................................................... 3
Chapter
01
Point 02 什么是首页与主页 ............................ 3
1．首页 ............................................................... 3
2．主页 ............................................................... 3
Point 03
常用网络术语 .................................. 4
1．域名 ............................................................... 4
2．HTTP 协议 ..................................................... 4
3．FTP 协议 ........................................................ 4
4．超链接 ............................................................ 4
5．站点 ............................................................... 5
Point 04
认识网站类型 .................................. 5
1．门户网站 ........................................................ 5
2．企业网站 ........................................................ 5
3．个人网站 ........................................................ 6
4．娱乐类网站 ..................................................... 6
重做目录.indd 1
2015-8-11 14:19:23

实战应用——网站建设与网页设计
5．机构类网站 ..................................................... 6
6．电子商务类网站 ............................................. 7
Point 05
网页设计常用工具 ............................ 7
1．Dreamweaver ................................................ 7
2．Flash .............................................................. 8
3．Photoshop ..................................................... 8
4．HTML ............................................................. 8
5．CSS ............................................................... 9
6．JavaScript ...................................................... 9
7．ASP ............................................................... 9
8．PHP ............................................................. 10
Point 06
网页中的图像应用 .......................... 10
1．常见的网页图像格式 .................................... 10
2．网页中应用图像的注意要点 ......................... 10
Point 07
Point 08
屏幕分辨率与网页设计 .................... 11
韩国网页设计的特点 ....................... 11
学习小结........................................13
Chapter 网站建设规范和建设流程
02
知识讲解——行业知识链接..................15
Point 01
网站建设规范 ................................ 15
1．组建开发团队规范 ........................................ 15
2．开发工具规范 ............................................... 15
3．超链接规范 ................................................... 16
4．数据库开发 ................................................... 16
5．文件夹和文件命名规范 ................................. 17
Point 02
网站建设的基本流程 ....................... 17
1．网站整体规划 ............................................... 17
2．确定网站的内容和服务 ................................. 18
重做目录.indd 2
2015-8-11 14:19:23

目　录
3．规划网站目录结构 ........................................ 18
4．收集资源 ...................................................... 19
5．网页效果图设计 ........................................... 19
6．编辑制作网页 ............................................... 20
7．申请域名和服务器空间 ................................. 20
8．网站的维护、测试和发布 ............................. 21
9．网站的宣传推广 ........................................... 21
学习小结........................................22
网页的色彩搭配
知识讲解——行业知识链接..................24
Point 01
网页配色基础 ................................ 24
1．RGB ............................................................. 24
2．HSB ............................................................. 25
3．色环 ............................................................. 25
4．原色 ............................................................. 25
Chapter
03
Point 02
网页的色彩对比 ............................. 26
1．明度对比 ...................................................... 26
2．色相对比 ...................................................... 26
3．纯度对比 ...................................................... 28
4．色彩的冷暖对比 ........................................... 28
Point 03
常见的网页配色方案 ....................... 29
1．黄色网页例图 ............................................... 29
2．红色网页例图 ............................................... 30
3．蓝色网页例图 ............................................... 30
4．间色网页例图 ............................................... 31
5．复色网页例图 ............................................... 32
6．补色网页例图 ............................................... 33
7．邻近色网页例图 ........................................... 34
8．同类色网页例图 ........................................... 34
重做目录.indd 3
2015-8-11 14:19:23

实战应用——网站建设与网页设计
9．暖色网页例图 ............................................... 35
10．冷色网页例图 ............................................. 36
Point 04
网站的色彩选择与搭配 .................... 37
1．选择色彩 ...................................................... 37
2．搭配色彩 ...................................................... 39
学习小结........................................42
Chapter 网页文字特效设计
04
知识讲解——行业知识链接................. 44
Point 01
网页文字的形式概述 ....................... 44
1．标志 ............................................................. 44
2．标题 ............................................................. 44
3．超链接 .......................................................... 44
4．文字信息 ...................................................... 44
Point 02
字体的使用 .................................... 45
1．中文字体 ...................................................... 45
2．拉丁字母 ...................................................... 46
Point 03
文字的大小 .................................... 46
1．文字的大小决定形象 .................................... 46
2．粗细印象优先 ............................................... 46
Point 04
字体的粗细 .................................... 46
1．字体粗细特征 ............................................... 47
2．细字不适合做新闻标题 ................................. 47
3．正文不要应用粗细变化 ................................. 47
Point 05
Point 06
字距与行距 .................................... 47
文字图形化 .................................... 48
Point 07 文字的强调 .................................... 48
重做目录.indd 4
2015-8-11 14:19:24

目　录
1．强调字首 ...................................................... 48
2．引文的强调 ................................................... 49
3．关键词的强调 ............................................... 49
4．链接文字的强调 ........................................... 49
5．线框、符号的强调 ........................................ 49
Point 08
网页文字设计方法 .......................... 49
1．对比 ............................................................. 50
2．笔画互用 ...................................................... 50
3．笔画突变 ...................................................... 50
4．添加形象 ...................................................... 50
5．笔画连接 ...................................................... 51
6．表面装饰 ..................................................... 51
7．添加圆框或方框 ........................................... 51
实战应用——上机实战训练..................51
Example 01
网页卷边文字 ........................... 52
Example 02 网站入口文字 ........................... 55
Example 03
Example 04
巧克力文字 .............................. 58
金色纹理文字 ........................... 60
学习小结....................................... 65
网页按钮特效设计
知识讲解——行业知识链接................. 67
Point 01
按钮与链接的区别 .......................... 67
1．按钮 ............................................................. 67
2．链接 ............................................................. 67
Chapter
05
Point 02
Point 03
按钮本身的用色 ............................. 67
按钮的位置 .................................... 68
重做目录.indd 5
2015-8-11 14:19:24

实战应用——网站建设与网页设计
Point 04
按钮上的文字表述 .......................... 68
Point 05 按钮的空间 .................................... 68
Point 06
按钮的优先级别 ............................. 68
实战应用——上机实战训练................. 69
Example 01
Example 02
Example 03
Example 04
Example 05
网站竖列按钮 ........................... 69
网页上的透明按钮 .................... 71
小鱼按钮 ................................. 74
网站导航按钮 ........................... 77
视频与音乐按钮 ........................ 80
学习小结....................................... 83
Chapter 网页图像处理与特效设计
06
知识讲解——行业知识链接................. 85
Point 01
常见的网页图像格式及优点 ............. 85
Point 02 图像的颜色 .................................... 85
Point 03
Point 04
图像的尺寸 .................................... 85
图像与文字的搭配 .......................... 86
1．主次分明，中心突出 .................................... 86
2．大小搭配，相互呼应 .................................... 86
3．图文并茂，相得益彰 .................................... 86
实战应用——上机实战训练................. 86
Example 01
将网页中的图像添加怀旧效果 .... 86
Example 02 替换网页图像的颜色 ................. 89
Example 03 使用变化制作三色网页图片 ........ 91
重做目录.indd 6
2015-8-11 14:19:24

目　录
Example 04
Example 05
网页中的立体图像 .................... 94
为网页图像添加艺术色彩 ........... 97
学习小结...................................... 100
网页文字动画特效设计
知识讲解——行业知识链接................ 102
Point 01
文字动画的特点 ........................... 102
Chapter
Point 02 文字动画的表现方法 ..................... 102
07
实战应用——上机实战训练................ 102
Example 01
毛笔写字特效 ......................... 102
Example 02 网页冲击波文字 ...................... 106
Example 03
Example 04
Example 05
极光文字 ............................... 109
网页中极速漂移的文字 ............ 113
甩不开的文字 ......................... 118
学习小结...................................... 121
鼠标与菜单动画特效设计
知识讲解——行业知识链接................ 123
Point 01
Point 02
鼠标特效的应用 ........................... 123
菜单特效的应用 ........................... 123
Chapter
08
实战应用——上机实战训练................ 123
Example 01
控制弹性小球 ......................... 124
Example 02 图像上的水纹 ......................... 128
重做目录.indd 7
2015-8-11 14:19:24

实战应用——网站建设与网页设计
Example 03 把网页擦出来 ......................... 132
Example 04
Example 05
Example 06
右键快捷菜单 ......................... 134
不停旋转的3d菜单 .................. 136
控制小兔动作 ......................... 140
学习小结...................................... 145
Chapter Flash 网络广告动画设计
09
知识讲解——行业知识链接................147
Point 01
Flash广告的特点 ......................... 147
1．适合网络传播 ............................................. 147
2．表现形式丰富 ............................................. 147
3．强大的交互功能 ......................................... 147
4．针对性强 .................................................... 147
Point 02
Flash广告的应用 ......................... 147
1．宣传某项内容 ............................................. 147
2．作为链接的标志 ......................................... 148
3．用于展示某些产品 ...................................... 148
Point 03
Flash广告的基本类型 ................... 148
1．普通 Flash 广告条 ...................................... 148
2．弹出式 Flash 广告 ...................................... 148
3．网站片头广告 ............................................. 148
Point 04
Flash广告的制作流程 ................... 148
1．确定广告的内容 ......................................... 148
2．构思广告的结构 ......................................... 148
3．收集素材 .................................................... 149
4．编辑动画及发布 ......................................... 149
实战应用——上机实战训练................149
重做目录.indd 8
2015-8-11 14:19:24

目　录
Example 01
Example 02
Example 03
Example 04
网络游戏宣传广告 .................. 149
服饰竖条广告 ......................... 155
美食网站Banner条 ................. 162
家居网络广告 ......................... 166
学习小结......................................169
Action 动画特效设计
知识讲解——行业知识链接................ 171
Point 01
Action Script 3.0概述 .................. 171
Chapter
Point 02 Action Script 3.0暂新的“动作”
　　　　　面板 ........................................... 171
Point 03 良好的编程习惯 ........................... 172
1．命名规则 .................................................... 173
2．给代码添加注释 ......................................... 173
3．保持代码的整体性 ...................................... 174
10
实战应用——上机实战训练................174
Example 01
雪花动画特效 ......................... 174
Example 02 神秘网页特效 ......................... 177
Example 03 多彩方块效果 ......................... 180
Example 04
小雨点 .................................. 187
Example 05 美丽的喷泉 ............................ 191
Example 06
Example 07
网页登录界面 ......................... 194
气球 ...................................... 197
学习小结...................................... 201
重做目录.indd 9
2015-8-11 14:19:25

实战应用——网站建设与网页设计
Chapter 网页特效设计
11
知识讲解——行业知识链接................203
Point 01
Point 02
什么是网页特效 ........................... 203
网页特效的分类 ........................... 203
实战应用——上机实战训练................203
Example 01
Example 02
Example 03
Example 04
Example 05
Example 06
Example 07
网站提示信息 ......................... 203
响应鼠标的文字 ...................... 206
单击隐去图像 ......................... 210
网页中的动态日期 .................. 212
网页中的透明动画 .................. 215
检测用户屏幕分辨率 ............... 219
制作虚线表格 ......................... 221
学习小结......................................224
Chapter CSS 与 DIV 设计网页
12
知识讲解——行业知识链接................226
Point 01
Point 02
Point 03
Point 04
CSS概述 .................................... 226
DIV概述 ..................................... 226
什么是Web标准 .......................... 226
Web标准的构成 .......................... 227
1．结构 ........................................................... 227
2．表现 ........................................................... 227
3．行为 ........................................................... 227
重做目录.indd 10
2015-8-11 14:19:25

目　录
实战应用——上机实战训练................227
Example 01
Example 02
Example 03
Example 04
Example 05
Example 06
Example 07
制作边框阴影与折角效果 ......... 228
制作商品图文列表 .................. 231
在网页中放大文字 .................. 237
创意六边形菜单设计 ............... 239
制作动态模糊网页 .................. 241
制作卡通网页 ......................... 243
制作时尚网页 ......................... 247
学习小结......................................253
网页布局设计
知识讲解——行业知识链接................255
Point 01
网站栏目和页面设计策划 .............. 255
1．网站的栏目策划 ......................................... 255
2．网站的页面策划 ......................................... 255
Chapter
13
Point 02
点、线、面的构成 ........................ 256
1．点的构成 .................................................... 256
2．线的构成 .................................................... 257
3．面的构成 .................................................... 257
Point 03
网站页面版式设计 ........................ 258
1．“国”字型布局 ......................................... 258
2．拐角型布局 ................................................. 258
3．框架型布局 ................................................. 259
4．封面型布局 ................................................. 259
5．Flash 型布局 .............................................. 259
6．标题正文型 ................................................. 259
重做目录.indd 11
2015-8-11 14:19:25

实战应用——网站建设与网页设计
实战应用——上机实战训练................260
Example 01
Example 02
Example 03
Example 04
Example 05
Example 06
Example 07
Example 08
制作浮动框架网页 .................. 260
制作搜索网页 ......................... 266
制作数码产品网页 .................. 269
制作登录网页 ......................... 274
制作注册网页 ......................... 278
制作联系我们网页 .................. 283
制作动感导航网页 .................. 286
制作业务介绍网页 .................. 291
学习小结......................................294
Chapter 综合案例：企业官方网站设计
14
知识讲解——行业知识链接................296
Point 01
Point 02
网站项目分析 .............................. 296
确定网站风格 .............................. 296
实战应用——上机实战训练................296
Example 01
Example 02
Example 03
Example 04
Example 05
处理网站图像 ......................... 297
插入透明Flash动画 ................ 299
制作网站公告 ......................... 302
制作网页主体部分 .................. 304
制作产品展示页面 .................. 307
学习小结...................................... 312
重做目录.indd 12
2015-8-11 14:19:25

目　录
综合案例：某房地产网站设计
知识讲解——行业知识链接................ 314
Point 01
Point 02
网站项目分析 .............................. 314
确定网站风格 .............................. 314
Chapter
15
实战应用——上机实战训练................ 314
Example 01
制作Flash动画 ....................... 314
Example 02 制作网站片头页 ...................... 318
Example 03
Example 04
制作网站导航 ......................... 321
制作网站首页 ......................... 324
学习小结......................................327
综合案例：在线交互娱乐网站设计
知识讲解——行业知识链接................329
Point 01
Point 02
网站项目分析 .............................. 329
确定网站风格 .............................. 329
Chapter
16
实战应用——上机实战训练................329
Example 01
Example 02
Example 03
Example 04
Example 05
制作按钮 ............................... 329
制作首页 ............................... 332
制作库项目 ............................ 335
在线播放音乐 ......................... 337
在线播放视频 ......................... 341
学习小结......................................344
重做目录.indd 13
2015-8-11 14:19:25

重做目录.indd 14
2015-8-11 14:19:25

一线文化工作室成立于2006年，主要从事图书策划与出版服务，以策划研究和著、编、译IT图书、摄影图书、旅游图书、经管图书、生活图书等为主要方向。
工作室汇集了IT、旅游、摄影、经管等相关行业领域的名家名师，并拥有一批非常优秀的图书策划、创作编辑的专业人员，他们热情豪放、敢想敢做、积极向上、专心专注。秉承“高品质、严要求、精定位”的标准，自工作室成立以来，先后策划、创作图书207多本，受到市场高度关注与读者的欢迎。其中多套图书上市以来荣登全国各大书城、网上书店的同类畅销书排行榜前列。