购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.4 网站开发流程

相信拥有个人网站是无数网页设计初学者的梦想,不过在动手之前,读者应该了解一下网站开发流程。网站开发流程并不是一成不变的,随着网络技术的发展,以及网站应用的变化,网站开发的过程也是不断变化的,即使是不同类型的网站,以及不同规模的网站,开发过程也是千差万别。下面介绍3种常规网站的基本开发流程。

1.4.1 个人网站开发流程

网站开发没有固定的模式和套路,但是对于个人网站来说,基本上都应该遵循几个基本操作步骤。很多初学者准备时往往是千头万绪,不知道如何开头,也不知道如何下手。制作的过程显得手忙脚乱,因此就更有必要阅读本节内容。个人网站的开发流程如下。

1.确定主题

选择主题应该是小而精,目标定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。一定记住,在互联网上只有第一,没有第二。

例如,网上求职、网上聊天/即时信息/ICQ、网上社区/讨论/邮件列表、计算机技术、网页/网站开发、娱乐网站、旅行、参考/资讯、家庭/教育、生活/时尚等。可以参考上面的分类,逐步深化和细分。如果在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,这样可以做出自己的特色,同时会感觉很有趣。

2.选择域名

在互联网世界中,域名就是网站的名字。一个好记、易记的域名会给个人网站加分,当积累了一定的用户和人气的个人网站,域名的价值就会体现出来,此时如果失去这个域名,所有前期工作会损失殆尽。

3.学习网页设计和开发技术

网络技术的发展带动了软件业的发展,所以网页设计和开发的工具也非常多。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具等。

另外,还要了解W3C的HTML、CSS规范、掌握JavaScript语言。对于常用的一些脚本程序如ASP、CGI、PHP也要有所了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软/硬件和网络知识也是必备的。

4.选择服务器技术

读者可以先了解一个服务器技术,如ASP、PHP、JSP、CGJ或.NET等。一般个人网站多使用ASP服务器技术,并选择Access数据库形式来制作,.NET是ASP技术的升级版本。而PHP+MySQL这种形式也广泛流行,读者可以根据个人技术背景和兴趣爱好进行选择。

提示,一般来说,个人网站动态网站技术为ASP+Access数据库,或者PHP+MySQL数据库。

5.网站策划

网站策划相当于工作计划,在动手开始之前,做好策划,就会少走弯路,策划的内容主要包含下面几点。

栏目与版块编排

构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划,从而导致网站结构不清晰,目录庞杂混乱,版块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站时也相当困难。所以,在动手制作网页前,一定要考虑好栏目和版块的编排问题。

网站的题材确定后,就要将收集到的资料内容作一个合理的编排。另外,版块的编排设置也要合理安排与划分。版块比栏目的概念要大一些,每个版块都有自己的栏目。

目录结构

网站实际上就是一堆文件的集合,怎么样去规划这些文件,就是目录的安排。好的网站的目录很清晰,让人一目了然。读者应该根据个人网站包含的内容和支持的功能定义目录集,不同文件夹表示不同的网站版块或者功能模块。

目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排。

链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象地说,每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。

网站风格设计

网站风格是指站点的整体形象给浏览者的综合感受。这个整体形象包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等诸多因素,网站可以是平易近人的、生动活泼的,也可以是专业严肃的。

不管是色彩、技术、文字、布局,还是交互方式,只要能让浏览者明确分辨出这是你的网站独有的,这就形成了网站的风格。

读者应该重点关注下面几点:

设计网站标志(LOGO)。

确定网站配色方案。

确定网站字体和样式风格。

设计网站宣传语。

6.数据结构规划

选择网站需要什么规模的数据库支持,以及服务器能够支持的数据库,然后选择网站应该使用的数据库类型。确定数据库类型之后,就可以设计数据库的结构了。数据库结构和字段设计需要严谨,这方面内容需要读者学习相关专业知识。大型网站会有专职的数据库架构师、数据库管理人员。

7.准备网站内容

