Web.design1.0
tutorials and resources
Dreamweaver 8.tutorials
If you don't know what an I-Frame is, I am sure you have noticed one around the internet. It's a rectangular frame that you can insert news articles or anything and scroll through.
First make a new page and save it as iframe.html Give it a backgroung color of #999999. Then go to the source code of the page and paste this code between your <body> tags.
<IFRAME SRC="news.html" FRAMEBORDER="0" SCROLLING="auto" WIDTH="446" HEIGHT="120" TITLE="Your News">
News </IFRAME>
Ok let's go through the code:
1. news.html - This is the page where your actual news will be placed.
2. News - People with the browsers that don't support I-Frames will see this word. (IE 3.0 and above, NS6 and Opera 4 supports I-Frames).
3. <IFRAME SRC="news.html" - This is the frame source which points to news.html FRAMEBORDER="0" - border of the frame is set to 0 SCROLLING="auto" - It will scroll if the content is too big for the area. WIDTH="446" HEIGHT="120" TITLE="Ades News"> You can specify the desired height and width yourself. </IFRAME> Closing the I-Frame
Preview your page by pressing F12 and you should see an image similar to the one above.
Now go ahead and create your news page. Create news.html and fill it with your news text. Then save it in the same folder as the iframe.html.