Using Website iFrames
Using Website iframes enables you to add dynamic content via
a webpage linked to your webpage via an iframe. iframes are handy to use if you want to display identical content in every webpage with the emphasis of changing the data dynamically.
For example if you want to build a website about a city and want to add the monthly average of the pasts month weather you can add this info into your average weather webpage and then you can link this webpage to your other webpage’s by using an iframe.
Anytime you want to update the pasts months weather average you can do so by simply updating the average weather web page. Upload your updated past months weather average web page refresh your web browser and the changes should be seen immediately.
Lets take a look an example in using website iframes.
Which below example has a webpage embedded into this webpage using an iframe? The answer is both.
Using website iframes example with webpage embedded into iframe with no properties set.
iframe example with webpage embedded
into iframe with properties set.
Your iframe properties include your border thickness and scrollbars visibility ( iframe horizontal scroll bar).
If I need to change Is this cool to this is not cool I do not edit this webpage. Instead I edit the is this cool webpage and once I have done this all I need to do is upload and replace is this cool webpage and the changes should be visible once I refresh My web browser.
Adding an iframe to your webpage.
There are 2 things you will need. You will need a webpage that will display your iframe content and the iframe code itself. Create a webpage and add the content on the far left hand side right up top so your content sits perfectly in the top left hand corner.
You might want to make some code changes to your body tag by adding the left and top margin settings. These tow settings are highlighted in blue in the below html code.
<body bgcolor=”white” text=”black” link=”blue” vlink=”purple” alink=”red”
leftmargin=”0″ marginwidth=”0″ topmargin=”0″ marginheight=”0″>
iframe Source Code
<iframe name=”ifrm1″ src=”http://www.websitebuildersguide.com/iframeexample.html” width=”330″ align=”top” frameborder=”1″ scrolling=”yes” height=”75″></iframe>
All you need to do is just add the above source code to where you need to place your iframe. All you need to do is change the src url address and alter the width and height to suit your content area and you have added an iframe to your webpage. An idea is to add an iframe in a table cell so your webpage formatting does not change.
Using Website iframes - Adding to a webpage
Don’t use an iframe as means to distribute your advertising because there is no content available in the iframe itself hence it will not show any relevant adverts.
An idea where you can use an iframe is maybe in your navigation links. Be warned if you’re going to use this method make sure on the bottom of all of your webpage’s you have a majority of your Tier 2 webpage’s text links showing and make sure you add a site map to your website so the Search Engines can spider your website.
I don’t think it is possible for a search engine to spider your website using website iframes so be cautious when using iframes. They have there positives and negatives.
Tags: Using Website iFrames
