完全掌握网页设计和网站制作实用手册

1.4.5 时尚类网站 12
1.4.6 门户类网站 13
1.5 网站建设流程概述 13
1.5.1 了解客户的需求 13
1.5.2 制作项目规划文案 13
1.5.3 规划网站内容 14
1.5.4 设计网页图像 14
1.5.5 制作网页 15
1.5.6 开发动态网站模块 15
1.5.7 申请域名和服务器空间 16
1.5.8 网站的推广 17
第2章 网页色彩搭配 18
2.1 色彩的原理 18
2.2 色彩的分类 18
2.2.1 无彩色 19
2.2.2 有彩色 19
2.3 色彩的三要素 20
2.3.1 明度 20
2.3.2 色相 21
2.3.3 纯度 21
2.4 网页的配色技巧 22
2.4.1 背景与文字颜色搭配 22
2.4.2 使用一种色彩 23
2.4.3 使用对比色彩 23
2.4.4 使用相邻色彩 24
第3章 使用Dreamweaver CC创建基本文本网页 25
3.1 了解Dreamweaver CC的操作界面 25
3.2　在Dreamweaver中搭建站点 28
3.2.1　使用向导建立站点 28
3.2.2　使用高级设置建立站点 29
3.3　添加文本元素 32
3.3.1　在网页中添加文本 32
3.3.2　插入日期 33
3.3.3　插入特殊字符 35
3.3.4　插入水平线 36
3.4　编辑文本格式 37
3.4.1　设置文本字体 38
3.4.2　设置文本大小 38
3.4.3　设置文本颜色 39
3.5　创建链接 39
3.5.1　使用“属性”面板创建链接 40
3.5.2　使用指向文件图标创建链接 40
3.5.3　使用菜单命令创建链接 40
3.6　实战演练——链接的设置 41
实例1——创建外部链接 41
实例2——创建E-mail链接 42
实例3——创建下载文件的链接 43
实例4——创建图像热点链接 45
3.7　实战演练——创建基本文本网页 47
第4章 使用图像和多媒体美化网页 49
4.1 在网页中使用图像 49
4.1.1 插入图像 49
4.1.2 设置图像属性 51
4.1.3 裁剪图像 52
4.1.4 调整图像亮度和对比度 54
4.1.5 锐化图像 55
4.2 插入其他图像元素 56
4.2.1 插入背景图像 56
4.2.2 插入鼠标经过图像 57
4.3 添加背景音乐 59
4.3.1 使用代码提示添加背景音乐 59
4.3.2 使用插件添加音乐 62
4.4 插入其他媒体对象 63
4.4.1 插入Flash动画 63
4.4.2 插入Flash Video 65
4.5 实战演练 67
实例1——插入鼠标经过图像导航栏 67
实例2——创建图文并茂的网页 69
第5章 使用表格布局排版网页 72
5.1 插入表格 72
5.2 设置属性 74
5.2.1 设置表格属性 74
5.2.2 设置单元格属性 75
5.3　选择表格元素 75
5.3.1 选取整个表格 75
5.3.2 选取行或列 76
5.3.3 选取单元格 77
5.4　操作表格 78
5.4.1　调整表格高度和宽度 78
5.4.2　添加或删除行或列 80
5.4.3　拆分单元格 81
5.4.4　合并单元格 82
5.4.5　剪切、复制、粘贴单元格 83
5.5　实战演练 83
实例1——创建细线表格 83
实例2——制作圆角表格 86
第6章 使用CSS样式表美化网页 91
6.1 了解CSS样式表 91
6.2　使用CSS 92
6.2.1　CSS基本语法 92
6.2.2　添加CSS的方法 93
6.3　设置CSS样式表属性 95
6.3.1　设置CSS类型属性 95
6.3.2　设置CSS背景属性 95
6.3.3　设置CSS区块属性 96
6.3.4　设置CSS方框属性 97
6.3.5　设置CSS边框属性 98
6.3.6　设置CSS列表属性 98
6.3.7　设置CSS定位属性 99
6.3.8　设置扩展属性 99
6.3.9　设置CSS过渡属性 100
6.4 使用CSS滤镜 100
6.4.1 滤镜概述 101
6.4.2 光晕 102
6.4.3 模糊 102
6.4.4 遮罩 103
6.4.5 透明色 103
6.4.6 阴影 104
6.4.7 波浪 105
6.4.8 X射线 105
6.5　实战演练 106
实例1——应用CSS样式定义字体大小 106
实例2——应用CSS样式制作阴影文字 108
实例3——使用CSS样式设置下划线 110
第7章 使用CSS+DIV布局网页 113
7.1 初识DIV 113
7.2 CSS布局方法 115
7.2.1 利用DIV将页面分块 115
7.2.2 利用CSS定位各块的位置 116
7.3 常见的布局类型 118
7.3.1 单行单列固定宽度 118
7.3.2 一列自适应 119
7.3.3 两列固定宽度 120
7.3.4 两列宽度自适应 121
7.3.5 三列浮动中间宽度自适应 122
第8章 使用模板和库批量制作风格统一的网页 124
8.1 创建模板 124
8.1.1　从空白文档创建模板 124
8.1.2　从现有文档创建模板 125
8.2　操作可编辑区域 127
8.2.1　插入可编辑区域 127
8.2.2　删除可编辑区域 128
8.2.3　选中可编辑区域 128
8.3　使用模板创建网页 129
8.4　管理站点中的模板 131
8.4.1　删除模板 131
8.4.2　修改模板 132
8.5　创建与应用库项目 133
8.5.1　创建库项目 134
8.5.2　应用库项目 136
8.5.3　插入库项目 137
8.6　实战演练 138
实例1——创建模板 138
实例2——利用模板创建网页 148
第9章 使用行为设计动感特效网页 152
9.1 了解动作和事件 152
9.1.1 动作 152
9.1.2 事件 153
9.2 添加与修改行为 154
9.2.1 行为的添加 154
9.2.2 行为的修改 154
9.3 使用Dreamweaver内置行为 155
9.3.1 “交换图像”行为 155
9.3.2 “弹出信息”行为 157
9.3.3 “打开浏览器窗口”行为 158
9.3.4 “设置状态栏文本”行为 160
9.3.5 “调用JavaScript”行为 162
9.3.6 “转到URL”行为 163
9.3.7 Blind行为 165
9.3.8 Bounce行为 167
9.3.9 “检查插件”行为 169
9.3.10 “检查表单”行为 169
第10章 动态网页设计基础 172
10.1 使用表单 172
10.2　搭建动态应用程序开发环境 174
10.2.1　安装IIS 174
10.2.2　设置IIS 176
10.3　创建数据库连接 177
第11章 Flash基础知识 178
11.1　Flash概述 178
11.2　Flash CC的工作界面 179
11.2.1　菜单栏 179
11.2.2　工具箱 180
11.2.3　“时间轴”面板 180
11.2.4　舞台 181
11.2.5　“属性”面板 181
11.3　Flash动画的发布 182
第12章 绘制图形和编辑对象 186
12.1　绘制图形对象 186
12.1.1　线条工具 186
12.1.2　铅笔工具 187
12.1.3　钢笔工具 188
12.1.4　椭圆工具 189
12.1.5　矩形工具 190
12.1.6　多角星形工具 191
12.2　填充图形对象 192
12.2.1　墨水瓶工具 192
12.2.2　颜料桶工具 193
12.2.3　滴管工具 194
12.2.4　刷子工具 195
12.3　操作图形对象 197
12.3.1　选择对象 197
12.3.2　移动对象 198
12.3.3 复制对象 199
12.3.4 删除对象 200
12.4　使用任意变形工具 200
12.4.1　缩放对象 201
12.4.2　旋转对象 202
12.5　使用文本工具 203
12.5.1　静态文本 203
12.5.2　动态文本 204
12.5.3　输入文本 205
12.6　实战演练 206
实例1——绘制网页标志 206
实例2——绘制网络贺卡 208
实例3——制作空心文字 213
第13章 使用元件、实例和库 215
13.1　元件的应用 215
13.1.1　元件的类型 215
13.1.2　创建图形元件 216
13.1.3　将对象转换为图形元件 217
13.1.4　将对象转换为影片剪辑元件 217
13.2　实例的应用 218
13.2.1　创建实例 219
13.2.2　交换元件实例 221
13.2.3　改变实例的颜色和透明度 222
13.2.4　改变实例类型 223
13.2.5　分离实例 224
13.3　库的应用 225
13.4　实战演练 227
实例1——文字效果 227
实例2——随着鼠标缩放按钮 230
第14章 使用时间轴与图层制作动画 233
14.1　时间轴与帧 233
14.1.1　时间轴 233
14.1.2　帧 234
14.2　图层 234
14.2.1　创建图层 235
14.2.2　编辑图层 236
14.2.3　修改图层属性 237
14.3　引导层 238
14.3.1　创建引导层动画 238
14.3.2　创建引导层动画实例 239
14.4　遮罩层 242
14.5　实战演练——利用遮罩层制作动画 244
第15章 创建基本Flash动画 247
15.1 创建逐帧动画 247
15.1.1 创建逐帧动画的方法 247
15.1.2 制作逐帧动画实例 248
15.2 创建补间动画 250
15.2.1 创建补间动画的方法 250
15.2.2 利用动画补间创建对象的缩放与淡出效果 250
15.3 创建形状补间动画 252
15.3.1 创建形状补间动画的方法和技巧 252
15.3.2 创建形状补间动画实例 253
15.4　编辑与处理声音 255
15.4.1　导入声音 255
15.4.2　添加声音 255
15.4.3　编辑声音 257
15.5　制作视频动画 259
第16章 使用Photoshop CC制作网页图像 261
16.1 编辑图像文件 261
16.1.1 新建与保存网页图像文件 261
16.1.2 打开网页图像文件 263
16.2 使用页面布局工具 263
16.2.1 使用标尺 263
16.2.2 使用参考线 264
16.2.3 使用矩形工具 265
16.2.4 使用直线工具 266
16.2.5 使用单行（列）选框工具 266
16.3　设置前景色和背景色 267
16.4 创建选择区域 268
16.4.1 选框工具 268
16.4.2 套索工具 268
16.4.3 魔棒工具 269
16.4.4 制作透明图像 269
16.5 基本绘图工具 271
16.5.1 画笔工具 271
16.5.2 铅笔工具 272
16.5.3 减淡和加深工具 273
16.6 实战演练——绘制网站标志 274
第17章 网页切片输出与动画制作 277
17.1 创建与编辑切片 277
17.1.1 切片方法 277
17.1.2 编辑切片选项 278
17.1.3 优化和输出切片 279
17.2 保存图像 280
17.3 创建GIF动画 281
17.3.1 认识“动画”面板 281
17.3.2 创建动画 282
17.3.3 存储动画 285
17.4 实战演练——企业网站首页 285
第18章 Photoshop网页图像设计 289
18.1 网站Logo的制作 289
18.2　网站Banner的制作 292
18.3 网站按钮的制作 294
18.4　导航条的制作 296
18.5　文字特效的设计 298
18.5.1　绚彩果冻字 298
18.5.2　立体多彩字 300
第19章 HTML 5与CSS 3指南 303
19.1 HTML 5简介 303
19.1.1 HTML 5的特点 303
19.1.2 HTML 5的基本布局 304
19.2 HTML 5结构元素 307
19.2.1 header 308
19.2.2 nav 309
19.2.3 footer 309
19.2.4 article 310
19.3 预览激动人心的CSS 3 311
19.3.1 CSS 3的发展历史 311
19.3.2　CSS 3的新增特性 311
19.3.3　主流浏览器对CSS 3的支持 317
19.4 使用CSS 3实现圆角表格 317
第20章 设计企业宣传型网站 319
20.1 网站的前期策划 319
20.1.1 明确企业网站的建站目的 319
20.1.2 网站的总体策划 320
20.2 网站的版面布局及色彩 320
20.2.1 确定网站的色彩 320
20.2.2 草案及粗略布局 321
20.3 网站首页的设计 322
20.3.1 首页的设计 322
20.3.2 切割首页 326
20.4 本地站点的创建 327
20.5 二级模板页面的设计 329
20.5.1 创建库文件 329
20.5.2 创建模板 331
20.5.3 利用模板创建二级页面 335
第21章 网站的推广与SEO优化 338
21.1　网站的推广 338
21.1.1 网站推广的目的 338
21.1.2 网站推广的方式 339
21.2　网站的维护 342
21.2.1 网站的软硬件维护 342
21.2.2 网站的内容维护 343
21.2.3 网站备份 343
21.3　搜索引擎优化SEO 344
21.3.1 什么是搜索引擎 344
21.3.2 影响SEO排名的因素 344
21.3.3 理解搜索引擎关键字 346

