jsp 实验一
- 格式：doc
- 大小：1.56 MB
- 文档页数：13
北京邮电大学信息网络应用基础实验报告课题：静态HTML网页制作学院：电子工程学院班级： 2012211204学号： 2012210909姓名：夏兴成日期： 2014年11月20日一、实验主题a)设计主题兰博基尼的标志是一头充满力量、正向对方攻击的斗牛，与大马力高性能跑车的特性相契合，同时彰显了创始人斗牛般不甘示弱的个性。
Aventador是兰博基尼于2011年日内瓦车展推出的一款车型，以代替兰博基尼上一代产品Murcielago。
车身尺寸方面，Aventador长宽高分别为4780/2030/1136mm，轴距为2700mm。
轮胎规格上，前轮为255/35 R19，后轮为335/30 R20。
该车重量为1575kg，前后43：57的配重比。
制动系统上，前轮为6活塞卡钳搭配400*38mm的碳纤维增强陶瓷刹车片，后轮则为4活塞卡钳搭配380*38mm碳纤维增强陶瓷刹车片。
动力方面，一款6.5L V12自然吸气发动机将装备在兰博基尼的新车上，最大功率700马力，扭矩峰值达到690N·m。
在兰博基尼研发的ISR七速变速箱，以及瑞典Haldex AWD全驱系统的作用下，百公里加速时间仅为2.9秒，极速可达350km/h。
与该发动机相匹配的是一款Graziano ISR 7速自动变速箱（单离合器）。
这款超跑车采用的是全碳纤维的单体硬壳式构造，全碳纤维驾驶座舱的重量仅为147.5公斤（324.5磅），同时整个白车身的重量为229.5公斤（505磅）。
这一车身结构使得其扭转刚度可达35000牛米。
b)设计功能与运行流程i.一共有2个分页面，1个主页。
ii.主页仿照online shopping的style进行设计，分为页面引导、商品介绍、商品描述、产品概述、以及最近浏览历史等模块。
iii.将所有真实网页应该具有的功能都设置了超链接，以期待下次实验的完善。
c)HTML技术运用i.多媒体（图像，声音）含有大量图像，包括主页头、导航等都为兰博基尼官网图片。
ii.超链接主页上，图标、登陆、注册、引导栏、购买、购物车、最近浏览部分等等的图像和文字都设置了超链接，但是因为期中考试周太忙没时间细分，全部指向同一个二级页面。
iii.表格（表格中的链接）首页中，“最近浏览”的布局用到了表格，表格中的图片可以链接到二级页面。
iv.表单右侧导航中的文本框与“提交”按钮用于提交用户建议。
代码部分：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Lamborghini</title><link href="css/css.css" type="text/css" rel="stylesheet"><link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"type="text/css" /><style type="text/css">#header4 {height: 50px;width: 200px;margin-left: 970px;float: left;margin-top: -60px;}#zhuce {float: left;height: 40px;width: 100px;margin-top: 30px;margin-left: 850px;}a:link {color: #6d4926;text-decoration: none;}a:visited {text-decoration: none;color: #333;}a:hover {text-decoration: underline;}a:active {text-decoration: none;}</style><SCRIPT src="js/jquery-1.2.6.pack.js" type=text/javascript></SCRIPT><SCRIPT src="js/base.js" type=text/javascript></SCRIPT><script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script><script type="text/javascript">function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01var p,i,x; if(!d) d=document;if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];for(i=0;!x&&yers&&i<yers.length;i++)x=MM_findObj(n,yers[i].document);if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)x.oSrc=x.src; x.src=a[i+2];}}</script></head><body background="images/背景.jpg" onload="MM_preloadImages('images/买按钮2.png','images/car1.png')"><div id="header"><div id="zhuce"> <font color="#6d492f" size="+1"face="Corbel"> <a href="./error/没有路了.html">登录</a>|<a href="./error/没有路了.html">注册</a></font></div><div id="header4"><a href="./error/没有路了.html"><img src="images/car.png" width="51" height="54" /></a><a href="./error/没有路了.html"><img src="images/微信logo.png" width="50" height="54" /></a><a href="./error/没有路了.html"><img src="images/微博logo.png" width="45" height="50" /></a></div></div><div id="header1"><div id="left1"></div><ul id="MenuBar1" class="MenuBarHorizontal"><li>recommand</a> </li><li>scenery</a></li><li>history</a> </li><li>brand</a></li></ul></div><div id="header2"><div id="zi"><font face="Corbel" color="#6d492f" ><a href="./error/没有路了.html">Lamborghini</a>><a href="./error/没有路了.html">aventador</a>>LP700-4</font></div></div><div id="left"></div><div id="main2"><div id="main"><div id=preview><div class=jqzoom id=spec-n1onClick="window.open('/')"><IMG height=300src="images/img01.jpg" jqimg="images/img01.jpg" width=300/></div> <div id=spec-n5><div id=spec-list><ul class=list-h><li><img src="images/img01.jpg" /></li><li><img src="images/img02.jpg" /></li></ul></div></div><SCRIPT type=text/javascript>$(function(){$(".jqzoom").jqueryzoom({xzoom:400,yzoom:400,offset:10,position:"right",preload:1,lens:1});$("#spec-list").jdMarquee({deriction:"left",width:350,height:56,step:2,speed:4,delay:10,control:true,_front:"#spec-right",_back:"#spec-left"});$("#spec-list img").bind("mouseover",function(){var src=$(this).attr("src");$("#spec-n1 img").eq(0).attr({src:src.replace("\/n5\/","\/n1\/"),jqimg:src.replace("\/n5\/","\/n0\/")});$(this).css({"border":"2px solid #ff6600","padding":"1px"});}).bind("mouseout",function(){$(this).css({"border":"1px solid #ccc","padding":"2px"});});})</SCRIPT><SCRIPT src="js/lib.js" type=text/javascript></SCRIPT> <SCRIPT src="js/zzsc.js" type=text/javascript></SCRIPT> </div><script type="text/javascript">var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});</script></div><div id="main1"><div id="name"><p><strong><font color="#6d492f" size="+2" face="Corbel">Lamborghini Aventador</font></strong><strong><font color="#6d492f" size="+2"face="Corbel"> 兰博基尼</font></strong></p></div><div id="price"><p><font color="#6d492f" size="+1"face="Corbel">Price: 647万 LP700-4</font></p><p><font color="#6d492f" size="+1"face="Corbel"> 453万 LP610-4 </font></p><p><font color="#6d492f" size="+1"face="Corbel">Engine: V12 for LP700-4 <br/> V10 for LP610-4</font></p></div><div id="buy"><a href="./error/没有路了.html"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/买按钮2.png',1)"><img src="images/买按钮1.png" width="146" height="57"id="Image4" /></a></div><div id="car"><a href="./error/没有路了.html"onmouseout="MM_swapImgRestore()"onmouseover="MM_swapImage('Image5','','images/car1.png',1)"><imgsrc="images/car.png" width="70" height="70" id="Image5" /></a></div> </div><div id="main3"></div><div id="detail"><div id="left2"><p><font face="Corbel" color="#6d492f"size="+2" ><strong> 商品描述</strong></font><br/><br/><p><font face="Corbel" color="#6d492f" size="+1" > 我们认为它的设计风格属于未来</font></p><p><font face="Corbel" color="#6d492f" size="+1" > C柱附近的进气口可以自动进行调节，能为发动机带来充足的空气。
