您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 管理学资料 > 静态网页的制作实验报告
软件学院实验报告专业:_________软件工程__________________方向:__________云计算与大数据_______________课程名称:__________JavaWeb_______________班级:________________________学号:_______1_______________姓名:_________________________辅导教师:_________________________2016年3月制成绩:实验时间2016年3月19日8时至12时学时数4H1.实验名称静态网页的制作2.实验目的1、掌握HTML标签元素的使用2、会使用div+css布局网站首页3、会使用JavaScript进行客户端数据校验3.实验内容1、根据前期作业中的项目概述,设计并完成一个网站首页2、设计一个登陆页面(可以包含在首页中)3、根据你的项目概述,设计一个表单页面采集数据,可以是报名页面或注册页面或其它的信息录入页面。4.实验原理或流程图用div+css创建3个页面,网站首页,登录页面,注册页面,用超链接把他们连接起来。用JavaScript进行一些常用的数据校验。5.实验过程或源代码网站首页:%@pagelanguage=javacontentType=text/html;charset=UTF-8pageEncoding=UTF-8%!DOCTYPEhtmlPUBLIC-//W3C//DTDHTML4.01Transitional//EN=Content-Typecontent=text/html;charset=UTF-8titleInserttitlehere/titlestyletype=text/css#header{margin:0auto;height:400px;width:1002px;background=image/falali.jpg;clear:both;}#xiala{margin:0auto;height:25px;width:1002px;background-color:#808080;}#main{margin:0auto;height:600px;width:1002px;background-color:red;clear:both;}#lside{height:600px;width:700px;background-color:pink;float:left;}#topa{height:300px;width:350px;background-color:#660000;float:left;}#topb{height:300px;width:350px;background-color:#333333;float:left;}#bottoma{height:300px;width:350px;background-color:#333333;float:left;}#bottomb{height:300px;width:350px;background-color:#660000;float:left;}#rside{height:600px;width:302px;background-color:#696969;float:right;}#footer{margin:0auto;height:80px;width:1002px;background-color:gray;clear:both;line-height:24px;}/style/headbodydivid=headerimgsrc=image/falali.jpgheight=400width=1002/divdivid=xiala跑车:selectname=selectoptionvalue=个性化定制个性化定制/optionoptionvalue=GT大赛GT大赛/optionoptionvalue=历史名车历史名车/optionoptionvalue=法拉利CaliforniaT/option/select 客户专区:selectname=select2optionvalue=我的法拉利我的法拉利/optionoptionvalue=法拉利服务法拉利服务/optionoptionvalue=车主俱乐部车主俱乐部/optionoptionvalue=驾驶课程驾驶课程/option/select 优良传承:selectname=select3optionvalue=马拉内罗马拉内罗/optionoptionvalue=媒体中心媒体中心/optionoptionvalue=历史历史/optionoptionvalue=合作伙伴合作伙伴/option/select 体验:selectname=select4optionvalue=法拉利杂志法拉利杂志/optionoptionvalue=法拉利之家博物馆法拉利之家博物馆/optionoptionvalue=法拉利博物馆法拉利博物馆/option/select            ahref=企业公司/a         ahref=登录/a丨ahref=注册/a/divdivid=maindivid=lsidedivid=topaimgsrc=image/falali5.jpgheight=300width=350/divdivid=topb最新新闻:br1.法拉利488GTB荣获最佳超级跑车的奖项br2.法拉利亚太挑战赛br3.法拉利GTC4Lusso眩目亮相日内瓦br4.Manifesto展示–未来法拉利/divdivid=bottoma客户赛车部门:br欧洲挑战赛br北美挑战赛br亚太挑战赛brF1客户部门brXX计划br赛季/divdivid=bottombimgsrc=image/falali3.jpgheight=300width=350/div/divdivid=rside最新文章:br法拉利CaliforniaTHS运动操控套件也亮相车展brimgsrc=image/falali2.jpgheight=200width=302br日内瓦,3月1日–从一大早开始,在刚刚揭幕的日内瓦车展上,法拉利GTC4Lusso是众人镜头中的焦点。红色帷幕覆盖下的法拉利GTC4Lusso就已经万众瞩目。展示介绍于11:15开始,跃马展台前人潮汹涌,当帷幕揭开之时,镁光灯此起彼伏地闪烁着。在日内瓦车展上,帷幕下的四座四轮驱动转向的车型有两台:一台是BiancoItalia白色车身搭配BluSterling蓝色内饰,采用Low-e低辐射节能材料的车顶天窗,在阳光灿烂时,也能保持座舱内恒定舒适的温度,同时配有钻石抛光的锻造轮毂;第二台则是GrigioFerroMet灰色车身搭配Cognac干邑色半苯染皮革内饰。/div/divdivid=footer                 0FerrariS.p.A.-注册地址viaEmiliaEst1163,Modena(Italy)-股权资金Euro20.260.000-VATno.00159560366br                                                                                 -Copyright2016-版权所有/div/body/html注册页面:%@pagelanguage=javacontentType=text/html;charset=UTF-8pageEncoding=UTF-8%!DOCTYPEhtmlPUBLIC-//W3C//DTDHTML4.01Transitional//EN=Content-Typecontent=text/html;charset=UTF-8titleInserttitlehere/titlescriptlanguage=javascriptfunctioncheckuserName(username){varstr1=username;varExpression1=/[^\u4E00-\u9FA5]/;//3-10个字母数字下划线组成varobjExp1=newRegExp(Expression1);if(objExp1.test(str1)==true){returntrue;}else{returnfalse;}}functioncheckPWD(PWD){varstr4=PWD;varExpression4=/^[A-Za-z]{1}([A-Za-z0-9]|[._]){5,19}$/;//6-20位字母数字下划线和点“.”组成varobjExp4=newRegExp(Expression4);if(objExp4.test(str4)==true){returnture;}else{returnfalse;}}functionchecktel(tel){varstr3=tel;varExpression3=/(\d{3}-)?\d{8}|(\d{4}-)(\d{7})/;varobjExp3=newRegExp(Expression3);if(objExp3.test(str3)==true){returnture;}else{returnfalse;}}functioncheckemail(str2){varstr2=email;varExpression2=/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;varobjExp2=newRegExp(Expression2);if(objExp2.test(str2)==true){returntr
本文标题:静态网页的制作实验报告
链接地址:https://www.777doc.com/doc-5462708 .html