理论教育 深入了解网站的建设过程

深入了解网站的建设过程

时间:2023-06-09 理论教育 版权反馈
【摘要】:任务描述网站是企事业单位不可缺少的部分,它不但可以展示自身形象、发布产品信息、联系网上客户,而且可以通过电子商务开拓新的市场,以较少的投入获得较大的收益。微网站是移动互联网的发展趋势。Web 2.0相对于Web 1.0具有更好的交互性和黏性。图4-1所示为新浪网上的老徐博客。1)根据网站所用编程语言分类,可分为ASP网站、PHP网站、JSP网站、ASP.NET网站等。

深入了解网站的建设过程

任务描述

网站是企事业单位不可缺少的部分,它不但可以展示自身形象、发布产品信息、联系网上客户,而且可以通过电子商务开拓新的市场,以较少的投入获得较大的收益。

1.网站的相关概念

网站(Website):是指在互联网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通信工具,就像布告栏一样,人们可以通过网站发布自己想要公开的资讯,或者利用网站提供相关的网络服务。人们可以通过网页浏览器访问网站,获取自己需要的资讯或者享受网络服务。世界上第一个网站由蒂姆·伯纳斯·李于1991年8月6日建立。

如今网络已经成为我们生活中不可或缺的一部分,互联网、局域网,甚至手机通信的GPRS,生活处处反映着网络的力量。在互联网的早期,网站只能保存单纯的文本。经过几年的发展,图像、声音、动画、视频,甚至3D技术开始流行起来,网站也慢慢地发展成我们现在看到的图文并茂的样子。通过动态网页技术,用户也可以与其他用户或者网站管理者交流。

微网站:是建立在微信公众平台上的手机端网站,即通过微信入口访问的手机网站,兼容iOS、Android、WP等各大操作系统,微网站布局采用DIV+CSS技术,简洁大方,应用HTML5技术提升浏览体验与交互性能。微网站提供打包服务,不用注册域名,不用购买空间,不用进行网站备案,不用复杂的操作,可以随时制作与修改。微网站是移动互联网的发展趋势。

Web 2.0:它并没有准确的定义,而是对现象的一种描述。让用户自己主导信息的生产和传播,从而打破原来门户网站所惯用的单向传输模式。Web 2.0相对于Web 1.0(传统的门户网站为代表)具有更好的交互性和黏性。Web 2.0并不是一个革命性的改变,而只是应用层面的改变。它是以Flickr、43Things.com等网站为代表,以Blog、TAG、SNS、RSS、Wiki等社会软件的应用为核心,依据六度分隔、XML、Ajax等新理论和技术实现的新一代互联网模式。

博客(Blog):是一个易于使用的网站,用户可以在其中迅速发布想法、与他人交流以及从事其他活动。Blog通常由简短且经常更新的帖子构成,这些帖子一般是按照年份和日期倒序排列的。Blog的内容,可以是纯粹的个人想法和心得,如对时事新闻、国家大事的个人看法,或者对一日三餐等,也可以是基于某一主题或在某一共同领域内由一群人集体创作的内容。图4-1所示为新浪网上的老徐博客。

论坛:就是大家常说的BBS。BBS的英文全称是Bulletin Board System,翻译为中文就是“电子公告板”。BBS最早是用来公布股市信息的,现在BBS的功能得到了扩展。通过BBS系统可随时取得各种最新的信息,也可以通过BBS系统来和别人讨论计算机以及各种有趣的话题,还可以利用BBS系统来发布一些信息。图4-2所示是CSDN论坛。

播客:又被称为“有声博客”,是Podcast的中文直译。用户可以利用“播客”将自己制作的“广播节目”上传到网上与广大网友分享。如土豆网、优酷、6间房等。

聚合内容(Really Simple Syndication,RSS):是站点用来和其他站点之间共享内容的一种简易方式(也称聚合内容)的技术。如果把一个网站的信息发布成RSS格式的文件,其他人就可以通过这个文件查看网站上发布的信息。一般情况下,通过一个RSS阅读器可以浏览多个网站上的信息。

社会网络(Social Network Software,SNS):社会性网络软件,依据六度理论,以认识朋友的朋友为基础,扩展自己的人脉,如人人网。

图4-1 新浪网上的老徐博客

图4-2 CSDN论坛

留言板:提供了一个公共的信息发布平台,特别适用于企业内部个人办公以及企业与企业之间进行信息交流。留言板是一个网站必不可少的部分,它主要充当了网站和浏览者交互的媒介。

