612SJBHdota宣传网站

一、引言

（一）课题背景

DOTA这一游戏领域正如日中天，该游戏领域由目前当红游戏《魔兽世界》衍生而出，此游戏为一竞技类游戏，相对于其他游戏而言，此类游戏时间短通常为一个小时，但是对于其他竞技游戏来说，该游戏更难被玩家所掌握，因为该游戏不仅考验个人的素质、意识等，更考验玩家对于团队的协作。

研究该方向的课题，可以增加玩家或者浏览者对英雄人物的熟悉度，提高自己的团队协作能力。该游戏不仅仅是为了娱乐、打发时间，该游戏也锻炼了玩家的团队协作能力和大局观，让其在今后的竞争中更适合小团体的发展方式。

（二）主要制作工具简介

1. Microsoft Visual Studio 2008

Microsoft Visual Studio 2008是面向Windows Vista、Office 2007、Web 2.0的下一代开发工具，代号“Orcas”，是对Visual Studio 2005一次及时、全面的升级。

VS2008引入了250多个新特性，整合了对象、关系型数据、XML的访问方式,语言更加简洁。使用Visual Studio 2008可以高效开发Windows应用。设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。同时Visual Studio 2008支持项目模板、调试器和部署程序。Visual Studio 2008可以高效开发Web应用，集成了AJAX 1.0，包含AJAX项目模板，它还可以高效开发Office应用和Mobile应用。在本次制作过程中主要借用了该软件的后台管理系统。

1. Dreamweaver

是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎 "Presto" 作为网页预览。

1. Photoshop

Adobe Photoshop，简称“PS”，是一个由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以更有效的进行图片编辑工作。2003年，Adobe将Adobe Photoshop 8更名为Adobe Photoshop CS。因此，最新版本Adobe Photoshop CS6是Adobe Photoshop中的第13个主要版本。

二、网站设计

1.网站的结构图

本网站相对来说比较简洁明了，通过制作一个网页，创建为模板，以此来制作之后一系列的子页，每个子页都有详细的文字介绍和丰富的图片给浏览者观赏。结构图如图2-1所示。

2.首页设计

（1）设计理念

通过上网，浏览不同的DOTA网站发现，大多数网站做的十分详细，包括英雄介绍、英雄技能介绍、物品介绍之类。本网站定位的就是英雄介绍，其实英雄介绍基本上就是介绍英雄的技能及来源而已，所以设计了以下的页面作为网站首页，如图2-2所示。

（2）Logo设计

Logo制作简洁明了，是字母加上背景色，字母使用了艺术字的效果，使其不显单板，同时字母配上烈火燃烧似的效果，表示该游戏相当的热血。在背景色上，选择使用了渐变效果，外围是肃穆的黑色，暗示玩家在玩DOTA的时候要小心谨慎，不要被热血冲昏头脑，如此才能在游戏中具有一定的优势。背景中心位置渐变成鲜红色，仿佛是一团鲜血，暗示了该游戏的定位便是热血、激情类的游戏。

如此设计的原因，便是暗示DOTA游戏迷们，在打DOTA的时候不能急躁，不能彷徨，保持平常心，保持自我，不要迷失在DOTA的热血之中，这样是玩不好DOTA的，因为你不知道，看似弱小的猎物旁边是否有一群猎物的朋友在看着你，也许在你准备对选择的猎物动手的时候，旁边的一群敌人从暗处冲出，将你猎杀；也可能你到死都不知道，你是怎么死，甚至你连敌人的样子都没看见。Logo如图2-3所示

图2-3 logo效果图

（3）色彩

这是一个严谨的游戏，所以在首页主体色彩上应该选择的庄重点，这样可以体现该游戏的玩家需要有严谨的心思，但是游戏毕竟是游戏，选择黑色的话就显得过于隆重，而且，大多数的游戏宣传网站都是使用黑色作为主体颜色，为了体现网站的特殊性，制作网页的时候就选择了灰色作为主体颜色，如图2-4所示。

