欢迎来到天天文库
浏览记录
ID:33675808
大小:3.63 MB
页数:13页
时间:2019-02-28
《web游戏网页制作报告(含源代码)》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、WEB程序设计基础学号:201109XXX班级:电气110X姓名:张XXXXX一、设计思路设计目标:设计一个图文并茂的游戏介绍网页。网页中包括音乐和视频。设计思路:本次设计共有三个网页,包括主页,图文介绍,视频欣赏。代码内容主要涉及图片及多媒体的链接,文字的对齐方式,超链接的设置,网页特效的使用。设计步骤:(1)首页置顶为滚动文字,用分割线分隔内容,菜单是使用javaScript语言编写的特效代码,用分割线分隔正文内容,图像分布于正文的左右两侧,底部加入自动播放的音乐。在写入内容前,先定义网页的背景颜色及设定背景图片,并
2、使之与滚动条对应滚动。文本的颜色,字体,链接颜色等。然后开始写入正文内容,插入滚动文字作为标题(h1号大小),编写菜单代码(此处于网上摘录一段菜单特效代码)。写入文本内容,定义文字大小颜色,对齐方式;插入图片,设置图片的位置,设置图片链接。底下加入滚动文字。最后调整结构,排版(在文本与菜单之间加入分隔线。)使网页看起来更加美观。为增加效果,在页面进入时,会有网页展开效果(如从中间展开、向两边展开、百叶窗等;此处我设置了随机选取)。另外当双击网页时,可实现自动滚屏功能,方便阅览。主页的界面(2)图文页代码编写与首页类似,这
3、里网页背景选用纯黑色。依旧是对网页先进行定义。然后再写入内容。最后排版。图片加入了显示特效,正常状况下为暗色,当鼠标移动到上面时,变成高亮状态。网页后面加入一段自动播放音乐的代码。为增加效果,在页面进入时,会有网页展开效果。另外当双击网页时,可实现自动滚屏功能,方便阅览。图文页面的上半部分,包括标题返回链接,特效图像。下半部分,包括文字内容及音乐。(3)视频页这个页面的定义代码与图文页一样。不同的是,在最顶上加入固定标题,然后是一段自动播放的视频。取消了音乐播放。下面的代码和图文页一样。不作说明。网页上半部分,包括标题和
4、视频。下半部分,图像文字介绍。二、网页界面首页图文页视频页三、网页源代码首页代码
5、>
8、ivalign="center">
此文档下载收益归作者所有