《动态网页设计》课程实验大纲一、实验的地位、目的和任务《动态网页设计》这门课按教学计划共有90课时，其中理论占54课时，上机实验占36课时。
《动态网页设计》是面向计算机专业开设的一门专业课。
本课程主要讲述ASP基础知识、HTML语言基础、VBScript脚本语言、JavaScript脚本语言、ASP内置对象、ASP内置组件以及ADO组件河数据库编程。
通过上机实验，使学生掌握一定的动态网页编程的能力。
实验课前要求学生针对实验内容做好准备，每位学生应独立完成实验内容。
二、培养职业技术能力目标1．掌握HTML语言。
2．掌握VBScript脚本语言。
3．掌握JavaScript脚本语言。
4．掌握ASP的内置对象的使用方法。
5．掌握ASP服务器组件的使用方法。
6．掌握ADO组件和数据库编程。
7．掌握ASP内置组件的使用方法。
三、实验内容与要求实验一ASP基础1．实验目的（1）掌握如何用IIS设置虚拟目录；（2）掌握如何运行ASP程序。
2．课时数：2课时3．实验开设属性：必开实验4．实验类型：验证性实验5．实验准备每学生一台电脑，配置好IIS。
6．实验内容（1）配置WEB服务器，安装IIS；（2）在E:\以自己的姓名建立一个文件夹，更改IIS主目录指向此文件夹；（3）创建虚拟目录，指向以自己姓名命名的文件夹；（4）Dreamweaver8中创建站点，并测试http://localhost和http://127.0.0.1；（5）输入如下代码，体会制作ASP文件的过程，并在刚建的站点下运行此例；<html><head><title>第一个ASP网页</title></head><body>欢迎光临ASP，请记住你首次接触ASP的时间：<%response.write date()'调用VBScript 函数来显示时间%></body></html>7．实验要求，熟练掌握IIS信息服务器里设置虚拟目录，更改主目录。
实验二HTML 语言1．实验目的利用Dreamweaver的设计面板与代码面板对照熟练掌握HTML语言的规则，通过记事本的编辑进一步掌握HTML语言使用的规则和技巧，是学生熟练掌握HTML 各种标记的用法。
2．课时数：4课时3．实验开设属性：必开实验4．实验类型：验证性实验5．实验内容（1）编程：建立一个html文件，然后将html文件设置为乳白色底，橘黄色文字，文件标题为：我的网页，并设置超链接文字link颜色为红色，alink为绿色，vlink为蓝色。
（2）编程：建立一个课程表格，熟悉掌握表格标记的用法。
（3）编程：建立一个含有文本、图像、在线音乐播放效果的链接网页。
（4）编程：建立一个个人主页，要求包含个人基本信息，个人爱好，以及利用表单和表格设计一个相关调查页面，首页文件命名index.htm。
6．实验要求要求学生课前对书本知识能够掌握，对HTML标记的功能、用法有所了解。
实验三VBScript脚本语言1．实验目的掌握VBScript的编程技巧2．课时数：4课时3．实验开设属性：必开实验4．实验类型：验证性实验5．实验内容（1）输入入下客户端脚本和服务器端脚本，比较其区别。
客户端：<html><head><title>通过for…event调用事件过程</title><script language ="VBScript" for ="button1" event="onclick"> msgbox"欢迎使用VBScript语言!",vbokonly+vbinformation,"提示信息" </script></head><body><form name ="form1"><input type="button" name="button1" value="请单击这里"></form></body></html>服务器端：<html><head><title>循环加大字体</title></head><body><%'以下是循环输出1到7级字体大小for i=1 to 7%><font size=<%=i%>><%=i%>级文字大小示例<br></font><%next%></body></html>（2）输入如下代码并执行，验证变量的作用域和存活期。
<% option explicit '放在程序首行,强制变量声明 %><html><head><title>求m和n的平方和示例</title></head><body><%dim m,n,sum 'sum和实际参数m,n都是全局变量m=3n=4sum=0call pingfanghe(m,n) '调用子程序,显示结果response.write "在过程外部输出m和n的平方和是：" & cstr(sum) &"<br>"'下面是子程序,用来计算a和b的和sub pingfanghe (m,n) 'm和n是形式参数dim sum '定义一个局部变量sumsum=m^2+n^2response.write "在过程内部输出m和n的平方和是：" & cstr(sum) &"<br>"end sub%></body></html>（3）编程：编写一个页面，根据年龄判断应该读书的程度并给出提示信息。
（4）编程：编写一个求最大公约数和最小公倍数的程序，分别用Sub过程和Function 函数实现。
6．实验要求学生在课前提前编好（3）和（4）程序，上机时带着目的进行程序调试。
实验四JavaScript脚本语言1．实验目的掌握JavaScript的编程技巧2．课时数：4课时3．实验开设属性：必开实验4．实验类型：验证性实验5．实验内容（1）通过如下代码，了解JavaScript脚本的语法结构。
直接嵌入：<html><head><title>JavaScript语法格式示例</title></head><body><script language="javascript"><!--//在页面上显示一句话。
document.write("欢迎您光临Javascript世界!")--></script></body></html>外部引入，直接运行：<head><title>引用外部javaScript文件</title></head><body><script language="javascript" src="4-02.js"></script></body></html>直接嵌入，事件触发：<html><head><title>在HTML标记的属性中设置JavaScript的事件</title><script language = "JavaScript" type = "text/javascript"><!--function showDate(){alert(Date()); }//--></script ></head><body><form name = "myform1"><input type = "Button" onClick = "showDate();" value = "显示时间"> </form></body></html>（2）输入如下代码，了解JavaScript的基本数据结构。
<html><head><title>检查变量的类型</title></head><body><script language="javascript"><!--var string= "100";num=100;bool=true;document.write('string变量的类型是：',typeof(string),'<br>');document.write('num变量的类型是：',typeof(num),'<br>');document.write('bool变量的类型是：',typeof(bool),'<br>');document.write('document的类型是：',typeof(document));//--></script></body>（3）编程：编写程序根据用户输入的数值计算其平方、平方根和自然对数。
（4）编程：编写程序，在页面上每隔5分钟就弹出一个警示对话框，显示当前时间。
（5）编程：设计一个表单，可以让用户输入姓名、年龄、性别，并编写程序对年龄和性别进行有效性检验（年龄在16-40之间），数据合格后就提交表单。
（6）编程：设计一个程序，使用数组接收用户输入的7门课程的成绩，然后在页面上显示其总成绩和平均分，并列出小于60的成绩。