图2-4 首页主体色彩效果图

除了灰色外，网站还加入了其他的色彩，比如红色、蓝色之类，使浏览者不会觉得太无聊。

（4）图片选择

首页，是体现整个网站总体内容的页面，所以在图片选择上也是相当重要的。比如网站的顶部，插入了一张横幅图片，如图2-5所示。

图2-5 首页顶部图片

网站的首页之所以选择这张图片是有一定含义的，DOTA是世界著名游戏《魔兽世界》的衍生品，并且游戏中的人物及物品与《魔兽世界》中的人物和物品有着高度的相似，可以说，DOTA是《魔兽世界》是的下一代，所以，选择图2-5可以很好的表示DOTA的由来。

另外，在整个首页的左侧部分插入的图片也是遵循一定原则的。该游戏的玩家主要是男生，对于男生来说，游戏人物的震骇性是十分重要的，玩家往往会因为某个游戏的人物设计的十分有特色而选择该游戏，所以在首页中英雄人物图片的选择上没有使用简单的人物头像，而是选择了比较有特色的艺术效果的英雄图片作为首页上的英雄图片，如图2-6所示。

此处子页的文字部分是通过后台管理系统实现的，如图3-2所示。

图3-2 子页文字填充界面

在【攻略标题】中填写需要添加的酒馆名称，然后在【攻略内容】中填写该酒馆之中的英雄技能简介，单击添加即可完成。同时，在这里可以选择【攻略内容】之中添加的文字的颜色、大小和格式之类的功能，相当方便。

当然这是导航中的子页，在首页左边区域，有大量的图片，每一张图片就是介绍这个英雄的一个子页，如图3-3所示。

图3-3 图片子页效果图

另外一类子页便是整个首页最下方的“网站新闻”和“网游新闻”，在浏览网页的时候，这些网页是浏览者最少去的，因为这些新闻与自己并没多大关系，所有很多浏览者在浏览的时候选择忽略这些新闻，其实这些新闻反而是最有价值的地方，因为对于玩家来说，英雄介绍和物品介绍是很少变化的，每个版本之后修改一到两个英雄或者物品，对于英雄数量和物品数量达到两三百的DOTA来说，这些改变根本无关紧要，反而是一些新闻值得注意，因为这些新闻往往会给一些资深玩家带来意想不到的冲击，如图3-4和3-5所示。

图3-4 网站新闻效果图

（2）图片选择

子页是介绍英雄技能的地方，既然是介绍英雄，当然应该配上这个英雄的图像，这里的图像不能与首页的英雄图像一样，选择艺术形式的图像。介绍英雄是为了让浏览者认识这个英雄，而不是喜欢这个英雄。所以，在做这类子页的时候，使用英雄正统头像配上文字说明无疑是明智的，如图3-6所示。

五、总结

学习的意义是为了我们能够在某一方面或者某一领域有自己的见解及领悟，而实践则是检验我们对这一方面是否理解的重要手段。放暑假之前，我选了“DOTA游戏英雄宣传网站”为题的毕业设计。之所以选择以这个游戏作为毕业设计的课题，是因为我通过玩这个游戏，深深的理解到团队协作是多么的重要，并且我个人也十分看重团队协作，我相信在以后的工作中，这一意识将使我能够更好的展现自己的风采，也能让我踏上更广阔的舞台。

在设计过程中，我通过查阅大量有关资料，与同学交流经验和自学，并向老师请教等方式，使自己学到了不少知识，也经历了不少艰辛，但收获同样巨大。我的网站在设计的过程中用Photoshop对一些需要进行处理的图片和文字进行了处理，比如Logo,在设计的时候我运用了Photoshop这个软件中艺术字和颜色渐变的功能，使我成功制作出了自己的Logo。之后我用Dreamweaver对网站的整体框架进行了设计，包括首页和子页的框架结构。最后，我使用了Microsoft Visual Studio这个软件对这个网站进行了一些必要内容的填充，从而完成了整个网站的设计和制作。

