网页制作实战作品

Web课程大作业（2014-2015年第二学期）学院：郑州轻工业学院系别：国际教育学班级：IEC网络工程13-04姓名：李孟召学号：541312150410得分：____________一、网站大致介绍Ui如下网站名字：酷车之家网站文件夹构成：1级文件夹（zong）/index页面、登陆页面、注册页面、登陆后页面、注册后页面、images文件夹、css文件夹、js文件夹。Images文件夹用来存放用到的图片Css文件夹用来存放用到的css样式Js文件夹用来存放用到的JavaScript文件用到的素材会在后面给出的。在建立文件夹时注意用我给的格式就行，在这里我只提供了index.html页面的代码其他页面不再提供。二、网站的布局简介本网站采用标准的html5+css+div布局而成首页的布局样式在dreamwear中如图所示：主页的HTML代码如下：!DOCTYPEhtmlhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title酷车之家/titlemetaname=viewportcontent=user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0/linkrel=stylesheettype=text/csshref=css/style.css/scriptype=text/javascriptsrc=js/jquery.js//scriptscripttype=text/javascriptfunctionbanner(){varbn_id=0;varbn_id2=1;varspeed33=5000;varqhjg=1;varMyMar33;$(#banner.d1).hide();$(#banner.d1).eq(0).fadeIn(slow);if($(#banner.d1).length1){$(#banner_idli).eq(0).addClass(nuw);functionMarquee33(){bn_id2=bn_id+1;if(bn_id2$(#banner.d1).length-1){bn_id2=0;}$(#banner.d1).eq(bn_id).css(z-index,2);$(#banner.d1).eq(bn_id2).css(z-index,1);$(#banner.d1).eq(bn_id2).show();$(#banner.d1).eq(bn_id).fadeOut(slow);$(#banner_idli).removeClass(nuw);$(#banner_idli).eq(bn_id2).addClass(nuw);bn_id=bn_id2;};MyMar33=setInterval(Marquee33,speed33);$(#banner_idli).click(function(){varbn_id3=$(#banner_idli).index(this);if(bn_id3!=bn_id&&qhjg==1){qhjg=0;$(#banner.d1).eq(bn_id).css(z-index,2);$(#banner.d1).eq(bn_id3).css(z-index,1);$(#banner.d1).eq(bn_id3).show();$(#banner.d1).eq(bn_id).fadeOut(slow,function(){qhjg=1;});$(#banner_idli).removeClass(nuw);$(#banner_idli).eq(bn_id3).addClass(nuw);bn_id=bn_id3;}})$(#banner_id).hover(function(){clearInterval(MyMar33);},function(){MyMar33=setInterval(Marquee33,speed33);})}else{$(#banner_id).hide();}}functiong(){alert(登录成功);}/script/headscript/*qiehuanhanshuruxia*/functionshowa1(){document.getElementById(a1).style.display=block;document.getElementById(a2).style.display=none;document.getElementById(a3).style.display=none;document.getElementById(a4).style.display=none;document.getElementById(a5).style.display=none;}functionshowa2(){document.getElementById(a1).style.display=none;document.getElementById(a2).style.display=block;document.getElementById(a3).style.display=none;document.getElementById(a4).style.display=none;document.getElementById(a5).style.display=none;}functionshowa3(){document.getElementById(a1).style.display=none;document.getElementById(a2).style.display=none;document.getElementById(a3).style.display=block;document.getElementById(a4).style.display=none;document.getElementById(a5).style.display=none;}functionshowa4(){document.getElementById(a1).style.display=none;document.getElementById(a2).style.display=none;document.getElementById(a3).style.display=none;document.getElementById(a4).style.display=block;document.getElementById(a5).style.display=none;}functionshowa5(){document.getElementById(a1).style.display=none;document.getElementById(a2).style.display=none;document.getElementById(a3).style.display=none;document.getElementById(a4).style.display=none;document.getElementById(a5).style.display=block;}/scriptbodyonload=g()divclass=boxdivclass=headermarqueetext-align=leftwidth=800pxfontface=隶书color=#CCCCCCsize=5px登录成功，xx用户你好！/font/marqueeahref=reg.html注册/a | ahref=index.html退出/a    /divdivclass=bannerid=bannerahref==d1style=background:url(images/banner1.jpg)centerno-repeat;/aahref==d1style=background:url(images/banner2.jpg)centerno-repeat;/aahref==d1style=background:url(images/banner3.jpg)centerno-repeat;/aahref==d1style=background:url(images/banner4.jpg)centerno-repeat;/aahref==d1style=background:url(images/banner5.jpg)centerno-repeat;/adivclass=d2id=banner_idulli/lili/lili/lili/lili/li/ul/div/divscripttype=text/javascriptbanner()/scriptdivclass=maindivid=a1divclass=daohangahref=javascript:showa1()首页/a    |    ahref=javascript:showa2()微型车/a    |    ahref=javascript:showa3()小型车/a    |    ahref=javascript:showa4()中型车/a    |    ahref=javascript:showa5()大型车/a/divdivclass=neirong1h2align=center汽车展示/h2divclass=wenziimgsrc=images/falali.jpgwidth=387height=223/p    据悉，法拉利将只投产499台LaFerrari超跑车。日前，据LaFerrari超跑/br的首席设计师FlavioManzoni透露，一款重量更轻、更加狂野版的LaFerrari超跑车正在研发当中。据称这家意大利汽车品牌希望减轻该车的重量，而使其重量从2766磅减轻至2200磅左右。/pp这款减轻重量版的LaFerrari超跑车将会非常稀有且非常昂贵，预计将限量投产仅10台，售价预计会在450万美元至750万美元之间。/p/div/divdivclass=neirong2h2购车推荐，友情参考价/h2divclass=wenzi2divclass=a1imgsrc=images/b1.jpg/p2015款野马V8天猫限量版/pp指导价：75.80万元/p/divdivclass=a2imgsrc=images/b2.jpg/p2015款科迈罗RS限量版/p指导价：49.98万元/divdivclass=a3