通过使用ASP.NET携带的AdRotator服务器控件,ASP.NET中的广告可以随时显示出来。本文中,我们将看到两个例子,它们使用这个控件在一个页面上显示广告。
使用AdRotator服务器控件有以下几个步骤:
第一步
创建一个包含着广告细节的XML文件,比如说叫art008_ads.xml,它包含以下元素:
●ImageUrl—包含将被显示图象的URL,可以是绝对路径,也可以是相对于显示广告的页面的相对路径。 ●NavigateUrl—包含目标Web 站点的URL。(注意:在beta版以前,这个元素叫做TargetUrl,现在改变了)。 ●AlternateText—包含着一些文本,当鼠标移过图象时,作为提示信息显示出来。换句话说,这是广告图象中ALT元素的文本。 ●Keyword—这个可选元素包含了广告所属的类别。这样就使各种类别的广告都在同一个XML中,然后使用AdRotator控件中的Keywordfilter属性在给定页面上对广告进行过滤。 ●Imdivssions—指出广告的相对开销。
创建广告文件时有一点值得特别注意的是,它是区分大小写的。因此其中所包含元素的大小写应该拼写正确,比如:应该使用<Ad>而不是<ad>。
有了上面这些细节,我们来进行广告XML文件的创建。下面的XML文件包含了显示两个广告横幅的信息:
<Advertisements> <Ad> <ImageUrl>/articles/demo/art008_demo1.gif</ImageUrl> <NavigateUrl>http://www.dotnet101.com</NavigateUrl> <AlternateText>Go to .net101 -- Test 1</AlternateText> <Keyword>Category1</Keyword> <Imdivssions>10</Imdivssions> </Ad> <Ad> <ImageUrl>/articles/demo/art008_demo2.gif</ImageUrl> <NavigateUrl>http://www.dotnet101.com</NavigateUrl> <AlternateText>Go to .net101 -- Test 2</AlternateText> <Keyword>Category1</Keyword> <Imdivssions>10</Imdivssions> </Ad> <Ad> <ImageUrl>/articles/demo/art008_demo3.gif</ImageUrl> <NavigateUrl>http://www.dotnet101.com</NavigateUrl> <AlternateText>Go to .net101 -- Test 3</AlternateText> <Keyword>Category2</Keyword> <Imdivssions>10</Imdivssions> </Ad> </Advertisements>
第二步
在ASP.NET页面中创建一个AdRotator服务器控件,将广告XML文件连接到这个控件。使用以下服务器控件标记来完成:
<html> <body> <asp:adRotator AdvertisementFile="art008_ads.xml" runat="server" BorderColor="#000000" BorderWidth="1"></asp:adRotator> </body> </html>
点击这里进行演示。 AdvertisementFile属性指示广告文件,为了显示图象,必须要引用AdRotator控件。由于KeywordFilter属性没有设置,所以当刷新页面时会看到所有这三个广告图象以随机方式显示。
为了改变页面上广告图象的外观,还可以设置AdRotator控件的其它属性。以下是其中一些重要的属性:
AdvertisementFile:包含广告信息的XML BorderColor:为广告设置边界颜色,如 BorderColor="#000000" 将边界设为黑色 BorderWidth:边界宽度,单位是象素,如 BorderWidth="1" CssClass:来自CSS文件或inline STYLE 元素的字体类,如CssClass="clsAds" Height:广告图象的高度,单位是象素 KeywordFilter:对广告类别进行过滤,如上面例子中所见的 Target:点击广告时URL的目标窗口。如Target="_new" ,每当广告图象被点击都会产生一个新窗口。 “_top”是默认值 Width:广告图象的宽度,单位是象素
AdRotator控件的KeywordFilter属性可以对某一特定类别的广告进行过滤。在下面例子中,你将只看到属于“Category1”的前两个图象。例子中同时组合了一些表格中所定义的属性:
<html> <body> <asp:adRotator AdvertisementFile="art008_ads.xml" KeywordFilter="Category1" runat="server" BorderColor="#000000" BorderWidth="1" Height="60" Width="468" Target="_new" > </asp:adRotator> </body> </html>
以上AdRotator控件在浏览器中的样本输出是这样的:
<a href="http://www.dotnet101.com" target="_new"><img src=http://www.programfan.com/article/"/articles/demo/art008_demo1.gif" alt="Go to .net101 -- Test 1" style="border-color:#000000;border-width:1px;border-style:solid;height:60px;width:468px;" /></a> |
关键词: 在ASP.NET中运用AdRotator控件