整个设计过程并不是一帆风顺，我也在设计的时候遇到了诸多困难。比如：做子页的时候，第一个难题就是英雄的技能介绍，DOTA中有一百多位的英雄，作为DOTA游戏英雄宣传网站，需要对每个英雄都进行介绍（除了被Ban的英雄之外），如此一来就面临了一个难题：酒馆就只有9个，因此每个酒馆有将近12个英雄，如果每个英雄做一个网页的话，那网页就可能达到一百多页，工作量大，而且给人感觉烦躁；但是如果把每个酒馆的英雄老老实实的放在自己的酒馆中的话，该酒馆的子页篇幅就会很大。对于这个问题，我运用自己对该游戏的理解，对游戏英雄的介绍进行了精炼，使英雄介绍能够得到充分的体现。

在整个设计中我懂得了许多东西，也培养了我独立工作的能力，树立了对自己工作能力的信心，相信会对今后的学习工作生活有非常重要的影响。而且大大提高了动手的能力，使我充分体会到了在创造过程中探索的艰难和成功时的喜悦。虽然这个设计做的不是十分理想，但是在设计过程中所学到的东西是这次毕业设计的最大收获和财富，使我终身受益。

大学三年就会在这最后的毕业设计总结划上一个圆满的句号，但是学习的脚步依旧没有停止，在以后的日子里，我们还有许多东西需要学习，向老师，向长辈们学习。我曾经以为时间是一个不快不慢的东西,但现在我感到时间过的是多么的飞快。毕业，无疑是伤感的，三年了,感觉就在一眨眼之间结束了我的大学生涯，往昔与同学、舍友在一起的点点滴滴依旧在眼前，那些美好的时光，我永远会珍惜。毕业,最重要的一个过程,最能把理论知识运用到实践当中的过程就数毕业设计了，这也是我们从一个学生走向社会的一个转折，另一个生命历程的开始。

这次毕业设计是对我三年以来所学内容的综合应用，虽然时间有限，但我还是从这次毕业设计中学到了好多知识，为我以后走向工作岗位和继续深造打下了良好的基础，我相信在以后的工作实习中，我能更好的给自己定位，更扎实的学习生活工作中的各种点滴。在以后的学习和工作中，我仍然要不断努力，严格要求自己，实现自己的人生理想。

但是，我们仍然要认识到，毕业设计的结束也是另一个开始。我们所掌握的内容依然不足，需要在以后的学习和工作中不断丰富，不断补充。就以这次毕业设计为例吧，这次毕业设计其实就是模仿，学习论文的格式、写作方法、注意事项等，如果要写一篇好的论文仅靠这些是远远不够的。写一篇好的论文必须学会创新，要有创新意识，同时要有自己独到的见解。我们要努力用新的方法去解决以前的问题，看一看是否你的方法有提高，至少我们对以前的方法加以改进，这就是创新！这对于我们来说有很大难度，但我们一定要有这种意识，思想有多远路才能走多远！无论我们继续深造还是走向工作岗位都应该如此，严格要求自己便是自己成功的首要条件。学习是一个漫长的过程，世界在发展，社会在进步，我们就必须要跟得上技术的潮流去发展。因此这就需要我们自己不断的去学习和探索。毕业设计我觉得是一次很好的检验自己大学所学专业知识的机会，通过这次机会，我更加的认识到自己的专业水平达到了什么高度，自己的弱点在哪。诸如此类的问题，毕业设计给了我更多的思考。

学无止境，这是这次毕业设计给我最大的感受，同一个问题，解决方法有很多种，有的繁琐，有的简明，我不能轻易断言哪些方法是上上之选，我认为这些方法各有千秋。总之，在学习的道路上，只要我们树立了远大目标，下定决心，付出行动，锲而不舍，不管遇到什么困难，相信都会解决的。信心也是至关重要的！