《Web应用程序设计》上机实验指导书.docx

《Web应用程序设计》上机实验指导书.docx

《《Web应用程序设计》上机实验指导书.docx》由会员分享，可在线阅读，更多相关《《Web应用程序设计》上机实验指导书.docx（9页珍藏版）》请在冰豆网上搜索。

《Web应用程序设计》上机实验指导书

Web应用程序设计

——ASP实验指导书

储云朋编著

安徽现代信息工程职业学院

电子信息系

目录

实验一搭建ASP的运行环境和开发环境1

实验二表格的制作5

实验三注册信息表的制作8

实验四ASP内置对象程序设计13

实验五ASP内置组件

（一）16

实验六ASP内置组件

（二）23

实验七综合案例30

实验一搭建ASP的运行环境和开发环境

信息安全技术

计算机多媒体技术

实验项目：

1实验名称：

搭建ASP的运行环境和开发环境

适用专业：

学时数：

2学时

一、实验目的

1、了解并掌握WindowsXp个人计算机上IIS的安装与配置；

2、了解并掌握虚拟目录的设置方法；

3、了解并掌握DreamWeaver8的常用操作；

4、了解并掌握在DreamWeaver8配置站点的方法，能够在DreamWeaver8中测试ASP动态网页。

二、实验要求

1、独立设计完成；2、程序编写正确。

三、实验设备、环境

Windowsxp计算机、装有IIS组件、Dreamweaver8软件。

四、实验内容

（一）按教材所介绍的方法，在自己的个人计算机上不同的Windows系统安装IIS。

（二）编写一个简单的ASP网页程序，实现在浏览器IE中输出“这是我的第一个ASP程序！

”。

（三）熟悉DreamWeaver8的运行环境，如何创建和管理站点。

五、操作步骤：

（1）启动Dreamweaver（双击桌面上的快捷图标启动Dreamweaver）。

（2）创建站点（菜单方法：

站点->新建站点，站名名：

“实验项目”，文件存储位置“F：

\”，其他信息均采用默认方式）。

（3）配置站点（菜单方法：

站点->管理站点，选择“实验项目”站点，点击编辑，在打开的窗口中选择“高级”选项卡，在本地信息中，HTTP地址处输入：

http:

//localhost/实验项目/；在测试服务器中，服务器模型：

ASPVBScript；访问：

本地/网络；测试服务器文件夹：

F:

\实验项目\；URL前缀：

http:

//localhost/实验项目/）。

（4）启动IIS（开始->程序->管理工具->Internet信息服务）。

（5）建立虚拟目录（右击默认网站，选择“新建->虚拟目录”，提示：

虚拟目录别名“实验项目”，输入内容所在的目录路径“F：

\实验项目”，允许权限“执行、浏览”）。

（6）在Dreamweaver中，将Dreamweaver窗口切换到“显示代码视图”。

（7）在与之间加入以下ASP代码：

<%Response.Write（“这是我的第一个ASP程序！

”）%>

（8）保存网页，文件可命名为first.asp。

（9）观察输出结果（单击工具栏中的“在浏览器中预览/调试”或按“F12”浏览网页；也可在IE浏览器的地址栏中键入：

http:

//localhost/实验项目/first.asp，按回车,观察能否正确运行）。

六、讨论、思考题

1、尝试利用四种不同的方法浏览、运行和访问ASP文件，它们之间有何区别？

实验二表格的制作

信息安全技术

计算机多媒体技术

实验项目：

1实验名称：

表格的制作

适用专业：

学时数：

2学时

一、实验目的

1、掌握HTML表格标记及属性；

2、掌握多媒体的标记及属性。

二、实验要求

1、独立设计完成；2、程序编写正确。

三、实验设备、环境

Windowsxp计算机、装有IIS组件、Dreamweaver8软件。

四、实验内容

制作一个学生成绩表，要求有表格标题、表头和具体的学生成绩信息，表头包括学号、姓名、性别、学期、课程名称、成绩等内容。

五、实验步骤

（1）利用实验一的方法，搭建ASP的运行环境。

（2）打开Dreamweaver8编辑器，在窗口的显示代码视图下编写相应代码。

（3）参考代码

<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>

学生成绩表

学号姓名性别

学期课程名称成绩

1001张明男

08-09-1面向对象技术70

1002王丽女

08-09-1面向对象技术89

1003马飞男

08-09-1面向对象技术80

（3）保存网页，文件可命名为Table_paper.asp。

（4）浏览网页，输出结果如下图。

六、讨论、思考题

1、如果在浏览时，要达到下图所示的显示效果，应如何修改原代码。

实验三注册信息表的制作

信息安全技术

计算机多媒体技术

实验项目：

1实验名称：

注册信息表的制作

适用专业：

学时数：

2学时

一、实验目的

1、掌握HTML表格标记及属性；

2、掌握常用表单控件标记及属性。

二、实验要求

1、独立设计完成；2、程序编写正确。

三、实验设备、环境

Windowsxp计算机、装有IIS组件、Dreamweaver8软件。

四、实验内容

本实验把几种常用表单输入区域放置在表格单元格中，使各种类型的输入区域排列整齐、美观。

具体样式要求如图所示。

五、实验步骤

（1）利用实验一的方法，搭建ASP的运行环境。

（2）打开Dreamweaver8编辑器，在窗口的显示代码视图下编写相应代码。

（3）参考代码

<%@LANGUAGE="VBSCRIPT"%>

--

.STYLE1{

font-size:

18px;

font-weight:

bold;

}

-->

注册信息表

姓名：

密码：

电话：

E-mail:

籍贯：

安徽省

江苏省

浙江省

性别：

男

女

年龄：

简介：