互联网:广域网、局域网及单机按照一定的通信协议组成的国际计算机网络。互联网是将两台计算机或者两台以上的计算机终端、客户端、服务端通过计算机信息技术的手段互相联系起来的结果。

统一资源定位符(Uniform Resource Locator,URL):也称为网页地址,是Internet上标准的资源地址。它是用于完整地描述Internet上网页和其他资源地址的一种标识方法。Internet上的每一个网页具有一个唯一的名称标识,可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的站点。简单地说,URL就是Web地址,俗称“网址”。它的格式一般是“协议:/域名/文件路径/文件名”,如http://jsj.lcvtc.edu.cn/ts/index.html。

2.网站的分类

网站从不同的方面可划分为不同的类型,分类方法主要有以下几种。

1)根据网站所用编程语言分类,可分为ASP网站、PHP网站、JSP网站、ASP.NET网站等。

动态服务器页面(Active Server Page,ASP)是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其他程序进行交互,是一种简单、方便的编程工具。ASP的网页文件的扩展名是.asp,现在常用于各种动态网站中。

超级文本预处理器(Hypertext Preprocessor,PHP)是一种HTML内嵌式的语言,是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格类似于C语言,被广泛运用。PHP的网页文件的扩展名是.php。

JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段和JSP标记,从而形成JSP文件(*.jsp)。用JSP开发的Web应用是跨平台的,既能在Linux操作系统下运行,也能在其他操作系统下运行。

ASP.NET文件与ASP差不多,是微软推出的一种新的网络编程方法。它不是ASP的简单升级,因为它的编程方法和ASP有很大的不同,它是在服务器端靠服务器编译执行的程序代码。ASP使用脚本语言,每次请求时,服务器调用脚本解析引擎来解析执行其中的程序代码,而ASP.NET则可以使用多种语言编写,且是全编译执行的,比ASP执行速度快,还有很多其他优点。

2)根据网站的用途分类,可分为门户网站(综合网站)、行业网站、娱乐网站等。

门户网站,最初提供搜索引擎、目录服务,后来由于市场竞争日益激烈,门户网站不得不快速地拓展各种新的业务类型,希望通过门类众多的业务来吸引和留住互联网用户,以至于目前门户网站的业务包罗万象,成为网络世界的“百货商场”或“网络超市”。目前,门户网站主要提供新闻、搜索引擎、网络接入、聊天室、电子公告牌、电子邮箱、影音资讯、电子商务、网络社区、网络游戏、免费网页空间等。典型的门户网站有新浪、网易搜狐和Tom等。

行业网站就是服务于某一个行业的专业网站,全部内容都是专业的行业信息,或是各个公司的专用内部网站。

娱乐网站就是以向用户提供娱乐内容如音乐电影、图片、娱乐新闻等为主的网站,如风行、迅雷等。

3)根据网站的持有者分类,可分为个人网站、企业网站和政府网站等。

个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或将自己的作品、商品展示销售而制作的具有独立空间域名的网站。

企业网站是为了让外界了解企业自身、树立良好企业形象、并适当提供一定服务的网站。根据行业特性的差别,以及企业的建站目的和主要目标群体的不同,大致可以把企业网站分为以下3种。

①基本信息型:主要面向客户、业界人士或者普通浏览者,以介绍企业的基本资料、树立企业形象为主;也可以适当提供行业内的新闻或者知识信息。这种类型网站通常也被形象地比喻为企业的网络目录。

②电子商务型:主要面向供应商、客户或者企业产品(服务)的消费群体,以提供某种直属于企业业务范围的服务或交易,或者为业务服务或者以交易为主;这样的网站正处于电子商务化的一个中间阶段,由于行业特色和企业投入的深度、广度的不同,其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付的其中某一阶段。通常这种类型可以形象地称为网上××企业,如网上银行、网上酒店等。电子商务网站又可以分为B2B(企业对企业之间的营销模式)、B2C(商业机构对消费者的营销模式)和C2C(个人向个人销售的经营模式)。

多媒体广告型:主要面向客户或者企业产品(服务)的消费群体,以宣传企业的核心品牌形象或者主要产品(服务)为主。这种类型无论从目的上还是实际表现手法上,相对于普通网站而言更像一个平面广告或者电视广告,因此用多媒体广告称呼这种类型的网站更贴切一点。

政府网站是我国各级政府机关履行职能、面向社会提供服务的官方网站,是政府机关实现政务信息公开、服务企业和社会公众、互动交流的重要渠道。

除了通常讲的计算机上浏览的网站,还有一种可以在其他设备上浏览的网站——WAP网站。

