网站设计方案

/科比球迷网站建设方案院（系）指导老师

前言 科比·布莱恩特（1978年8月23日－），是美国职业篮球运动员，自1996年起效力于NBA洛杉矶湖人队，司职得分后卫。科比·布莱恩特是前NBA篮球运动员乔·布莱恩特的儿子。他是NBA最好的得分手之一，突破、投篮、罚球、三分球他都驾轻就熟，几乎没有进攻盲区，单场竞赛81分的个人纪录就有力的证明白这一点。除了疯狂的得特别，科比的组织实力也特殊出众，经常担当球队进攻的第一发起人。另外科比还是联盟中最好的防守人之一，贴身防守特殊具有压迫性。科比因为这样强大的篮球实力和独特的个人魅力等到了全球广袤篮球爱好者的宠爱，他的球迷都将其爱称为小飞侠（FlyingWarrior）或者黑曼巴（BlackMamba）。或许有人是因为宠爱上了科比而去看NBA，或许有人是因为看NBA而宠爱上了科比。但无可否认的是，是科比带给了我们新的篮球享受、让我们对篮球产生了跟家深厚的爱好。科比球迷网站将会关于科比带给我们更加全面的介绍。了解他的实时动态，欣赏他的竞赛风采。1项目背景 随着中国社会的发展以及和世界各国的广泛沟通，更多的人将目光投向了体育领域，优秀的体育明星成了广袤球迷追逐的对象。科比更是广袤中国篮球迷钟爱。本网站就是为科比球迷供应沟通平台，以及科比的全面资料，还有多方面关于科比的球迷活动。1）整个网站投资支配本项目的开发经费不超过10000元；1.辅导老师1人，开发人员1人；2.在管理方针，硬件的限制，并行操作平安和保密方面无约束。3.开发期限：3个月左右2）投资回报支配和评估支配网站访问量：综合排名:329010下期排名:329010收录日期:02-Mar-2006品牌知名度：本网站主要是吸引科比球迷的关注，除此之外是想通过网站的方式传播科比、NBA、和篮球运动。使更多人能够宠爱篮球运动，并从中获得乐趣。能够使广袤的体育爱好者经常关注。

2 科比球迷网站需求分析 2.1科比球迷网站用户分析 科比球迷网站面对的主要用户为：宠爱科比的广袤中国球迷；想要从中获得信息的向广袤的体育爱好人士用户/市场统计

在本次调查中，年轻人中无论学生也好，已工作的人也好，均有广袤科比球迷和篮球运动的爱好者。网站整体风格：很不满意：6%不满意5%一般29%满意30%特殊满意10%通过什么方式了解本网站：搜寻引擎80%球迷挚友20%本网站是否是您的第一选择：是35%不是65%网站信息是否精确：是100%网站信息是否全面：是50%不是50%您经常点击的版块：科比最新视频：50%赛场风采：10%科比新闻10%竞赛数据：5%科比论坛：15%会员专区：10%您觉得科比球迷网和球迷的互动状况如何：很好：30%一般：40%不好：30%关键用户需求如何供应应用户更全面的关于科比信息，更快速的供应应球迷科比最新的竞赛视频、数据统计是关键。整理科比职业生涯中的经典瞬间，以及给科比球迷们供应一个谈论科比、篮球和各个方面的平台。可能许多科比的球迷挚友们对某次科比的经典竞赛感怀不忘，也可能有许多球迷想对科比做全方位的了解。科比球球迷网将会满意这些，站内有最全的科比经典视频图片和科比的职业生涯统计，给球迷挚友最透彻的科比。2.1.3

