网站设计方案

网站设计方案
网站设计方案

科比球迷网站建设方案

姓名

学号

院(系)

专业、年级

指导教师

二○一二年五月

前言

科比·布莱恩特(1978年8月23日-),是美国职业篮球运动员,自1996年起效力于洛杉矶湖人队,司职得分后卫。科比·布莱恩特是前篮球运动员乔·布莱恩特的儿子。他是最好的得分手之一,突破、投篮、罚球、三分球他都驾轻就熟,几乎没有进攻盲区,单场比赛81分的个人纪录就有力的证明了这一点。除了疯狂的得分外,科比的组织能力也非常出众,经常担任球队进攻的第一发起人。另外科比还是联盟中最好的防守人之一,贴身防守非常具有压迫性。科比因为这样强大的篮球实力和独特的个人魅力等到了全球广大篮球爱好者的喜欢,他的球迷都将其爱称为小飞侠()或者黑曼巴()。也许有人是因为喜欢上了科比而去看,也许有人是因为看而喜欢上了科比。但无可否认的是,是科比带给了我们新的篮球享受、让我们对篮球产生了跟家浓厚的兴趣。科比球迷网站将会关于科比带给我们更加全面的介绍。了解他的实时动态,欣赏他的比赛风采。

1项目背景

随着中国社会的发展以及与世界各国的广泛交流,更多的人将目光投向了体育领域,优秀的体育明星成了广大球迷追逐的对象。科比更是广大中国篮球迷钟爱。

本网站就是为科比球迷提供交流平台,以及科比的全面资料,还有多方面关于科比的球迷活动。

1)整个网站投资计划

本项目的开发经费不超过10000元;

1. 辅导老师1人,开发人员1人;

2. 在管理方针,硬件的限制,并行操作安全和保密方面无约束。

3. 开发期限:3个月左右

2)投资回报计划与评估计划

网站访问量:综合排名: 329010 下期排名: 329010 收录日期: 022006

品牌知名度:本网站主要是吸引科比球迷的关注,除此之外是想通过网站的方式传播科比、、和篮球运动。使更多人能够喜爱篮球运动,并从中获得乐趣。能够使广大的体育爱好者经常关注。

2 科比球迷网站需求分析

2.1 科比球迷网站用户分析

科比球迷网站面向的主要用户为:

1、喜欢科比的广大中国球迷;

2、想要从中获取信息的向广大的体育爱好人士

2.1.1 用户/市场统计

在本次调查中,年轻人中无论学生也好,已工作的人也好,均有广大科比球迷和篮球运动的爱好者。

网站整体风格:很不满意:6% 不满意5%一般29% 满意30% 非常满意10% 通过什么方式了解本网站:搜索引擎80% 球迷朋友20%

本网站是否是您的第一选择:是35%不是65%

网站信息是否准确:是100%

网站信息是否全面:是50% 不是50%

您经常点击的版块:科比最新视频:50% 赛场风采:10% 科比新闻10% 比赛数据:5% 科比论坛:15% 会员专区:10%

您觉得科比球迷网与球迷的互动情况如何:很好:30% 一般:40% 不好:30%

2.1.2关键用户需求

如何提供给用户更全面的关于科比信息,更快速的提供给球迷科比最新的比赛视频、数据统计是关键。整理科比职业生涯中的经典瞬间,以及给科比球迷们提供一个谈论科比、篮球和各个方面的平台。可能很多科比的球迷朋友们对某次科比的经典比赛感怀不忘,也可能有很多球迷想对科比做全方位的了解。科比球球迷网将会满足这些,站内有最全的科比经典视频图片和科比的职业生涯统计,给球迷朋友最透彻的科比。

2.1.3 用户环境分析

·针对科比球迷网站进行精心的形象设计定位,使之在视觉效果上更美观、更能够突出科技感以及更符合网站的形象定位,从而达到所需要的效果。

·规划整个系统的功能,增加各种关于科比的信息、球迷交流等。

