文档介绍：武汉交通职业学院《网页设计(二)综合实训报告》设计题目:   “旅游网”制作 系  部:   电子信息工程息 专业班级: 计算机应用技术(1)班指导教师:     **    学生姓名:     **   学 号:      使用学期:2015 年6  月~2016 :,培养学生综合运用理论知识分析和解决实际问题的能力,,搞好实训教学,对实现本专业的培养目标,:,深化和加强学生的理论知识于专业技能。(1)掌握规划网站的内容结构,目录结构,链接结构的方法。(2)掌握表单网页制作方法。(3)掌握网页特效制作方法。(4)掌握js基本语法。(5)掌握获取元素,元素值,子元素,父元素的方法。(6)掌握表单的验证方法,计算等。,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。。,严肃认真的科学态度以及独立工作的能力,树立自信心。,包括每个页面都有介绍不同的游戏资料,、心得、图片等内容。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是浅蓝色,给人带来一种温和舒适的感觉。最重要给浏览者好的欣赏感受。,包括图片、文字、相关的资料。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图像资料,网页特效等,用以得来更加具有说服力的页面。想要做好自己的网站,就要尽量搜集材料,搜集材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。:首页、浏览页面1、浏览页面2、详细页面、购物车、登陆页面、注册页面。每一个页面都有着自己的独特背景,以保证网站风格多样化,增加浏览者的好感。四、网站介绍一、首页://。//利用getElementById方法获取元素对象//()函数获取随机数//="images/bg"+xh+".jpg"此语句用来跟换图片,实现图片切效果。首页前端采用的幻灯片播放特效,实现特效代码如下<scripttype="text/javascript">=(setInterval(function(){ varbg=("bg");varxh=(()*5+1);="images/bg"+xh+".jpg";},4000));<script>鼠标滑过图片图特效:<scripttype="text/javascript">=function() //打开页面时自动执行函数//用getElementById方法获取对象//用“.”号获取a对象下所有的img对象////onmouseover鼠标划过时执行函数//将未滑过的鼠标的透明度改为1(不透明)//(半透明){vara=("xiamian");varp=("img");for(vari=0;i<;i++){ p[i].index=i;//给事件对象添加属性值p[i].onmouseover=function(){for(vari=0;i<;i++){p[i].="1"}="";};}</script>导航条特效:<scripttype="text/javascript"src="js/"></script>//调用了外部JS文件,方面获取对象和元素//鼠标滑过那一项显示那个项的下一级菜单300是用来控制显示下级菜单的速度时间$(function(){$('.nav').children("li:has(ul)").hover(function()