《WEB程序设计》实验指导书

《WEB程序设计》实验指导书上机实验1 PWS及IIS的安装与使用上机实验2 使用HTML语言制作简单网页上机实验3 用VBScript脚本语言设计程序上机实验4 设计网站的登录界面上机实验5 实现网站的在线交流功能上机实验6 利用Server对象的CreateObject方法创建文件访问对象上机实验7 使用广告轮显组件设计一广告页面上机实验8 使用content linking组件设计一电子书籍上机实验9 设计并实现一个网页的会员注册功能上机实验10 实现《Web程序设计》课程网站中用户登录功能上机实验11 设计并实现一个网站作业提交系统上机实验1 PWS及IIS的安装与使用【目的】是要求学生能够熟练掌握PWS的各个功能，能够熟练的调试WEB程序并能将其发布。

【内容】1、web服务器的安装与设置2、web虚拟目录的创建与设置3、html、asp文件的编写与运行方法【步骤】（1）在硬盘上建立一个文件夹，用于存放网站文件。

（2）用“记事本”编写一个HTML文件（the first.htm）和一个ASP文件（thefile.asp）,其中**为学生本人的学号，并将其放在前面建立的文件夹中。

（3）确认机器已安装了IIS，如果没有，请自行安装。

（4）设置“默认网站”的“主目录”为前面建立的文件夹，执行thefile.htm和thefile.asp,反复执行直至结果正确。

（5）设置“默认网站”的“默认文档“为thefile.htm或thefile.asp,在浏览器中验证结果。

（6）通过局域网访问其它同学创建的网站，验证结果。

（7）修改thefile.htm和thefile.asp文件内容，将其放到硬盘的另一目录中，创建一个名为asp的虚拟目录，重复（4）、（5）、（6）步的实验内容。

上机实验2 使用HTML语言制作简单网页【目的】了解用HTML语言制作网页的过程。

掌握html文档的基本结构；掌握再html语言中使用表格的方法。

【内容】使用HTML语言制作如图1-8所示的简单网页。

图1-8 简单网页示例【步骤】（1）打开记事本程序。

（2）输入能够生成如图1-8所示网页的HTML代码，保存为.html文件，文件名为ex1-1。

（3）双击ex1-1.html文件，在浏览器中观察显示效果上机实验3 用VBScript脚本语言设计程序【目的】（1）掌握将VBScript脚本嵌入HTML文件的方法。

（2）掌握使用VBScript脚本语言设计应用程序的过程。

（3）掌握基本的VBScript语法。

【内容1】用VBScript脚本语言设计一个简单的验证程序：要求在文本框中输入一个1～100之间的整数，单击“提交”按钮。

若输入正确，则弹出对话框，显示“你输入对了，谢谢！”，如图3-12所示；若输入不正确，则弹出对话框，显示“请输入一个1到100之间的数字。

”，如图3-13所示。

图3-12 输入正确的显示图3-13 输入不正确的显示【步骤】（1）打开记事本程序。

（2）输入能够生成如图3-12和图3-13所示页面的VBScript程序的源代码，保存为.html文件，文件名为ex3-2。

（3）双击ex3-2.html文件，在浏览器中观察结果。

【内容2】编写一个employee.htm文件，用来登记员工的基本信息，如姓名、职工号、年龄、性别、工资、联系方式等，要求：职工号是一个12位的字符串，年龄是4－120的数字，性别给出必要的选项，工资是一个数字。

【步骤】（1）打开记事本程序。

（2）输入能够生成上述程序所描述页面的VBScript程序的源代码，保存为Employee.html文件。

（3）双击Employee.html文件，在浏览器中观察结果。

上机实验4 设计网站的登录界面【目的】学会Request和response对象的使用方法。

【内容】设计一简单的登录界面，图如教材p104 图4-18所示。

【步骤】（1）打开Dreamweaver开发环境，选择创建新项目下的HTML，创建一个空白的HTML文件，设计如图4-18所示的页面。

以文件名ex4-1.htm保存在C:\Inetpub\wwwroot\test目录下。

（2）为上面的一个页面设计界面，添加代码，并以文件名denglu.asp保存。

(3) 运行程序检查结果上机实验5 实现网站的在线交流功能【目的】学会Sessiont和Application对象的使用方法。

【内容】实现网站的在线交流功能，在线人数最多为15人。

该页面由上、下两个框架页面构成，上面一个显示交流信息，下面一个为信息输入窗口，如图5-24所示。

图5-24 在线交流页面【步骤】（1）打开Dreamweaver开发环境，选择创建新项目下的HTML，创建一个空白的HTML文件，设计如图5-24所示的上、下型框架页面。

以文件名ex5-2.htm保存在C:\Inetpub\wwwroot\test目录下。

（2）为上面的一个框架页面设计界面，添加代码，并以文件名message.asp保存。

（3）为下面的一个框架页面设计界面，添加代码，并以文件名speak.asp保存。

（4）选中文件ex5-2.htm，选择“文件/在浏览器中预览/iexplore”命令，测试程序。

上机实验6 利用Server对象的CreateObject方法创建文件访问对象【目的】学会利用Server对象的CreateObject方法创建文件访问对象实例。

