《游戏网站设计》课程报告Word格式文档下载.docx
- 文档编号:19357225
- 上传时间:2023-01-05
- 格式:DOCX
- 页数:13
- 大小:254.21KB
《游戏网站设计》课程报告Word格式文档下载.docx
《《游戏网站设计》课程报告Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《《游戏网站设计》课程报告Word格式文档下载.docx(13页珍藏版)》请在冰豆网上搜索。
不管我们的游戏具有哪种形态,游戏都是对日常生活实际事物的超离。
在游戏中,我们投人具有独特时空限制、独特目的的实践当中,也经常享受游戏的表达性精神和创造性自治。
游戏让我们严肃地对待些琐碎的事情,可以暂时不理会那些在以工作为中心的生活里看来重要的事情。
从另一个角度来看,游戏的发展与文明的发展、科学技术的发展、生产力的发展、媒介的发展、社会的发展息息相关。
第2章系统分析
2.1技术分析
本设计是对网页的结构进行简单的设计,采用Windows操作系统作为运行平台、HTML(Dreamweaver)网页技术对网页的风格及其结构功能进行设计,设计的网页中包含div+CSS程序技术,使整个网页结构更有层次感。
运用PhotoShop软件对网页中的图片和logo等进行设计。
保证了网站的主题明确,个性化,网站设计采用浅绿色的风格,给人以一种清新自然之感,贴近大自然。
2.2功能分析
设计参考现在一些主流的游戏网站和网页游戏网站,发现了一些普遍的特点,主流游戏网页在设计大多内容过多而令人眼花缭乱,在网站中很难确定那个是自己想要的。
所以,本设计在设计时避开了繁琐的网页设计思想使网页真正变得清新脱俗。
在本设计中使用Index(主页)作为网站的登录页,可以方便的浏览、访问各个子级的网站。
其中包含了文字说明页,游戏访问页。
设计加入了HTTP特效,使网站的格式更加的明朗。
让浏览者在浏览众多网页之余,在游戏页能能够在玩游戏的时候放松自己的身心,陶冶心情的作用。
第3章总体设计与详细设计
3.1总体结构设计
系统设计包含了index(主页),新闻资讯(文本)、大鱼吃小鱼、痞子特工和水果忍者等子网页。
子网页沿用了主页的清晰浅绿的板式风格,简约大方,去掉了复杂的结构形式,使页面给浏览者以一目了然的感觉。
与主流游戏网页在设计相比减去内容过多而令人眼花缭乱问题。
1.系统结构图
图3-1系统总体结构图
3.2网站目录结构设计
本系统设计包含了index(主页),新闻资讯(文本)、大鱼吃小鱼、痞子特工和水果忍者等子网页。
结构简单,涵盖了基本的网页类型。
Index(主页)有链接各个子网页的相关链接,而进入子网页后也设计了返回主页的链接接口,使整个子页与主页之间产生联动。
3.3详细设计
HTML标记用于标记HTML文档的开始和结束<
HTML>
...<
/HTML>
是整个设计的核心。
网页嵌入的java源代码如下:
<
tdbordercolor="
#FFFFFF"
background="
images/bei.gif"
valign="
top"
>
<
p>
你认为本站的制作水平如何:
/p>
formname="
form1"
action="
"
inputtype="
radio"
name="
radiobutton"
value="
1"
onClick="
MM_popupMsg('
谢谢您的鼓励!
我将继续努力!
'
)"
非常好!
br>
2"
我将尽力提高制作水准!
一般,有待提高。
3"
看来我还要好好学习才行!
太差了!
/form>
/td>
第4章系统测试
4.1设计和调试过程中遇到的问题
在设计时,网页文件与图片文件混合存储在同一个文件夹中,使得设计网络链接是无法正确的找到所链接文件。
Photoshop编辑图片时,文件名中出现了“空格”,使网页文件在dreamweaver中打开时产生了错误提示,而使网站文件错位存储,经过调试之后才真正的解决了这个问题。
设计之初,没有将设计文件保和备份文件保存失误,对设计产生了影响。
准备工作不充分。
设计在板式和风格上简约和淡绿色风格设计突出,而选色方面设计者没有更多的相关知识,在设计时显得繁琐。
最终采用清晰浅绿的板式风格,简约大方,去掉了复杂的结构形式,使页面给浏览者以一目了然的感觉。
避开了主流游戏网页在设计中大多内容过多而令人眼花缭乱问题。
4.2运行通过后的结果
图4-1index界面设计
图4-2水果忍者界面
第5章使用说明
网页在现代网络中扮演了重要的角色,它是提供网络信息的窗口,而今不会使用网络的人可谓是凤毛麟角。
网络的普及给我们的生活带来了巨大的变化。
本系统录入了时下比较流行的网页文件,操作简单方便。
而系统设计包含了index(主页),新闻资讯(文本)、大鱼吃小鱼、痞子特工和水果忍者等子网页。
清晰浅绿的板式风格,简约大方,去掉了复杂的结构形式,使页面给浏览者以一目了然的感觉。
第6章设计总结
这次的课程放在期末课程作业量比较大让我们压力很大也正是因为这样我们被迫提高了时间的使用效率当然也有利于知识的消化和吸收。
课程设计的目的不仅仅在于学习到相关网页的制作和站点的发布更重要的是提高我们在网站建设上整体的把握以及给予我们对于网络资源合理使用和对相关信息进行有效地搜索提供了一些方法和途径让我们对于网络的认识发生了一定的改观同时一些新颖和有创意的开发和制作的工具和技术也会激发我们网页设计的兴趣和进一步地学习动力。
课程设计题目描述和要求下完成了本次的课程设计真的有一种打了胜仗的喜悦心情。
利用HTMLCSS+JavaScript、Photoshop技术或是应用软件提高了自己的知识水平。
参考文献
[1]曾海文等.网页设计与制作教程.北京:
清华大学出版社,2010.9
[2]杨选辉.网页设计与制作教程.北京:
清华大学出版社,2008.8
[3]东方人华.网页制作三剑客.北京:
清华大学出版社2004.9
[4]相万让.网页设计与制作.北京:
人民邮电出版社,2004.3
[5]邹婷.DreamweaverMX2004标准教程.北京:
中国青年出版社,2004.1
致谢
紧张的设计课程就要完美的结束了我们需要感谢所有课程设计的老师,是你们给了我设计网站,在设计之初,不了解网页设计的详细步骤,经过老师的精心指导,使我在繁琐的设计中找到了灵感,作为学生,我要感谢老师对我的大力支持。
建立风格的想法和思路,在此,我要感谢所有支持和帮助过我们的所有课程设计的老师,在这个新旧之年交替的时候,希望老师能阖家幸福安康,事业蒸蒸日上。
附录:
1.源代码
head>
title>
牟游网<
/title>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
linkrel="
stylesheet"
href="
stylesheet.css"
type="
text/css"
scriptLANGUAGE="
JavaScript1.2"
BlankImage=newImage();
BlankImage.src="
blank.gif"
;
varOpera=(navigator.userAgent.indexOf("
Opera"
)!
=-1)?
1:
0;
varOpera6=(navigator.userAgent.indexOf("
Opera6"
varKonqueror=(navigator.userAgent.indexOf("
Konqueror"
varNS4=(document.layers)?
varIEMac=0;
if((navigator.appVersion.indexOf("
Mac"
)!
=-1)&
&
!
NS4)
IEMac=1;
varIEver4=0;
if(document.all)
{
varvers=navigator.appVersion;
if(vers.substring(0,1)=="
4"
)
IEver4=1;
}
varIEMac4=0;
if((IEMac==1)&
(IEver4==1))
IEMac4=1;
varNS6=0;
if(!
NS4&
IEver4)
NS6=(document.getElementsByTagName("
*"
)&
document.all)?
varEnableDMenu=(NS4||NS6||IEver4||Opera6);
var_tempStr_="
scrip"
_tempStr_+="
ttype=\"
text/javascript\"
src=\"
if(Opera6)
_tempStr_+="
stm30op6.js"
elseif(NS6)
stm30nn6.js"
elseif(IEver4)
stm30ie4.js"
else
stm30uns.js"
\"
/scr"
ipt>
document.write(_tempStr_);
/script>
scriptlanguage="
JavaScript"
!
--
nereidFadeObjects=newObject();
nereidFadeTimers=newObject();
functionnereidFade(object,destOp,rate,delta){
document.all)
return
if(object!
="
[object]"
){//dothissoIcantakeastringtoo
setTimeout("
nereidFade("
+object+"
"
+destOp+"
+rate+"
+delta+"
0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff=destOp-object.filters.alpha.opacity;
direction=1;
if(object.filters.alpha.opacity>
destOp){
direction=-1;
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if(object.filters.alpha.opacity!
=destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("
nereidFade(nereidFadeObjects["
+object.sourceIndex+"
],"
rate);
style>
BODY{SCROLLBAR-FACE-COLOR:
#66CC00;
SCROLLBAR-HIGHLIGHT-COLOR:
SCROLLBAR-SHADOW-COLOR:
#999999;
SCROLLBAR-3DLIGHT-COLOR:
#FFFFFF;
SCROLLBAR-ARROW-COLOR:
SCROLLBAR-TRACK-COLOR:
#f0ffe8;
SCROLLBAR-DARKSHADOW-COLOR:
#666666;
/style>
scriptlanguage=JavaScript>
functionbookmarkit(){window.external.addFavorite('
'
阳光梦想'
)}
tablecellspacing=0cellpadding=0width=760background=images/bei.gif
border=0align="
center"
tbody>
tr>
tdwidth=188>
divalign=center>
imgsrc="
images/logo.gif"
width="
150"
height="
50"
/div>
tdwidth=464height="
70"
tdnoWrapwidth=108>
divalign="
tdcolspan=3>
tablecellspacing=0cellpadding=2width=507border=0>
tdwidth=51rowspan=2>
imgheight=53
src="
images/QQ截图20121222162909.gif"
width=64>
tdclass=gb2colspan=2height=20>
b>
imgheight=12
images/dot.gif"
width=16>
/b>
font
color=#300098>
常用软件<
/font>
color=#f8b800>
■<
fontcolor=#b0d878>
color=#d0f0a0>
/tr>
tdvalign=topwidth=20height=30>
nbsp;
tdvalign=topwidth=405bgcolor=#f0ffe8height=30>
WinzipACDsee
WinrarRealplayerQQICQFlashplayer<
/tbody>
/table>
tdnoWrapcolspan=3height=6>
spacertype="
block"
6"
imgheight=12src="
images/line.gif"
width=479>
tdvalign=topcolspan=3>
hrwidth="
750"
size="
noshade>
版权所有<
Copyright2002.AllRightsReserved.<
/body>
/html>
2.系统界面图
图附录-1
图附录-2
图附录-3
图附录-4
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 游戏网站设计 游戏 网站 设计 课程 报告
![提示](https://static.bdocx.com/images/bang_tan.gif)