·对系统的用户操作流程进行规划,使用户在网站上能够进行更方便的操作,使用户能够更加简单方便的获取到所需要的信息,适合社会上不同消费层面的客户。

·多样的、分布式的管理系统,适合分散到企业各部门对各自的分系统内容进行管理和更新。

·实现信息的集成化管理,即企业利用网络技术进行企业管理和市场动作时,对各类数据控制和统计等的管理工作。信息的集成化管理是指管理端而言

随着全球信息化进程的不断发展和深入,企业网站原有的简单的企业宣传和信息

发布功能已经远落后于现在时期对电子商务的功能需求。现在,网络信息化深入到人们生活的每一个角落,人们对于在网络上寻求信息和服务早以不是停留在简单的信息获取上,人们更多的是需要在网上实现便捷的、实际的,可交互式的网络操作服务功能。

2.2 科比球迷网站市场分析

2.2.1同行网站名称及网址

爱死科比论坛

新浪竞技风暴科比中文官网

科比中文网

科比庄园

2.2.2 同行网站栏目分析

一、概述:

不同的网站肯定有不一样的方向和风格。因为中国科比球迷的众多,关于科比的网站也层出不穷,在借鉴同行经验的基础上不断完善自己,能够给中国广大篮球爱好者提供更优质的服务是我们的宗旨。

二、网站栏目设计的内容

新浪科比中文官方网站一级栏目有首页、访宗师、博真迹、视频酷、盖世图、宗师谱、晓天下、粉丝阔论、信徒殿堂等栏目。

科比中文网的一级栏目有网站首页、论坛首页、个人空间、排行榜、每日签到、任务、社区银行等栏目。

科比庄园的一级栏目有科比门徒、官方微博、个人主页、科比图库等栏目。

爱死科比论坛的一级栏目有论坛、个人中心、人人网主页、群组和24K微博等栏目。

三、分析

对比这四家网站,我们发现其特色和关注点非常明显突出。其中,新浪的科比官网是最为正式的,供广大球迷了解科比风采和最新比赛的一个网站。科比中文网则是讨论更多的新闻话题,其论坛组织是最成功的,除了有大量的讨论贴之外还提供了很多经典图片和视频的分享下载。而爱死科比论坛和科比庄园则主要是以科比球迷的讨论发帖为主。

2.2.3 同行网站页面效果分析

。。

图3-1新浪科比中文官方网站图3-2科比中文网图3-3科比庄园

2.2.4 同行网站功能分析

一、会员系统

二、新闻发布系统(最新动向)

三、站内搜索系统(搜索感兴趣的帖子)

2.2.5 同行网站评价

建设一个好网站,栏目设计相当重要。栏目做得好不仅能起到网站增添光彩的作用和,而且还有可能会成为网站的品牌。因此,在栏目设计上,要一切围绕着科比和篮球,以个性化服务的理念指导一切工作,更好的为科比球迷服务。

2.3 科比球迷网的网站特色与优点

科比球迷网站是一个综合介绍科比,提供科比最新动向、比赛风采,方便广大科比球迷交流的平台。主要特色如下:

网站长远方向

网站的目标要明确

网站管理

即时更新,使科比球迷获得最新新闻。各个模块分布的合理性。根据用户的需求改善网站资源

网站个性化

要与其它网站做得不同,要有一定的特殊性、具备吸引考生的魅力。

我们除了一科比球迷为基点之外,主要是想通过对科比的了解,使得更多的人能够喜欢体育运动,喜欢篮球。

3 网站技术解决方案

3.1 域名方案

本网站的主题为“科比球迷网”,本网站选用域名。根据价格比对选择西部数据为域名代理服务提供商。价格为88元/年。

3.2 服务器硬件方案

“科比球迷网”是一个针对提供科比所有信息和方便球迷间交流等,不需要很高端的配置,因此在服务器硬件平台选择上选用“门户虚拟主机”即可。通过本开发团队的实地调研和比较选用西部数据代理服务提供商的虚拟主机,价格为680元/年,其各方面的主要性能如下所示:虚拟主机基本性能:

