ASP动态网页设计.docx

资源描述

ASP动态网页设计.docx

《ASP动态网页设计.docx》由会员分享，可在线阅读，更多相关《ASP动态网页设计.docx（26页珍藏版）》请在冰豆网上搜索。

ASP动态网页设计.docx

ASP动态网页设计

《ASP动态网页设计》

实验指导书

系部：

信息工程系

专业：

计算机应用专业

实验一Windows2000ServerIIS的安装与配置2

实验二HTML标记符的使用（表格、表单对象、CSS样式）3

实验三JavaScript程序设计7

实验四VBScript编程10

实验五ASP内建对象13

实验六利用ADO对象实现对数据库的存取操作17

实验七可安装组件和脚本对象的应用20

实验一Windows2000ServerIIS的安装与配置

一、实验目的：

熟悉IIS的安装过程与配置方法。

通过编写简单的ASP页面，掌握ASP网页的编写和运行方法。

二、实验要求：

学生掌握关于动态网页的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。

三、实验器材：

Windows2000Server计算机系统；安装IIS、DreamweaverMX2004、Access2000数据库系统等。

四、实验内容（步骤、结果）：

1、ASPWeb服务器的安装与配置；

[参考步骤]：

1.检测本机的TCP/IP协的运行情况：

运用Ping和IPconfig命令；

2.将windows2000/XP光盘插入教师机中，将其共享；

3.学生机器将查看自己的IP地址，在网络中配置；

4.在添加和删除程序中，添加IIS；

5.在自己的本地硬盘中用03soft建一文件夹；

6.在管理工具中Internet信息服务中配置IIS；

7.运行DreamweaverMX2004建立站点，完成相关的设置，其中根目录与IIS中一致，并使用服务器技术；

8.启动DreamweaverMX2004，然后切换到源代码显示方式；

9.在与之间，加入以下ASP代码：

<%Response.write（“这是利用ASP网页输出的信息”）%>；

10.将网页保存到C：

\03soft目录下，文件命名为first.asp；

11.启动IE浏览器，在地址栏中键入：

http:

//localhost/first.asp或http:

//127.0.0.1/first.asp，然后按回车。

注意观察输出结果；

2、FTP服务器的配置

[参考步骤]：

1.右击“我的电脑”|“管理”，进入“计算机管理”界面，新建用户,如：

soft_student,密码为：

123456；

2.进入IIS界面，选择“默认FTP”，进行相应的选项设置，如添加：

添加用户名和密码；文件的目录等；

3.打开IE浏览器，在地址栏中输入：

FTP：

//localhost,自动弹出对话框，要求输入用户名和密码，根据在FTP中的设置输入后，窗口将显示站点根目录中的相关内容，表示访问成功；

4.复制本机中的网页文件，粘贴在窗口文件夹中，即为上传。

实验二HTML标记符的使用（表格、表单对象、CSS样式）

一、实验目的：

熟悉并掌握HTML标记符的用法和功能。

掌握HTML网页的基本结构，学会利用HTML标记符来编写简单的网页，达到能够编写和阅读HTML网页源代码的目的,其中重点要掌握有关表单和CSS层叠样式表的应用；

二、实验要求：

学生掌握关于HTML的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。

三、实验器材：

Windows2000Server计算机系统；安装IIS、DreamweaverMX2004、Access2000数据库系统等。

四、实验内容：

1、熟练应用DreamWeaver中表单工具生成表单；

试在当前页面中设计一名为userinfo的表单，用以收集注册用户的资料，并将其提交给userlogin.asp页面处理。

界面如图所示：

用户注册

用户名：

密码：

重复密码：

性别：

男女

教育水平：

电子邮箱

确定重填

[对应代码]

用户注册

用户名：

密码：

重复密码：

性别：

男

女

教育水平：

硕士以上

大学本科

大专

中专以下

电子邮箱：

[实验提示]

加粗HTML标记部分对应的是表单中的各个对象，注意观察它们的表述形式，其中尤其“input”标记；

2、熟练使用CSS层叠样式表对页面进行编排

对上述表单运用CSS层叠样式表进行编排，步骤：

