前言 网站内容呈献是网站开发的一项重点,它最直接影响到一个网站的受欢迎程度。最起码的要求,是用户必须能有效地使用网站和浏览网站的内容。 网站内容呈献是网站开发的一项重点,它最直接影响到一个网站的受欢迎程度。最起码的要求,是用户必须能有效地使用网站和浏览网站的内容。 内容呈献除了直接与网页的版面和图像设计有关之外,更深一层的是与网站的技术结构设计相联系的。尤其是目前静止网页的用途已降到次要位置,网页的内容均以交互方式呈现。交互方式代表的并不只是网页语言HTML的延伸,交互方式的实现需要网页背后网站服务器的大量软件支持。 网站用户代表的是一个以几何级数膨胀的群体。据统计,中国互联网用户每半年翻一翻。如何在保证网站高性能的前提下,不断满足越来越多用户的需求。这一问题从另一角度来理解,将牵涉到网站内部结构的规划、设计、扩展与系统维护。 World Wide Web (WWW) 的诞生在某种意义上,提供了一个低成本的内容发行渠道,但是 “低成本”却不能意味着“低质量”。恰恰相反,正因为互联网络使得信息内容的发行成本降低了,所以更应该在内容的呈献上花力气、花本钱,大做文章,做得更好。
网站的可使用性 网站必须设计得易于使用,网站不能只是信息的简单堆砌。这一要求最直接地与网站的版面设计和服务器的功能定义相关联。随着商业化网站的增加和发展,人们慢慢总结出一些网站可使用性方面的要求,但在很大程度上,人们对可使用性的了解仍处于启蒙阶段。所以,这里只能列出一些在网站设计中该做和不该做的
网站的可使用性 1)网站要有好的导航功能,以便读者游徊。 譬如,每一网页都应能链接到网站的主页,和逻辑上的前页后页、上页下页,当网站网页数目超过100页时,考虑提供搜索引擎服务。
(2)网站网页要有好的被检索设计。 上面提到,大型网站要提供检索功能,为了让检索出来的结果真切地反映网页内容的相关性,应该用简洁明了的文字来撰写网页的题目和标题。同时注意用好网页最前面的二三十个文字,以期最精华地反映网页的内容。因为,搜索引擎也将摘录网页的这部分再现给用户。 除此之外,应定义好网页的关键词,以增大被检索到的概率。
3) 网页要有可读性。 网页需要有结构,尤其是长篇的网页,可以考虑把长篇的网页分开成多幅,或者提供网页之内的捷径链接,使用户可以很快地跳跃过部分篇幅。有节制地使用网页上的动感画面和动感标题,因为过度使用将影响用户阅读。 注意图像编辑、色调、色彩与剪裁,使其与总体相称。 留意网页的下载速度。再好的网页,如果需要超过10秒钟下载时间,也将会失去观众。网页的下载速度将牵涉到下面要谈论的网站高性能问题,但在网站容量恒定的情况下,注意网页图像文件的多少和大小是控制网页下载速度最有效办法。
4)网站应能让用户达到其专门的使用目的。 这可以说是一个笼统的题目,其中包含了广泛的话题。譬如说,用户在使用网站的电子邮件功能,几方面将影响其使用效率。第一,用户界面的设计;第二,电子邮件服务器的响应时间和处理速度;第三,网络传送的速度;第四,网站和应用软件的可靠性。除了用户界面设计与以上讨论紧密联系之外,其他方面都将在以下具体讨论。这个例子说明,网站的可用性,其实牵动了网站技术结构的总体。
网站项目建设流程 一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
二.需求分析 第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点: 1.正确性:每个功能必须清楚描写交付的功能; 2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求; 3.必要性:功能是否必须交付,是否可以推迟实现;
三.系统分析
网站总体设计 同时需要写一份总体规划说明书,包括 1.网站的栏目和版块; 2.网站的功能和相应的程序; 3.网站的链接结构; 在做完需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案。总体设计是非常关键的一步。它主要确定 1.网站需要实现哪些功能; 2.网站开发使用什么软件,在什么样的硬件环境; 3.需要多少人,多少时间; 4.需要遵循的规则和标准有哪些 同时需要写一份总体规划说明书,包括 1.网站的栏目和版块; 2.网站的功能和相应的程序; 3.网站的链接结构; 4.如果有数据库,进行数据库的概念设计; 5.网站的交互性和用户友好设计。
网站建设方案 网站需要实现的目的和目标; 网站形象说明 网站的栏目版块和结构 网站内容的安排,相互链接关系 使用软件,硬件和技术分析说明 开发时间进度表 维护方案
四. 项目实施
整体形象设计 网页设计师开始设计网站的整体形象和首页。 整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner(旗帜广告板),菜单,标题,版权等模块设计。首页一般设计1-3个不同风格供选择。
开发制作 程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。
调试完善 在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。 为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。
宣传推广 宣传推广的基本方法有: 1.网页里设置适当的META标签; (meta标签是记录有关当前页面信息的head元素,这些信息有字符编码、作者、版权或关键字。这些标签还可用来给服务器提供信息,如页面的过期日期、刷新时间间隔和PICS分级。(PICS是Internet内容选择平台,它提供指定Web页面分级(如影片分级)的方法。) 2.各搜索引擎登录; 3.准备新闻稿件在各新闻公告板发表; 4.合理使用Email邮件列表; 5.广告条交换; 6.付费广告。 至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。
维护 网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是 1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复; 2.网站流量统计分析和相应对策; 3.尽量推广和使用您的网址; 4.网站内容的及时更新和维护。
五.遵循的规范 网站建设目录规范 1. 在网站根目录中开设images common temp 三个子目录,根据需要再开设media 子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;common 子目录中放css、js,、php、include 等公共文件;temp 子目录放客户提供的各种文字图片等等原始资料;media 子目录中放flash, avi, quick time 等多媒体文件 。 2. 在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。 3. temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。 4. 除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂,
遵循的规范 网站文件命名规范 1. 每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm 2. 件名称统一用小写的英文字母、数字和下划线的组合。 3. 命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作 。 4. 下面以“新闻”(包含“国内新闻”和“国际新闻”)这个栏目来说明html 文件的命名原则 : ☆ 在根目录下开设news目 录 ☆ 第一条缺省新闻取名index.htm ☆ 所有属于“国内新闻”的新闻依次取名为:china_1.htm, china_2.htm, … ☆ 所有属于“国际新闻”的新闻依次取名为:internation_1.htm, internation _2.htm, … ☆ 如果文件的数量是两位数,请将前九个文件命名为:china_01.htm, china_02.htm 以保证所有的文件能够在文件夹中正确排序。
遵循的规范 网站文件命名规范 5. 图片的命名原则遵循以下几条规范 : ☆ 名称分为头尾两两部分,用下划线隔开。 ☆ 头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等 。 ☆ 一般来说: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner 标志性的图片我们取名为:logo 在页面上位置不固定并且带有链接的小图片我们取名为button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu 装饰用的照片我们取名:pic 不带链接表示标题的图片我们取名:title 依照此原则类推。 ☆ 尾部分用来表示图片的具体含义。 ☆ 下面是几个样例,大家应该能够一眼看明白图片的意义: banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
遵循的规范 3.网站建设尺寸规范 4.网站首页head区代码规范 5.网站连接结构规范