《教育网站开发基础》实验指导书.docx
- 文档编号:3639206
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:62
- 大小:1.26MB
《教育网站开发基础》实验指导书.docx
《《教育网站开发基础》实验指导书.docx》由会员分享,可在线阅读,更多相关《《教育网站开发基础》实验指导书.docx(62页珍藏版)》请在冰豆网上搜索。
《教育网站开发基础》实验指导书
教育平台设计与开发基础
实验指导书
南阳师范学院教育科学学院
教育技术学专业
目录
实验一初识ASP1
实验二网页设计基础10
实验三VBScript程序设计17
实验四请求和响应26
实验五ASP内建对象36
实验六ActiveX数据对象45
实验七访问Web数据库53
实验八ActiveX服务器组件的使用60
实验九专题网站制作66
附录一:
实验要求及实验报告要求68
实验一初识ASP
一、实验目的
掌握如何创建及管理IIS;掌握ASP页面的结构;学会创建虚拟目录。
二、实验内容
1.安装IIS;
2.创建一个简单的ASP页面;
3.创建虚拟目录测试页面;
4.编写一个简单的计算器程序。
三、实验要求
1.会安装IIS,并进行配置;
2.按要求创建简单的显示日期页面;
3.建立虚拟目录,浏览创建的第一个ASP页面。
4.参考课本p14“实验指导1-2”,编写出能够进行两个数加减乘除运算的程序。
四、实验学时:
2学时
五、实验步骤
练习1:
安装IIS
1.打开控制面板,如图1所示。
图1
2.在控制面板中选择“添加/删除Windows组件”,打开窗口,如图2所示。
图2
3.点击“添加/删除Windows组件”后稍等片刻。
出现“Windows组件向导”窗口。
从中打勾“选择Internet信息服务(IIS)”,如图3所示。
图3
4.在“Windows组件向导”中单击“下一步”。
开始安装配置我们的服务器IIS,如图4所示。
图4
5.等待进度条跑到终点,复制文件全部完成,配置服务器也相应的结束。
如图5所示。
图5
IIS服务器算是安装OK了,那具体有什么用处?
又该如何使用呢?
练习2:
创建简单的ASP页面
1.首先,你得想好你的ASP文件总要放在一个地方吧。
打开“我的电脑”,在E盘下面建立一个“myASP”文件夹,以后所有的ASP文件先暂时放到这里吧。
2.从“开始”菜单,“程序”—“附件”—打开“记事本”。
在里面敲入
<%=now()%>
如图6所示。
图6
3.接着将文件保存到E:
\myASP\文件夹里面,并且命名为time.ASP
ASP文件已经创建完毕。
那么怎么浏览页面效果呢?
需要在IIS中创建虚拟目录。
练习3:
创建虚拟目录测试页面
1.从“控制面板”里面打开“管理工具”。
2.从中选择“Internet服务管理器”。
3.弹出的窗口中右键“新建”—“虚拟目录”。
如图7所示。
图7
4.弹出“虚拟目录创建向导”。
5.下一步,填写别名:
myASP。
如图8所示。
图8
6.再下一步,目录:
浏览到E:
\myASP即可。
如图9所示。
图9
7.紧跟一步,访问的权限一定要把“读取”和“运行脚本”打勾,如图10所示。
图10
8.最终点击“完成”,结果如图11所示。
图11
9.那么剩下的就是调试该time.ASP了。
在地址栏里输入
http:
//localhost/myasp/time.asp,最终页面如图12所示。
图12
练习4:
计算器程序
参考课本P14中“实验指导1-2:
计算器”程序,写出简单的能够进行两个数加减乘除运算的程序。
本次实验练习4中有部分代码可以写得更简单,比如:
Response.writen1&“+”&n2&“=”&clng(n1)+clng(n2)
请将处理四种加减乘除运算的代码写在实验报告中。
实验二网页设计基础
一、实验目的
熟悉HTML基础知识;会编写常用标记的html代码;掌握表格和表单的使用、CSS样式表的创建和使用。
二、实验内容
1.制作一个课程表;
2.制作圣诞倒计时。
三、实验要求
1.根据要求制作表格,表格内容如表1所示;
2.页面包含图片,表格,使用CSS样式表定义表格和图片的格式。
四、实验学时:
2学时
五、实验步骤
练习1:
制作一个课程表
制作效果如图1所示。
图1
(1)打开【开始】|【程序】|【附件】|【记事本】,新建一个文本文件。
(2)在记事本中输入如下代码:
(3)保存文本文件,命名为kcb.htm。
(4)双击kcb.htm,运行结果如图2所示。
图2
练习2:
圣诞倒计时
要求运行效果如图3所示。
图3
(1)新建文本文件,编写改变滚动条颜色和默认字体大小的CSS:
body{
SCROLLBAR-FACE-COLOR:
DFDFDF;
font-size:
12px;
}
(2)接着创建一个CSS样式.tableBG,设置一个边框为1px、宽度为500px的块,并且要求字体为黑色,背景值为#c8dc00等。
最终定义如下:
.tableBG{
background:
#c8dc00no-repeat;
border:
1;
padding:
4px0;
width:
500px;
margin:
015px1px0;
color:
#000000;
font:
bold1emArial,Sans-Serif;
}
(3)为圣诞图片定义CSS,使用background的几个属性来显示12.gif图片,如下所示:
.picBG{
background:
url(12.gif)no-repeat;
background-repeat:
no-repeat;
background-position:
centercenter;
}
(4)创建一个名为NowText的CSS样式表来显示当前日期:
.NowText{
PADDING-bottom:
2px;PADDING-top:
2px;FONT-SIZE:
16px;MARGIN-LEFT:
1px;WIDTH:
100%;COLOR:
#FFFFFF;HEIGHT:
20px;BACKGROUND-COLOR:
#747165;TEXT-DECORATION:
none
}
(5)最后定义的样式是为显示倒计时而创建的,名为Ltine:
.Lime{
background-color:
RGB(255,0,0);
FONT-SIZE:
16px;
WIDTH:
100%;
COLOR:
#FFFFFF;
HEIGHT:
20px;
TEXT-DECORATION:
none;
font-family:
"黑体"
}
(6)最后将以上定义的CSS样式表代码保存到文件,再创建一个一行两列的表格应用这些样式并进行适应的运行显示倒计时天数,如下是该文件的其他代码:
<%=formatDateTime(Date(),1)%>
距今年圣诞节还有 class="Lime"><%=DateDiff("d","06-12-25",Date())%>
(7)最终文件的源代码如下:
—这里放置所有的CSS样式表-->
—这里输入创建表格的代码-->
(8)保存文件,将该文件复制到上次实验建立的虚拟目录myASP中,在IIS中浏览运行结果。
实验三VBScript程序设计
一、实验目的
熟悉VBScript语法;掌握控制语句、常量和变量的使用以及常用的函数的用法。
二、实验内容
1.打印菱形图案;
2.递归调用求n的阶乘;
3.制作ASP日历;
4.打印出100以内的所有素数。
三、实验要求:
1.通过编程,打印出如图1所示的图案;
2.用递归法求n的阶乘;
递归公式如下:
3.通过编程,打印出日历。
4.打印出100以内的所有素数。
四、实验课时:
4学时
五、实验步骤
练习1:
打印菱形图案
(1)新建文本文件。
(2)输入以下代码:
--
subrhombus()
dimrow,cols,i,j,spa
dimoutputstring
forrow=1to7
ifrow<=4then
cols=row*2-1
else
cols=(7-row)*2+1
endif
spa=(7-cols)/2
forj=0tospa
outputstring=outputstring&""
--""中包含1个空格-->
next
fori=1tocols
outputstring=outputstring&"*"
next
outputstring=outputstring&chr(10)
next
Msgboxoutputstring
endsub
-->
(3)保存文件,名字为dylx.htm,保存在“实验三”文件夹中。
(4)打开dylx.htm页面,运行结果如图2所示。
图2
练习2:
递归调用求n的阶乘
(1)新建文本文件。
(2)在文本文件中输入以下代码:
--
functionfac(n)
dimf
dimnum
num=cint(n)
ifnum=1ornum=0then
f=1
else
f=fac(n-1)*n
endif
fac=f
endfunction
subshowresult(n)
dimresult
result=fac(n)
msgboxresult
endsub
-->
输入一个整数:
(3)保存文件qjiecheng.htm,保存在“实验三”文件夹中。
(4)浏览该文件,运行效果如图3所示。
图3
练习3:
制作ASP日历
(1)新建文本文件。
(2)编程获取年、月、日、星期:
<%dimmMonth,mYear
mMonth=Month(Date())
mYear=Year(Date())
mDate=Day(Date())
%>
#CC9933; color: #FFFFFF"><%=mYear%>年<%=mMonth%>月
(3)根据年月调用CountDays函数求得本月共有多少天,调用FirstDay函数求得本月1日为星期几,进而在表格单元格中显示本月日期,并对当前日期突出显示。
如下为两个函数的代码:
<%
FunctionCountDays(iMonth,iYear)
SelectCaseiMonth
Case1,3,5,7,8,10,12
CountDays=31
Case2
ifIsDate("2/29/"&iYear)Then
CountDays=29
else
CountDays=28
endif
case4,6,9,11
CountDays=30
EndSelect
EndFunction
FunctionFirstDay(iMonth,iYear)
FirstDay=WeekDay(iMonth&"/1/"&iYear)
EndFunction
%>
(4)最后给出以表格形式显示本月日期列表并突出显示当前日期的代码:
<%
j=1
fori=1to42
ifi>=FirstDay(mMonth,mYear)andj<=CountDays(mMonth,mYear)then
ifmDate=jthen
response.write"
else
response.write"
endif
j=j+1
else
response.write"
"
endif
response.write""
ifimod7=0then
response.write"
endif
next
%>
(5)将上述代码复制到文本文件中,并将网页格式补充完整。
(6)保存文件,命名为Calender.ASP,保存在“实验三”文件夹中。
运行结果如图4所示。
图4
练习4:
打印100以内的所有素数
课本P66程序3-6写出了判断一个数是否为素数的过程,请同学们根据这个程序写出所要求的程序:
打印100以内的所有素数。
注意:
在实验报告中要把练习4的代码详细地列出来,前面的3个练习可以写得简洁一些。
实验四请求和响应
一、实验目的
了解Request对象及其成员;掌握Request.Form及Response.write的用法。
二、实验内容
1.用?
传递数据。
2.创建一个简单的用户登录页面;
3.创建用户信息调查表
4.重定向页面。
三、实验要求:
1.使用?
向另一个页面传递参数,并且在另一个页面将传递的参数值显示出来。
2.创建一个简单的用户登录页面,进行简单的输入判断;
3.创建用户信息调查表,并在另一个页面显示用户输入的信息;
4.练习Resoponse对象的Redirect方法,从一个页面直接转到另一个页面。
四、实验学时:
4学时
五、实验步骤:
练习1:
使用?
传递参数
要求最终结果如下:
单击“张柏芝”,跳转到另一个页面,打印出张柏芝的个人信息:
页面1:
zbz.html
页面2:
info.asp
要求:
页面2中画横线的部分通过页面间传递参数获取。
练习2:
创建一个简单的用户登录页面
(1)在Dreamweaver8中新建一个空白ASP文档。
(2)在【设计】面板设计登录界面,如图1所示。
图1login.htm页面效果图
(3)将文件保存为login.htm,保存在文件夹“实验四”中。
(4)新建空白ASP文档,命名为check.ASP,该页面的功能是对login.htm页面中输入的用户名和密码进行判断,若用户名和密码均为1234,显示“用户名密码正确”,若有一项错误,显示“用户密码错误”。
Check.ASP页面的代码清单如下:
<%@LANGUAGE="VBSCRIPT"%>
<%
Dimuser,pwd
User=Request.Form("user")
Pwd=Request.Form("pwd")
ifuser="1234"andpwd="1234"then
Response.write"用户登录成功"
else
Response.write"用户密码无效"
endif%>
(5)在IIS中预览页面,运行结果如图1,图2所示。
图1login.htm运行效果
图2点击“提交”按钮后的运行效果
练习3:
创建用户信息调查表
设计出如下图所示的表单:
要求:
对标注星号的几个文本框进行非空检查,电话号码必须为11位,邮箱必须合法(即包含“@”)
接受表单信息的网页效果图如下:
参考代码:
检查文本框是否为空的代码:
iflen(form1.name.value)=0then
msgbox"请输入用户名"
elseiflen(form1.tel.value)=0then
msgbox"请输入电话号码!
"
elseiflen(form1.tel.value)<>11then
msgbox"请输入正确的手机号!
"
endif
检查邮箱是否合法的代码:
fori=1tolen(form1.email.value)
ifMid(form1.email.value,i,1)="@"then
flag=1
endif
next
ifflag<>1then
msgbox"对不起,您输入的EMAIL地址不合法."
endif
练习4重定向页面
(1)在Dreamweaver中新建空白的ASP文件。
(2)在设计视图中设计如下页面:
图5
部分代码如下:
<%
ifRequest("Submit")<>""then
url=Request("url")
ifurl="163"thenResponse.Redirect""
ifurl="sohu"thenResponse.Redirect""
ifurl="sina"thenResponse.Redirect""
ifurl="yahoo"thenResponse.Redirect""
ifurl="me"thenResponse.Redirect""
endif
%>
(3)保存文件redirect.ASP,保存在“实验四”文件夹中。
(4)浏览页面,运行效果如图4所示。
图6
【举一反三】
1.用户登录页面,当用户输入信息错误时,弹出对话框“用户名或密码错误”,确定后返回到登陆页面继续输入信息。
实现方法如下:
<%
Dimusername,pwd
Ifnot(username=”admin”andpwd=”admin”)then
%>
Alert("用户名或密码错误")
Window.location.href=”login.html”
<%else
Response.redirect"index.asp"
Endif
%>
◆上面例子中,根据需要
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教育网站开发基础 教育 网站 开发 基础 实验 指导书