从大到小、从外到内、从上到下；

[参考样式]

样式名称

编排对象

form

表单

#formtable

表单中表格

.Table_title

表格中标题

.Form_content

表格中的内容

.Form_bottom

表格中底部

Input_len

按钮的长度

单元格

[对应代码]

.table_title{

font-family:

"宋体";

font-size:

24px;

font-weight:

600;

color:

#000066;

letter-spacing:

20px;

text-align:

center;

}

.form_content{

font-family:

"宋体";

font-size:

18px;

font-weight:

300;

color:

#660000;

text-align:

left;

padding-top:

0px;

padding-right:

0px;

padding-bottom:

0px;

padding-left:

20px;

}

.form_bottom{

text-align:

center;

}

.input_len{

margin-top:

0px;

margin-right:

10px;

margin-bottom:

0px;

margin-left:

10px;

}

#formtable{

border:

thinsolid#006600;

}

form{

margin-top:

100px;

margin-right:

0px;

margin-bottom:

0px;

margin-left:

0px;

}

td{

border:

1pxsolid#009900;

}

-->

实验三JavaScript程序设计

一、实验目的：

深刻理解有关函数中变量的作用域和各类控制语句的功能；理解和灵活运用JavaScript中常用的几个对象及浏览器对象的属性和方法；

二、实验要求：

回顾和复习以前C语言的基本语法知识；进一步加深理解Javascript语法知识；

三、实验器材：

Windows2000Server计算机系统；安装IIS、DreamweaverMX2004、Access2000数据库系统等。

四、实验内容：

1、关于变量的作用域

调试下列程序，观察并说明窗口中显示的结果；

varx=13,y=29;

functiontest（）{

varnum,y=10;

num=x+y;

x++

document.write（"内部的num的值为：

"+num+”
”）;

}

test（）;

document.write（"测试x的值为：

"+x+”
”）;

document.write（"测试y的值为：

"+y+”
”）;

document.write（"外部的num的值为：

"+num+”
”）;

2、控制语句与函数的应用，用3种方式实现（if语句、条件表达式、函数调用）；

根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好！

”的问候语，颜色为绿色；若在12点至18点，则输出“下午好！

”颜色为黄色；18点以后输出“晚上好！

”颜色为黑色。

[参考代码]

方法1:

varcurday=newDate（）;

hours=curday.getHours（）;

document.write（"现在是：

"+hours+"点，"）;

if（hours<=12）{document.write（"早上好！

"）;}

elseif（hours<=18）{document.write（"中午好！

"）;}

else{document.write（"晚上好！

"）;}

方法2：

……

方法3：

……

3、运用windows对象的属性与方法实现动感网页效果；

（1）运用JavaScript和windows对象setTimeout方法编程实现在网页中不断显示不同图片的动画效果，有几个按钮控制该动画的不同效果，分别为：

放大、缩小、向前、向后、停止、启动；

[参考代码]

varimage,i=1

functionimage_change（）{

if（i==5）{i=1;}

my_image.src="Image"+i+".jpg";

i=i+1;

image=setTimeout（'image_change（）',1000）;

}

image_change（）;//函数调用；

按钮代码：

（2）运用JavaScript和windows对象status属性编程实现网站状态行跑马灯式文字效果的显示：

“欢迎光临本站”。

4、JavaScript的事件处理实现交互式网页功能；

试在当前页面中设计一名为userinfo的表单，用以收集注册用户的资料，并将其提交给userlogin.asp页面处理。

在数据提交之前在前台完成相关数据的检验，要求“用户名”不能为空，两个密码必须相同，电子邮件必须符合格式等；符合条件则提交，否则不提交，运用两种方式实现（自身提交功能、利用提交方法document.login.submit（）;）界面如图所示：

用户注册

用户名：

密码：

重复密码：

性别：

男女

教育水平：

电子邮箱

确定重填

[参考代码]

functioncheckform（）{

if（document.login.username.value==""）{

alert（"请输入用户名！

"）;

document.login.username.focus（）;

returnfalse;

}

…………

}

//返回false则不提交

……

电子邮箱：