.　　编 者
　　2014年6月
　　

.　　图1-2 动态网页
　　动态网页制作比较复杂，需要用到ASP、PHP、JSP和ASP.NET等专门的动态网页设计语言。
　　动态网页的一般特点如下。
　　动态网页以数据库技术为基础，可以大大降低网站维护的工作量。
　　采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。
　　动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。
　　1.1.2 Web标准的概念和特点
　　Web标准是由W3C和其他标准化组织制定的一套规范集合，Web标准的目的在于创建一个统一的用于Web表现层的技术标准，以便通过不同浏览器或终端设备向最终用户展示信息内容。
　　Web标准由一系列规范组成，目前的Web标准主要由3大部分组成：结构（Structure）、表现（Presentation）、行为（Behavior）。真正符合Web标准的网页设计是指能够灵活使用Web标准对Web内容进行结构、表现与行为的分离。
　　1．结构（Structure）
　　结构对网页中用到的信息进行分类与整理。在结构中用到的技术主要包括HTML、XML和XHTML。
　　2．表现（Presentation）
　　表现用于对信息进行版式、颜色、大小等形式控制。在表现中用到的技术主要是CSS层叠样式表。
　　3．行为（Behavior）
　　行为是指文档内部的模型定义及交互行为的编写，用于编写交互式的文档。在行为中用到的技术主要包括DOM和ECMAScript。
　　（1）DOM（Document Object Model）文档对象模型
　　DOM是浏览器与内容结构之间的沟通接口，读者可以通过它访问页面上的标准组件。
　　（2）ECMAScript脚本语言
　　ECMAScript是标准脚本语言，用于实现具体界面上对象的交互操作。
　　1.1.3 网页设计师应该具备的素养
　　网页设计是一门新兴行业，在网络产生以后应运而生。网页如门面，小到个人，大到公司、政府部门以及国际组织等在网络上无不以网页作为自己的门面。当单击进入网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用等。这一切都是网页设计的范畴，都是网页设计师的工作。作为一名网页设计师应该具备哪些素养呢？
　　作为一名网页设计师，首先要具备较强的审美能力和美术功底。如果没有，那么一定想办法加强这两个方面的能力。如果确实没办法提高这两方面的能力，那就很难成为一名优秀的网页设计师。
　　优秀的网页设计师应该是合理地利用技术，在尽量不影响美观的条件下，找到一个结合点做出既美观又实用的网页。
　　作为一名优秀的设计师应该时时关注软件的新发展，适应新功能，以提高工作效率，很多设计师只重视网页制作软件的使用，而忽视一些内部技术方面的知识，这是不行的，例如，不掌握ASP技术，网页设计师的知识是不完善的，就不能做一些动态系统，还要掌握HTML、JavaScript和CSS等技术。
　　作为一名优秀的网页设计师，一定的文化素质是必不可少的。好的文案，不仅仅让人对你所做的网页回味无穷，也可使自己的网页平添几分艺术特色。文化素质不仅仅包括文学修养，还有音乐和绘画等方面的修养。只有在这些方面具备一定的修养，才能够使自己的网页达到一定的水准，才能够让浏览者欣赏到好的网页制作。
　　作为一名从事网页设计的人来说，应经常上网去看别人怎么做的，吸收一些好的经验，杜绝一些常犯的毛病。了解到网页风格的发展，跟上时代潮流。
　　1.2 常用网页设计软件
　　如果您对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么可以选择下面的几种软件来设计网页，它们一定会为你的网页添色不少。
　　1.2.1 网页编辑排版软件：Dreamweaver CC
　　近年来，随着网络信息技术的广泛应用，互联网正逐步改变着人们的生活和工作方式。越来越多的个人、企业纷纷建立自己的网站，利用网站来宣传和推广自己。这样，就出现了很多的网页制作软件，如Adobe公司的Dreamweaver无疑是其中使用最为广泛的一个，它以强大的功能和友好的操作界面受到了广大网页设计者的欢迎，成为设计者制作网页的首选软件。特别是最新版本的Dreamweaver CC软件新增了许多功能，可以帮助用户在更短的时间内完成更多的工作。如图1-3所示为网页制作软件Dreamweaver CC的操作界面。
　　图1-3 网页制作软件Dreamweaver CC
　　1.2.2 网页动画制作软件：Flash CC
　　Flash是一款非常流行的平面动画制作软件，被广泛应用于网站制作、游戏制作、影视广告、电子贺卡、电子杂志、MV制作等领域。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。用户可以用其生成动画，还可在网页中加入声音，从而生成多媒体的图形和界面。Flash CC Professional是目前Flash的新版本，如图1-4所示为网页动画制作软件Flash CC的操作界面。
　　图1-4 网页动画制作软件Flash CC
　　1.2.3 网页图像设计软件：Photoshop CC
　　Photoshop是被业界公认的图形图像处理专家，也是全球性的专业图像编辑行业标准。Photoshop CC是Adobe公司的图像编辑软件，它提供了高效的图像编辑和处理功能、人性化的操作界面，深受美术设计人员的青睐。Photoshop CC集图像设计、合成以及高品质输出等功能于一身，广泛应用于平面设计、数码照片后期处理、建筑效果后期处理等诸多领域。该软件在网页前期设计中，无论是色彩的应用、版面的设计、文字特效、按钮的制作以及网页动画，均占有重要地位。如图1-5所示为网页图像设计软件Photoshop CC的操作界面。
　　图1-5 网页图像设计软件Photoshop CC
　　1.3 网站开发常用语言
　　仅仅学会了网页制作工具，是不能制作出动态网站的，还需要了解网站开发语言，如网页标记语言HTML、网页脚本语言JavaScript、动态网页编程语言ASP等。
　　1.3.1 网页标记语言：HTML
　　网页文档主要是由HTML构成。HTML的全名是Hyper Text Markup Language，即超文本标记语言，是用来描述WWW上超文本文件的语言，用它编写的文件扩展名是.html或.htm。
　　HTML不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的内容，说明段落、标题、图像、字体等在浏览器中的显示效果。浏览器打开HTML文件时，将依据HTML标记去显示内容。
　　HTML能够将Internet上不同服务器上的文件连接起来，可以将文字、声音、图像、动画、视频等媒体有机组织起来，展现给用户五彩缤纷的画面。此外，它还可以接受用户信息，与数据库相连，实现用户的查询请求等交互功能。
　　HTML的任何标记都由“(”和“)”围起来，如(html)、(i)。在起始标记的标记名前加上符号“/”便是其终止标记，如(/i)，夹在起始标记和终止标记之间的内容受标记的控制，例如(i)幸福永远(/i)，夹在标记i之间的“幸福永远”将受标记i的控制。
　　下面将讲述HTML的基本结构。
　　1．(html)标记
　　(html)标记用于HTML文档的最前边，用来标识HTML文档的开始，而(/html)标记恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标记必须一起使用。
　　2．(head)标记
　　(head)和(/head)构成HTML文档的开头部分，在此标记对之间可以使用(title)(/title)、(script)(/script)等标记对，这些标记对都是描述HTML文档相关信息的标记对，(head)(/head)标记对之间的内容不会在浏览器的框内显示出来，两个标记必须一起使用。
　　3．(body)标记
　　(body)(/body)是HTML文档的主体部分，在此标记对之间可包含(p)(/p)、(h1)(/h1)、(br)(/br)等众多的标记，它们所定义的文本、图像等将会在浏览器内显示出来，两个标记必须一起使用。
　　4．(title)标记
　　使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，而这些信息一般是网页的“标题”，要将网页的标题显示到浏览器的顶部其实很简单，只要在(title)(/title)标记对之间加入要显示的文本即可。
　　CSS是英语Cascading Style Sheets（层叠样式表）的缩写，它可以与HTML或XHTML超文本标记语言配合来定义网页的外观。
　　在网页设计中通常需要统一网页的整体风格，统一的风格大部分涉及到网页中的文字属性、网页背景色以及链接文字属性等，如果我们应用CSS来控制这些属性，会大大提高网页设计速度，更加统一网页总体效果。如图1-6和图1-7所示的网页分别为使用CSS前后的效果。
　　图1-6 使用CSS前 图1-7 使用CSS后
　　当熟练掌握了Dreamweaver的基本功能后，可能会发现制作的网页有些问题，例如文字不能添加在图片上，段落之间不能设置行距。有时即使懂得一些HTML标记，但是还不能随意改变网页元素的外观，无法随心所欲的编排网页，因此W3C协会颁布了一套CSS语法，用来扩展HTML语法的功能。CSS是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的标记主要是定义网页的内容，而CSS将决定这些网页内容如何显示。
　　1.3.2 网页脚本语言：JavaScript
　　使用JavaScript等简单易懂的脚本语言，结合HTML代码可快速完成网站的应用程序。脚本语言（JavaScript、VBScript等）介于HTML和C、C++、Java、C#等编程语言之间。脚本是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画、声音等。
　　脚本同VB、C语言的主要区别如下。
　　脚本语法比较简单，容易掌握。
　　脚本与应用程序密切相关，所以包括相对应用程序自身的功能。
　　脚本一般不具备通用性，所能处理的问题范围有限。
　　脚本多为解释执行。
　　下面通过一个简单的实例来熟悉JavaScript的基本使用方法。
　　(!doctype html)
　　(html)
　　(head)
　　(meta charset="utf-8")
　　(title)JavaScript(/title)
　　(/head)
　　(body)
　　(script language="javascript")
　　document.write("(font size=10 color=#fchfdm)JavaScript的基本使用方法!(/font)");
　　(/script)
　　(/body)
　　(/html)
　　在上述代码中，加粗部分的代码就是JavaScript脚本的具体应用，效果如图1-8所示。
　　图1-8 JavaScript脚本
　　以上代码是简单的JavaScript脚本，它分为3部分：
　　第1部分是script language="javascript"，它告诉浏览器“下面的是JavaScript脚本”。开头使用(script)标记，表示这是一个脚本的开始，在(script)标记里使用language指明使用哪一种脚本，因为并不只存在JavaScript一种脚本，还有VBScript等脚本，所以这里要使用language属性指明使用的是JavaScript脚本。
　　第2部分就是JavaScript脚本，用于创建对象，定义函数或是直接执行某一功能。
　　第3部分是(/script)，它用来告诉浏览器JavaScript脚本到此结束。
　　1.3.3 动态网页编程语言：ASP
　　ASP是Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其他程序进行交互，是一种简单、方便的编程工具。ASP的网页文件格式是.asp，常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容，也可以创建使用HTML网页作为用户界面的Web应用程序。如图1-9所示为动态ASP网页的工作原理。
　　图1-9 动态网页的工作原理图
　　与HTML相比，ASP网页具有以下特点。
　　利用ASP可以突破静态网页的一些功能限制，实现动态网页技术。
　　ASP文件是包含在HTML代码所组成的文件中，易于修改和测试。
　　服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页。
　　ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从Web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向Web浏览器发送信息。
　　ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如访问数据库、收发E-mail或访问文件系统等。
　　由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此用户不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。
　　1.4 网站的类型与特点
　　网站是多个网页的集合，目前没有一个严谨的网站分类方式，只是将网站按照主体性质的不同分为资讯类网站、电子商务类网站、娱乐类网站、机构类网站、时尚类网站、门户类网站等。
　　1.4.1 资讯类网站
　　随着网络的发展，作为一个全新的媒体，新闻资讯网站受到越来越多的关注。它具有传播速度快、传播范围广、不受时间和空间限制等特点，因此新闻网站得到了飞速的发展。新闻资讯网站以其新闻传播领域的丰富网络资源，逐渐成为继传统媒体之后的第4新闻媒体，如图1-10所示。
　　图1-10 新闻资讯类网站
　　1.4.2 电子商务类网站
　　电子商务类网站为浏览者搭建起一个网络平台，浏览者和潜在客户在这个平台上可以进行整个交易/交流过程，电子商务型网站业务更依赖于互联网，是公开的信息仓库。
　　所谓电子商务是指利用当代计算机、网络通信等技术实现各种商务活动的信息化、数字化、无纸化和国际化。狭义上说，电子商务就是电子贸易，主要是指利用在网上进行电子交易、买卖产品和提供服务，如图1-11所示为当当购物网站。从广义上说，电子商务还包括企业内部的商务活动，如生产、管理、财务以及企业间的商务活动等。
　　1.4.3 娱乐类网站
　　随着互联网的飞速发展，不仅涌现出了很多个人网站和商业网站，也产生了很多的娱乐休闲类网站，如电影网站、音乐网站、游戏网站、交友网站、社区论坛、手机短信网站等。这些网站为广大网民提供了娱乐休闲的场所。
　　图1-11 当当购物网站
　　网络游戏是当今网络中热门的一个行业，许多门户网站也专门增加了游戏频道。网络游戏的网站与传统游戏的网站设计略有不同，一般情况下是以矢量风格的卡通插图为主体，色彩对比鲜明。渐变的背景色彩使页面看起来十分明亮，少许立体感的游戏风格使页面看起来十分可爱，带有西方童话色彩的框架设计使网站看起来十分特别，如图1-12所示。
　　图1-12 游戏网站
　　1.4.4 机构类网站
　　所谓机构类网站通常是指政府机关、非营利性机构或相关社团组织建立的网站，网站的内容多以机构或社团的形象宣传和政府服务为主，网站的设计通常风格一致，受众面也较为明确，内容上相对较为单一，如图1-3所示为机构类网站。
　　图1-13 机构类网站
　　1.4.5 时尚类网站
　　追求流行是充满活力的年轻人秉持的生活态度。时尚则是各种流行文化和设计理念的交汇与碰撞。如图1-14所示的某时尚网，体现着时尚、潮流，融合最前沿的文化信息。
　　图1-14 时尚网站
　　1.4.6 门户类网站
　　门户类网站是互联网的巨人，它们拥有庞大的信息量和用户资源。门户网站将无数信息整合、分类，为上网访问者打开方便之门，绝大多数网民通过门户网站来寻找感兴趣的信息资源，巨大的访问量给这类网站带来了无限的商机，如图1-15所示。
　　图1-15 门户网站
　　1.5 网站建设流程概述
　　创建网站是一个系统工程，有一定的工作流程，只有按部就班地来才能设计出满意的网站，因此在制作网站前，先要了解网站建设的基本流程，这样才能制作出更好、更合理的网站。
　　1.5.1 了解客户的需求
　　网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计网站的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以“消费者”为中心，而不是以“美术”为中心进行设计规划。在设计规划之初要考虑以下内容：建设网站的目的是什么？为谁提供产品和服务？企业能提供什么样的产品和服务？企业的产品和服务适合什么样的表现方式？
　　1.5.2 制作项目规划文案
　　与客户沟通并了解网站项目的需求后，便可着手制作项目规划文案，将项目制作规范化。项目规划文案包括项目可实施性报告、网站建设定位及目标、网站内容总策划书、技术解决方案、网站推广方案以及网站运营规划书等内容的文档。
　　项目可实施性报告：包括对相关行业的市场分析、竞争对手的网站分析和自身条件分析。通过市场分析可以找到合适的市场切入点。而通过对手网站和自身条件分析，可以借鉴对手的优点并找出对手的劣势，再结合自身条件制定出可行的网站设计方案。
　　网站建设定位及目标：定位网站的功能和作用，以及网站面向的用户群体。网站建设目标则包括建设初期的目标、中期目标以及长远目标等。
　　网站内容总策划书：包括网站内容规划、网站设计与功能规范，以及网站建设日程表。网站内容规划又包括网站名称、网站域名、网站概述、首页要求、网站效果和后台的具体内容，以及网站的参考资料。而网站设计与功能规范则是网站设计师、美术编辑人员以及测试人员的工作规范，包括质量要求以及设计时的注意事项。网站建设日程表则详细地规定了网站建设的每一个步骤所耗费的时间。
　　技术解决方案：包括建设和维护网站时的网络要求、硬件要求、软件要求以及网站程序开发的技术支持。网络要求主要是指连接网站的网络带宽以及网络稳定性。硬件要求主要是指网站服务器的硬件要求，包括数据处理能力、数据容量以及稳定性等。软件要求主要是指服务器使用的操作系统以及服务器软件等，而网站程序开发的技术支持则指开发网站时使用的脚本技术、数据库技术等。
　　网站推广方案：包括网站初步推广计划以及网站深度推广计划。例如，可以在搜索引擎注册网站、申请友情链接、到各大论坛发布广告，以及在此基础上印制宣传品，如名片、文化衫、海报等。
　　网站运营规划书：可规定网站的建设和维护团队、团队成员的权力和责任，以及网站的运营方式。
　　1.5.3 规划网站内容
　　一个成功的网站一定要注重外观布局。外观是给用户的第一印象，若给浏览者留下一个好的印象，那么他看下去或再次光顾的可能性才更大。但是一个网站要想留住更多的用户，最重要的还是网站的内容。网站内容是一个网站的灵魂，内容做得好，做到有自己的特色才会脱颖而出。做内容，一定要做出自己的特点来。当然有一点需要注意的是，不要为了差异化而差异化，只有满足用户核心需求的差异化才是有效的，否则跟模仿其他网站功能没有实质的区别。
　　网站的内容是浏览者停留时间的决定要素，内容空泛的网站，访客会匆匆离去。只有内容充实、丰富的网站，才能吸引访客细细阅读，深入了解网站的产品和服务，进而产生合作的意向。
　　1.5.4 设计网页图像
　　在确定好网站的风格和搜集完资料后就需要设计网页图像了，网页图像设计包括Logo、标准色彩、导航条和首页布局等。可以使用Photoshop或Fireworks软件来具体设计网站的图像。有经验的网页设计者，通常会在进行网页制作之前，设计好网页的整体布局，这样在具体设计过程中将会胸有成竹，大大节省工作时间，如图1-16所示为设计好的网页图像。
　　图1-16 设计好的网页图像
　　1.5.5 制作网页
　　网页设计是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序制作。所谓先大后小，就是指在制作网页时，先把大的结构设计好，然后逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后设计复杂的内容，以便在出现问题时容易修改。
　　根据站点目标和用户对象去设计网页的版式以及网页内容的安排。一般来说，至少应该对一些主要的页面设计好布局，以确定网页的风格。
　　在制作网页时要灵活运用模板和库，这样可以大大提高制作效率。如果很多网页都使用相同的版面设计，就应为这个版面设计一个模板，然后就可以以此模板为基础创建网页。以后如果想要改变所有网页的版面设计，只需简单改变模板即可，如图1-17所示为使用模板制作的网页。
　　图1-17 制作的网页模板
　　1.5.6 开发动态网站模块
　　页面制作完成后，如果还需要动态功能的话，就需要开发动态功能模块，网站中常用的功能模块包括搜索功能、留言板、新闻发布、在线购物、论坛及聊天室等。如图1-18所示为开发的动态购物网站模块。
　　图1-18 开发的动态购物网站模块
　　1.5.7 申请域名和服务器空间
　　域名是企业或事业单位在Internet上进行相互联络的网络地址。在网络时代，域名是企业和事业单位进入Internet必不可少的身份证明。
　　国际域名资源是十分有限的，为了满足更多企业、事业单位的申请要求，各个国家、地区在域名最后加上了国家标记段，由此形成了各个国家、地区的域名，如中国是cn、日本是jp等，这样就扩大了域名的数量，满足了用户的要求。
　　注册域名前应该在域名查询系统中查询所希望注册的域名是否已经被注册。几乎每一个域名注册服务商在自己的网站上都提供查询服务，如图1-19所示在“中国互联”申请注册域名。