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

  • 格式:pdf
  • 大小:810.54 KB
  • 文档页数:20

下载文档原格式

  / 20
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 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 语法与程序的编写。
四、实验内容与步骤