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

1、Web应用程序设计上机实验指导书Web应用程序设计 ASP实验指导书储云朋 编著安徽现代信息工程职业学院电子信息系目录实验一 搭建ASP的运行环境和开发环境 1实验二 表格的制作 5实验三 注册信息表的制作 8实验四 ASP内置对象程序设计 13实验五 ASP内置组件（一） 16实验六 ASP内置组件（二） 23实验七 综合案例 30实验一 搭建ASP的运行环境和开发环境信息安全技术计算机多媒体技术实验项目：1 实验名称：搭建ASP的运行环境和开发环境适用专业： 学时数：2学时一、实验目的1、了解并掌握 Windows Xp个人计算机上IIS的安装与配置；2、了解并掌握虚拟目录的设置方法；3、

2、了解并掌握DreamWeaver8的常用操作；4、了解并掌握在DreamWeaver8配置站点的方法，能够在DreamWeaver8中测试ASP动态网页。二、实验要求1、独立设计完成； 2、程序编写正确。三、实验设备、环境Windows xp计算机、装有IIS组件、Dreamweaver8软件。四、实验内容（一）按教材所介绍的方法，在自己的个人计算机上不同的Windows系统安装IIS。（二）编写一个简单的ASP网页程序，实现在浏览器IE中输出“这是我的第一个ASP程序！”。（三） 熟悉DreamWeaver8的运行环境，如何创建和管理站点。五、操作步骤：（1） 启动Dreamweaver（双

3、击桌面上的快捷图标启动Dreamweaver）。（2） 创建站点（菜单方法：站点-新建站点，站名名：“实验项目”，文件存储位置“F：”，其他信息均采用默认方式）。（3） 配置站点（菜单方法：站点-管理站点，选择“实验项目”站点，点击编辑，在打开的窗口中选择“高级”选项卡，在本地信息中，HTTP地址处输入：http:/localhost/实验项目/；在测试服务器中，服务器模型：ASP VBScript；访问：本地/网络；测试服务器文件夹：F:实验项目；URL前缀：http:/localhost/实验项目/）。（4） 启动IIS（开始-程序-管理工具-Internet信息服务）。（5） 建立虚拟目

4、录（右击默认网站，选择“新建-虚拟目录”，提示：虚拟目录别名“实验项目”，输入内容所在的目录路径“F：实验项目”，允许权限“执行、浏览”）。（6） 在Dreamweaver中，将Dreamweaver窗口切换到“显示代码视图”。（7） 在与之间加入以下ASP代码：（8） 保存网页，文件可命名为first.asp。（9） 观察输出结果（单击工具栏中的“在浏览器中预览/调试”或按“F12”浏览网页；也可在IE浏览器的地址栏中键入：http:/localhost/实验项目/first.asp，按回车,观察能否正确运行）。六、讨论、思考题1、尝试利用四种不同的方法浏览、运行和访问ASP文件，它们之间有

5、何区别？实验二 表格的制作信息安全技术计算机多媒体技术实验项目：1 实验名称：表格的制作适用专业： 学时数：2学时一、实验目的1、掌握 HTML表格标记及属性；2、掌握多媒体的标记及属性。二、实验要求1、独立设计完成； 2、程序编写正确。三、实验设备、环境Windows xp计算机、装有IIS组件、Dreamweaver8软件。四、实验内容 制作一个学生成绩表，要求有表格标题、表头和具体的学生成绩信息，表头包括学号、姓名、性别、学期、课程名称、成绩等内容。五、实验步骤（1）利用实验一的方法，搭建ASP的运行环境。（2）打开Dreamweaver8编辑器，在窗口的显示代码视图下编写相应代码。（3

6、）参考代码学生成绩表 学生成绩表 学 号姓 名性 别 学 期课程名称成 绩 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

7、、独立设计完成； 2、程序编写正确。三、实验设备、环境Windows xp计算机、装有IIS组件、Dreamweaver8软件。四、实验内容 本实验把几种常用表单输入区域放置在表格单元格中，使各种类型的输入区域排列整齐、美观。具体样式要求如图所示。五、实验步骤（1）利用实验一的方法，搭建ASP的运行环境。（2）打开Dreamweaver8编辑器，在窗口的显示代码视图下编写相应代码。（3）参考代码注册信息表的制作 注册信息表 姓名： 密码： 电话： E-mail: 籍贯： 安徽省 江苏省 浙江省 性别： 男 女 年龄： 简介： （4）调试程序并打开浏览器运行运行注册信息表程序。六、讨论、思考题1、在Dreamweaver8编辑环境下，如何在设计试图模式下，完成上图所示的效果。