1.2 任务1 网站建设的需求分析

任何一个项目的开发都是一个系统的工程，对于一个Web应用程序的开发来说，不管是做一个只有几页的简单的网站，还是做一个复杂的包含各类新技术的网站，都要在网站建设前做好基本的准备工作。

解决方案

为完成本任务，要完成以下几个方面的工作：

（1）了解网站的基本结构；

（2）了解网站的组成要素；

（3）了解如何建设一个好的网站。

1.2.1 认识网站

在正式开始网站建设之前，首先要对网站有一个初步的认识。下面通过对几个网站的访问来了解网站的基本内容。

一、实战演练

1．网易网站

通过在浏览器中输入www.163.com，打开网易网站。从如图1-3所示网易首页的内容可以看到，网页上充满了各类信息及信息的导航，这些信息服务是免费的，但在页面上充满了许多广告是收费的，是这类门户网站的主要收入之一。这类网站的主要特点是信息量大、广告多，充分利用页面的空间，文字小、密度大，而且主页的长度有多个屏幕。这类网站主要利用信息的快速更新来吸引网民，目前我国像这类较大的信息资源服务网站还有搜狐（www.sohu.com）、新浪（www.sina.com）等，是互联网用户生活中不可或缺的部分。

2．政府网站

如图1-4所示的政府网站的设计采用了传统的设计方法，在整个网站的布局中严谨而庄重，整个页面的色彩统一、主题突出。在这类网站的设计过程中充分考虑了使用不同显示器分辨率的用户，页面的大小正好充满一个屏幕，用户可以一目了然地浏览主页的全部内容。

3．当当网网上购物中心

如图1-5所示的当当网是一个典型的电子商务网站，该网站以销售图书、音像制品为主，兼具发展小家电、玩具、网络游戏点卡等其他多种商品的销售。这类网站的设计模式与网易这类信息门户网站有相似之处，整个网站充满着产品信息和产品广告，信息量大。电子商务网站主要提供一些组织商业的运作，电子商务常见的模式有企业对企业（B to B）、企业对客户（B to C）、客户对客户（C to C）。随着电子商务这类商业运作模式在网民中的认可，这类网站在近几年得到了快速发展。

二、知识点

1．网站类型

目前Internet上的网站很多，对网站的分类也有很多种，大致可以分为信息提供型、电子商务型和政府企业门户型。不同网站可能属于不同的类型，即使相同类型的网站也可能在内容、服务和风格上千变万化、各不相同，但作为一个完整的功能实体，它们又具有很多相同的特征。

目前在互联网中常见的网站还有：

1）导航网站

这类网站包括搜索引擎和网站目录。用户通过输入所需查找信息的几个关键字就可以快速查询到所需的网站或内容，如百度（www.baidu.com）。导航网站的另一种形式是对互联网上的网站设立分类导航，用户通过单击上面的超链接就可以转到浏览的目标网站，如网址之家（www.hao123.com）。

2）教育网站

这类网站极大地方便了人们继续学习和知识的提升。这类网站除了一些专门的远程教育网站外，还包括一些科普网站、个人学习网站、行业学习网站等。如CSDN社区中心就是计算机技术类大型学习社区，为IT专业技术人员提供了最全面的信息传播和学习服务的平台，学习者不仅可以在上面找到自己想要的学习资料，也可以通过这个网站解决自己的技术难题。

3）财经网站

这类网站可提供强大的咨询、交流平台，协助客户迅速建立自己的客户群体，同时将各种应用系统、数据资源和互联网资源集成到一个信息管理平台上，并以统一的用户界面提供给用户。

4）娱乐网站

这类网站主要提供各种娱乐方式，如在线游戏、在线影院等都是典型的娱乐网站。

2．网页基本元素

网页的基本元素包括标题、网站LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排，就是网页的整体布局。

1）标题

每个网页的最顶端都有一条信息，它往往出现在浏览器的标题栏，而非网页中，但是它也是网页布局中的一部分。这条信息是对这个网页中主要内容的提示，即标题。

2）网站LOGO