用户环境分析·针对科比球迷网站进行细心的形象设计定位，使之在视觉效果上更美观、更能够突出科技感以及更符合网站的形象定位，从而达到所须要的效果。·规划整个系统的功能，增加各种关于科比的信息、球迷沟通等。·对系统的用户操作流程进行规划，运用户在网站上能够进行更便利的操作，运用户能够更加简洁便利的获得到所须要的信息，适合社会上不同消费层面的客户。·多样的、分布式的管理系统，适合分散到企业各部门对各自的分系统内容进行管理和更新。·实现信息的集成化管理，即企业利用网络技术进行企业管理和市场动作时，对各类数据限制和统计等的管理工作。信息的集成化管理是指管理端而言随着全球信息化进程的不断发展和深化，企业网站原有的简洁的企业宣扬和信息发布功能已经远落后于现在时期对电子商务的功能需求。现在，网络信息化深化到人们生活的每一个角落，人们对于在网络上寻求信息和服务早以不是停留在简洁的信息获得上，人们更多的是须要在网上实现便捷的、实际的，可交互式的网络操作服务功能。2.2科比球迷网站市场分析 同行网站名称及网址爱死科比论坛新浪竞技风暴科比中文官网科比中文网科比庄园同行网站栏目分析一、概述:不同的网站确定有不一样的方向和风格。因为中国科比球迷的众多，关于科比的网站也层出不穷，在借鉴同行阅历的基础上不断完善自己，能够给中国广袤篮球爱好者供应更优质的服务是我们的宗旨。二、网站栏目设计的内容新浪科比中文官方网站一级栏目有首页、访宗师、博真迹、视频酷、盖世图、宗师谱、晓天下、粉丝阔论、信徒殿堂等栏目。科比中文网的一级栏目有网站首页、论坛首页、个人空间、排行榜、每日签到、任务、社区银行等栏目。科比庄园的一级栏目有科比门徒、官方微博、个人主页、科比图库等栏目。爱死科比论坛的一级栏目有论坛、个人中心、人人网主页、群组和24K微博等栏目。三、分析对比这四家网站，我们发觉其特色和关注点特殊明显突出。其中，新浪的科比官网是最为正式的，供广袤球迷了解科比风采和最新竞赛的一个网站。科比中文网则是探讨更多的新闻话题，其论坛组织是最成功的，除了有大量的探讨贴之外还供应了许多经典图片和视频的共享下载。而爱死科比论坛和科比庄园则主要是以科比球迷的探讨发帖为主。2.2.3同行网站页面效果分析。。图3-1新浪科比中文官方网站图3-2科比中文网图3-3科比庄园2.2.4同行网站功能分析一、会员系统二、新闻发布系统（最新动向）三、站内搜寻系统（搜寻感爱好的帖子）2.2.5同行网站评价建设一个好网站，栏目设计相当重要。栏目做得好不仅能起到网站增加光彩的作用和，而且还有可能会成为网站的品牌。因此，在栏目设计上，要一切围围着科比和篮球，以特性化服务的理念指导一切工作，更好的为科比球迷服务。2.3科比球迷网的网站特色和优点 科比球迷网站是一个综合介绍科比，供应科比最新动向、竞赛风采，便利广袤科比球迷沟通的平台。主要特色如下：网站长远方向网站的目标要明确网站管理即时更新，使科比球迷获得最新新闻。各个模块分布的合理性。依据用户的需求改善网站资源网站特性化要和其它网站做得不同，要有确定的特殊性、具备吸引考生的魅力。我们除了一科比球迷为基点之外，主要是想通过对科比的了解，使得更多的人能够宠爱体育运动，宠爱篮球。3 网站技术解决方案 3.1域名方案 本网站的主题为“科比球迷网”，本网站选用域名woaikebi。依据价格比对选择西部数据为域名代理服务供应商。价格为88元/年。3.2服务器硬件方案 “科比球迷网”是一个针对供应科比全部信息和便利球迷间沟通等，不须要很高端的配置，因此在服务器硬件平台选择上选用“门户虚拟主机”即可。通过本开发团队的实地调研和比较选用西部数据代理服务供应商的虚拟主机，价格为680元/年，其各方面的主要性能如下所示：虚拟主机基本性能：选用电信机房；操作系统windows2003；可开子站点数2个；Web空间1000M；网站备份空间1000M；赠送邮箱容量1024M，邮箱数量100；不限制IIS并发连接，流量50Gbyte/每月；可绑定15个域名虚拟主机功能：CGI/PERL；Asp+access；FTP管理；Shockware/Flash支持；在线发信组件虚拟网站管理：赠送访问统计；流量分析；日志自助下载；赠送计数器；赠送留言本；用户自助管理示；绑定域名；自定义错误页；rar在线解压；设置首页；在线修改FTP密码；Urlrewrite；免费预装软件；10重平安保障；防盗链功能；查看空间运用状况；建站百宝箱；虚拟主机平安性能：数据定期备份；数据自助复原；千M防火墙系统；虚拟主机今后服务：QQ、全球免费电话支持；24×7×365在线有问必答；247365电话技术支持3.3软件平台方案 鉴于.NET平台和微软操作系统的完备融合，Web服务器接受IIS7.0+.NETFramework3.5SP1。1．接受ASP.NET3.5开发后台ASP.NET3.5（C#）建立在已被验证是稳固牢靠的.NET运行时之上，运行效率得到了极大提高，并且增加了许多便于开发的特性，例如新的易于运用的服务器控件，将Ajax技术融入到服务器控件当中等，通常可以削减开发人员大量的编写代码工作，从而提高生产效率。2．接受IIS7.0作为Web服务器考虑到以下新特性带来的性能提升，我们接受IIS7.0作为Web服务器。（1）进一步瘦化Web服务器IIS7.0功能集以模块化组件的形式实现的，由44个模块组成，我们可以将那些对于网站而言并非必需的全部功能删除，明显的好处是，极大地削减受攻击的机会、削减操作内存占用量以及改善性能。（2）通过压缩来降低带宽IIS7.0包含两个压缩功能：静态压缩和动态压缩。静态压缩会预压缩静态内容并将其保存在磁盘上，因此允许将来的请求无需压缩开销即可干脆供应压缩后的内容。动态压缩会实时压缩响应，因此可以压缩由应用程序生成的响应。IIS7.0上的随意应用程序框架都可以利用动态压缩ASP.NET。动态压缩一般只占用繁忙服务器上不到5%的总CPU运用率，可通过配置压缩强度进一步优化压缩开销，从而实现所需的压缩量和CPU开销之比。（3）输出缓存一般而言，对于执行重复工作的应用程序而言，缓存是改善其性能的首选方法。在IIS7.0之前的版本内核缓存主要限于静态内容，ASP.NET输出缓存是用于缓存动态内容的相当完善的解决方案，但其性能较低而且内存管理效率也不高。IIS7.0中新的输出缓存弥合了IIS内核缓存和ASP.NET输出缓存之间的沟壑，可缓存ASP.NET中的动态内容。3．选择SQLSERVER作为数据库管理系统SQLSERVER是全世界最为精彩的数据系统之一，拥有卓越的性能和效率，因此运用SQLSERVER2005作为本网站的数据库管理系统。3.4网站前台开发工具 网页制作工具：AdobeDreamweaverCS3网页图片设计和制作工具：AdobeFireworksCS4网页动画制作工具：AdobeFlashCS43.5网站后台开发工具 网站开发语言运用ASP.NET3.5（C#），开发工具为VisualStudio2008。4 网站总体设计 4.1网站功能设计1、站内搜寻模块：便利顾客查到他所想参考的各类业务2、信息发布模块：后台对信息的添加、删除、修改3、管理员模块：管理员进入后台的登录、管理员的注册、删除、修改4、用户模块：用户的注册、登录、管理5、用户留言模块：用户留言、管理员对留言进行审核、删除、回复4.2网站各及栏目设计本站主要有以下各级栏目级栏目设计 首页：展示科比球迷网的一些基本信息，科比的最新动态等精彩图库：科比竞赛及生活美图经典视频：科比职业生涯中的经典竞赛视频科比新闻：科比最新动态科比论坛：科比球迷探讨的平台，各种图片视频的下载我爱篮球：全部篮球爱好者的沟通平台个人专区：用户自己的特性化个人专区相关网站：和科比、NBA、篮球等相关的网站4.3网站CI形象设计 科比球迷网以黄、紫色为主调，以简洁但又不失内涵为准。科比球迷网主要的设计思想为“让我们更迷科比”。本网站的LOGO设计以科比头像为基础。网站的LOGO基本效果图4-1所示：。图4-1科比球迷网站LOGO效果图4.4网页布局效果设计网站首页布局效果如图4-2所示：LOGOLOGO首页科比新闻列表精彩图库经典视频科比论坛个人专区Flash正文部分结束信息我爱篮球相关链接会员登录球衣购买图4-2丫丫雅思网首页布局效果图4.5网站页面设计规范1、阅读器兼容策略：兼容美国市场份额前三的IE、Firefox、Chrome。2、搜寻引擎优化：着重针对Google、Yahoo、Bing、百度搜寻优化，制作清楚明确的网站地图。3、字符编码规则：英文版接受utf-8标准，中文版接受GB2312标准。4、文件和文件夹命名：为兼容win32和unix系统，接受小写字母命名。5、公共文件命名规则：默认首页：index.asp主CSS文件：dx..css主JS文件：main.js主程序配置文件：config.asp6、公共文件书目统一命名图片书目：/imagesCSS样式书目：/cssJS脚本程序书目：/js模板文件书目：/tpl类或者组件书目：/class或者/lib7、页面脚本规范：统一接受JavaScript8、代码中的类、函数、变量名：统一运用近似英文单词命名，如：DefaultClass或者default_class9、代码注释规则：全部程序中的函数或者过程加精确的注释。10、数据库相关规则数据表和字段命名规则：全部小写字母命名，并归类命名前缀，如：用户表组，user_passport、user_info、user_service….主关键字命名：全部表建立以id命名5网站测试和维护5.1网站测试方式网站的内容形式多样，网页制作技术不断变更，网站的测试方法应依据制作技术的不同而接受相应的方法，才能保障测试的牢靠性。目前，常见的网站测试方法有三种：1、人工测试2、程序测试3、专业网站测试由于我们雅思学习网站是一个规模不是很大的网站，我们选择用程序测试来测试网站的各方面所支持的状况。在网页制作软件Dreamwever中，“CheckTargetBrowser”可以自动检测该网页在六中不同版本的阅读器InternetExplorer2.0-6.0和Netscape2.0-5.0中的支持状况，并会自动生成一个报告详细检查结果的HTML文件，并且调用默认阅读器，次检查报告特殊详细，不仅指出每个错误的文件中的详细位置，而且说明白错误的缘由，检查功能还支持对JavaScript和DHTML的检查，可以坚决运用frontpage制作的网页在netscape下阅读往往显得杂乱无章的问题。网站服务器测试用户连接到Web应用系统的速度依据上网方式的变更而变更，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但假如仅仅访问一个页面就不会这样。假如Web系统响应时间太长(例如超过5秒钟)，用户就会因没有耐性等待而离开。