无线应用协议(Wireless Application Protocol,WAP)是一个全球性的开放协议。WAP定义可通用的平台,把目前互联网上HTML语言的信息转换成用WML描述的信息,显示在手机或者其他手持设备的显示屏上。它不依赖某种网络而存在。

用户可以借助手机、个人数字助理机(PDA)、智能电话等,通过WAP获取信息。无论何时何地,只要需要信息,就可以通过WAP享受丰富的网络服务。

3.网站开发流程

网站建设就是制作一个网站,如果没有规范的流程很难做出完美的网站。通常不同的公司开发网站的具体步骤会有所不同,但概括起来要经过以下几步,见表4-1。

表4-1 网站开发流程

(1)客户提出网站建设申请

一个好的开始是成功的一半,建设网站的第一步就是,开发人员和客户进行沟通交流,弄清楚客户的要求,明确客户到底想要什么样的网站。这一步是一项重要的工作,也是最困难的工作,由于开发人员不是客户行业领域的专家,不熟悉客户的业务活动和业务环节,又很难在短期内搞清楚;而客户不熟悉计算机应用的相关问题,又缺乏共同语言,所以在交流时有一定困难,也容易在理解上存在分歧,为以后的工作埋下隐患。只有做好第一步,后续的工作才会很好地开展。如果第一步有问题,后面的工作做得再多也没有意义。

在提出建设网站要求后,客户最好能提供网站相关电子版的资料,包括图片、文本等,方便开发人员对网站有更深入的理解。双方就网站建设内容进行协商、达成共识后,开发人员根据客户建设网站的标准要求、风格及难易程度及工作量确定大体的价格。如果客户满意,开发人员就具体写出客户的需求说明书,最后双方签字。需求说明书中的主要内容是需求规定,具体格式见附录。

(2)制订网站建设方案

本阶段是以客户为中心进行策划、设计、运营和管理网站。首先要确定做的网站是否有市场,然后确定建设网站的目标。为了达到这个目标,要分析目标用户对站点的需求,即网站浏览者想要从网站上得到什么,以此为出发点来确定网站内容、风格、浏览器与分辨率、网络速度、交互性等相关内容。在建设时还要考虑网络技术、服务器等因素。

以上为网站规划书中应该体现的主要内容,根据不同的需求和建站目的,内容也会有所增加或减少。只有在建设网站之初,进行细致的规划,才能达到预期的建站目的。

(3)签订网站相关协议

在制订完网站建设方案后,委托方(客户)和受委托方(网站承建公司)签署网站建设协议书。网站建设协议书是网站建设顺利完成的重要保证,协议书中应明确网站建设委托方和受委托方的权利、责任和义务。

网站建设协议书的内容主要包括以下几个方面。

1)双方的权利和义务。

双方应在遵守相关法律法规的情况下,本着平等协商的精神确定网站建设过程中双方的责任和义务。例如,委托方有义务向被委托方提供网站建设所需的电子文档资料、图片等内容的义务,并享有网站的全部版权、域名所有权等权利;同时,被委托方有义务在规定期限内按照双方约定的标准完成网站的建设,网站验收后被委托方有获得网站开发费用的权利。

2)网站验收标准。

在网站建设前,双方应进行协商,确定网站的整体风格、内容和验收标准。标准制定后,双方需共同遵守,如要改动需双方协商决定。

3)付款方式。

网站建设协议书中应明确规定委托方支付被委托方费用的方式、日期等信息。

4)协议期限约定。

网站建设协议书中应对协议有效期做出详细的约定。

5)违约责任

网站建设协议书中应对双方违约情况下的责任分担情况做出详细约定。

6)权益归属。(www.daowen.com)

网站建设协议书中应对网站相关权益归属做出详细约定,如网站版权、网站源程序的所有权等相关权利。为了避免以后因网站版权引发纠纷,网站拥有者最好与网站开发者签订合同以转让网页的全部版权,具体包括开发人转让其创作或改编内容的版权,转让其设计页面的权利,转让或许可网站拥有者使用源程序的权利。尤其是后两项权利的转让,便于网站拥有者以后更新与改变网页及查看源程序以修改网页。

(4)网站设计

协议签订后,就要设计网站了。在网站设计阶段要对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用、空间的合理安排等方面进行细致的考虑。网站设计阶段需要注意以下几个问题。

1)网站风格、创意。

网站风格是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局、色彩、字体、浏览方式等。例如,娱乐网站是生动活泼的,而政府网站是严肃的。每一个网站都会给人们留下不同的感受。这里需要做到的是,根据网站的定位做出网站特有的风格。网页上所有的图像、文字,包括背景颜色、区分线、字体、标题、注脚都要统一风格,贯穿整个网站。这样用户看起来会比较舒服,从而对网站留下好的印象。

