网页设计课程设计报告
游戏类网站设计制作
院系物理与材料科学学院专业电子信息工程
学生班级 2007级1班
姓名???
学号???
游戏网页界面设计指导教师单位???
指导教师姓名???
指导教师职称???
20??年??月
游戏类网站设计制作
电子信息工程专业2007级??
摘要:网站主页的版头主要是根据专题游戏类网站的框架和模式而设计的,再用上flash以及对图片运用PS技术进行修改,使版头更加美观形象。本网站主要介绍奇迹MU这一款游戏的具体情况,通过各个分模块详细介绍与游戏相关的各种设计,如游戏的经验倍数、升级点数、刷怪设置、物品掉落概率、游戏装备设置等等;在注册帐号页面,利用ASP+T-SQL语言,与SQL连接进而实现游戏帐号注册;除此之外;其它页面还可以实现游戏帐号管理、与游戏相关的下载以及英雄排行等相关信息的查看。设计的各功能模块与其它其它专题游戏类网站风格相似。设计制作本网站所用的所有资源,均来自互联网。
关键词:首页,注册帐号,帐号管理,下载中心
设计目的:
(1)进一步掌握Dreamweaver课程所学的理论知识。
(2)熟悉常用的网页设计技巧,并掌握相关内容,使用其进行网页设计。
设计技术指标与要求:
(1)制作表格以及图片插入;
(2)制作图片链接以及文字链接。
(3)制作图像热区链接。
(4)利用JavaScript脚本制作幻灯展示图。
(5)利用JavaScript脚本实现页面与SQL连接。
目录
前言 (1)
1 游戏类网站设计制作 (1)
1.1设计思想 (1)
1.1.1设计方案 (1)
1.1.2设计所需的资源 (1)
1.1.3组织结构图 (2)
2首页效果预览 (2)
3分页效果预览 (4)
4网页设计关健部分代码 (5)
5设计体会 (6)
参考文献 (6)
前言
随着计算机网络的飞速发展,网站种类也越来越多,不仅有企业展示网站、电子商务网站,还有专门供浏览者休闲娱乐的游戏网站。随着越来越多年轻、庞大的用户加入游戏阵营,大师的游戏网站就去而生。
专题游戏类网站是游戏类网站中最常见的,通常是某一款游戏的相关内容,其特点是专业性较强,界面精美。本设计报告内容就是关于一款名叫奇迹MU的专题游戏网站。
1 游戏类网站设计制作
1.1 设计思想
1.1.1 设计方案
方案:网站首页(内容包括:顶部导航栏、游戏精美截图、新闻公告、游戏介绍、与子页面相关的图片链接以及文字链接等等);注册帐号(内容包括:顶部导航栏、游戏精美截图、游戏帐号注册、页面与SQL连接等);帐号管理(内容包括:顶部导航栏、游戏精美截图、游戏帐号登陆、页面与SQL连接等);下载中心(内容包括:顶部导航栏、游戏精美截图、游戏登陆器下载、游戏客户端下载、游戏客户端补丁包下载等);赞助我们(内容包括:顶部导航栏、游戏精美截图、管理者心声、赞助服务等);英雄排行(内容包括:顶部导航栏、游戏精美截图、游戏各服务区相关英雄排行列表、与SQL连接等);战盟排行(内容包括:顶部导航栏、游戏精美截图、游戏各服务区相关的各大战盟排行列表、与SQL连接等)
1.1.2 设计所需的资源
Dreamweaver8,Potoshop7.0,Flash8,SQL2000企业版
(1)Dreamweaver8用于实现对网页内容的设计排版等;
(2)Potoshop7.0用于实现对网页内容所需图片的技术处理;
(3)Flash8用于实现网页内容所需FLASH的设计;
(4)SQL2000企业版用于实现游戏帐号、人物角等相关信息的储存。
甘国甜 游戏类网站设计制作
1.1.3 组织结构图
2 首页效果预览
图1 首页预览第一部分
上示图1为网站主页的版头,制作版头主要有几下几点关健:一,导航栏为图片链接,从导航栏,可以实现从主页到注册帐号、帐号管理、下载中心和英雄排行等分页面的链接;二,导航下面的图片模块,利用PS 对游戏的截图进行技术,让网站访问者在第一时间,享受到视觉上的刺激,同时,利用PS 在图片上合适的位置,添加描述游戏本身属性的关健字,更让网站访问者在享受到视觉冲激的同时,对游戏的版本和游戏的规则等有了一个大概的了解;三,FLASH 动画效果,两个游戏角手拿武器对决的场面,让网站访问者的视觉冲激加深了层次;四,FLASH 链接,一个闪亮的圆形注册按钮,其作用不仅增强了视觉效果,也实现了对注册页面的链接;等等。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论