●选用电信机房;

●操作系统2003;

●可开子站点数2个;

●空间1000M;

●网站备份空间1000M;

●赠送邮箱容量1024M,邮箱数量100;

●不限制并发连接,流量50每月;

●可绑定15个域名

虚拟主机功能:

●;

●;

●管理;

●支持;

●在线发信组件

虚拟网站管理:

●赠送访问统计;

●流量分析;

●日志自助下载;

●赠送计数器;

●赠送留言本;

●用户自助管理示;

●绑定域名;

●自定义错误页;

●在线解压;

●设置首页;

●在线修改密码;

●;

●免费预装软件;

●10重安全保障;

●防盗链功能;

●查看空间使用情况;

●建站百宝箱;

虚拟主机安全性能:

●数据定期备份;

●数据自助恢复;

●千M防火墙系统;

虚拟主机今后服务:

●、全球免费电话支持;

●24×7×365在线有问必答;

●24 7 365电话技术支持

3.3 软件平台方案

鉴于平台和微软操作系统的完美融合,服务器采用7.0 3.5 1。

1.采用3.5开发后台

3.5()建立在已被验证是稳固可靠的运行时之上,运行效率得到了极大提高,并且增加了很多便于开发的特性,例如新的易于使用的服务器控件,将技术融入到服务器控件当中等,通常可以减少开发人员大量的编写代码工作,从而提高生产效率。

2.采用7.0作为服务器

考虑到以下新特性带来的性能提升,我们采用7.0作为服务器。

(1)进一步瘦化服务器

7.0功能集以模块化组件的形式实现的,由44 个模块组成,我们可以将那些对于网站而言并非必需的所有功能删除,明显的益处是,极大地减少受攻击的机会、减少操作内存占用量以及改善性能。

(2)通过压缩来降低带宽

7.0包含两个压缩功能:静态压缩和动态压缩。静态压缩会预压缩静态内容并将其保存在磁盘上,因此允许未来的请求无需压缩开销即可直接提供压缩后的内容。动态压缩会实时压缩响应,因此可以压缩由应用程序生成的响应。7.0 上的任意应用程序框架都可以利用动态压缩。动态压缩一般只占用繁忙服务器上不到5% 的总使用率,可通过配置压缩强度进一步优化压缩开销,从而实现所需的压缩量与开销之比。

(3)输出缓存

一般而言,对于执行重复工作的应用程序而言,缓存是改善其性能的首选方法。在7.0 之前的版本内核缓存主要限于静态内容,输出缓存是用于缓存动态内容的相当完善的解决方案,但其性能较低而且内存管理效率也不高。7.0 中新的输出缓存弥合了内核缓存和输出缓存之间的沟壑,可缓存中的动态内容。

3.选择作为数据库管理系统

是全世界最为出色的数据系统之一,拥有卓越的性能和效率,因此使用2005作为本网站的数据库管理系统。

3.4 网站前台开发工具

●网页制作工具: 3

●网页图片设计与制作工具: 4

●网页动画制作工具: 4

3.5 网站后台开发工具

网站开发语言使用 3.5(),开发工具为2008。

4 网站总体设计

4.1 网站功能设计

1、站内搜索模块:方便顾客查到他所想参考的各类业务

2、信息发布模块:后台对信息的添加、删除、修改

3、管理员模块:管理员进入后台的登录、管理员的注册、删除、修改

4、用户模块:用户的注册、登录、管理

5、用户留言模块:用户留言、管理员对留言进行审核、删除、回复

4.2 网站各及栏目设计

本站主要有以下各级栏目级栏目设计

首页:展示科比球迷网的一些基本信息,科比的最新动态等

精彩图库:科比比赛及生活美图

经典视频:科比职业生涯中的经典比赛视频

科比新闻:科比最新动态

科比论坛:科比球迷讨论的平台,各种图片视频的下载

我爱篮球:所有篮球爱好者的交流平台

个人专区:用户自己的个性化个人专区

