Microsoft KB Archive/272246

= How to create banner ads that use the IFRAME tag using FrontPage =

Article ID: 272246

Article Last Modified on 1/29/2007

-

APPLIES TO


 * Microsoft Office FrontPage 2003
 * Microsoft FrontPage 2002 Standard Edition
 * Microsoft FrontPage 2000 Standard Edition
 * Microsoft Internet Explorer 6.0
 * Microsoft Internet Explorer 5.0
 * Microsoft Internet Explorer 5.0
 * Microsoft Internet Explorer 5.0
 * Microsoft Internet Explorer 5.0
 * Microsoft Internet Explorer 5.0

-



This article was previously published under Q272246



IN THIS TASK
SUMMARY
 * Example Pages

REFERENCES



SUMMARY
The IFRAME tag is defined in the Hypertext Markup Language (HTML) 4.0 specification by the World Wide Web Consortium. This tag allows Web authors to insert a frame in the middle of a Web page. This article explains how to use this tag to create alternative &quot;banner advertisements&quot; that work with Microsoft Internet Explorer. Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements. The following steps demonstrate how to create a series of Web pages to create banner advertisements.

back to the top

Example Pages
Important Note

For each example page, create a new page in FrontPage and then switch to HTML view to insert the HTML and cascading style sheet (CSS) code described in each step.  First, create the parent Web page that contains the IFRAME that loads the advertisements, and also create the style sheet that all the ad pages share.   Save the following HTML code as &quot;IFrameBannerAds.htm&quot;: IFrame Banner Ads body { font-family: Arial, Helvetica; background-color:rgb(0,0,0); color:rgb(255,255,255) }  Your browser does not support the IFRAME tag. Welcome to My Web Site!   Save the following CSS code as &quot;ad_style.css&quot;: a:link { color: rgb(0,102,153); } a:visited { color: rgb(0,153,102); } a:active { color: rgb(0,102,102); } body { font-family: Arial, Helvetica; background-color: rgb(204,204,153); color: rgb(0,51,51); }   Next, create the individual advertisement pages. (This example uses just three pages.) Each advertisement page uses the style sheet from step 1, and uses &quot;client pull&quot; to load the next page in the series. In addition, the advertisement pages use random, Dynamic HTML (DHTML) transition effects when they change to another page.   Save the following HTML code as &quot;ad_1.htm&quot;: This is Advertisement 1 <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;ad_style.css&quot;> <meta http-equiv=&quot;refresh&quot; content=&quot;5;URL=ad_2.htm&quot;> <meta http-equiv=&quot;Page-Exit&quot; content=&quot;revealTrans(Duration=1.0,Transition=23)&quot;> <p align=&quot;center&quot;><a target=&quot;_blank&quot; href=&quot;http://www.microsoft.com&quot;> <img border=&quot;0&quot; src=&quot;http://www.microsoft.com/library/toolbar/images/mslogo.gif&quot;> Click here to visit Microsoft's web site!</a> </li>  Save the following HTML code as &quot;ad_2.htm&quot;: This is Advertisement 2 <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;ad_style.css&quot;> <meta http-equiv=&quot;refresh&quot; content=&quot;5;URL=ad_3.htm&quot;> <meta http-equiv=&quot;Page-Exit&quot; content=&quot;revealTrans(Duration=1.0,Transition=23)&quot;> <p align=&quot;center&quot;><a target=&quot;_blank&quot; href=&quot;http://msdn.microsoft.com&quot;> <img border=&quot;0&quot; src=&quot;http://msdn.microsoft.com/msdn-online/shared/graphics/banners/home-banner.gif&quot;> Click here to visit the MSDN web site!</a> </li>  Save the following HTML code as &quot;ad_3.htm&quot;: This is Advertisement 3 <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;ad_style.css&quot;> <meta http-equiv=&quot;refresh&quot; content=&quot;5;URL=ad_1.htm&quot;> <meta http-equiv=&quot;Page-Exit&quot; content=&quot;revealTrans(Duration=1.0,Transition=23)&quot;> <p align=&quot;center&quot;><a target=&quot;_blank&quot; href=&quot;http://www.msn.com&quot;> <img border=&quot;0&quot; src=&quot;http://msimg.com/w/logo_bf2.gif&quot;> Click here to visit the MSN web site!</a> </li></ol> </li></ol>

When you browse the &quot;IFrameBannerAds.htm&quot; page with Internet Explorer, you see the IFRAME tag populated with the first advertisement page, followed shortly by each additional advertisement in the series.

back to the top

<div class="references_section">