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

资源描述

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

《《教育网站开发基础》实验指导书.docx》由会员分享，可在线阅读，更多相关《《教育网站开发基础》实验指导书.docx（62页珍藏版）》请在冰豆网上搜索。

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

《教育网站开发基础》实验指导书

教育平台设计与开发基础

实验指导书

南阳师范学院教育科学学院

教育技术学专业

实验一初识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）在记事本中输入如下代码：

无标题文档

2007级秋期课程表

上午

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

语文英语物理英语数学

英语数学数学数学物理

数学生物化学物理历史

数学地理化学物理化学

体育历史体育生物生物

（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:

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个空格-->

fori=1tocols

outputstring=outputstring&"*"

outputstring=outputstring&chr（10）

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%>月