网页综合实验报告.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=