在ASP.NET中使用AdRotator控件

haidong

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