文档介绍：武汉交通职业学院
〈〈网页设计（二）综合实训报告》
设计题目： “旅游网”制作
系部：电子信息工程息
专业班级：计算机应用技术（1）班
指导教帅：切
学生姓名：*
学号：
使用学期： 2015 年 6 月 ~ 2016 年 1 月
旅游网实训报告
实训意义：
网页设计与制作综合实训是教学过程中重要的实践性教学环节 .它是根据专业教学计
，培养学生综合运用理论
知识分析和解决实际问题的能力，实现由理论知识向操作技能的培养过程 .因此加强实践
教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素质有着重要的作用.
实训目的：
通过综合实训进一步巩固，深化和加强学生的理论知识于专业技能。
掌握规划网站的内容结构，目录结构，链接结构的方法。
掌握表单网页制作方法。
掌握网页特效制作方法。
⑷掌握js基本语法。
掌握获取元素，元素值，子元素，父元素的方法。
掌握表单的验证方法，计算等。
训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通
过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、 Flash动画和网页特效
等。
培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自
信心。
实验步骤
网站主题
我的网站的主题在于从各个方面全面的介绍网络游戏专题，包括每个页面都有介绍不
同的游戏资料，、心得、图片等内容。同时，网站里的每一个网页都有统一的风格，每一个
网页的主题色彩都是浅蓝色，给人带来一种温和舒适的感觉。最重要给浏览者好的欣赏感受。
网站材料
网站材料主要在网站上搜集所要的网页信息，包括图片、文字、相关的资料。同时，
查询相关的书籍、百度和素材光盘等方式收集所需的文字资料，图像资料，网页特效等，用以得来更加具有说服力的页面。想要做好自己的网站，就要尽量搜集材料，搜集材料越
多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
网站规划
我的网站共有7个主页面：首页、浏览页面 1、浏览页面2、详细页面、购物车、登陆页面、注册页面。每一个页面都有着自己的独特背景，以保证网站风格多样化，增加浏
览者的好感。
四、网站介绍
首页前端采用的幻灯片播放特效，实现特效代码如下
<script type="text/javascript">
=(setInterval(function()(
var bg=("bg");
var xh=(()*5+1);
="images/bg"+xh+".jpg”;
},4000));
<script>
置业苜选坷值
// 含义为打开
页面自动页面自动执行语句。
〃利用getElementByld方法获取
元素对象
// () 函数获取随机
数
//
="images/bg"+xh+".jp
g"此语句用来跟换图片，实现图片切效果。
〃用getElementById方法获取对象
〃用"."号获取a对象下所有的img对象
// 得到对象P的长度
//onmouseover鼠标划过时执行函数
〃将未滑过的鼠标的透明度改为 1（不透明）
〃鼠标滑过的图片透明度改为（半透明）
鼠标滑过图片图特效：
<script type="text/javascript">
=function() //打开页面时自动执行函数
(
var a=("xiamian");
var p=("img");
for(var i=0;i<;i++)
(
p[i].index=i;//给事件对象添加属性值
p[i].onmouseover=function() (
for(var i=0;i<;i++) (
p[i].="1"
}