【内容】建立一个学生情况调查表，并将学生填写的内容写入数据文件student.txt中。

调查表的页面如图5-23所示。

【步骤】（1）打开Dreamweaver开发环境，选择创建新项目下的HTML，创建一个空白的HTML文件，设计如图5-23所示的调查表页面。

（2）按下“代码”按钮，修改程序。

在form表单的action处添加ex5-1.asp，以文件名ex5-1.htm 在C:\Inetpub\wwwroot\test目录下保存该文件。

（3）选择“文件/新建”命令，创建一个空白的ASP文件。

添加ASP程序代码，读取表单中的数据，并将数据写入文件student.txt中。

图5-23 调查表页面（4）以文件名ex5-1.asp在C:\Inetpub\wwwroot\test目录下保存该文件。

（5）选中文件ex5-1.htm，选择“文件/在浏览器中预览/iexplore”命令，测试程序。

（6）查看C:\Inetpub\wwwroot\test目录下的student.txt文件的内容。

上机实验7 使用广告轮显组件设计一广告页面【目的】掌握asp组件的Ad Rotator的使用。

【内容】使用ASP组件的Ad Rotator组件，设计一页面，在页面中设计两广告横幅，利用Ad Rotator组件轮显不同的广告，单击广告跳转到相应的页面。

【步骤】（1）在磁盘中建立一文件夹，文件夹命名为Test。

（2）在控制面板中的iis中将刚建立的test文件夹设置为默认目录。

（3）在DW下新创建一文件，文件名为ww1.asp。

该文件设置一页面基本格式，在程序中创建Ad Rotator组件，并运用该组件的Getadvertisement方法调用一文本文件list.txt。

（4）运用写字板编制一文本文件，命名为list.txt，保存在test文件夹下。

文件中按照要求格式写清楚广告图片的地址，联接的url地址，描述和出现的频率。

（5）编制一ww2.asp文件，将该文件保存在test文件夹下，在该文件中调用list.txt文件中的url地址。

（6）运行ww1.asp，调式程序，看能否完成要求的功能。

并在其他机器上进行调试。

（7）根据实验结果，写出实验总结。

上机实验8 使用content linking组件设计一电子书籍【目的】掌握asp组件content linking的的使用。

【内容】使用ASP组件的content linking组件，设计电子书籍。

【步骤】（8）在磁盘中建立一文件夹，文件夹命名为Test。

（9）在控制面板中的iis中将刚建立的test文件夹设置为默认目录。

（10）在DW下新创建一文件，文件名为ww1.asp。

该文件设置一页面基本格式，在程序中创建content linking组件，并运用该组件的方法调用一文本文件list.txt。

（11）运用写字板编制一文本文件，命名为list.txt，保存在test文件夹下。

文件中按照要求格式写出顺序调用文件的顺序及文档名称。

（12）编制一ww2.asp文件，将该文件保存在test文件夹下，在该文件中调用list.txt文件中的url地址。

（13）运行ww1.asp，调式程序，看能否完成要求的功能。

并在其他机器上进行调试。

（14）根据实验结果，写出实验总结。

上机实验9 设计并实现一个网页的会员注册功能【目的】掌握Web页面和数据库间的数据交换方式。

【内容】为《Web程序设计》课程网站设计并实现一个用户注册功能。

注册界面如图6-9所示。

图6-9 网站用户注册界面【步骤】（1）用Access建立一个用户数据库表，用于记录图6-9所示的信息。

（2）为步骤（1）中建立的数据库表配置一个系统数据源。

（3）建立一个ASP页，编程实现将图6-9所示的注册信息写入用户数据库表中。

（4）运用查询语句查询数据库中的结果上机实验10 实现《Web程序设计》课程网站中用户登录功能【目的】掌握数据库数据的检索与访问方法。

【内容】实现第4章实验中《Web程序设计》课程网站中的“登录”功能。

在用户输入用户名和密码后给出登录成功或失败的显示结果。

【步骤】（1）创建一个实现登录响应处理的ASP页，对登录信息进行验证，并给出验证结果。

（2）在《Web程序设计》课程网站首页中加入登录处理页的链接。

上机实验11 设计一个动态网络导航程序【目的】掌握数据库数据的连接与访问方法。

【内容】1.建立一个数据库wwwlink.mdb，表为link2.并建立数据源wwwlink。

上机实验12 设计一会员管理系统【目的】（1）于B/S模式的Web应用程序的开发步骤。

（2）用FrontPage或Dreamweaver等常用的网页制作工具。

（3）握表单的制作方法及如何使用ASP内置对象读取表单数据。

（4）练使用常见的SQL命令，掌握使用ADO对象存取数据库的方法。

【内容】（1）熟悉HTML语法，正确的使用各种HTML标签，特别是表格的制作。

（2）熟悉表单的制作方法及如何使用ASP的内置对象读取表单数据。

（3）熟悉SQL语法及使用ADO对象存取数据库的方法。

【步骤】（一）复习相关理论知识1、使用Request对象读取表单数据Request对象读取表单数据是通过QueryString和Form这两个集合来检索表单，具体使用哪一个集合，取决于Web页面向服务器端提交表单数据的方式。