教学前言
课程介绍
师资介绍
教材介绍
课程计划
教学大纲
教学计划
实训计划
课程总表
教学内容
作业考试
作业上传
在线测试
测验考试
互动讨论
学习论坛
疑难解答
意见建议
 
 
章节:
第5章 ASP的组件
5.3 广告轮显组件 FLASH版演示教案
重点:
难点:
内容:

现在各网站上都有很多广告图片,利用这些广告图片来宣传自己,宣传企业,扩大影响,如何在有限的Web页空间尽量多显示这些广告图片呢?广告轮显组件(Ad Rotator)可以轻松地帮助你制作出交替变换的广告Web页,每次打开该页面或是刷新该页,显示的广告图片都是不同的。
广告轮显组件是内置组件,要使用该组件一般以下需要3个文件:
▲ 广告信息文件:用于记录所有广告图片信息的文本文件。
▲ 超链接处理文件:用于引导浏览者到广告图片页的ASP程序页。
▲ 广告图片文件:用于轮流显示广告图片。
5.3.1 广告轮显组件的属性和方法
广告轮显组件的属性见表5-8。
表5-8 广告轮显组件的属性
属性
说明
Border 设置广告图片的边框宽度
Clickable 设置该图片是否有超链接功能
TargerFrame 设置超链接的页面

广告轮显组件的方法GetAdvertisement用于获取广告信息文件。
下面我们通过一个具体实例来了解广告轮显组件的使用。
5.3.2 广告轮显组件的使用
通过范例来了解广告轮显组件的具体使用。下面的范例是给盛达公司网站的首页加上广告轮显功能。
范例5-6:广告图片轮显
具体做法其实就是建立广告图片信息文件、超链接处理文件和广告图片文件。
建立广告图片信息文件。广告图片信息文件是个文本文件,用于说明广告图片的位置、超链接、广告大小和图片边框大小等信息。当需要增加、删除和改变广告信息时,只需要在该文件里进行设置即可。广告信息文本文件sdimg.txt代码如下:
redirect sdimg.asp
width 400
height 60
border 1
*
img/sdimg1.gif
sdimg1.htm
新产品1
25
img/sdimg2.gif
sdimg2.htm
新产品2
25
img/sdimg3.gif
sdimg3.htm
新产品3
25
img/sdimg4.gif
sdimg4.htm
新产品4
25
说明:
▲ 第1行redirect用于指定超链接处理文件,第2、3、4行分别是广告图片的宽度、高度和边框粗细。
▲ *号后面是所有广告信息,这里轮显四张广告图片,每张广告图片的信息有图片路径、所链接的网址、替代文字和广告出现机率。这里每张广告出现机率是一样的,均为25/(25+25+25+25)=1/4。
建立超链接处理文件。这是个ASP文件sdimg.asp,用于当浏览者单击广告图片时执行超链接的动作。超链接处理文件sdimg.asp代码如下:
<%
Response.Redirect Request.QueryString("url") ' 引导浏览者至相应网址
%>
建立轮显广告图片的页面。选择要使用轮显广告功能的页面,要任意位置插入此项功能。
轮显广告图片文件代码如下:
<html>
<head>
<title>轮显广告图片</title>
</head>
<body>
<H2 align="center">盛达新产品推介</H2>
<p align="center">
<%
Dim Ad ' 定义一个广告轮显组件实例变量
Set Ad=Server.CreateObject("MSWC.AdRotator")
ad.Border=1 ' 定义图片边框为1象素
ad.Clickable=True ' 该图片提供超链接功能
ad.TargetFrame="target='_new'" ' 在新窗口中打开网址
Response.Write Ad.GetAdvertisement("sdimg.txt") ' 获取广告信息
%>
</body>
</html>
本例的效果是给盛达公司的四个新产品做广告,页面上轮流显示这四个新产品的广告图片,浏览者进入此页面或是刷新此页面时,所显示的广告图片是不一样的,当浏览者单击某张图片时,根据所设置的超链接功能,将跳转到介绍此产品的具体页面。
以上两个均是ASP内置组件,下面介绍一个第三方所提供的组件。


FLASH版演示教案:
FLASH版演示教案
实训作业:
准备好三张尺寸大小一样的图片,在盛达公司网站的首页加上轮显这三张图片的功能。
备注:

由于可能通过其它技术来实现广告轮显示,本组件相对来说实用性不太大。

    

~ 江西信息应用技术职业学院信息技术系制作 ~

E-Mail:lxlz2050@163.net Tel:0791-5275546