求实网络为了让网站开发能有效地进行,开发人员都必须遵循网站的开发流程。
一.网站建设规范
任何一个网站在开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一、代码维护和发展。由于网站项目开发的分散性、独立性、整合的交互墟氯,因此定制一套完整的约定和规则湘旅尤为重要。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制,将来网站严格按规则或约定进行开发。
1.开发团队规范
在确定网站项目后的第一件事就是组建开发团队,根据项目的大小,团队可以有几十人,也可以是只有几个人的小团队,在团队划分中必须含有6个角色,这6个角色分别是项目经理、策划、美工、程序员、代码整合员和测试员。
项目经理负责项目的总体设计、开发进度的定制和监控,相应的开发规范的定制和各个环节的评审工作以及协调各个成员小组之间的开发。 策划提供详细的策划方案和需求分析,还负责后期网站推广方面的策划。 美工根据策划和需求设计网站VI、界面、Logo等。 程序员根据项目总体设计来完成数据库和功能模块的实现。 代码整合员负责将程序员的代码和界面融合到一起,还可以制作网站的相关页面。 测试员负责测试程序。
2.开发工具规范
网站开发工具主要分为两部分,第一部分是网站前台开发工具,第二部分是网站后台开发工具。下面分别简单介绍这两部分需要使用的软件。网站前台开发主要是指网站页面的设计,包括网站整体框架建立、常用图像和Flash动画的设计等,主要使用的软件是Photoshop、Dreamweaver和Flash等。
3.超链接规范
在网页中的链接按照链接路径的不同可以分为3种形式:"绝对路径"、"相对路径"和"根目录相对路径"。
小网站由于层次简单,文件夹结构一般不超过3层,而且网站内容和结构的改动不大,所以使用"相对路径"是完全可以胜任的。
当网站的规模大一些的时候,由于文件夹的结构越来越复杂,且基于模板的设计方法被广泛使用,使用"相对路径"会出现如"超链接代码过长"、"模板中的超链接在不同的文件夹结构层次中无法直接使用"等问题。此时使用"根目录相对路径"是理想的选择,它可以使超链接的指向变得绝对化,无论在网站的哪一级文件夹中,"根目录相对路径"都能够准确指向。
当网站规模再度增长,发展成为拥有一系列子网站的网站群时,各个子网站之间的超链接就不得不采用"绝对路径"。为了方便网站群中的各个子网站共享,过去在单域名网站中以文件夹方式存放的各种公共设计资源,最好采用独立资源网站的形式进行存放,各子网站可以使用"绝对路径"对其进行调用。
网站的超链接设计是一个很老的话题,而且也非常重要。设计和应用超链接确实是一项对设计人员的规划能力要求非常高的工作,而且这些规划能力多数是靠经验积累来获得的,所疫篇善于和勤于总结。
4.文件夹和文件夹命名规范
文件夹命名一般采用英文,长度一般不超过20个字符,命名采用小写字母。文件名称统一用小写的英文字母、数字和下划结的组合。命名原则的指导思想一是使得工作组的每一个成员能够方便地理解每一个文件的意义,二是当在文件夹中使用"按名称排列"命令时,同一种大类的文件能够排列在一起,以便进行查找、修改和替换等操作。
5.代码设计规范
一个良好的程序编码风格有利于系统的维护,代码也易于阅读查错。在编写代码时应注意以下规范。
a. 大小写规范
b. 字体和格式规范
c. 注释规范
二.网站建设的基本流程
创建网站是一个系统工程,有一定的工作流程,只有遵循这个步骤,按部就班,才能设计出满意的网站。因此在制作网站前,先要了解网站建设的基本流程,这样才能制作出更好、更合理的网站。
1.网站的需求分析
网站的设计是展现企业形象、介绍产品和服务、体现企业发展战骆履重要途径,因此必须明确设计网站的目的和用户需求,从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,牢记以"消费者"为中心,而不是以"美术"为中心进行设计规划。在设计规划之初要考虑以下内容:建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务?企业产品和服务适合什么样的表现方式?
2.网站整体规划
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来。尤其当要制作一个大型网站的时候,更需要把整体架构规划好,同时要考虑到以后的扩充性,避免以后要对整个网站的结构进行更改。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色的搭配、版面布局、文字图片的运用等,只有在制作网页之前把这些方面都考虑到了,才能在制作时胸有成竹。也只有如此,制作出来的网页才能有个性、有特色、具有吸引力。
3.确定网站整体风格
网站风格设计包括网站的整体色彩、网页的结构、文本的字体和大小、背景的使用等,这些没有一定的规则,需要设计者通过各种分析决定。网页设计一般要与企业整体形象一致,要符合企业CI规范。注意网页色彩、图片的应用及版面策划,保持网页的整体一致性。一般来说,适合于网页标准色的颜色有3大系:蓝色、黄/橙色、黑/灰/白色。不同的色彩搭配会产生不同的效果,并可能影响访问者的情绪。在站点整体色彩上,要结合站点目标来确定。如果是政府网站,就要在大方、庄重、美观、严谨上多下功夫,切不可花哨;如果是个人网站,风可以采用较鲜明的颜色,设计要简单而有个性。
4.收集资源
网站的主题内容是文本、图像和多媒体等,它们构成了网站的灵魂,否则再好的结构设计都不能达到网站设计的初衷,也不能吸引浏览者。在对网站进行结构设计之后,需要对每个网页的内容进行一个大致的构思,如哪些网页需要使用模板,哪些网页需要使用特殊设计的图像,哪些网页需要使用较多的动态效果,如何设计菜单,采用什么样式的链接,网页采用什么颜色和风格,等等,这些都对资源收集具有指导性作用。
重要的文本:如企业简介文本,不能临时书写,要得体、简明,一般使用企业内部的宣传文字。 重要的图像:如企业的标志、网页的背景图像等,这些图像对于浏览者的视觉影响很大,不能草率处理。 库文件:对于一些常用和重要的网页对象,需要使用库文件来进行管理和使用,在设计网页之前,可以先编辑这些库文件备用。 Flash等多媒体元素:许多网站都越来越多地使用Flash等多媒体元素,这些多媒体元素在设计网页之前就需要收集妥当或者制作完成。
5.设计网页图像
在确定好网站的风格和搜集完资料后就需要设计网页图像了,网页图像设计包括网站Logo、网站字体、网站导航栏和网站首页等的设计。可以使用Photoshop或Fireworks软件来具体设计网站的图像。有经验的网页设计者通常会在使用网页制作工具制作网页之前就设计好网页的整体布局,这样在具体设计过程将会胸有成竹,大大节省工作时间。
设计网骆标志。标志可以是汉字、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。如网站内有代表墟履人物、动物、植物,可以用它们作为设计的标本,加以卡通化或艺术化;专业网站可疫圃本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易地制作出自己网站的英文名称作标志。
设计导航栏。在站点中导航栏也是一个重要的组成部分。在设计站点时,应考虑到如何使浏览者能轻松地从网站的一个页面跳转到另一个页面。
设计网站字体。标准字体是指用于标志和导航栏的特有字体。一般网页默认的字体是宋体。为了体现站点的与众不同和特有风格,可以根据需要选择一些特别字体。
设计首页。首页设计包括版面、色彩、图像、动态效果、图标等风格设计。
6.编辑制作网页
网页设计是一个复杂而细致的过程,一定要按照先大后小,先简单后复杂的顺序制作。所谓先大后小,就是在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。 根据站点目标和用户对象去设计网页的版式和安排网页内容。一般来说,至少应该哆苹些主要的页面设计好布局,确定网页的风格。 在制作网页时要灵活运用模板和库,这样可以大大提高制作效率。如果很多网页都使用相同的版面设计,就应为这个版面设计一个模板,然后就可疫圃些模板为基础创建网页。
7.网站维护
一个好的网站,仅仅一次是不可能制作完美的,由于市场环境在不断地变化,网站的内容也需要随之调整,给人常新的感觉,网站才会更加吸引访问者,这就要求对网站进行长期不间断的维护和更新。
网站维护一般包含以下内容:
内容的更新; 网站风格的更新; 网站重要页面的设计与制作:如重大事件页面、突发事件及相关周年庆祝等活动页面的设计与制作。 网站系统维护服务:如E-mail账号维护服务、域名维护续费服务、网站空间维护、与IDC进行联系、DNS设置、域名解析服务等。 |