2)网站Logo。

Logo是站点的标志图案。Log。的作用在于用图形化的方式传递网站的定位和经营理念,同时便于人们识别。网站Logo的设计一般有以下3种思路。

①直接以网站网址作为Logo。

②根据网站提供的产品、服务特点设计Logo。

③以传递网站运营商的经营理念为特色。

3)视觉流程。

人们在阅读某种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。心理学的研究表明,一般的浏览习惯是从上到下、从左到右。在一个平面上,上松下稳而压抑。同样,平面的左松右稳也让人觉得不舒服。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然,这种视觉流程只是一种感觉并非一种固定的公式,只要符合人们的心理顺序和逻辑顺序,就可以更为灵活地运用。在网页设计中,灵活而合理地运用视觉流程将会更加准确和有效地传达信息。

4)网页框架与布局。

网页布局大致可分为“国”字形、拐角形、“T”字形、“L”字形、综合框架型、Flash型和变化型。其实,我们在做设计的时候并没有过多地考虑什么形式。例如,我们在一张纸上看到一个圆形的东西,很容易联想到它像太阳,而有些人则会联想到月亮等。这都是一种形式比喻,最重要的是抓住客户的需求,把握网站的定位,做出合理的框架布局。

广告是一个网站的收入来源之一,可是浏览者对广告并不关心,如何把握这个平衡是一个需要重点考虑的问题。有一些网站的广告太多(弹出广告、浮动广告、大广告、Banner广告、通栏广告等)让人很烦,就很难再次吸引浏览者,网站的印象也受到了影响,广告也没达到目的。这些问题都是在设计网站之前需要考虑和规划的。

浮动广告有两种:一种是在网页两边空余的地方可以上下浮动的广告;另一种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种,不可避免使用第二种情况时尽量控制数量,最好不要超过一个。数量过多会直接影响到用户的心理、妨碍用户浏览信息,这样就适得其反了。首页广告不宜过多,适中即可,如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心,避免用户流失。

空间的合理利用。信息量太大是很多网页都具有的一个特点。将各种各样的信息如字、图片、动画等不加考虑地放到页面上,却没有划分好区域,不加以规范,导致用户浏览时很不方便。这类网页的问题主要就是页面主次不分,喧宾夺主,没有很好地归类,整体就像大杂烩,让人难以找到需要的东西。与这种网站相反的是,网页中没有什么信息,即网页太空

并非要把整个页面填满才不觉得空,也并非让整个页面空旷才不觉得满,而是要合理地安排、有机地组合,使页面达到平衡。这样即使在一边大面积留空,同样不会让人感到空,相反会给人留下广阔的思考空间,令人回味又达到了较好的视觉效果。

文字编排。在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目或栏目标题里面最为常用。因为它既突出,又美化页面,使页面更加人性化且加强了视觉效果,这是文字无法达到的。

如果将个别文字作为页面的重点,则可以通过加粗、加下划线、加大字号、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得夺目。这些方法实际上都是运用了对比的手法。如果在网页更新频率低的情况下,也可以使用文字图形化。

5)网站导航的设计。

在设计导航的时候,需要考虑到的内容包括导航菜单的字体颜色、大小、变化及导航菜单的位置等。尽量不要将导航菜单做得太花,易操作最为重要。

6)首页效果图设计。

网页设计过程中的首页效果设计,和其他设计一样,要抓住客户的眼球,设计得有新意。清晰、靓丽是最基本的。当然,设计有新意不一定要很花哨,只要客户通过图片对公司的产品和公司有很好的印象即可。

7)网站的内容要精选。

企业网站不同于门户网站,在内容上应该有所选择。内容不是越多越好,而是越合适越好。内容如果太多、太杂、太乱,只会让客户眼花缭乱,不知所措。

在本阶段主要涉及下列相关的法律问题。

网页素材涉及的法律问题,主要是指资料的版权问题,要分清哪些是可用的,哪些是不可用的。

网页链接涉及的法律问题,主要是指不能非法链接他人的网站,如在本网站的某个区域内出现他人网站的内容而不进行说明。

网站收集个人信息的法律问题,主要是指个人信息的保密性。目前多数企业网站采用用户注册,在注册时需要填写个人资料。在注册前要有一个服务条款或注册相关说明,用户同意后方可注册。

(5)网站建设

1)网站制作。