另外，有些页面有超时的限制，假如响应速度太慢，用户可能还没来得及阅读内容，就须要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，运用户得不到真实的页面。同时我们接受功能和性能测试的工具JMeter来进行检测

JMeter是Apache组织的开放源代码项目，它是功能和性能测试的工具，100%的用java实现。网站兼容性测试现在的阅读器厂商越来越多，上市的公司也越来越多，但是，有时候不同的编程代码，在不同的阅读器之间是有实质性的区分的，就比如说InternetExploerer、360阅读器、火狐阅读器等等一大批常用的阅读器，不同的网站代码在它们之间也有许多不同，所以说，对不同的阅读器要进行相应的代码编写，才能保证完好的测试出效果，假如代码编写不对，甚至会出现网站显示不出，或者出现图片显示不出的状况，那样的话，网站的整体效果会大打折扣。所以说，在不同阅读器之间，要进行测试。这是网站发布后必需做的步骤之一。还有更多其他测试是：1、平台测试

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

因此，在Web系统发布之前，须要在各种操作系统下对Web系统进行兼容性测试。

2.视频测试

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

3.Modem/连接速率测试

是否有这种状况，用户运用28.8modem下载一个页面须要10分钟，但测试人员在测

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

但却不会耐性等待首页的出现。最终，须要确认图片不会太大。

