电子商务专业网页制作实验报告.docx

（2）效果显示图如下：

四、实验小结

通过这次试验，让我懂得了如何利用软件工具来实现网页的编制，通过对图的切割和组合，经过了多次的失败，但最总通过不懈的坚持终于小获成功，体验到成功的快乐。

也对网页制作加深了认识和兴趣。

实验三：

JavaScript实验

一、实验目的

1、掌握利用JavaScript编写网页动态效果的能力；

2、掌握在网页中使用JavaScript脚本的两种方法。

二、实验课时

2课时

三、实验内容

1、计算整数阶乘实验的结果

（1）编制代码如下：

--

functionfactorial（anumber）

{anumber=Math.floor（anumber）;

if（anumber<0）return-1;

if（anumber==0）return1;

elsereturn（anumber*factorial（anumber-1））;

}

functionss（）

{varva=document.myform.factorial.value;vars=factorial（va）;

alert（s）;

}

//-->

请在文本框中输入一个整数，然后单击“计算”
按钮，计算该整数的阶乘。

（2）效果如下：

2、下拉菜单实验的结果

（1）编写hthl代码如下：

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

• 网站首页
• 课程简介
• 课程大纲
  • 教学大纲
  • 授课计划
  • 实践实训
• 电子课堂

  • 电子课件
  • 电子教材
  • 电子教案
• 师资队伍

  • 课程负责人
  • 师资队伍
  • 课题研究
• 教学录像
• 习题试题

  • 习题集锦
  • 自测题
  • 试题库
  • 例题精讲
• 参考文献
• 课程申报

课程简介

本课程作为学校校级精品课程，学校在政策、资金方面都给与本课程相应支持，并已推荐本课程申报省级级精品课程。

本课程作为学校校级精品课程已得到1万元的建设经费，在所申报课程被评为精品课程后，从经费投入、技术平台支持等方面继续加大对精品课程建设的过程管理和质量监督，同时鼓励品课程优质资源的开放和共享，并结合教育高地、特色专业与优秀教学团队建设，整合相关资源形成真正特色鲜明、队伍结构合理、教学水平一流、辐射效果好的示范课程。

（2）编写css文件如下：

@charset"utf-8";

/*CSSDocument*/

*{font-size:

16px;font-family:

微软雅黑;color:

#333;margin:

0;padding:

0;

}

Body

{background:

url（image/pd_r7_c2.png）repeat-y;width:

100%;

height:

auto

}

a:

link,a:

visited,a:

active,a:

hover{text-decoration:

none;cursor:

pointer;

}

.clear{clear:

both;}

/*header部分*/

#logo{

width:

100%;height:

83px;background:

url（image/head_bg.gif）

repeat-x;text-align:

center;}

#logoimg{margin:

0auto;}

#menu{height:

41px;width:

100%;background:

url（image/nav_bg2.gif）

repeat-x;}

#menuul{list-style:

none;margin-left:

auto;margin-right:

auto;

width:

954px;}

#menuulli{float:

left;width:

106px;height:

34px;

margin-top:

7px;position:

relative;}

#menuullia{background:

url（image/nav_bg1.gif）no-repeatbottom;

font:

bold16px"微软雅黑";line-height:

30px;

color:

#fff;display:

block;text-align:

center;}

#menuullia:

hover{background:

url（image/nav_hover.gif）no-repeat;}

#menuulliul{display:

none;}

#menuulli:

hoverul{display:

block;position:

absolute;}

#menuulli:

hoverulli{float:

none;width:

105px;height:

28px;margin:

0px;}

#menuulli:

hoverullia{background:

url（image/sec_navbg.gif）no-repeat;font:

14px"微软雅黑";color:

#FFCC00;display:

block;line-height:

28px;

}

#menuulli:

hoverullia:

hover{background:

url（image/nav_hover.gif）no-repeat;

}

#pic{width:

100%;height:

222px;background:

#025893;text-align:

center;

}

#picimg{margin:

0auto;}

.middle{

margin:

0pxauto;padding-top:

26px;width:

70%;height:

auto;

text-align:

left;color:

#CC0000;font-size:

18px;line-height:

1.5;

text-indent:

30px;}

.bottom{margin:

0pxauto;width:

1351px;height:

80px;}

（3）效果如下：

3、表单验证实验的结果

（1）代码如下：

functioncheckIt（）{

varemail=document.getElementById（"email"）;

varmobileNo=document.getElementById（"mobileNo"）;

varphoneNo=document.getElementById（"phoneNo"）;

varIDNo=document.getElementById（"IDNo"）;

//邮箱验证

if（email.value==null||email.value==""）{

document.getElementById（"emailError"）.innerHTML="请输入E-mail地址！

";

email.focus（）;

returnfalse;

}else{

document.getElementById（"emailError"）.innerHTML="";

}

varregExpression=/\w+（[-+.]\w+）*@\w+（[-.]\w+）*\.\w+（[-.]\w+）*/;

varobjExp=newRegExp（regExpression）;

if（objExp.test（email.value）==false）{

document.getElementById（"emailError"）.innerHTML="您输入的E-mail地址不正确！

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

电子商务 专业 网页 制作 实验 报告

  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。