LOGO是网站所有者对外宣传自身形象的工具。LOGO集中体现了这个网站的文化内涵和内容定位，使人们在看到LOGO标志的同时，自然地产生联想，从而对所代表事物产生认同。LOGO是网站形象的重要体现。对于精美的网站，LOGO更是它的灵魂所在。LOGO也是与其他网站链接及让其他网站链接的标志和门户。一个好的LOGO应具备以下条件：符合国际标准、精美、独特，与网站的整体风格相融，能够体现网站的类型、内容和风格。

3）页眉

网页的上端即页面的页眉。并不是在所有的网页中都有页眉，一些特殊的网页就没有明确划分出页眉。页眉往往在一个页面中相当重要的位置，容易引起浏览者的注意，所以很多网站都会在页眉中设置宣传本网站的内容，如网站宗旨、网站LOGO等，也有一些网站将这个“黄金地段”作为广告位出租。

4）页脚

网页的最底端部分被称为页脚，页脚部分通常被用来介绍网站所有者的具体信息和联络方式，如名称、地址、联系方式、版权信息等。其中一些内容被做成标题式的超链接，引导浏览者进一步了解详细的内容。

5）功能区

功能区是网站主要功能的集中表现，一般位于网页的右上方或右侧边栏。功能区包括：电子邮件、信息发布、用户名注册、登录网站等内容。有些网站使用IP定位功能，定位浏览者所在地，然后可在功能区显示当地的天气、新闻等个性化信息。

6）主体内容

主体内容一般由图片和文档构成，现在一些网站的主体内容中还加入了视频、音频等多媒体文件。由于人们的阅读习惯是由上至下、由左至右，所以主体内容的分布也是这个规律，依照重要到不重要的顺序安排内容。在主体内容中，左上方的内容是最重要的。

主体内容是网页中最重要的元素。主体内容并不完整，往往由下一级内容的标题、内容提要、内容摘编的超链接构成。主体内容借助超链接，可以利用一个页面高度概括几个页面所表达的内容，而首页的主体内容甚至能在一个页面中高度概括整个网站的内容。

7）导航区

如果说主体内容重要的话，那么导航区的重要性与其不相上下，甚至导航区的设计可以成为一种独立的设计，与网页布局设计分庭抗礼。之所以说导航区重要，是因为其所在位置左右着整个网页布局的设计。导航区一般分为4种位置，分别是左侧、右侧、顶部和底部。一般网站使用的导航区都是单一的，但是也有一些网站为了使网页更便于浏览者操作，增加可访问性，往往采用了多导航技术，如Yahoo!网站采用了左侧导航与底部导航相结合的方式。但是无论采用几个导航区，网站中每个页面的导航区位置均是固定的。

8）广告区

广告区是网站实现盈利或自我展示的区域，一般位于网页的页眉、右侧和底部。广告区内容以文字、图像、Flash动画为主，通过吸引浏览者单击链接的方式达到广告效果。广告区设置要明显、合理、引人注目，这对整个网站的布局很重要。

3．网页的整体布局结构

网页的基本元素包括标题在网页中的位置安排，就是网页的整体布局。

网页布局都是有一定规则的，纵观各类网页可以归纳为：左右对称结构布局、“同”字型结构布局、“回”字型结构布局、“匡”字型结构布局、“丁”字型结构布局、自由式结构布局、“另类”结构布局等。

4．网站建设的基本原则

建设网站是一件很容易的事，但建设一个好网站是一件困难的事。网站建设的过程中，对网站规模、业务背景要进行深入分析，对结构规划、页面设计及数据库设计等每一步都要做完整的策划。事前全面、充分的准备，将有效地提高后续工作的效率和质量，如果网站的设计人员在网站项目开始时没有做好充分的准备，那么在网站的设计、维护过程中就容易出现各种问题。

1）网站的总体目标

网站建设的第一步就是确定整体目标，很多网站因为缺少清晰的目标而最终失败。网站项目能否最终获得成功，取决于能否对各种相关需求进行有效的收集和整理，需求来自于潜在访问者及网站的所有者。如何更好地了解、分析、明确用户需求，保证网站项目的成功，是每个网站项目管理者需要面对的问题。在确定目标时一定要考虑的问题是：这个网站能够做什么？为什么要做这个网站？

在实际工作中，设计人员会发现，不断有各种需求出现。这些需求来自于设计人员、客户的建设性意见或者灵感，设计人员应该将其中积极可行的需求转化为相应的功能。相反，一些不良的需求会影响项目的稳定性，这样的需求包括客户不断否定、修改前期提出的需求，在预算不充分的情况下实现某些高成本的需求等。