相关网站:与科比、、篮球等相关的网站

4.3 网站形象设计

科比球迷网以黄、紫色为主调,以简洁但又不失内涵为准。

科比球迷网主要的设计思想为“让我们更迷科比”。本网站的设计以科比头

像为基础。网站的基本效果图4-1所示:

图4-1 科比球迷网站效果图

4.4网页布局效果设计

网站首页布局效果如图4-2所示:

图4-2丫丫雅思网首页布局效果图

4.5 网站页面设计规范

1、浏览器兼容策略:兼容美国市场份额前三的、、。

2、搜索引擎优化:着重针对、、、百度搜索优化,制作清晰明确的网站地图。

3、字符编码规则:英文版采用8标准,中文版采用2312标准。

4、文件与文件夹命名:为兼容32与系统,采用小写字母命名。

5、公共文件命名规则:

默认首页:

主文件:

主文件:

主程序配置文件:

6、公共文件目录统一命名

图片目录:

样式目录:

脚本程序目录:

模板文件目录:

类或者组件目录:或者

7、页面脚本规范:统一采用

8、代码中的类、函数、变量名:统一使用近似英文单词命名,如:或者

9、代码注释规则:所有程序中的函数或者过程加确切的注释。

10、数据库相关规则

数据表与字段命名规则:全部小写字母命名,并归类命名前缀,如:用户表组,、、….

主关键字命名:所有表建立以命名

5 网站测试与维护

5.1 网站测试方式

网站的内容形式多样,网页制作技术不断变化,网站的测试方法应根据制作技术的不同而采用相应的方法,才能保障测试的可靠性。

目前,常见的网站测试方法有三种:

1、人工测试

2、程序测试

3、专业网站测试

由于我们雅思学习网站是一个规模不是很大的网站,我们选择用程序测试来测试网站的各方面所支持的情况。

在网页制作软件中,“”可以自动检测该网页在六中不同版本的浏览器2.0-6.0和2.0-5.0中的支持情况,并会自动生成一个报告详细检查结果的文件,并且调用默认浏览器,次检查报告十分详细,不仅指出每个错误的文件中的详细位置,而且说明了错误的原因,检查功能还支持对和的检查,可以坚决使用制作的网页在下浏览往往显得杂乱无章的问题。

5.1.1网站服务器测试

用户连接到应用系统的速度根据上网方式的变化而变化,他们或许是电话拨号,或是宽带上网。当下载一个程序时,用户可以等较长的时间,但如果仅仅访问一个页面就不会这样。如果系统响应时间太长(例如超过5秒钟),用户就会因没有耐心等待而离开。

另外,有些页面有超时的限制,如果响应速度太慢,用户可能还没来得及浏览内容,就需要重新登陆了。而且,连接速度太慢,还可能引起数据丢失,

使用户得不到真实的页面。

同时我们采用功能和性能测试的工具来进行检测

是组织的开放源代码项目,它是功能和性能测试的工具,100%的用实现。

5.1.2网站兼容性测试

现在的浏览器厂商越来越多,上市的公司也越来越多,但是,有时候不同的编程代码,在不同的浏览器之间是有实质性的区别的,就比如说、360浏览器、火狐浏览器等等一大批常用的浏览器,不同的网站代码在它们之间也有很多不同,所以说,对不同的浏览器要进行相应的代码编写,才能保证完好的测试出效果,如果代码编写不对,甚至会出现网站显示不出,或者出现图片显示不出的情况,那样的话,网站的整体效果会大打折扣。所以说,在不同浏览器之间,要进行测试。这是网站发布后必须做的步骤之一。还有更多其他测试是:

1、平台测试

市场上有很多不同的操作系统类型,最常见的有、、、等。应用系统的最终用户究竟使用哪一种操作系统,取决于用户系统的配置。这样,就可能会发生兼容性问题,同一个应用可能在某些操作系统下能正常运行,但在另外的操作系统下可能会运行失败。

