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://m.bsmz.net/gongwen/673106.html
- 上一篇：网页实训报告_
- 下一篇：静态网页设计与制作 实训报告