书签 分享 收藏 举报 版权申诉 / 62

类型《教育网站开发基础》实验指导书.docx

  • 文档编号:3639206
  • 上传时间:2022-11-24
  • 格式:DOCX
  • 页数:62
  • 大小:1.26MB

上午

星期一星期二星期三星期四星期五

语文英语物理英语数学

语文英语物理英语数学

英语数学数学数学物理

英语数学数学数学物理

 

数学生物化学物理历史

数学地理化学物理化学

体育历史体育生物生物

(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"

"&j&""

else

response.write""&j

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文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
教育网站开发基础 教育 网站 开发 基础 实验 指导书
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:《教育网站开发基础》实验指导书.docx
链接地址:https://www.bdocx.com/doc/3639206.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开