网站设计方案.doc

科比球迷网站建设方案姓 名学 号院 （系）专业、 年级指导教师 二一二 年 五 月前言科比布莱恩特（1978年8月23日），是美国职业篮球运动员，自1996年起效力于NBA洛杉矶湖人队，司职得分后卫。科比布莱恩特是前NBA篮球运动员乔布莱恩特的儿子。他是NBA最好的得分手之一，突破、投篮、罚球、三分球他都驾轻就熟，几乎没有进攻盲区，单场比赛81分的个人纪录就有力的证明了这一点。除了疯狂的得分外，科比的组织能力也非常出众，经常担任球队进攻的第一发起人。另外科比还是联盟中最好的防守人之一，贴身防守非常具有压迫性。科比因为这样强大的篮球实力和独特的个人魅力等到了全球广大篮球爱好者的喜欢，他的球迷都将其爱称为小飞侠（Flying Warrior）或者黑曼巴（Black Mamba）。也许有人是因为喜欢上了科比而去看NBA，也许有人是因为看NBA而喜欢上了科比。但无可否认的是，是科比带给了我们新的篮球享受、让我们对篮球产生了跟家浓厚的兴趣。科比球迷网站将会关于科比带给我们更加全面的介绍。了解他的实时动态，欣赏他的比赛风采。1项目背景随着中国社会的发展以及与世界各国的广泛交流，更多的人将目光投向了体育领域，优秀的体育明星成了广大球迷追逐的对象。科比更是广大中国篮球迷钟爱。本网站就是为科比球迷提供交流平台，以及科比的全面资料，还有多方面关于科比的球迷活动。1）整个网站投资计划本项目的开发经费不超过10000元；1. 辅导老师1人，开发人员1人；2. 在管理方针，硬件的限制，并行操作安全和保密方面无约束。3. 开发期限：3个月左右2）投资回报计划与评估计划网站访问量：综合排名: 329010 下期排名: 329010 收录日期: 02-Mar-2006品牌知名度： 本网站主要是吸引科比球迷的关注，除此之外是想通过网站的方式传播科比、NBA、和篮球运动。使更多人能够喜爱篮球运动，并从中获得乐趣。能够使广大的体育爱好者经常关注。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同行网站名称及网址爱死科比论坛 /新浪竞技风暴科比中文官网 /科比中文网 /forum.php科比庄园 /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元/年，其各方面的主要性能如下所示： 虚拟主机基本性能：l 选用电信机房；l 操作系统windows2003；l 可开子站点数2个；l Web空间1000M；l 网站备份空间1000M；l 赠送邮箱容量1024M，邮箱数量100；l 不限制IIS并发连接，流量50Gbyte/每月；l 可绑定15个域名虚拟主机功能：l CGI/PERL；l Asp+access；l FTP管理；l Shockware/Flash支持；l 在线发信组件虚拟网站管理：l 赠送访问统计；l 流量分析；l 日志自助下载；l 赠送计数器；l 赠送留言本；l 用户自助管理示；l 绑定域名；l 自定义错误页；l rar在线解压；l 设置首页；l 在线修改FTP密码；l Urlrewrite；l 免费预装软件；l 10重安全保障；l 防盗链功能；l 查看空间使用情况；l 建站百宝箱；虚拟主机安全性能：l 数据定期备份；l 数据自助恢复；l 千M防火墙系统；虚拟主机今后服务：l QQ、全球免费电话支持；l 247365在线有问必答；l 24 7 365电话技术支持3.3 软件平台方案鉴于.NET平台和微软操作系统的完美融合，Web服务器采用IIS 7.0+.NET Framework 3.5 SP1。1采用ASP.NET 3.5开发后台ASP.NET 3.5（C#）建立在已被验证是稳固可靠的.NET运行时之上，运行效率得到了极大提高，并且增加了很多便于开发的特性，例如新的易于使用的服务器控件，将Ajax技术融入到服务器控件当中等，通常可以减少开发人员大量的编写代码工作，从而提高生产效率。2采用IIS 7.0作为Web服务器考虑到以下新特性带来的性能提升，我们采用IIS 7.0作为Web服务器。（1）进一步瘦化 Web 服务器IIS 7.0功能集以模块化组件的形式实现的，由 44 个模块组成，我们可以将那些对于网站而言并非必需的所有功能删除，明显的益处是，极大地减少受攻击的机会、减少操作内存占用量以及改善性能。（2）通过压缩来降低带宽IIS 7.0包含两个压缩功能：静态压缩和动态压缩。静态压缩会预压缩静态内容并将其保存在磁盘上，因此允许未来的请求无需压缩开销即可直接提供压缩后的内容。动态压缩会实时压缩响应，因此可以压缩由应用程序生成的响应。IIS 7.0 上的任意应用程序框架都可以利用动态压缩ASP.NET。动态压缩一般只占用繁忙服务器上不到 5% 的总 CPU 使用率，可通过配置压缩强度进一步优化压缩开销，从而实现所需的压缩量与 CPU 开销之比。（3）输出缓存一般而言，对于执行重复工作的应用程序而言，缓存是改善其性能的首选方法。在 IIS 7.0 之前的版本内核缓存主要限于静态内容，ASP.NET 输出缓存是用于缓存动态内容的相当完善的解决方案，但其性能较低而且内存管理效率也不高。IIS 7.0 中新的输出缓存弥合了 IIS 内核缓存和 ASP.NET 输出缓存之间的沟壑，可缓存ASP.NET中的动态内容。3选择SQL SERVER作为数据库管理系统SQL SERVER是全世界最为出色的数据系统之一，拥有卓越的性能和效率，因此使用SQL SERVER 2005作为本网站的数据库管理系统。3.4 网站前台开发工具l 网页制作工具：Adobe Dreamweaver CS3l 网页图片设计与制作工具：Adobe Fireworks CS4l 网页动画制作工具：Adobe Flash CS43.5 网站后台开发工具网站开发语言使用ASP.NET 3.5（C#），开发工具为Visual Studio 2008。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所示：LOGO首页科比新闻列表精彩图库经典视频科比论坛个人专区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中，“Check Target Browser”可以自动检测该网页在六中不同版本的浏览器Internet Explorer2.0-6.0和Netscape2.0-5.0中的支持情况，并会自动生成一个报告详细检查结果的HTML文件，并且调用默认浏览器，次检查报告十分详细，不仅指出每个错误的文件中的详细位置，而且说明了错误的原因，检查功能还支持对JavaScript和DHTML的检查，可以坚决使用frontpage制作的网页在netscape下浏览往往显得杂乱无章的问题。 5.1.1网站服务器测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长(例如超过5秒钟)，用户就会因没有耐心等待而离开。另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。同时我们采用功能和性能测试的工具JMeter来进行检测 JMeter是Apache组织的开放源代码项目，它是功能和性能测试的工具，100%的用java实现。5.1.2网站兼容性测试现在的浏览器厂商越来越多，上市的公司也越来越多，但是，有时候不同的编程代码，在不同的浏览器之间是有实质性的区别的，就比如说Internet Exploerer、360浏览器、火狐浏览器等等一大批常用的浏览器，不同的网站代码在它们之间也有很多不同，所以说，对不同的浏览器要进行相应的代码编写，才能保证完好的测试出效果，如果代码编写不对，甚至会出现网站显示不出，或者出现图片显示不出的情况，那样的话，网站的整体效果会大打折扣。所以说，在不同浏览器之间，要进行测试。这是网站发布后必须做的步骤之一。还有更多其他测试是：1、平台测试 市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操 作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。2.视频测试页面版式在 640x400、600x800 或 1024x768 的分辨率模式下是否显示正常? 字体是否太小以至于无法浏览? 或者是太大? 文本和图片是否对齐?3.Modem/连接速率测试是否有这种情况，用户使用 28.8 modem下载一个页面需要 10 分钟，但测试人员在测试的时候使用的是 T1 专线? 用户在下载文章或演示的时候，可能会等待比较长的时间，但却不会耐心等待首页的出现。最后，需要确认图片不会太大。4、打印机测试 用户可能会将网页打印下来。因此网页在设计的时候要考虑到打印问题，注意节约纸张和油墨。有不少用户喜欢阅读而不是盯着屏幕，因此需要验证网页打印是否正常。有时在屏幕上显示的图片和文本的对齐方式可能与打印出来的东西不一样。测试人员至少需要验证订单确认页面打印是正常的。5、组合测试最后需要进行组合测试。600x800 的分辨率在 MAC 机上可能不错，但是在 IBM 兼容机上却很难看。在 IBM 机器上使用 Netscape 能正常显示，但却无法使用 Lynx 来浏览。5.1.3网站程序与数据库测试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应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。5.1.4网站其他测试1、压力测试负载测试应该安排在Web系统发布以后，在实际的网络环境中进行测试。因为一个企业内部员工，特别是项目组人员总是有限的，而一个Web系统能同时处理的请求数量将远远超出这个限度，所以，只有放在Internet上，接受负载测试，其结果才是正确可信的。进行压力测试是指实际破坏一个Web应用系统，测试系统的反映。压力测试是测试系统的限制和故障恢复能力，也就是测试Web应用系统会不会崩溃，在什么情况下会崩溃。黑客常常提供错误的数据负载，直到Web应用系统崩溃，接着当系统重新启动时获得存取权。压力测试的区域包括表单、登陆和其他信息传输页面等。采用的测试工具：性能测试可以采用相应的工具进行自动化测试，我们目前采用如下工具ab -Apache 的测试工具OpenSTA开发系统测试架构2、导航测试 导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等;或在不同的连接页面之间。通过考虑下列问题，可以决定一个Web应用系统是否易于导航：导航是否直观?Web系统的主要部分是否可通过主页存取?Web系统是否需要站点地图、搜索引擎或其他的导航帮助?3、图形测试在Web应用系统中，适当的图片和动画既能起到广告宣传的作用，又能起到美化页面的功能。一个Web应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：(1)要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。Web应用系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。(2)验证所有页面字体的风格是否一致。(3)背景颜色应该与字体颜色和前景颜色相搭配。(4)图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩。4、内容测试内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。5、整体界面测试整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方?整个Web应用系统的设计风格是否一致?对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。对所有的可用性测试来说，都需要有外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与，最好是最终用户的参与。如上图的网站能力测试结果显示，网站设计的；平