根据设计阶段制作的示范网页,通过Dreamweaver等软件在各个具体网页中添加实际内容,包括文本、图像、声音、Flash电影以及其他多媒体信息,完成整体网站的制作。

网站制作的基本步骤如下。

①资料收集。收集的内容包括与主题相关的文字图片资料、一些优秀的页面风格、下载一些客户喜欢的交互页面、开放的源代码。

②网页模型设计。根据事先规划的结构,在平面软件里设计客户想要的最终效果,并以平面图片的形式展示给客户,与客户及时沟通,及时发现并解决问题。

③代码编写。将平面界面转化为HTML代码,添加相应的网页功能,如Js、按钮、表单以及一些与数据库相关的操作代码。

2)网站测试。

网站制作完成后,根据客户需求分析,要对网站进行发布前的测试。网站测试主要包括可用性测试、兼容性测试和负载测试。

可用性测试过程就是用户使用网站的最初以及最真的体验。通过可用性测试,我们可以了解到各个代表性的目标用户对于产品界面的认可程度,获知改良界面的可能性方案,特别是在交互流程中能得出一些很不错的用户行为规律。

兼容性测试主要是针对不同的操作系统平台、浏览器以及分辨率进行的测试。对所有影响页面显示的细节因素进行测试。测试页面中的超级链接是否能够正常跳转,可以将本地站点文件夹在计算机硬盘中移动位置,然后看超级链接能否正常工作。

负载测试是测试一个Web站点在大量的负荷下,系统的响应何时会退化或失败,以发现设计上的错误或验证系统的负载能力。在这种测试中,将使测试对象承担不同的工作量,以评测和评估测试对象在不同工作量条件下的性能行为,以及持续正常运行的能力。

负载测试的目标是确定并确保系统在超出最大预期工作量的情况下仍能正常运行。此外,负载测试还要评估性能特征,如响应时间、事务处理速率和其他与时间相关的内容。

网站测试完成后,如果各种功能和性能满足客户的需求,整个网站的建设就完成了。接下来客户根据网站建设协议的内容进行验收工作,验收合格后,根据签订的协议,客户支付余款,即可进行网站发布。

(6)网站发布

1)网站发布流程。

用户创建了Web页之后,通常可以直接将其保存在磁盘或光盘上,作为一种电子文档;也可以将其发布到Internet或Intranet上,以便其他浏览者浏览。

网站最主要的形式是发布到服务器上供他人浏览。发布流程如下。

①申请域名(即网址),可以通过专门的网络公司注册网站域名。至于域名的注册与申请,可以由企业或客户直接向域名服务机构申请,对于域名的法律审查应由其自身负责;也可委托网站开发商申请与注册域名,除合同约定外,网站开发商只负责技术上的义务,而非法律审查的义务。

②购买空间(即存放网站文件的磁盘空间),有专门的网络公司提供免费的网络空间,为了提高网站的可靠性和维护性,最好花钱购买网站空间。

③网站页面上传。通过网络公司提供的FTP地址、账号及密码,就可以通过浏览器或专门上传工具上传制作好的网页文件。之后即可通过域名来访问网站。

④备案。申请到的域名和空间需要备案,地址是http://www.miibeian.gov.cn/。也可以要求提供网络空间的网络公司帮助备案。

2)网站运营。

网站运营首先是一种思维活动,然后才到具体的执行环节。网站运营的内容是策略,核心是决策。网站推广等具体工作,是将正确的决策加以有力的执行。也就是说,网站运营的核心,就是网站运营者为实现网站目标而做出的各种决策,如网站定位的决策、网站开发的决策、网站推广的决策等。从这一点来说,网站运营的重点仍然是网站策划,是离执行环节更进一步的策划。

随着网站的发布,应根据访问者的建议,不断地修改或更新网站中的信息,并从浏览者的角度出发,进一步完善网站。由于网站内容需要不断地更新,那么网站拥有者可以与开发商约定更新的频率、更新内容的多少及付费标准。

网站开发商必须保证服务器的正常运行,并应采取措施防止黑客入侵与袭击,防止病毒的感染,以维护网站的安全。尤其是电子商务网站,应该保证交易的安全进行,包括访问者个人资料的安全、电子合同签订的安全、电子数据传输的安全以及电子支付的安全等。

在网站的宣传与推广过程中应注意相关法律问题。交换网站链接,应该审查被链接对象内容是否合法。例如是否涉及色情内容、政治敏感问题,是否侵犯他人名誉与隐私;病毒性营销是否有非法传销嫌疑;发布网络广告是否符合广告法,是否有虚假信息,是否构成不正当竞争;E-mail宣传是否构成侵权等。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