实际上，一个网站不可能满足所有人的需求，所以在确定总体目标时不仅要收集来自各方面信息，包括客户、网站开发团队甚至包括浏览的用户群体，更关键的是对这些信息进行提炼，确定网站特定的任务和特定的用户群。

2）网站的用户群

一个网站成功的关键不是有好的域名，也不是做得有多漂亮，而是能够吸引客户，因为没有使用者去光顾，任何自认为再好的网站都是没有意义的。网站的成功建立在不断地了解用户、满足用户的过程中，而为了及时了解用户的需求，就必须拥有与用户有效沟通的渠道。

3）网站的功能

目前网站的功能有很多，但也不是功能越多网站就越完整。一个网站应该具备哪些功能应该与网站的总体目标一致，如一个电子商务网站，购物车是必备的功能；而一个政府网站，新闻系统却是不可少的。目前常见的网站功能有：新闻发布系统、留言板、论坛、网站计数器、Web邮件、用户注册系统、信息下载、信息搜索、购物车、后台管理系统等。

随着Internet技术的发展这些功能不是一成不变的，还会有新的功能出现在网站开发中。

4）网站的响应时间

目前国内的网络传输资源极为有限，因此使用图形时一定要考虑传输时间的问题。根据经验与统计，使用者可以忍受的最长等待时间大约是90s，如果页面无法在这段时间内传输并显示完毕，那么使用者就会毫不留情地掉头离去。因此必须依据HTML文件、图形文件的大小，考虑传输速率、延迟时间、网络交通状况，以及服务端与客户端的软、硬件条件，估算页面的传输与显示时间。

5）网站的易访问性

网站的易访问性是指网站能够被其访问者访问的难易程度。不同类型的网站根据网站的易访问性的提高将有效改善搜索引擎对网站的索引，使用户更容易访问信息和获得相关的服务。

6）网站的易维护性

建站容易维护难。对于网站来说，只有不断地更新内容，才能保证网站的生命力。而许多网站使用单位的维护者不一定具备专业知识，所以网站的易维护性是网站开发人员必须掌握的因素。

三、任务拓展

本节完成一个课内拓展实践任务。

1.2.2 网站的要素

网站是一个综合体，一个完整的网站由多方面的元素组成。其中，网址、服务器、浏览器、网页是组成网站的主要元素。

一、实战演练

（1）打开浏览，在浏览器的地址栏中输入网站。

（2）单击网页中的链接，观察状态栏和地址栏的变化。

二、知识点

正如前面所说的，网站开发是一项系统工程，所涉及的内容比较多。一个网站能正常运行应具备以下四个基本要素：

1．网址

用户在浏览器中输入网址访问网站，在浏览器中看到并通过超链接进一步访问相关网页。网址是Internet上标示网站的地址。

1）IP地址

IP地址就是给每个连接在Internet上的主机分配的一个32 bit地址，通常由4组数字组成，中间由小圆点分隔，如192.168.40.120。

Internet上的每台主机都有一个唯一的IP地址。IP协议就是使用这个地址在主机之间传递信息的，这是Internet运行的基础。IP地址分为4段，每段8位，用十进制数字表示，每段数字范围为0～255。IP地址根据网络ID的不同分为A、B、C、D、E五种类型，常用的是B和C两类。不同类的地址有不同的作用。

2）域名地址

由于IP地址是数字型的，比较难理解和记忆，因此通常用另外一种表示方式即域名地址来表示。

域名地址的结构是一个树形结构，包括计算机名、组织机构名、网络类型名、最高层域名。因此，域名结构由若干分量组成，各个分量之间用点隔开：….三级域名.二级域名.顶级域名，如acm.zju.edu.cn。各分量代表不同级别的域名，级别最低的域名写在最左边，级别最高的顶级域名则写在最右边。完整的域名不能够超过255个字符。一个域名包含的下级域名的数目并没有明确的规定，各级域名由各自的上一级域名管理机构管理，而最高级的顶级域名则由因特网的有关机构管理。

