- 1、本文档共10页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页综合实验报告.doc
华北科技学院计算机系综合性实验
实 验 报 告
课程名称 网页制作A
实验学期 2010 至 2011 学年 第 一 学期
学生所在系部 计算机系
年级 08 专业班级 网络B08-2
学生姓名 张浩然 学号 200807024211
任课教师 邵铁君
实验成绩
计算机系制
《网页制作A》课程综合性实验报告
开课实验室:信息楼基础七 2010年 月 日
实验题目 综合网站的规划、设计与制作 一、实验目的
实现某某网站的规划、设计与制作,五页以上
二、设备与环境
1、硬件:计算机
2、软件:Dreamweaver、Flash、Fireworks
三、实验内容
(一)网站规划
1、网站目标
首先确定的目标是网络游戏的网页设计,主要素材都是从网上一些网站上下载下来的,并不是为了推广这款网络游戏,而是网上能找到的flash只有这一款游戏的,希望通过我的介绍使你更加了解这款游戏。
2、栏目设置
我的栏目设置比较模糊,主页面上没有栏目的设置,都是直接点击图片来链接下一个网页的,大部分是参照一些大型网络游戏的主页面,吸取了很多大型游戏设计的一些元素,所以也许你会在观看网页的时候感觉有些杂乱,不伦不类,说实话是我没有什么设计天分,不能使得网页有很好的美观性
唯一的栏目的截图是
3、站点目录结构
这是第一个网页,通过这个网页,来展开整个网站的开始,打开后会看见一个flash和一张图片,下面这张图片就是下张网页的链接图片,通过这张图片,就正式进入了我的所谓的官方下载站。
这个下载站也是由一个flash,背景图片还有几张链接图片和一些链接文字组成的,通过这个站点可以进入我这个网站的所谓的官方主页了,当然还有新用户的注册和老用户的登陆等网页。
我的官方主页其实如果要写一个好一点的官方网站,那这个网站的内容就太大了,光由我一个人是做不出来的,所以我就选择了官方网页一般都有的一个游戏的介绍来举例说明,这个链接链接到了门派的介绍页面,在这页的最下方有一个友情链接,这个是不能不看的,内容很精彩啊。
对于游戏门派的介绍采纳了网上一些经常会用到的门派来举例说明,关于门派的介绍一共用了6个网页来实现的,6个网页的风格是一样的,包括了游戏门派的总体图片,每个门派特色的技能展示flash,还有就是门派地图的展示,门派的历史,门派人物的属性等一些内容。
关于用户的注册和用户的登陆就用一张截图来举例说明下,用法是一样的。
其中用到了布局的一些用法,单选按钮和多选按钮等。
门派的展示也用一张图片来举例说明。
(二)设计
1、链接结构
链接是通过不同的文字或者图片,在每页都有一个链接点,通过这个链接点能回到官网首页,门派的各个网页。在每页的最下方有一个链接到上一页的文字,点击可返回到上一页。
2、Logo等的设计
Logo的设计主要是突出古典的风格,既要突出蜀山的苍劲有力,又要潇洒自如,所以在蜀山的左边加了一个很有力的图案,仔细看可以看出来这是一个神采奕奕,被风吹动着衣服的人,也是游戏里的角色logo。
(三)制作
1、主要步骤的截图
首先创建站点,创建新html项目,然后再设计中画出表格,然后在表格中添加相应的flash文件,再添加图片文件。
2、主要代码
主要的代码有:
body
table width=977 height=850 border=0
tr
td height=53h2a href=官网首页.htmlgt;首页lt;/a/h2
h3 class=STYLE1门派介绍:a href=门派介绍.html青云门/a a href=鬼王.html鬼王宗/a a href=天音.html天音寺/a a href=圣巫.html圣巫教/a a href=合欢.html合欢派/a a href=焚香.html焚香谷/a/h3/td
/tr
tr
td height=226img src=图片/infonav.jpg width=711 height=196 //td
/tr
tr
td height=85h3合欢派:/h3
p strong技能展示:/strong/p
p style=text-align: centerstronga hidefocus=hidefocus title=
文档评论(0)