好的内容选择需要有好的创意,创意的目的是为了更好地宣传与推广网站。从根本上说,网站内容仍然左右着网站流量,内容为主依然是个人网站成功的关键。当然,网站内容不是短期就能够准备好的,这是一个渐进过程,在开始动手时,手头应该积攒一些资料,以便启动网站或者进行网站策划,等网站发布成功之后,再逐步积累和添加。

8.程序开发

网站程序开发包括两部分:前台程序和后台程序。具体说明如下:

网站开发最核心的问题就是编写后台程序,后台程序包含大量复杂的逻辑,同时需要处理各种数据,从数据库中读取数据、写入数据、修改数据、删除数据等操作。开发网站应该是先编写好后台程序,这样后面的工作就好做了,前台只是数据显示的过程,没有复杂的逻辑处理。当然,要设计复杂的交互动作或者效果,也需要使用JavaScript设计复杂的逻辑。不过,这个不会影响网站工作的系统性和性能。

前台程序比较简单,只需要使用JavaScript实现各种交互动作和数据显示。不过,随着用户对网站易用性要求的增加,前台程序的开发也显得越来越重要。大型网站或项目都有专业的前端开发团队,以便更好地服务用户体验。

9.测试网站

网站测试是必不可少的,当然也可以在初步测试之后,立即发布并在使用中不断完善和修改。在网站开发中,这一步要求是非常严格的,也是网站质量最后一道关口,通常直接由项目经理把关,或者由网站负责人亲自进行测试,以确保发布后不要发生重大问题。

10.发布网站

网站做完之后,就可以发布了。如果网站仅是练习或者内部交流,直接在本地虚拟服务器上进行运行即可。如果网站准备长期放在互联网上,那么可以考虑购买虚拟空间。利用上传工具,把整个网站上传到远程服务器上,然后把虚拟空间绑定到域名上。此时,在浏览器地址栏中输入网站域名,就可以访问个人网站了。

11.网站推广

网站营销推广在网站运行中也占着重要的地位,在推广网站之前,应确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准,网站的交互性能良好。一般来说,个人网站的推广有以下几种方式:

搜索引擎注册与搜索目录登录技巧。

广告交换技巧。

目标电子邮件推广。

12.网站运营与维护

当网站做到某一程度,就必须把赚钱提到议事日程上来,通常来说,个人网站获取资金通常有以下两个渠道:

销售网站的广告位。

与大型网站合作。通过与大型网站合作,获取经费,也可以维持个人网站的日常运行。

1.4.2 应用项目开发流程

对于一个大中型网络公司来说,开发一个新项目或者产品就不像建设个人网站那么简单、随意了,它需要长期的市场调研,经过多程序审查才能实施,特别是前期策划和准备就显得非常关键。

个人网站一般都有现成的模式和操作流程,只需要用户懂得技术即可,根据别的网站制作过程和方法设计即可。但是对于新的网络产品研发来说,要考虑的问题就非常多,技术层面的问题就不是主要障碍,产品创意、产品运行策略、团队执行力等因素决定了产品的成败。

当然,新项目的开发也是有章可循的,它必须遵循一定的规律和流程,否则也会出现问题。一般来说,网络新产品开发的流程如下:

(1)产品制作人,写产品计划书。

(2)用户体验研究员,作调查分析。

(3)信息建构师,设计产品架构。

(4)互动设计师,做出互动流程。

(5)视觉设计师和用户界面设计师,做出页面视觉设计。

(6)前台工程师,前台开发。

(7)后台工程师,后台开发。

(8)用户体验研究员,做用户测试确保质量。

针对上面的开发流程,简单说明如下:

首先,产品制作人员写出产品计划书,确定新产品或新功能的市场意义和经济效益,提交部门审批。部门审批后,确认需要设计的部分,然后召开新产品前期交流会,召集用户体验研究员、信息建构师、视觉设计师、互动设计师、网页重构师、系统开发工程师一起讨论方案的可行性,以及需要的支持。