域名地址要经过注册才能使用。最为通用的域名.com/.net的管理机构是ICANN，但ICANN并不负责域名注册，它只是管理其授权的域名注册商，如万网、新网等。每一个域名的注册都是独一无二、不可重复的。因此，在网络上，域名是一种相对有限的资源，它的价值将随着注册企业的增多而逐步为人们所重视。在网址栏里输入域名地址，由DNS服务器将域名地址翻译为该域名所对应的IP地址后，才能正常连接目标服务器。

常见的域名类型如下：

com—Commercial organizations 工、商、金融等企业

edu—Educational institutions 教育机构

gov—Governmental entities 政府部门

mil—Military 军事机构

net—Network operations and service centers 互联网络、接入网络的信息中心和运行中心

org—Other organizations 各种非盈利性的组织

cn—中国专用的顶级域名

3）URL

URL（Universal Resource Locator，统一资源定位器）用于完整地描述Internet上网页和其他资源地址的一种标识方法。URL由三部分组成：协议类型、主机名、路径及文件名。通过URL浏览器可以访问到用户所要查询的信息资源，如http://women.sohu.com/20100201/n269918641.shtml，其中http是协议类型，women.sohu.com是主机名，/20100201/ n269918641. shtml则是路径及文件名。

常见的协议类型如下：

✧ http：文件在Web服务器上；

✧ file：用于浏览本地文件，如file://E:/ShowA.htm；

✧ ftp：在FTP服务器上，用于文件的上传与下载，如ftp://home.163.com；

✧ mailto：用于发送电子邮件，如mailto:abc@xxx.com；

✧ news：可以访问Internet中各种各样的新闻组，如news:msnews.microsoft.com；

✧ Telnet：Internet远程登陆服务的标准协议和主要方式；

URL可以分为绝对地址和相对地址。从协议开始的URL称为绝对地址，如http://women.sohu.com；从非协议开始的URL地址称为相对地址，如www.baidu.com。

2．Web服务器

Web服务器是互联网的节点，存储、处理网络上的数据、信息，一个Web服务器包括两个平台：硬件和软件。

硬件平台通常就是指计算机，根据网站的信息量的大小来选择计算机类型，对于一些小型的网站，一台普通的个人电脑也可以作服务器。

软件平台包括服务器操作系统和Web服务器。常见服务器操作系统有Windows NT/2000/2003/Server、Unix、Linux；常见的Web服务器有IIS、Apache、Tomcat、NetBox。

一般Windows系列的操作系统选择IIS作为Web服务器软件，而Unix和Linux则常选择Apache或Tomcat。

自建Web网站服务器不仅费用非常高，同时还需要专业的维护人员。有的企业在购买服务器后将其托管于一些网络服务机构，而对于一些中小型网站来说，采用租用虚拟空间的方式则是比较经济的选择。

3．浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。浏览器包括微软的Internet Explorer、Mozilla的Firefox、Apple的Safari及国内常用的遨游等，浏览器是最经常使用的客户端程序。

4．网页

网页是构成网站的基本元素，是能通过浏览器解释后显示出来的一类文件。网页可以笼统地分为动态网页和静态网页。静态网页文件一般以.htm或.html为后缀，俗称HTML文件；动态网页有不同后缀的网页文件，如.ASP、.ASPX、.PHP、.JSP等。

静态网页的内容是相对固定的，如果要修改静态网页的内容，必须打开网页文件进行修改。而动态网页上的信息则会根据用户的浏览条件自动生成或更新。

静态网页直接由浏览器解释并显示；动态网页则通过网站服务器运行生成后再传送给浏览器解释并显示。如图1-6所示表示了动态网页和静态网页的生成过程。

静态网页的工作过程主要分为三步：

（1）浏览器（即客户端）将用户提出的访问请求发给Web服务器；

（2）Web服务器响应请求，并把找到的HTML文件返回给浏览器；

（3）浏览器显示请求获得的页面。

动态网页的工作过程则繁杂得多，主要的工作步骤如下：

（1）浏览器将用户提出的访问请求发给Web服务器；

（2）Web服务器响应请求，并向数据库发出提取数据命令；

（3）数据库得到请求后，验证请求的合法性，对数据进行处理后将处理结果返回给Web服务器；

（4）Web服务器通过编译把动态页面编译成标准的HTML代码，传递给用户浏览器；

（5）浏览器显示请求获得的页面。