游戏网页设计与制作论文.docx
- 文档编号:23286698
- 上传时间:2023-05-15
- 格式:DOCX
- 页数:10
- 大小:779.12KB
游戏网页设计与制作论文.docx
《游戏网页设计与制作论文.docx》由会员分享,可在线阅读,更多相关《游戏网页设计与制作论文.docx(10页珍藏版)》请在冰豆网上搜索。
游戏网页设计与制作论文
秦皇岛职业技术学院
课程设计论文
设计题目:
游戏网页设计与制作
学生姓名:
指导教师:
专业名称:
网络系统管理
所在院系:
信息工程系
2010年12月25日
摘要
进入二十一世纪,互联网进一步普及,人们的网络生活进一步丰富,网络已经成为人们之间沟通交流的另一种方式。
作为一名大学生,学习如何设计和制作网页变成了一项必不可少的过程,经过几个月的集中学习,我开始对网页的设计和制作有了初步的认识,并且学习了一些网页制作基础。
在网页制作中,我借鉴了热血传奇官网和许多私服网站的设计风格,着重于给浏览者以强烈的视觉冲击。
运用photoshop和fireworks强大的图像制作和处理能力。
进行了大量的图片制作,从而给人以强烈的美感。
并利用Flash进行片头动画的制作,给予浏览者一种强烈的时代动感。
整个网站的架构是由Dreamwave完成的。
关键词:
网页制作热血传奇图片的制作
第1章选题及本次课设内容1
1.1查找资料1
1.2开发工具1
1.3设计理念1
1.4基本框架1
1.5内容与主题的确立2
1.6总体的选材2
第二章对于网站中图片的处理3
2.1对于logo的制作3
2.2图片批处理3
2.3导航条的制作3
三分说每一内容页的制作过程4
3.1欢迎页4
3.2首页4
3.3装备展示页5
3.4下载中心页5
3.5游戏介绍页5
3.6玛法史记页5
3.7游戏截图页5
3.8新手指南页6
3.9充值首页与充值子页6
3.10成功页6
3.11客服中心页6
3.12玩家相册页6
四设计中遇到的重点与难点7
4.1难点17
4.2难点27
结论8
参考文献9
致谢10
指导教师评语11
第1章选题及本次课程设计的内容
1.1查找资料
本次课程设计的资料主要来自专业课本,查找了有关色彩搭配和网页布局的设计作品。
1.2开发工具
本次课设的设计使用了PhotoshopCS3、DeamweaverCS3、FlashCS3、FireworksCS3软件。
其中,PhotoshopCS3和FireworksCS3制做前期效果图,使用DeamweaverCS3中的div和表格为整个网页布局,并用代码制作网页特效。
1.3设计理念
21世纪是信息主宰的世纪,当人们的生活水平提高后,人们不仅仅满足于物质生活的需求,更注重精神上的享受。
而热血传奇就是一款很好的网游。
它可以成为你茶余饭后的休闲。
为了让广大游戏爱好者更好的了解关于热血传奇的准确信息,网站设计者综合了热血传奇官网以及私服网站的特点,综合性的设计了该网站,在网站美观和信息量上,都做出了很大的改进。
1.4基本框架
1.5总体的选材
在选择材料的过程中,考虑到主题,颜色的统一,主题的材料颜色选择黑红灰,三个颜色。
而在材料中网络素材主要是为游戏截图页做准备,选择了热血传奇10周年图片。
第二章对于网站中图片的处理
2.1对于logo的制作(如图2.1)
图2.1
Logo:
主题是风云网络潮流,主题人物是传奇中的男战士。
表现了传奇的武士精神,效果主要运用了PS中的图层样式、滤镜、蒙版、渐变等效果,笔刷等工具。
给人耳目一新的感觉!
2.2图片批处理
对于网业制作过程中,图片是很重要的一部分素材。
同样图片的处理更是重要。
对于玩家相册,以及游戏截图都要同样规格的图片,所以就用到了,fireworks的批处理功能。
文件→批处理→选择图片→缩入→添加→scaletosize→更改图片像素。
并且利用fireworks进行各别图片的发光效果的设置。
2.3导航条的设计如图所示
(1)
图2.2
(2)
图2.3
△设计剖析:
(1)为主导航条,每一个链接都可以实现(链接到下一个网页)。
(2)充值页导航,首页与官方网站可以实现。
这两个主导航条和充值页导航分别放在内容页不同的网页上,用了黑色和明度低的蓝色,给人踏实的感觉,简洁直观,可用性强。
主要运用了PS中的图层样式、滤镜、蒙版、渐变等效果,笔刷等工具。
第三章分说每一内容页的制作过程
3.1欢迎页
使用两张热血传奇十周年图片,一张做背景,另一张使用时间轴做出一个类似于窗帘的效果。
然后使用PS制作了“风云网络欢迎您”和“进入主页”的字。
效果主要运用了PS中的图层样式、滤镜、蒙版、渐变等效果,笔刷等工具(如图3.1)。
“进入主页”应用DW中的鼠标经过图像做成了按钮的形式,点击可进入主页。
图3.1
3.2首页
对于首页,整体的框架就利用表格和APdiv来完成的,页顶部分添加logo图片作为背景,在制作中利用网络素材进行拉伸。
接下来在页顶部分添加导航条,在导航图下面添加一个怀旧flash,如图3.2(使用FlashCS3制作的)用网络素材闪图作为背景,在dreamweaver中进行flash的添加。
然后,使用了代码,做了一个动态的游戏截图,
如图3.3。
图3.2
图3.3
3.3装备展示页
装备展示页是给玩家展示传奇装备以及让玩家了解装备的属性。
此页主要应用了表格和APdiv部局,
3.4下载中心页
在内容页新曲中,添加表格,表格中是具体的内容是传奇所开区,以及开区的状态,在整体的内容页中超链接的设置,修改→页面属性→分类(链接)→更改链接颜色与已访问链接,并选择下划线样式。
“下载专用登录器”点击可以下载登录器。
3.5游戏介绍页
游戏介绍页中主要突出的是他的实用性。
在此面插入了文本域。
插入方法:
插入—〉表单—〉文本域,然后在添加文本。
它的功能是为玩家介绍了传奇的玩法,在什么地方打怪,怎么获得元宝等……
3.6玛法史记页
在此页中插入了一个Flash,以一本书的形式出现的。
此Flash是在热血传奇官网中获得的。
此页的主要功能是介绍了传奇的历史,更好的让玩家了解传奇,让玩家有身临其境的感觉。
3.7游戏截图页
在本页中使用了代码,设置背景为黑色。
图片是360度旋转,当鼠标放在上面时,图下的旋转速度变慢,当鼠标左右相关甩动时,图片的旋转方向也会发生改变。
这些图片都是玩家所截的精彩图片,让人有赏心悦目的感觉,会让观看者有试玩传奇的冲动。
3.8新手指南页
在本页的设计中,插入了表格,表格中具体添加了新手如何申请账号,如何找回密码,如何设置密保等……为新手指明了方向。
3.9充值首页与充值子页
对于静态网站,制作充值界面有些不合适,但是我们课程设置的目的就是为了让我们可以对网页三侠客的使用有一个全面的整合,所以为了知识点的全面功能全面的利用,所以制作了充值界面,同样也是和首页呼应。
在制作过程中,有几点是要说明的,一是单选按扭,要是在添加后将他们的值改为同一数值,以便实现单选的作业。
在文本框的添加过程中同样要知识每个文本框的意义,进行单行,多行,密码的设计。
3.10成功页
成功页主要功能是提示玩家充值成功的,字与背景都是使用PS制作的。
3.11客服中心页
客服中心页附属页,主要是对客服信息的介绍,主要是应用了表格和APdiv,为APdiv添加了灰色的背景。
在首页点击“客户联系”和“客服中心”查看此页。
3.12玩家相册页
此页主要是展示老玩家的相片,以及玩的的游戏信息。
让新手和老玩家更好的交流、学习。
第四章设计中遇到的重点与难点
在此次课和设置的过程中,遇到了很多的难点,也同样是因为遇见了这些难点才发现了学习中的漏洞与不足,所以下面我就对在网站设计过程遇见的难点与重点进行总结。
4.1重点难点1
在设计过程中,总先要说的就是对于网页三剑客软件的使用。
因为是计算机网络管理的学生,所以在课堂上并没有进行软件的代码的学习,只是在图形界面进行简单的操作,有很多简单的代码却能实现很多复杂的效果,所以只能在网络上查找很多复杂的代码进行添加,并且调试,一是费时,二是即使使用了,依旧不能掌握使用方法。
所以在以后的学习中更应该对软件进行深入了解,仅仅停留在初学者的阶段是不可以的。
对于一个专业的IT人员,对于各种软件的代码的应用是必要的,同样在真正的网页制作过程中,代码也是使用最便捷功能最强大的,所以对于学习硬件的我们也应该对代码这一方面进行了解。
4.2重点难点2
同样,在专业知识,软件使用的过程中发现的难点与不足的同时,更要说明的是一种常识问题以及一些周边学科知识的空白。
说到常识,自然是网页的结构,在我们平时的学习生活中,也会看到很多的网站,但大多大家都会关注的是它的实用内容,即使美观也只是报着欣赏的态度去看,并没有静下心来看一看,这个网站的结构布局是什么?
内容部分应该怎样分类?
主页与内容页的衔接?
这都是平时在制作过程中所发现的不足。
还有一点不得不说的就是周边知识的空白,比如在制作过程中,网页的颜色就涉及到色彩学,颜色与主题紧密结合,制作什么样主题的网站,使用什么样的颜色。
不仅仅是主题颜色,还有各个模块间颜色的协调,让大家看起来更像一体,且颜色不唐突。
什么样的颜色让人看起来更安静什么样的颜色看起来更热烈……都是我们在平时的学习中所欠缺的,专业知识固然重要,但周边知识的学习同样不可或缺。
结论
此次课设已接近尾声,通过此次课设,我的专业知识更加的扎实,增强的知识的应用性。
但是,仍存在着许多的不足,我会取长补短,努力学习自己的专业知识,把网站制作好。
我在此次课设中,制作的是游戏网站。
能够突出游戏网站的特点和所需的功能,能够很好的结合游戏的特色。
如果能够应用,则会给新手和玩家带来了一定的帮助。
不仅仅是信息量大,网页布局结果和图片处理的相对美观,添加了自己风格的大量元素。
参考文献
[1]李继先,《DreamweaverCS4完全自学攻略》,计算机信息网站设计,2009
[2]郭万军《PhotoshopCS3实用教程》,实用教程》
致谢
在课程设计中得到了很多很多,也同样在规定的时间内完成了,在这一学期的学习中,感谢焦锏和李鹏飞老师一直以来对我学习上的帮助,以及工作上的肯定。
千里马易得而伯乐难求。
我不敢妄自说是千里马,但却真心的感谢我的伯乐。
我会继续努力,利用大学里的时间充实自我、完善自我。
指导教师评语
指导教师:
年月日
指导教师评语
指导教师:
年月日
答辩委员会评语
答辩委员会签字:
年月日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 游戏 网页 设计 制作 论文
![提示](https://static.bdocx.com/images/bang_tan.gif)