Monday, January 7, 2013

Monday 01-07-2013 : special effect IFRAME part one

Greetings and welcome back from your weekend!

Before you begin working on your website projects, I would like to take this opportunity to present to you a special effect which you can use in development of your website projects: an IFRAME. For the purposes of what we're doing here, lets use that "DIV" page you created before the vacation. So let's get started by opening that up in TextEdit

You will add a new element to this page, an "IFRAME". An iFrame is like a "picture within a picture on your webpage... it can display another webpage inside yours. So  by golly, let's try that right now!


Here is what you type in:




Notice that the iFrame has a "src" file, which in this case is the ThinkGeek website. This is what is loaded into the iframe, much like a picture is loaded into an "img" container

Your iframe also has an "id" which will be important later on...you'll see

Naturally, you can choose your own website to load in it, and you can re-position it anywhere on the main DIV webpage.. you can also resize it as well

cheers,
Mr. L

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.