网页设计课程设计报告
院系物理与材料科学学院专业电子信息工程
学生班级 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 链接，一个闪亮的圆形注册按钮，其作用不仅增强了视觉效果，也实现了对注册页面的链接；等等。
发布评论