经过前期讨论和交流之后,由项目主管制订产品开发时间表,并协调好分工合作。一般是先由用户体验研究员作市场调查。根据市场调查结果,分析市场需求、潜在用户群、各种挑战和机会等要素。然后由信息建构师设计产品架构,由互动设计师做出互动流程,之后交给视觉设计师和互动设计师做出视觉设计。

视觉设计定稿后,网页重构师把设计稿通过编写程序(使用前台技术,如HTML、CSS、DOM、JavaScript等)再现出来,最后交给系统开发工程师。

系统开发工程师做完产品程序后,由用户体验研究员根据需要做用户测试,质量跟踪并测验产品的每一步骤,确认产品的使用质量,如果有问题需要返回系统开发工程师或相关人员解决。

对于小型项目来说,产品开发流程往往局限于有限的人力和时间,经常是短、平、快:初步确定产品构思之后,立即进行设计,然后发布到网站,在运行中不断进行系统更新和完善。

1.4.3 承包网站开发流程

承包网站的建设和开发与个人网站、网络项目开发性质不同,它是开发者(或者网络公司)与客户(或者企业)之间的互动过程。这里面涉及双方多轮交流、沟通的过程和环节,不是开发人员闭门造车,也不是客户异想天开。承包网站开发的成败即需要开发人员的技术水平、诚信和负责精神,同时也需要客户积极、主动的配合。

为了避免在开发过程中不必要的误解、纠纷,防止合同交接后的后遗症,甲乙双方都应该遵循承包网站的一般开发流程,并严格遵守合同约定,只有这样才能够确保合作愉快。承包网站一般开发流程如图1.10所示。结合上图开发流程,下面简单说明一下整个流程的执行过程。

图1.10 承包网站一般开发流程

1.客户提出建站申请

客户提出网站建设基本要求:提供相关文本及图片资料。例如,公司介绍、项目描述、网站基本功能需求、基本设计要求等。所有要求建议以书面形式提出,尽量避免口头描述,防止口头申请的随意性和不确定性。

对于专业网络公司来说,可能会有专职前台服务人员,在前期会主动通过电话与客户保持联系。甚至会派遣专职销售人员和客户见面详细沟通网站制作需求并提出有效的建议。

2.承包人制定网站建设方案

双方就网站建设内容进行协商、修改、补充,以达成共识,然后由承包人(或网络公司)制定《网站建设方案》(如果网站构架较简单,此步可省),并最终双方确定建设方案具体细节及价格。

3.签署相关协议、客户支付预付款

双方签订《网站建设合同》,客户首先应支付预付款(一般为承包总价的10%~30%不等),这时客户应该提供建站所需资料。例如,公司标志、公司介绍、产品图片及说明、联系方式。这时,承包人可以根据情况为客户注册域名、开通网站空间。

如果是网络公司,可能会有专职的销售人员始终保持与客户的联系和沟通,由销售人员根据网络公司预订的文案模板制作网站策划方案并报价。通过电话或者面对面形式与客户确定方案,签订网页设计合作协议并付预付款。

4.完成初稿,经客户确认后进行建设

按合同设计部分内容,并指定设计师负责设计。设计师根据要求完成初稿设计。例如,首页风格(如无,则省略)、内页风格(设计师选做一页)。

客户审核并确认初稿设计,然后完成网站整体制作,并上传到测试空间。

5.网站测试,客户上网浏览、验收

客户根据合同内容进行验收工作,在验收过程中如果发现有欠缺,客户应及时提出。如果验收合格,客户支付余款,网站全面开通。

6.网站后期维护工作

承包人向客户提交《网站维护说明书》,并根据《网站建设合同》及《网站维护说明书》相关条款对客户网站进行维护与更新。

附录一:《网站建设合同》参考范本

甲方:

身份证号:

联系方式:

乙方:

身份证号:

联系方式:

现经甲乙双方友好协商,根据现行法律法规对合同、知识产权及网络管理的有关规定,就甲方的网站建设与维护事宜达成以下协议:

