ASP动态网页设计.docx
- 文档编号:4428950
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:26
- 大小:39.36KB
ASP动态网页设计.docx
《ASP动态网页设计.docx》由会员分享,可在线阅读,更多相关《ASP动态网页设计.docx(26页珍藏版)》请在冰豆网上搜索。
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
按钮的长度
Td
单元格
[对应代码]
--
.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;
}
…………
}
……
……
方法2……
实验四VBScript编程
一、实验目的:
熟悉VBScript的语法、掌握服务器端利用VBScript编程的基本方法。
二、实验要求:
学生掌握VB语言的语法特点和内置的常用函数的用法;对程序的结构(顺序、分支、循环、过程)的概念和语法比较清晰;具备基本的编写程序的能力。
三、实验器材:
Windows2000Server计算机系统;安装IIS、DreamweaverMX2004、Access2000数据库系统等。
四、实验内容:
1、在静态页面中嵌入VBScript脚本;
(1)利用VBScript在页面中显示图形化的当前日期包括年、月、日、星期几;
[参考步骤]
1、利用photoshop制作0-9之间的数字图形;
2、制作显示当前日期图形的静态页面;
3、在该静态页中嵌入VBScript代码,根据HTML的表示形式,将其转换为相应的脚本;
[参考代码]
<%
t=now
y=year(t)//获取当前日期
y1=y\1000
y2=(ymod1000)\100
y3=(ymod100)\10
y4=ymod10//获得各位数字
%>
……………………
2、数组与函数的应用;
(1)定义一个二维数组,用来存放学生的相关信息如:
代码、姓名、班级、爱好,试用VBScript编写学生查找函数search,利用表单输入要查找的学生名单,然后通过调用search函数,显示查找结果;
[参考代码]
shuru.htm
chazhao.asp
<%
functionsearch(name)
执行查找代码
……
返回查找结果
endfunction
dimstuddata(10,4)
studdata(0,0)=”0001”
studdata(0,1)=”张三”
studdata(0,2)=”计算机应用”
studdata(0,3)=”足球”
…………
sname=request.Form("stud_name")
response.Write("该学生的情况为:
"&search(sname))
%>
(2)利用VBScript的数组,结合编程实现在页面中输出100个随机键位的大写字母,要求每行显示20个字母,各个字母间用一个空格分割。
方法1:
定义100个数组元素的数组,用来存放产生的随机字母;
[参考代码]
<%dimran(100)
fori=1to100
ran(i)=chr(int(26*rnd())+65)
next
fori=1to100
response.Write(ran(i)&" ")
ifimod20=0then
response.Write("
")
endif
next
%>
方法2:
定义26个用于存放随机字母的数组,通过产生100个随机获取数组元素的地址来获得随机的字母;
[实现代码]……
实验五ASP内建对象
一、实验目的:
熟练掌握和运用ASP内建对象(包括Response、Request、Session、Application对象等)实现交互功能;
二、实验要求:
学生充分理解面向对象的程序设计;理解各类变量的作用域的概念及其使用方法;理解和掌握ASP内建对象的常用属性和方法;
三、实验器材:
Windows2000Server计算机系统;安装IIS、DreamweaverMX2004、Access2000数据库系统等。
四、实验内容:
1、调试Response对象的属性和方法
Buffer属性:
<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>
<%response.Buffer=false%>
<%fori=1to10
forj=1to500000'用于延迟;
next
response.Write(i&",")
next
%>
contenttype属性:
<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>
<%type0=response.contenttype%>‘测试当前页面数据的类型;
<%response.Writetype0%>
charset属性
<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>
<%response.charset="big5"‘选择不同的文字集;
‘response.charset="gb2312"
%>
安徽工业职业技术学院
expires属性:
<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>
<%response.expires=4%>‘过期时间为4分钟;
现在时间为:
<%response.Writetime%>
redirct方法:
转到其它页面,必须放在其它HTML标记和任何内容之前;
<%ifpassflag=0thenresponse.Redirect
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP 动态 网页 设计