因此,在系统发布之前,需要在各种操作系统下对系统进行兼容性测试。2.视频测试

页面版式在640x400、600x800 或1024x768 的分辨率模式下是否显示正常? 字体是否太小以至于无法浏览? 或者是太大? 文本和图片是否对齐?

3连接速率测试

是否有这种情况,用户使用28.8 下载一个页面需要10 分钟,但测试人员在测

试的时候使用的是T1 专线? 用户在下载文章或演示的时候,可能会等待比较长的时间,

但却不会耐心等待首页的出现。最后,需要确认图片不会太大。

4、打印机测试

用户可能会将网页打印下来。因此网页在设计的时候要考虑到打印问题,注意节约纸张和油墨。有不少用户喜欢阅读而不是盯着屏幕,因此需要验证网页打印是否正常。有时在屏幕上显示的图片和文本的对齐方式可能与打印出来的东西不一样。测试人员至少需要验证订单确认页面打印是正常的。

5、组合测试

最后需要进行组合测试。600x800 的分辨率在机上可能不错,但是在兼容机上却很难看。在机器上使用能正常显示,但却无法使用来浏览。

5.1.3网站程序与数据库测试

1、表单测试

当用户给应用系统管理员提交信息时,就需要使用表单操作,例如用户注册、登陆、信息提交等。在这种情况下,我们必须测试提交操作的完整性,以校验提

交给服务器的信息的正确性。例如:用户填写的出生日期与职业是否恰当,填写的所属省份与所在城市是否匹配等。如果使用了默认值,还要检验默认值的正确性。如果表单只能接受指定的某些值,则也要进行测试。例如:只能接受某些字符,测试时可以跳过这些字符,看系统是否会报错。

要测试这些程序,需要验证服务器能正确保存这些数据,而且后台运行的程序能正确解释和使用这些信息。

结构实现的功能可能主要的就在这里,提交数据,处理数据等如果有固定的操作流程可以考虑自动化测试工具的录制功能,编写可重复使用的脚本代码,可以在测试、回归测试时运行以便减轻测试人员工作量。

我们对子系统中各个功能模块中的各项功能进行逐一的测试,主要测试方法为:边界值测试、等价类测试,以及异常类测试。测试中要保证每种类型都有2个以上的典型数值的输入,以确保测试输入的全面性。

2、测试

通常用来存储用户信息和用户在某应用系统的操作,当一个用户使用访问了某一个应用系统时,服务器将发送关于用户的信息,把该信息以的形式存储在客户端计算机上,这可用来创建动态和自定义页面或者存储登陆等信息。

如果应用系统使用了,就必须检查是否能正常工作而且对这些信息已经加密。测试的内容可包括是否起作用,是否按预定的时间进行保存,刷新对有什么影响等。

3、设计语言测试

设计语言版本的差异可以引起客户端或服务器端严重的问题,例如使用哪种版本的等。当在分布式环境中开发时,开发人员都不在一起,这个问题就显得尤为重要。除了的版本问题外,不同的脚本语言,例如、、、或等也要进行验证。

4、数据库测试

在应用技术中,数据库起着重要的作用,数据库为应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在应用中,最常用的数据库类型是关系型数据库,可以使用对信息进行处理。

在使用了数据库的应用系统中,一般情况下,可能发生两种错误,分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的,而输出错误主要是由于网络速度或程序设计问题等引起的,针对这两种情况,可分别进行测试。

5.1.4网站其他测试

1、压力测试

负载测试应该安排在系统发布以后,在实际的网络环境中进行测试。因为一个企业内部员工,特别是项目组人员总是有限的,而一个系统能同时处理的请求数量将远远超出这个限度,所以,只有放在上,接受负载测试,其结果才是正确可信的。

进行压力测试是指实际破坏一个应用系统,测试系统的反映。压力测试是测试系统的限制和故障恢复能力,也就是测试应用系统会不会崩溃,在什么情况下会崩溃。黑客常常提供错误的数据负载,直到应用系统崩溃,接着当系统重新启动时获得存取权。