一、设计内容

(双方约定加上)

二、网页设计项目及价款

甲方要求乙方设计制作的网页的类别、数量及收费标准如下(可以根据具体项目增减):

上述网页设计的总价款为人民币________元(RMB)。

三、甲方义务

1.甲方负责向乙方提供制作网页所需的文字、图片及电子文件资料。

2.甲方应即时审验乙方为甲方制作完成的网页内容,并提出修改意见。

3.甲方要求乙方制作的网页中不得包含有关色情、宗教、人种歧视、政治敏感问题等内容,否则乙方有权终止合同并不退还已收费用。

4.甲方对其内容的真实性和合法性负完全责任,一切由其内容所引起的纠纷、争议及所涉及的法律责任均由甲方承担。

5.甲方应在收到乙方书面完工通知的7日内对整个方案进行验证,并通知乙方进行修改,否则,视为全部设计验收合格。

四、乙方义务

1.乙方应在约定的期限内完成所有网页的设计,并提交甲方审核。

2.在制作过程中,对甲方陆续提出的修改要求,乙方应尽力协助实现,并经甲方认可。

3.网页修改完成后经甲方审验合格后,由乙方负责上传至甲方的网络服务器,并保证网站的正常运行和访问。

4.乙方须通过必要的技术手段保证网站具有良好的安全性能。

五、期限

1.乙方在收到甲方提供的相关资料之日起______个工作日内,完成所有网页的设计。

2.制作过程中乙方应甲方的要求对网页进行修改,修改完成的时限参照本合同中关于网页维护的有关约定。

3.对甲方提出的有可能影响双方约定的完成时间的要求,乙方有权提出延期请求,由双方协商确定具体时间。

六、乙方向甲方提供其网站服务器及网页的维护工作

服务内容包括:

1.保障甲方网站服务器稳定/正常地工作,力保网络通信不因非第三方的原因或不可抗力而出现中断及拥塞。

2.根据甲方的要求对其网站网页进行更新和维护。

3.对甲方的技术维护人员及其他相关人员进行必要的技术培训,并提供技术支持。

七、服务费用

乙方向甲方提供上述服务的收费标准为:_____________________。

八、甲方的义务

1.及时向乙方提供维护与更新互联网站所需的全部文字、图片资料。

2.为乙方的维护工作提供必要的条件和协助。

九、乙方的义务

1.在甲方网站服务器或网络通信出现故障后采取及时、准确、适当的措施进行维护和补救。

2.在甲方提出维护/更新网页的要求并提供相关资料后三天内完成网页的维护/更新。

3.乙方应向甲方提供互联网站维护与更新的网页副本,网页副本以数字形式保存到由甲方指定的电脑中。

4.乙方应保证甲方网站运行的连续性、可靠性,在没有不可抗力事件发生的情况下,网站在线率不低于99%。

5.本合同结束时,乙方应向甲方移交网站管理、维护/更新的文字说明、网站密码。

6.本合同结束时,在相同合同条件下,乙方有为甲方提供互联网站维护服务的优先权。

十、特别约定

1.甲方对其互联网站的所有网页拥有版权。

2.乙方有权在版面上标注设计单位名称,未经许可甲方不得更改。

3.乙方对甲方提供的文字及图片资料中所涉及的包括知识产权在内的一切法律问题不承担任何责任。

4.甲方对乙方提供服务过程中使用的技术、软件、设备等所涉及的包括知识产权在内的一切法律问题不承担任何责任。

十一、保密

1.甲乙双方对在履约过程中获悉的对方之商业秘密及技术秘密承担保密义务,该保密义务不受本合同期限的限制。

2.乙方对甲方提供的文字及图片资料未经甲方许可不得以任何方式泄露给第三方。

十二、付款方式

1.甲方应在合同签订后三日内付给乙方人民币__________元。

2.甲方应在乙方制作好数据库,网站正常工作、审核访问合格后,向乙方一次性付清网页设计余款为__________元人民币。

