《ASP动态网页设计》实验指导书

《ASP动态网页设计》 实验指导书 系部:信息工程系 专业:计算机应用专业

《ASP 动态网页设计》 实 验 指 导 书 系部：信息工程系 专业：计算机应用专业

录 实验一WND0WS20 SERVER S的安装与配置.12 实验二HM标记符的使用(表格、表单对象、Cs样式) 实验三 JAVASCRIPT语言 实验四 VBSCRIPT编程 实验五ASP内建对象 实验六可安装组件和脚本对象 实验七数据管理的存取操作…… 13

1 目 录 实验一 WINDOWS 2000 SERVER IIS 的安装与配置............................... 2 实验二 HTML 标记符的使用（表格、表单对象、CSS 样式）.............. 3 实验三 JAVASCRIPT 语言................................................................................... 5 实验四 VBSCRIPT 编程........................................................................................ 6 实验五 ASP 内建对象.......................................................................................... 8 实验六 可安装组件和脚本对象.................................................................... 13 实验七 数据管理的存取操作......................................................................... 13

实验一 Windows2000 Server S的安装与配置 实验目的 熟悉PwS的安装过程与配置方法。通过编写简单的ASP页面,掌握ASP网 页的编写和运行方法 实验要求 学生掌握关于动态网页的相关知识;具备制作静态网页的基础;具备一定 的网络基础知识 实验器材 Windows2000 Server计算机系统:安装IIS、 Dreamweaver mX2004、 Access 2000数据库系统等 四、实验内容: l、 ASP Web服务器的安装与配置; [参考步骤]: 1.将 windows2000光盘插入教师机中,将其共享; 2.学生机器将查看自己的IP地址,在网络中配置 3.在添加和删除程序中,添加IS 4.在自己的本地硬盘中用035oft建一文件夹 5.在管理工具中 Internet信息服务中配置IS 6.运行 Dreamweaver mx204建立站点,完成相关的设置,其中根目录与Is中 致,并使用服务器技术 7.新建一个网页,互相访问; 2、调试ASP页面显示:“这是利用ASP网页输出的信息”; [参考步骤 1.启动 Dreamweaver MX2004,然后切换到源代码显示方式 2.在与之间,加入以下ASP代码 3. 4.将网页保存到C: netpub\wwwroot目录下,文件命名为 first.asp

2 实验一 Windows 2000 Server IIS 的安装与配置 一、实验目的： 熟悉 PWS 的安装过程与配置方法。通过编写简单的 ASP 页面，掌握 ASP 网 页的编写和运行方法。 二、实验要求： 学生掌握关于动态网页的相关知识；具备制作静态网页的基础；具备一定 的网络基础知识。 三、实验器材： Windows 2000 Server 计算机系统；安装 IIS、Dreamweaver MX 2004、Access 2000 数据库系统等。 四、实验内容： 1、ASP Web 服务器的安装与配置； [参考步骤]： 1. 将 windows 2000 光盘插入教师机中，将其共享； 2. 学生机器将查看自己的 IP 地址，在网络中配置； 3. 在添加和删除程序中，添加 IIS； 4. 在自己的本地硬盘中用 03soft 建一文件夹； 5. 在管理工具中 Internet 信息服务中配置 IIS； 6. 运行 Dreamweaver MX 2004 建立站点，完成相关的设置，其中根目录与 IIS 中 一致，并使用服务器技术； 7. 新建一个网页，互相访问； 2、调试 ASP 页面显示： “这是利用 ASP 网页输出的信息”； [参考步骤]： 1. 启动 Dreamweaver MX 2004，然后切换到源代码显示方式； 2. 在与之间，加入以下 ASP 代码： 3. ； 4. 将网页保存到 C：\Inetpub\wwwroot 目录下，文件命名为 first.asp；

5.启动I浏览器,在地址栏中键入:http://localhost/first.asp或 http://127.0.0.1/first.asp然后按回车。注意观察输出结果; 6.在 wwwroot目录下创建一个myeb子目录,并将 first.asp文件移动到 myweb 目录下,然后在浏览器中键入http://locAlhost/myweb/first.asp 实验二HTML标记符的使用(表格、表单对象、SS样式) 一、实验目的: 熟悉并掌握HM标记符的用法和功能。掌握HML网页的基本结构,学会 利用HML标记符来编写简单的网页,达到能够编写和阅读HML网页源代码的目 的 二、实验要求: 学。学生掌握关于mMu的相关知识具备制作静态网页的基础:具备一定的网 础知识。 三、实验器材: Windows2000 Server计算机系统;安装IIS、 Dreamweaver mX2004、 Access 2000数据库系统等。 四、实验内容: 、试用记事本编写一个名为 myfirst.hm的页面,并在网页中以标题2号 字,居中,蓝色输出“ Hypertext Mark- up language”,页面的标题设置为“网 页测试”。 2、编写一页面,设置页面背景图为bg.jpg,在页面中居中显示名为 myphoto.jpg的图形文件。 3、编写一页面,在页面中显示输出图2.12所示的表格,表格的宽度为450, 边线宽度为1. 单元格11 单元格12 单元格13 单元格21 单元格22 单元格31 单元格32 [参考代码 单元格11 单元格12 单元格13 /tr 单元格21 单元格22

3 5. 启 动 IE 浏 览 器 ， 在 地 址 栏 中 键 入 ： http://localhost/first.asp 或 http://127.0.0.1/first.asp，然后按回车。注意观察输出结果； 6. 在 wwwroot 目录下创建一个 myweb 子目录，并将 first.asp 文件移动到 myweb 目录下，然后在浏览器中键入 http://Localhost/myweb/first.asp； 实验二 HTML 标记符的使用（表格、表单对象、CSS 样式） 一、实验目的： 熟悉并掌握 HTML 标记符的用法和功能。掌握 HTML 网页的基本结构，学会 利用 HTML 标记符来编写简单的网页，达到能够编写和阅读 HTML 网页源代码的目 的。 二、实验要求： 学生掌握关于 HTML 的相关知识；具备制作静态网页的基础；具备一定的网 络基础知识。 三、实验器材： Windows 2000 Server 计算机系统；安装 IIS、Dreamweaver MX 2004、Access 2000 数据库系统等。 四、实验内容： 1、试用记事本编写一个名为 myfirst.htm 的页面，并在网页中以标题 2 号 字，居中，蓝色输出“Hypertext Mark-up Language”,页面的标题设置为“网 页测试”。 2、编写一页面，设置页面背景图为 bg.jpg，在页面中居中显示名为 myphoto.jpg 的图形文件。 3、编写一页面，在页面中显示输出图 2.12 所示的表格，表格的宽度为 450， 边线宽度为 1. 单元格 11 单元格 12 单元格 13 单元格 21 单元格 22 单元格 31 单元格 32 [参考代码] 单元格 11 单元格 12 单元格 13 单元格 21 单元格 22

单元格31 td>单元格32 ctable> 4、编写用户登陆界面,“用户登陆”采用标题2、居中输出,网页标题设置 为“用户登陆”。“用户名”“口令”以及按钮全部要求居中对齐,用户名和口令 输入框的默认值均为 guest。表单对象命名为 login,提交方法采用post,表单 数据提交给 login.asp页面处理,最后将网页保存为 login.htm,并用浏览器浏 览 用户登录 用户名 口令:匚 确定重填 [参考代码 metahttp-equiv="content-type"content=texT/html;charset=gb2312"> 用户登录 用户登录 用户名: /tr> 口令: r siput type="reset"name="Submit2"value="TEt"> /div>

4 单元格 31 单元格 32 4、编写用户登陆界面，“用户登陆”采用标题 2、居中输出，网页标题设置 为“用户登陆”。“用户名”、“口令”以及按钮全部要求居中对齐，用户名和口令 输入框的默认值均为 guest。表单对象命名为 login，提交方法采用 post，表单 数据提交给 login.asp 页面处理，最后将网页保存为 login.htm，并用浏览器浏 览。 用 户 登 录 用户名： 口 令： 确定 重填 [参考代码] 用户登录 用户登录 用户名： 口令：

/form> 4、编写名为 index.htm的页面,在该页面中创建一超级链接,单击后,在 新弹出的窗口中播放demo.avi动画:并添加背景音乐,播放的音乐文件为 purelove. mid 参考代码] 实验三 JavaScr ipt语言 、实验目的: 深刻理解有关函数中变量的作用域和各类控制语句的功能 理解和灵活运用 JavaScript中常用的几个对象的属性和方法 二、实验要求: 回顾和复习以前C语言的基本语法知识;进一步加深理解 Javascript语法 知识 三、实验器材: Windows2000 Server计算机系统;安装IIS、 Dreamweaver mX2004、Acce 2000数据库系统等 四、实验内容: 1、使用 JavaScript编程实现:根据时间段的不同,在网页中显示不同的 问候语,若小时数在12点以前,则输出“早上好!”的问候语;若在12点至18 点,则输出“下午好!”;18点以后输出“晚上好!”。 [参考代码 var curday=new Date O switch(curday. getDayo)i case 1. document write("星期-") break document write("星期二") break;

5 4、编写名为 index.htm 的页面，在该页面中创建一超级链接，单击后，在 新弹出的窗口中播放 demo.avi 动画；并添加背景音乐，播放的音乐文件为 purelove.mid [参考代码] 实验三 JavaScript 语言 一、实验目的： 深刻理解有关函数中变量的作用域和各类控制语句的功能； 理解和灵活运用 JavaScript 中常用的几个对象的属性和方法； 二、实验要求： 回顾和复习以前 C 语言的基本语法知识；进一步加深理解 Javascript 语法 知识； 三、实验器材： Windows 2000 Server 计算机系统；安装 IIS、Dreamweaver MX 2004、Access 2000 数据库系统等。 四、实验内容： 1、使用 JavaScript 编程实现：根据时间段的不同，在网页中显示不同的 问候语，若小时数在 12 点以前，则输出“早上好！”的问候语；若在 12 点至 18 点，则输出“下午好！”；18 点以后输出“晚上好！”。 [参考代码] var curday=new Date(); switch(curday.getDay()) { case 1: document.write("星期一");break; case 2: document.write("星期二");break;

case 3 document write("星期三") break; document write("星期四"); break; case 5: document write("星期五"); break; case 6: document write("星期六") break se o document write("星期日") break; 2、运用 JavaScript和 windows对象 setTimeout方法编程实现在网页中不 断显示不同图片的动画效果 [参考代码 0 Img src=”at=”name= my_image width="32” height=32 my_image"/> function image_changeO i i=i+7. age.src="Image"+i+ Jpg y image=setTimeout(image_ change(', 1000) image_change: 3、运用 JavaScript和 windows对象 status属性编程实现网站状态行跑马 灯式文字效果的显示:“欢迎光临本站” 实验四 VBScript编程 、实验目的:熟悉 VBScript的语法、掌握服务器端利用 VBScript编程的 基本方法 二、实验要求:学生掌握VB语言的语法特点和内置的常用函数的用法;对程 序的结构(顺序、分支、循环、过程)的概念和语法比较清晰;具备基本的编写 程序的能力。 6

6 case 3: document.write("星期三");break; case 4: document.write("星期四");break; case 5: document.write("星期五");break; case 6: document.write("星期六");break; case 0: document.write("星期日");break; } 2、运用 JavaScript 和 windows 对象 setTimeout 方法编程实现在网页中不 断显示不同图片的动画效果； [参考代码] var image,i=1 function image_change() { if(i==5) {i=1;} my_image.src="Image"+i+".jpg"; i=i+1; image=setTimeout('image_change()',1000); } image_change(); 3、运用 JavaScript 和 windows 对象 status 属性编程实现网站状态行跑马 灯式文字效果的显示：“欢迎光临本站”。 实验四 VBScript 编程 一、实验目的：熟悉 VBScript 的语法、掌握服务器端利用 VBScript 编程的 基本方法。 二、实验要求：学生掌握 VB 语言的语法特点和内置的常用函数的用法；对程 序的结构（顺序、分支、循环、过程）的概念和语法比较清晰；具备基本的编写 程序的能力

三、实验器材: Windows2000 Server计算机系统;安装IIS、 Dreamweaver mx 2004、 Access2000数据库系统等。 四、实验内容: 1、利用Ⅴ Script在页面中输出当前的日期 2、上机验证 VBScript各函数的用法和功能; 3、试用 VBScript编写一个求数n阶乘的函数 Power,利用表单获得要求阶 乘的数,然后通过调用 Power函数,实现阶乘的计算并输出结果 [参考代码 shuru. htm 请输入一个整数: td width=329"> /table> JIshan. asp 4、 VBScript编程,实现计算并输出100至500间的水仙花数。(水仙花数 是指该数的值与各位数字的立方和相等); [参考代码 <body

7 三、实验器材：Windows 2000 Server 计算机系统；安装 IIS、Dreamweaver MX 2004、Access 2000 数据库系统等。 四、实验内容： 1、利用 VBScript 在页面中输出当前的日期； 2、上机验证 VBScript 各函数的用法和功能； 3、试用 VBScript 编写一个求数 n 阶乘的函数 Power，利用表单获得要求阶 乘的数，然后通过调用 Power 函数，实现阶乘的计算并输出结果； [参考代码] shuru.htm 请输入一个整数： jisuan.asp 4、VBScript 编程，实现计算并输出 100 至 500 间的水仙花数。（水仙花数 是指该数的值与各位数字的立方和相等）； [参考代码]

") d if % /bod 实验五AsP内建对象 实验目的 熟悉和掌握各ASP内建对象的功能和用法 二、实验要求: 学生充分理解面向对象的程序设计:理解各类变量的作用域的概念及其使 用方法;理解和掌握ASP内建对象的常用属性和方法; 三、实验器材 Windows2000 Server计算机系统:安装IIS、 Dreamweaver mX2004、 Access 2000数据库系统等。 四、实验内容

8 5、利用 VBScript 的数组，结合编程实现在页面中输出 100 个随机键位的 大写字母，要求每行显示 20 个字母，各个字母间用一个空格分割。 [参考代码] ") end if next %> 实验五 ASP 内建对象 一、 实验目的： 熟悉和掌握各 ASP 内建对象的功能和用法。 二、 实验要求： 学生充分理解面向对象的程序设计；理解各类变量的作用域的概念及其使 用方法；理解和掌握 ASP 内建对象的常用属性和方法； 三、 实验器材： Windows 2000 Server 计算机系统；安装 IIS、Dreamweaver MX 2004、Access 2000 数据库系统等。 四、实验内容：

1、试编写一ASP页面,利用 Response对象的 write方法,向客户端浏览 器输出一个4行3列,宽度为1的表格,并在每个单元格中填入该单元格的行号 和列号; [参考代码 for rownum=1 to 4%> td> 2、编写一个ASP页面,实现利用 Response对象的 write方法,向客户端 输出一超级链接,该超链接的标题为“返回首页”,链接的地址为“ index.asp”; 参考代码 response. write"返回首页 3、设计用户登陆页面 login.htm。若用户名和口令均为 guest,则导航到 guest.asp页面;若用户名为 administrator,口令为 haweof w,则导航到 manager.asp页面。若口令错误,则输出“口令错误!单击此处返回”的提示信 息,“单击此处返回”为超链接,用户单击后,重新返回到登陆页面。用于表单 处理并实现口令判断的页面为 dispose.asp。要求分别用表单的Post和Get方 法,来分别实现该操作 用户登录 用户名:匚 口令 确定重填 [参考代码] gin.htm h2>用户登陆

9 1、试编写一 ASP 页面，利用 Response 对象的 write 方法，向客户端浏览 器输出一个 4 行 3 列，宽度为 1 的表格,并在每个单元格中填入该单元格的行号 和列号； [参考代码] 2、编写一个 ASP 页面，实现利用 Response 对象的 write 方法，向客户端 输出一超级链接，该超链接的标题为“返回首页”，链接的地址为“index.asp”； [参考代码] 返回首页" %> 3、设计用户登陆页面 login.htm。若用户名和口令均为 guest，则导航到 guest.asp 页面；若用户名为 administrator，口令为 haweofw，则导航到 manager.asp 页面。若口令错误，则输出“口令错误！单击此处返回”的提示信 息，“单击此处返回”为超链接，用户单击后，重新返回到登陆页面。用于表单 处理并实现口令判断的页面为 dispose.asp。要求分别用表单的 Post 和 Get 方 法，来分别实现该操作； 用 户 登 录 用户名： 口 令： 确定 重填 [参考代码] login.htm 用户登陆