网页设计课程设计游戏类网站设计制作（范文）
前言
计算机网络的迅猛进步带动了网站种类的剧增，不仅涌现出企业展示平台、电子商务平台，还出现了专为浏览者提供休闲娱乐的游戏网站。伴随着越来越多的年轻且庞大的用户群体投身于游戏领域，大师级的游戏网站便应运而生。
专题游戏网站在游戏网站领域中占据主流地位，它们通常专注于一款特定游戏的资讯和资源，具有鲜明的专业特色和精致的页面设计。本设计报告所探讨的主题，便是一款名为“奇迹MU”的专题游戏网站。
1游戏类网站设计制作
设计思想
设计方案
网站首页涵盖顶部导航栏、游戏精美截图、新闻公告、游戏介绍、相关子页面的图片和文字链接等；注册账号环节包括顶部导航栏、游戏截图、账号注册过程以及与数据库的连接；账号管理部分则涉及顶部导航栏、游戏截图、账号登录操作以及与数据库的连接；中心区域展示顶部导航栏、游戏截图、游戏登陆器、游戏客户端及客户端补丁；赞助我们页面包含顶部导航栏、游戏截图、管理团队的声音、赞助服务等内容；英雄排行展示顶部导航栏、游戏截图、各服务区英雄排行列表以及与数据库的连接；战盟排行则包括顶部导航栏、游戏截图、各服务区各大战盟排行列表以及与数据库的连接。
设计所需的资源
Dreamweaver 8、Flash 8以及SQL Server 2000企业版。
Dreamweaver 8主要应用于网页内容的布局与设计排版。
（2）用于实现对网页内容所需图片的技术处理；
（3）Flash8用于实现网页内容所需FLASH的设计；
SQL2000企业版主要被应用于存储游戏账号以及角色等关键信息。
甘国甜游戏类网站设计制作
组织结构图
2首页效果预览
图1首页预览第一部分
图1展示了网站首页的头部设计，其制作重点包括：首先，导航栏采用图片链接形式，用户可通过点击导航栏直接跳转至注册账号、账号管理、中心以及英雄排行等子页面；其次，位于导航栏下方的图片模块，通过Photoshop技术处理游戏截图，为访问者带来强烈的视觉冲击，并在图片恰当位置添加描述游戏特性的关键词，使访问者在享受视觉冲击的同时，对游戏版本和规则等有初步认识；再者，FLASH动画效果呈现两位游戏角色持械对决的场景kaiyun全站登录网页入口，进一步增强了视觉冲击的层次感；此外，FLASH链接中一个醒目的圆形注册按钮，不仅提升了视觉效果，还实现了对注册页面的便捷链接；等等。
钦州学院本科课程设计报告
图2首页预览第三部分
图二展示的是网站首页底部区域，该部分主要呈现了与游戏相关的各类配置信息。图示左侧，首先映入眼帘的是游戏的几大亮点，例如镶嵌系统、镶宝装备等，这些特色让玩家一目了然，知晓在游戏中可以进行装备宝石镶嵌，娱乐体验不言而喻；紧接着，可以看到友情链接的相关信息，包括长城宽带、中国电信、中国联通等，无论访问者是通过何种方式接入互联网，均能访问本网站，并且顺利实现链接和登录游戏，尽情享受娱乐时光。图示右侧，网站访客可对其展示内容进行较为详尽的了解。游戏版本部分，明确告知访客游戏的版本信息、经验加成倍数及各职业的升级所需点数；新人出生部分，清晰展示各职业出生时能够获得的自由分配属性点数量；积分商店部分，让访客知晓在游戏中能够通过积分商店购买到的物品类型；积分获得部分，让读者了解在游戏中获取积分的具体途径；至于刷怪设置、宝石爆率和卓越爆率等栏目，则是所有游戏玩家关注的焦点。游戏过程中kaiyun官方网站登录入口，升级是关键，刷怪设置帮助玩家掌握在哪些地图上能够高效刷取经验，而宝石及卓越爆率则让玩家在追求等级提升的同时，享受到丰富的意外惊喜。
甘国甜游戏类网站设计制作
3分页效果预览
图3分页预览第三部分
图3展示了分页功能的核心区域，这一区域负责实现游戏账号的注册以及与之相关的各项管理操作。具体来看，当玩家在网页上成功完成登录后，他们便能够对下拉菜单中的不同选项进行自由选择。各项功能均通过ASP代码与页面设计相结合得以实现，包括账号登录，这一功能旨在为游戏玩家提供账号登录服务；此外，找回密码功能则是为了给那些忘记游戏账号密码的玩家提供案例保障服务；兑换积分功能则较为特别，玩家需在游戏中刷到可兑换积分的宝石及材料，随后登录网站并选择相应功能才能完成兑换；等等。
钦州学院本科课程设计报告
4网页设计关健部分代码
以下所示代码为实现游戏帐号注册时相关新区的选择：
functionMM_swapImgRestore() {
function MM_preloadImages() {
var i，j=_，a=MM_; for(i=0;
if (a
.indexOf("#")!=0){ _p
=new Image; _p
j++
.src=a
;}} }
function MM_findObj(n， d) {
var p，i，x;
if(!d) d=document;
if((p=("?"))>0&&) {
d=
(p+1)
.document; n=(0，p);} if(!(x=d
)&&) x=
; for (i=0;!x&&i
for(i=0;!x&& ye&&i
x=MM_findObj(n， ye
.document)
if(!x && ) x=(n); return x;
function MM_swapImage() {
var i，j=0，x，a=MM_
_sr=new Array;
for(i=0;i
if ((x=MM_findObj(a
))!=null)
甘国甜游戏类网站设计制作
{_sr
j++
=x;
if(!) =; =a
i+2
5 设计体会
通过本次网页课程设计学习，本人对以下内容更加熟识：
（1）对表格在网页设计中的运用更加熟练；
（2）对标签DIV的认识和了解进一步深化；
（3）对FORM在网页设计中的运用有了初步认识；
（4）对利用ASP语言实现网站与数据库连接有了初步认识。
以上所述，即本人在本次网页课程设计学习中的体会。
原创性声明（模板）
本人郑重承诺：本文系在导师的悉心指导下开yun体育app官网网页登录入口，独立完成的研究成果。文中已明确标注的引用内容除外，本文并未包含任何其他个人或集体已发表或创作的作品成果。对于对本研究有重大贡献的个人或集体，已在文中予以清晰标注。本人充分认识到，本声明的后果由本人自行承担。
签 名：日 期：20 年 月 日
“该文档关于网页设计课程中的游戏类网站设计制作，内容源自网络，由我进行编辑和整理。基于尊重原作者知识产权的立场，本资料仅限学习与交流使用，禁止用于商业目的。若不幸侵犯了原作者的权益，敬请原作者通过留言或站内消息与我取得联系，我会立即予以删除。感谢您的阅读与下载！”