4、打印机测试

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

5、组合测试

最终须要进行组合测试。600x800的辨别率在MAC机上可能不错，但是在IBM兼容机上却很难看。在IBM机器上运用Netscape能正常显示，但却无法运用Lynx来阅读。

网站程序和数据库测试1、表单测试当用户给Web应用系统管理员提交信息时，就须要运用表单操作，例如用户注册、登陆、信息提交等。在这种状况下，我们必需测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的诞生日期和职业是否恰当，填写的所属省份和所在城市是否匹配等。假如运用了默认值，还要检验默认值的正确性。假如表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。

要测试这些程序，须要验证服务器能正确保存这些数据，而且后台运行的程序能正确说明和运用这些信息。

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

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

2、Cookies测试

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

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

3、设计语言测试

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

4、数据库测试

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

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

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

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

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

接受的测试工具：

性能测试可以接受相应的工具进行自动化测试，我们目前接受如下工具

abApache的测试工具

OpenSTA—开发系统测试架构2、导航测试

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

3、图形测试

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

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

(2)验证全部页面字体的风格是否一样。

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

(4)图片的大小和质量也是一个很重要的因素，一般接受JPG或GIF压缩。

4、内容测试

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

5、整体界面测试

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

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

对全部的可用性测试来说，都须要有外部人员(和Web应用系统开发没有联系或联系很少的人员)的参和，最好是最终