压力测试的区域包括表单、登陆和其他信息传输页面等。

采用的测试工具:

性能测试可以采用相应的工具进行自动化测试,我们目前采用如下工具的测试工具

—开发系统测试架构

2、导航测试

导航描述了用户在一个页面内操作的方式,在不同的用户接口控制之间,例如按钮、对话框、列表和窗口等;或在不同的连接页面之间。通过考虑下列问题,可以决定一个应用系统是否易于导航:导航是否直观系统的主要部分是否可通过主页存取系统是否需要站点地图、搜索引擎或其他的导航帮助?

3、图形测试

在应用系统中,适当的图片和动画既能起到广告宣传的作用,又能起到美化页面的功能。一个应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有:

(1)要确保图形有明确的用途,图片或动画不要胡乱地堆在一起,以免浪费传输时间。应用系统的图片尺寸要尽量地小,并且要能清楚地说明某件事情,一般都链接到某个具体的页面。

(2)验证所有页面字体的风格是否一致。

(3)背景颜色应该与字体颜色和前景颜色相搭配。

(4)图片的大小和质量也是一个很重要的因素,一般采用或压缩。

4、内容测试

内容测试用来检验应用系统提供信息的正确性、准确性和相关性。

5、整体界面测试

整体界面是指整个应用系统的页面结构设计,是给用户的一个整体感。例如:当用户浏览应用系统时是否感到舒适,是否凭直觉就知道要找的信息在什么地方?整个应用系统的设计风格是否一致?

对整体界面的测试过程,其实是一个对最终用户进行调查的过程。一般应用系统采取在主页上做一个调查问卷的形式,来得到最终用户的反馈信息。

对所有的可用性测试来说,都需要有外部人员(与应用系统开发没有联系或联系很少的人员)的参与,最好是最终用户的参与。

如上图的网站能力测试结果显示,网站设计的;平均速度为1193字节每秒。这是网站性能的体现之一。

5.2网站维护方式

对于网站建设者,网站建好后并不是没什么事了,其日后的维护,管理和更新才是最重要的,网络的最大优势就是信息的实时性,只有不断推陈出新,才能有效的发挥网站的潜能。

网站维护一般包含以下的内容:内容的更新(如考试信息的更新,有关考试新闻动态更新,招聘启事更新等、网站风格的更新(如网站改版)、网站重要设计制作(如启示类重大事件页面,等活动页面设计制作)、网站系统维护服务(如账号维护服务、域名维护续费服务、网站空间维护、与进行联系、设置、域名解析服务等)以及网站安全维护等。

其中网站维护的方式有以下几点:

访问数据分析

(1)网站访问数据目标

(2)利用数据管理网站

站点文件管理

(1)添加文件

(2)删除文件

(3)重命名文件

远程与本地站点同步

(1)打开上传的网站

(2)同步参数设置

(3)更新预览对话框

(4)完成更新操作

检查与修正超级链接

(1)检查超级链接

(2)修正超级链接

6 网站发布与推广

6.1网站发布方式

是小巧强大的工具之一,友好的用户界面,稳定的传输速度,与、堪称三剑客。传输速度比较快,但有时对于一些教育网站点却无法连接;传输速度稳定,能够连接绝大多数站点(包括一些教育网站点);虽然相对来说比较庞大,但其自带了许多免费的站点,资源丰富。最新版是最好的客户程序之一,如果你是老版本的用户,你会发现很多有用的新特色,如目录比较,目录上传和下载,远端文件编辑,以及风格的工具条,可让你编列顺序一次下载或上传同一站台中不同目录下的文件。

主要功能

站点对站点的文件传输()

定制操作日程

远程文件修改

自动拨号功能

自动搜索文件

连接向导

连续传输,直到完成文件传输集成

及时给出出错信息

恢复传输队列

附加防火墙支持

可以删除回收箱中的文件

7网站建设成本估算

8 项目工程进度

8.1 人员分工

8.2 工程进度计划

相关主题
相关文档
最新文档