3.网站主机和网页的维护费用的支付:在网站验收合格后,甲方应在_______个月到期前向乙方支付当期费用。

十三、违约责任

1.乙方若在规定的期限内,没有完成甲方的网页设计工作,则每延迟一日,应向甲方交付网页设计总价款的_______%,即人民币___________元(RMB)。

2.乙方因其自身的原因而未能按时完成网页的维护/更新,则每延迟一日,应向甲方支付违约金人民币________元(RMB)。

3.甲方没有按时履行支付义务,除向乙方补交余款外,应按每日_______向乙方支付迟延履行金。

4.甲乙双方违反本合同项下的其他义务,需赔偿因此给对方造成的损失。

十四、争议解决

凡因本合同引起或与本合同有关的任何争议,甲乙双方应本着诚实信用的原则协商解决。协商不成,应将争议事项提交苏州仲裁委员会,按照申请仲裁时该会现行有效的仲裁规则进行仲裁。仲裁裁决是终局的,对双方均有约束力。

十五、合同文本、生效

本合同一式两份,甲乙双方各持一份。合同自甲乙双方签字盖章之时起生效。

十六、合同期限

合同的有效期为________年。期满后甲乙双方如需继续合作,则延续协议为本合同的有效补充部分。

甲方签字(盖章):

乙方签字(盖章):

签订时间:

附录二:《网站维护说明书》参考范本

甲方:

身份证号:

联系方式:

乙方:

身份证号:

联系方式:

甲乙双方就甲方网站维护一事,进行友好协商,本着诚信合作的理念,并一致同意订立本《网站维护说明书》,内容如下:

一、协议目的

保障甲方网站正常使用,乙方代理甲方进行:域名空间的续费、网站内容更新维护、企业网站上传下载及程序升级调试等服务。

二、甲方网站情况

1.网站域名:

2.域名价格:________元(人民币)/每年,主机价格:_________元(人民币)/每年。

三、网站维护情况

1.网站维护期限:______年_______月________日至______年______月______日。

2.网站维护内容:乙方为甲方提供网站维护更新、域名主机续费及其维护期间邮局、主机、网站程序升级调试等服务,维护内容为页面文字、图片的更新,不包括原页面风格和模板的改动(如有页面增加或改版按页面进行收费。)

四、甲方的责任和义务

1.本协议签署后,甲方应一次性向乙方交付剩余费用。

2.每次网站维护,甲方应提前将要更新的资料邮件给我公司;明确、清晰地指明更新或维护项目。

3.甲方须按时交纳域名的续费和网站维护费用(另有书面约定除外)。

五、乙方的责任和义务

1.乙方应在不改变甲方网站原页面风格和模板的前提下为甲方进行网站维护。

2.乙方应在收到甲方邮件后工作日时间,保障在收取资料后5个工作日内完成资料的修改。(非工作日时间除外)

3.乙方在每次维护网站后,应及时将维护内容上传到甲方网站所在的服务器上。

4.乙方以甲方提供的电子邮件或书面通知为依据进行更新、维护网站。

5.甲方在发现网站及邮件不能正常使用时,应及时通知乙方,乙方应在第一时间向服务器空间商电话通知,以及时让甲方正常使用网站。

6.乙方根据甲方要求进行站点维护,并及时回应甲方提出的问题,做到各种技术支持,电子邮件支持。

六、免责条件

1.因电信部门检修等原因造成服务中断的,双方互不承担责任。

2.因国家政策法规调整、自然灾害等不可抗力造成的服务中断,双方互不承担责任。

七、附则

本协议一式两份,双方各执一份,经签字、盖章后方可生效,本协议于签署之日起生效。

甲方签字(盖章):

乙方签字(盖章):

签订时间: F1URBieMBXlo61a+CrkeXKuwiiR5uu41cEkxG3WHb4EcuAkHrnkoWMa++gCZPMkZ

点击中间区域
呼出菜单
上一章
目录
下一章
×