荟聚奇文、博采众长、见贤思齐
当前位置:公文素材库 > 报告体会 > 工作报告 > Web程序设计实验报告

Web程序设计实验报告

网站:公文素材库 | 时间:2019-05-29 07:18:13 | 移动端:Web程序设计实验报告

Web程序设计实验报告

Web程序设计实验报告

一、实验目的

学会使用VisualStudio软件二、实验内容1、做一个表格2、做一个表单3、做一个框架

实验时间:201*.10.17

实验一:做一个下例表格附图:

【代码】

无标题页代码

系别

专业及人数经管系会计专业

201*201*201*201*200人td>280人400人420人国贸专业

201*201*201*201*80人88人78人74人

实验二:做一个表单附图:

【代码】

无标题页

//

姓:名:性别

男女兴趣

逛街散步看电视喜欢的水果苹果香蕉梨子

实验三:做一个框架附图:

主文件:

框架

Frame1文件:

BC

ol.htm文件:

无标题页

这是超链接

<a>

img.htm文件:

functionSelect1_onclick(){}//]]>

姓:名:性别

男女兴趣

逛街散步看电视喜欢的水果苹果香蕉梨子

table.htm文件:

无标题页

系别

专业及人数经管系

会计专业

201*201*201*201*200人td>280人400人420人国贸专业

201*201*201*201*80人88人78人74人

扩展阅读:《Web程序设计》第一次实验报告

Web程序设计

实验报告

专业

:软件工程班级:10级(2班)

学号:

姓名:成绩:

苏州大学计算机科学与技术学院

二O一一年三月

-1-

上机实验3

实验一

3.1用JavaScript脚本语言设计程序。

一.实验目的:

(1)掌握将JavaScript脚本嵌入HTML文件的方法。(2)掌握使用JavaScript脚本语言设计应用程序的过程。(3)掌握基本的JavaScript语法。二.实验内容:

用JavaScript脚本语言设计一个程序:根据当天是星期几,在页面中显示不同的图片。程序的运行结果如图3-11所示。要求在图片的上方显示今天是星期几,再显示图片。

三.实验步骤:

(1)准备7个gif图片文件,分别命名为g0.gif~g6.gif。

-2-

(2)打开记事本程序。(3)输入能够生成如图3-11所示页面的JavaScript程序的源代码,保存为.html文件,文件名为ex3-1。

(4)双击ex3-1.html文件,在浏览器中观察结果。

编写源程序:

JavaScript星期表

双击ex3-1.html文件,在浏览器中观察结果如图所示:

-3-

四.实验小结:

通过本次试验,我掌握如何将JavaScript脚本嵌入HTML文件的方法,以及如何使用

JavaScript脚本语言设计应用程序和JavaScript一些基本的语法。学会了好多,但对于深入

JavaScript脚本语言设计应用程序还要努力。

-4-

实验二3.2用VBScript脚本语言设计程序。

一.实验目的:

(1)掌握将VBScript脚本嵌入HTML文件的方法。(2)掌握使用VBScript脚本语言设计应用程序的过程。(3)掌握基本的VBScript语法。

二.实验内容:

用VBScript脚本语言设计一个简单的验证程序:要求在文本框中输入一个1~100之间的整数,单击“提交”按钮。若输入正确,则弹出对话框,显示“你输入对了,谢谢!”,如图3-12所示;若输入不正确,则弹出对话框,显示“请输入一个1到100之间的数字。”,如图3-13所示。

三.实验步骤:

(1)打开记事本程序。

(2)输入能够生成如图3-12所示页面的VBScript程序的源代码,保存为.html文件,

文件名为ex3-2。

(3)双击ex3-2.html文件,在浏览器中观察结果。

编写源程序:

简单验证.Form{

margin-top:18px;

}

-5-

简单验证

请输入一个1到100之间的数字:

双击ex3-1.html文件,在浏览器中观察结果如图所示:

-6-

四.实验小结:

通过这次试验,我掌握如何将VBScript脚本嵌入HTML文件的方法,学会使用VBScript脚本语言设计应用程序。掌握了VBScript基本的语法。虽然写VBScript脚本语言设计应用程序是个挑战但还是坚持了。感悟最大是以后要多练习。要不写这很难!

-7-

友情提示:本文中关于《Web程序设计实验报告》给出的范例仅供您参考拓展思维使用,Web程序设计实验报告:该篇文章建议您自主创作。

来源:网络整理 免责声明:本文仅限学习分享,如产生版权问题,请联系我们及时删除。


Web程序设计实验报告》由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
链接地址:http://www.bsmz.net/gongwen/673106.html
相关文章