《WEB程序设计》实验指导书
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图 1-3 所需文件对话框 在此对话框中输入 I386 文件夹的真实路径，点击“确定”可继续完成安装。（此对话框在 安装过程中可能出现多次） 2、设定 WEB 主目录 主目录是存放 WEB 服务器页面的初始目录，只有此目录下的文件才能被客户访问。 默认的主目录一般为 c:\inetpub\wwwroot，您也可以按图所示来更改主目录。
在文本框 1 和文本框 2 中输入乘数，点击等号按钮后，乘积出现在文本框 3 中。 在 Dreamweaver 中新建 ASP VBScript 页面，在代码模式下编写脚本程序，部分代码如下： <body> <script language="vbscript"> function answer() document.form1.textfield3.value=document.form1.textfield.value*document.form1.textfield2.va lue end function </script> <form id="form1" name="form1" method="post" action="">
图 1-1 添加/删除程序 在弹出的对话框中点击左侧的“添加/删除 Windows 组件”按钮，在弹出的 Windows 组件 向导中，选中 Internet 信息服务（IIS），如下图：
图 1-2 Windows 组件向导
点击“下一步”。若 I386 文件夹与安装是所处位置不同，则会弹出如下对话框：
五、思考题
1、若要查看的目录下没有默认文档将出现什么结果？ 2、对于静态页面，Web 服务器如何处理？
六、注意事项
1、注意 Web 主目录与页面存放文件夹及访问 URL 之间的关系。
实验 2 Dreamweaver 编写页面
一、实验目的
1、掌握利用 Dreamweaver 制作静态页面的方法； 2、掌握利用 Dreamweaver 制作 ASP 页面的方法；
图 3-1 Dreamweaver 启动界面 在 Dreamweaver 中转到代码模式下，输入如下 HTML 代码：
图 3-2 代码模式页面
转到设计模式，预览此页面效果。 2、在页面源代码中输入常用 HTML 标签，转到预览模式下查看其显示效果。 在代码模式下，在文字头尾分别输入 HTML 标签<b></b>，<u></u>，<p></p>，<br>,<hr> 等，每输入一个标签就转到设计模式查看此标签对页面显示的效果影响。 在设计模式下，对文字的字体，字号，颜色，超链接等进行设置。每次设置后，转到代码 模式查看此效果由哪些 HTML 标签体现。
要求
选 必 必 必 必 必 必
类型
验证 验证 综合 设计 设计 综合 设计
每组 人数 1 1 1 1 1 1 1
实验 学时 2 2 4 4 4 4 4
实验环境 要求每次可提供每人一台正常运行的计算机，实验室面积为60平方米以上，多
媒体投影系统，室内采光通风良好卫生，供电正常，无强大信号干扰源，消防设备 齐全，疏散通道正常。 实验总体要求
<body> 现在的时间是：<%now()%> </body> 3、创建站点并预览 将 IIS 的 Web 主目录设置为 C:\Inetpub\wwwroot，创建新站点，将此站点的本地根文件夹 设置为此目录。将此站点测试服务器设置如下图 2-4。
图 2-3 站点本地信息设置
图 2-4 站点测试服务器设置 将新建的 ASP 页面保存于 C:\Inetpub\wwwroot 目录中。按 F12 预览。
2、难点：掌握ASP内置对象编程；掌握通过ADO访问数据库的编程。 3、教学方法建议：注重理论与实验相结合，可利用现有的实验条件开发不同 方法的综合性、设计性及研究性实验内容或实验项目。
实验Βιβλιοθήκη Baidu1 搭建 ASP 开发环境
一、实验目的
1、掌握使用 IIS 作为 WEB 服务器进行 ASP 页面发布的方法 2、掌握使用 ASP 脚本进行基本输出的方法
《Web程序设计实验》课程
课程编号：433013
实验指导书
主撰人： 审核人：
经济与管理科学系 电子商务教研室 二○一二 年四月
目
录
前言
1
实验1 搭建ASP开发环境
2
实验2 Dreamweaver编写页面
5
实验3 超文本标记语言HTML
7
实验4 VBScript编程
9
实验5 ASP内置对象的使用（一）
五、思考题
1、客户端能否看见 ASP 脚本的内容？ 2、对于动态 ASP 页面，Web 服务器如何处理？
六、注意事项
1、注意 Web 主目录与页面存放文件夹及访问 URL 之间的关系。
实验 3 超文本标记语言 HTML
一、实验目的
1、掌握 Dreamweaver 中编写 HTML 标签的方法； 2、掌握常用 HTML 标签的使用。
通过本实验课程的教学，学生能基本上达到独立完成实验内容，通过老师的指 导可完成研究性实验内容，能将相关内容应用到课程设计、电子竞赛、毕业设计等 实践性环节中。 本课程的重点、难点及教学方法建议
1、重点: 掌握ASP开发平台的搭建；掌握HTML语言编写网页；掌握ASP的工作 原理及其编程；熟练掌握VBScript程序的编写；熟练使用ASP内置对象编程；熟练 使用ASP内置组件编程；熟练掌握通过ADO访问数据库的编程。
图 1-5 默认文档设置页面
4、建立简单 ASP 页面 使用记事本新建一个文档，向文档中输入如下内容： <html> <head> <title>Hello World</title> </head> <body> <% response.write “Hello World!” %> </body> </html> 将该文档保存到您上面所指定的 WEB 主目录下，文件名为您指定的默认文档名称： index.asp。 打开浏览器，在地址栏内输入您的 WEB 站点地址（这里使用 localhost 做为本机地址）， 然后按回车键即可查看到默认文档的内容了。
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、利用 Windows 组件 IIS 搭建 Web 服务器实现对 ASP 页面的解析。 2、利用简单 ASP 页面的运行检测 IIS 工作是否正常。
四、实验内容与步骤
1、安装 IIS（因实验室微机已安装 IIS，本步骤无须上机完成）； 将 WindowsXP 安装光盘放入光驱（或将安装光盘下 I386 文件夹拷贝至硬盘中）。启动控 制面板中的“添加或删除程序”。
图 2-1 Dreamweaver 启动界面 制作一个简单静态页面如下图。
图 2-2 静态页面 按 F12，在浏览器中预览此页面效果。 2、利用 Dreamweaver 制作简单 ASP 页面。 打开 Dreamweaver，在创建新项目下单击 ASP VBScript，创建一个 ASP 页面。（参见图 2-1） 在代码模式下，输入代码。部分代码如下：
1)制作表单页面 1.html 如下，其中文本框和密码框名字分别是 user 和 pass，表单动作设 置为 2.asp。
图 5-1 表单页面 1.html 2)制作表单处理页面 2.asp。 在 Dreamweaver 中新建 ASP VBScript 页面并存为 2.asp。转到代码模式，在其中输入表单 处理的脚本程序。部分代码如下：
五、思考题
1、在设计模式下对文字进行设置和在代码模式下直接编辑 HTML 标签来指定输出效果有 没有区别？
六、注意事项
1、在 Dreamweaver 中，编辑->首选参数打开首选参数对话框，将其中“使用 CSS 而不是 HTML 标签”选项前的勾去掉。（下图中红色圆角矩形框中的选项）
图 3-3 首选参数对话框
1、新建网页，在代码模式下往页面中加入 VBScript 脚本； 编写程序，在页面上输出九九乘法表如下图所示。具体要求：利用表格布局，去掉表格线， 增加表格的背景颜色，三角形显示九九乘法表。
图 4-1 九九乘法表 打开 Dreamweaver，新建 ASP 页面。在 Dreamweaver 中切换到代码模式，在页面源代码中 插入如下脚本程序。 <html> <head> <title>九九乘法表</title> </head>
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、利用 Dreamweaver 制作静态页面； 2、利用 Dreamweaver 制作简单 ASP 页面。
四、实验内容与步骤
1、利用 Dreamweaver 制作静态页面 启动 Dreamweaver，在创建新项目中单击 HTML，创建一个静态 HTML 页面。
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、在 Dreamweaver 中新建页面，转到代码模式下对其 HTML 源代码进行编辑； 2、在页面源代码中输入常用 HTML 标签，转到预览模式下查看其显示效果。
四、实验内容与步骤
1、在 Dreamweaver 中新建页面，转到代码模式下对其 HTML 源代码进行编辑 启动 Dreamweaver，在创建新项目中单击 HTML，创建一个静态 HTML 页面。
图 2-2 代码模式页面 转到设计模式，按 F12 在浏览器中预览此页面效果。
五、思考题
1、客户端的表格是如何形成的？ 2、客户端脚本和服务器端脚本有何区别
六、注意事项
1、注意脚本插入到页面的方法。
实验 5 ASP 内置对象的使用（一）
一、实验目的
1、掌握 Request 对象和 Response 对象的使用； 2、掌握 Cookies 的使用；
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
通过 VBScript 脚本的编写，掌握 ASP 内置对象的使用方法。
四、实验内容与步骤
1、利用表单接受用户输入，用 VBScript 语言编写表单处理程序，利用 Request 对象接受 用户的输入，利用 Response 对象返回应答信息。
<body> <table border="0"> <%
for i=1 to 9 response.Write("<tr>") for j=1 to i response.Write("<td>") response.Write(j&"*"&i&"=")
response.Write(i*j) response.Write("</td>") next response.Write("</tr>") next %> </table> </body> </html> 2、编写 VBScript 脚本程序，实现如下程序：
图 1-4 默认网站属性对话框 3、设置默认文档 接下来，为您的主目录设置一个能在默认情况下自动运行的文档。该文档的作用是，当进 入本站点时，如没有指定要访问的文档，则服务器自动提供一个默认文档让其访问。在图中， 选中“启用默认文档”复选框，并在“默认文档”框中，输入自己的首页文档名 index.asp。
11
实验6 ASP内置对象的使用（二）
13
实验7 ADO组件的使用
15
前言
实验总体目标: 适用专业年级: 实验课时分配:
培养Web程序设计编程能力 电子商务三年级第五学期 24学时
序号
实验项目
1 搭建 ASP 开发环境 2 Dreamweaver 编写页面 3 超文本标记语言 HTML 4 VBScript 编程 5 ASP 内置对象的使用 6 ASP 内置组件的使用（一） 7 ASP 内置组件的使用（二）
<input name="textfield" type="text" size="5" /> * <input name="textfield2" type="text" size="5" /> <input type="button" name="Submit" value="=" onclick="answer()"/> <input name="textfield3" type="text" size="10" /> </form> </body>
实验 4 VBScript 编程
一、实验目的
1、掌握在页面中加入 VBScript 脚本的方法； 2、掌握客户端 VBScript 程序的编写；
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、通过 VBScript 脚本的编写，熟悉 VBScript 语法与程序的编写。
四、实验内容与步骤
在文本框 1 和文本框 2 中输入乘数，点击等号按钮后，乘积出现在文本框 3 中。 在 Dreamweaver 中新建 ASP VBScript 页面，在代码模式下编写脚本程序，部分代码如下： <body> <script language="vbscript"> function answer() document.form1.textfield3.value=document.form1.textfield.value*document.form1.textfield2.va lue end function </script> <form id="form1" name="form1" method="post" action="">
图 1-1 添加/删除程序 在弹出的对话框中点击左侧的“添加/删除 Windows 组件”按钮，在弹出的 Windows 组件 向导中，选中 Internet 信息服务（IIS），如下图：
图 1-2 Windows 组件向导
点击“下一步”。若 I386 文件夹与安装是所处位置不同，则会弹出如下对话框：
五、思考题
1、若要查看的目录下没有默认文档将出现什么结果？ 2、对于静态页面，Web 服务器如何处理？
六、注意事项
1、注意 Web 主目录与页面存放文件夹及访问 URL 之间的关系。
实验 2 Dreamweaver 编写页面
一、实验目的
1、掌握利用 Dreamweaver 制作静态页面的方法； 2、掌握利用 Dreamweaver 制作 ASP 页面的方法；
图 3-1 Dreamweaver 启动界面 在 Dreamweaver 中转到代码模式下，输入如下 HTML 代码：
图 3-2 代码模式页面
转到设计模式，预览此页面效果。 2、在页面源代码中输入常用 HTML 标签，转到预览模式下查看其显示效果。 在代码模式下，在文字头尾分别输入 HTML 标签<b></b>，<u></u>，<p></p>，<br>,<hr> 等，每输入一个标签就转到设计模式查看此标签对页面显示的效果影响。 在设计模式下，对文字的字体，字号，颜色，超链接等进行设置。每次设置后，转到代码 模式查看此效果由哪些 HTML 标签体现。
要求
选 必 必 必 必 必 必
类型
验证 验证 综合 设计 设计 综合 设计
每组 人数 1 1 1 1 1 1 1
实验 学时 2 2 4 4 4 4 4
实验环境 要求每次可提供每人一台正常运行的计算机，实验室面积为60平方米以上，多
媒体投影系统，室内采光通风良好卫生，供电正常，无强大信号干扰源，消防设备 齐全，疏散通道正常。 实验总体要求
<body> 现在的时间是：<%now()%> </body> 3、创建站点并预览 将 IIS 的 Web 主目录设置为 C:\Inetpub\wwwroot，创建新站点，将此站点的本地根文件夹 设置为此目录。将此站点测试服务器设置如下图 2-4。
图 2-3 站点本地信息设置
图 2-4 站点测试服务器设置 将新建的 ASP 页面保存于 C:\Inetpub\wwwroot 目录中。按 F12 预览。
2、难点：掌握ASP内置对象编程；掌握通过ADO访问数据库的编程。 3、教学方法建议：注重理论与实验相结合，可利用现有的实验条件开发不同 方法的综合性、设计性及研究性实验内容或实验项目。
实验Βιβλιοθήκη Baidu1 搭建 ASP 开发环境
一、实验目的
1、掌握使用 IIS 作为 WEB 服务器进行 ASP 页面发布的方法 2、掌握使用 ASP 脚本进行基本输出的方法
《Web程序设计实验》课程
课程编号：433013
实验指导书
主撰人： 审核人：
经济与管理科学系 电子商务教研室 二○一二 年四月
目
录
前言
1
实验1 搭建ASP开发环境
2
实验2 Dreamweaver编写页面
5
实验3 超文本标记语言HTML
7
实验4 VBScript编程
9
实验5 ASP内置对象的使用（一）
五、思考题
1、客户端能否看见 ASP 脚本的内容？ 2、对于动态 ASP 页面，Web 服务器如何处理？
六、注意事项
1、注意 Web 主目录与页面存放文件夹及访问 URL 之间的关系。
实验 3 超文本标记语言 HTML
一、实验目的
1、掌握 Dreamweaver 中编写 HTML 标签的方法； 2、掌握常用 HTML 标签的使用。
通过本实验课程的教学，学生能基本上达到独立完成实验内容，通过老师的指 导可完成研究性实验内容，能将相关内容应用到课程设计、电子竞赛、毕业设计等 实践性环节中。 本课程的重点、难点及教学方法建议
1、重点: 掌握ASP开发平台的搭建；掌握HTML语言编写网页；掌握ASP的工作 原理及其编程；熟练掌握VBScript程序的编写；熟练使用ASP内置对象编程；熟练 使用ASP内置组件编程；熟练掌握通过ADO访问数据库的编程。
图 1-5 默认文档设置页面
4、建立简单 ASP 页面 使用记事本新建一个文档，向文档中输入如下内容： <html> <head> <title>Hello World</title> </head> <body> <% response.write “Hello World!” %> </body> </html> 将该文档保存到您上面所指定的 WEB 主目录下，文件名为您指定的默认文档名称： index.asp。 打开浏览器，在地址栏内输入您的 WEB 站点地址（这里使用 localhost 做为本机地址）， 然后按回车键即可查看到默认文档的内容了。
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、利用 Windows 组件 IIS 搭建 Web 服务器实现对 ASP 页面的解析。 2、利用简单 ASP 页面的运行检测 IIS 工作是否正常。
四、实验内容与步骤
1、安装 IIS（因实验室微机已安装 IIS，本步骤无须上机完成）； 将 WindowsXP 安装光盘放入光驱（或将安装光盘下 I386 文件夹拷贝至硬盘中）。启动控 制面板中的“添加或删除程序”。
图 2-1 Dreamweaver 启动界面 制作一个简单静态页面如下图。
图 2-2 静态页面 按 F12，在浏览器中预览此页面效果。 2、利用 Dreamweaver 制作简单 ASP 页面。 打开 Dreamweaver，在创建新项目下单击 ASP VBScript，创建一个 ASP 页面。（参见图 2-1） 在代码模式下，输入代码。部分代码如下：
1)制作表单页面 1.html 如下，其中文本框和密码框名字分别是 user 和 pass，表单动作设 置为 2.asp。
图 5-1 表单页面 1.html 2)制作表单处理页面 2.asp。 在 Dreamweaver 中新建 ASP VBScript 页面并存为 2.asp。转到代码模式，在其中输入表单 处理的脚本程序。部分代码如下：
五、思考题
1、在设计模式下对文字进行设置和在代码模式下直接编辑 HTML 标签来指定输出效果有 没有区别？
六、注意事项
1、在 Dreamweaver 中，编辑->首选参数打开首选参数对话框，将其中“使用 CSS 而不是 HTML 标签”选项前的勾去掉。（下图中红色圆角矩形框中的选项）
图 3-3 首选参数对话框
1、新建网页，在代码模式下往页面中加入 VBScript 脚本； 编写程序，在页面上输出九九乘法表如下图所示。具体要求：利用表格布局，去掉表格线， 增加表格的背景颜色，三角形显示九九乘法表。
图 4-1 九九乘法表 打开 Dreamweaver，新建 ASP 页面。在 Dreamweaver 中切换到代码模式，在页面源代码中 插入如下脚本程序。 <html> <head> <title>九九乘法表</title> </head>
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、利用 Dreamweaver 制作静态页面； 2、利用 Dreamweaver 制作简单 ASP 页面。
四、实验内容与步骤
1、利用 Dreamweaver 制作静态页面 启动 Dreamweaver，在创建新项目中单击 HTML，创建一个静态 HTML 页面。
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、在 Dreamweaver 中新建页面，转到代码模式下对其 HTML 源代码进行编辑； 2、在页面源代码中输入常用 HTML 标签，转到预览模式下查看其显示效果。
四、实验内容与步骤
1、在 Dreamweaver 中新建页面，转到代码模式下对其 HTML 源代码进行编辑 启动 Dreamweaver，在创建新项目中单击 HTML，创建一个静态 HTML 页面。
图 2-2 代码模式页面 转到设计模式，按 F12 在浏览器中预览此页面效果。
五、思考题
1、客户端的表格是如何形成的？ 2、客户端脚本和服务器端脚本有何区别
六、注意事项
1、注意脚本插入到页面的方法。
实验 5 ASP 内置对象的使用（一）
一、实验目的
1、掌握 Request 对象和 Response 对象的使用； 2、掌握 Cookies 的使用；
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
通过 VBScript 脚本的编写，掌握 ASP 内置对象的使用方法。
四、实验内容与步骤
1、利用表单接受用户输入，用 VBScript 语言编写表单处理程序，利用 Request 对象接受 用户的输入，利用 Response 对象返回应答信息。
<body> <table border="0"> <%
for i=1 to 9 response.Write("<tr>") for j=1 to i response.Write("<td>") response.Write(j&"*"&i&"=")
response.Write(i*j) response.Write("</td>") next response.Write("</tr>") next %> </table> </body> </html> 2、编写 VBScript 脚本程序，实现如下程序：
图 1-4 默认网站属性对话框 3、设置默认文档 接下来，为您的主目录设置一个能在默认情况下自动运行的文档。该文档的作用是，当进 入本站点时，如没有指定要访问的文档，则服务器自动提供一个默认文档让其访问。在图中， 选中“启用默认文档”复选框，并在“默认文档”框中，输入自己的首页文档名 index.asp。
11
实验6 ASP内置对象的使用（二）
13
实验7 ADO组件的使用
15
前言
实验总体目标: 适用专业年级: 实验课时分配:
培养Web程序设计编程能力 电子商务三年级第五学期 24学时
序号
实验项目
1 搭建 ASP 开发环境 2 Dreamweaver 编写页面 3 超文本标记语言 HTML 4 VBScript 编程 5 ASP 内置对象的使用 6 ASP 内置组件的使用（一） 7 ASP 内置组件的使用（二）
<input name="textfield" type="text" size="5" /> * <input name="textfield2" type="text" size="5" /> <input type="button" name="Submit" value="=" onclick="answer()"/> <input name="textfield3" type="text" size="10" /> </form> </body>
实验 4 VBScript 编程
一、实验目的
1、掌握在页面中加入 VBScript 脚本的方法； 2、掌握客户端 VBScript 程序的编写；
二、实验设备及要求
本实验主要使用设备为：计算机 1 台
三、实验原理
1、通过 VBScript 脚本的编写，熟悉 VBScript 语法与程序的编写。
四、实验内容与步骤