Tuesday, April 13, 2010

Making an iframe Web Page

Sorry Picture Not Found

Using iframes is a great way to connect somebody else's webpage into your own one through a scrollable viewing window. We can do this on a Blog by adding the following HTML code:

Sorry Picture Not Found

And as you can see, this produces a window on our Blog post here, where we can view the foreign website without having to leave our current page.

Now let's suppose we want to do this on a normal HTML web page, rather than on a blog post.

For example on our "Passy World" site, that we have been developing step by step, we now want to make a page that iframes into our "Passy's World of ICT Blog".

Here is a set of detailed instructions on how to make an iframe within an existing HTML webpage.

This is a great way of bringing other web pages into our site.

(This PDF document is actually inside an iframe right here on this Blog Post).

If you would like to have your own full size copy of this PDF, then simply click the save disk icon button on the PDF viewer, and you should be able to save it to your own hard disk.

Alternatively, you can view or save the full size PDF by clicking the link below:

Alright then. The next step is to extend the iframe into a series of iframe pages that all link to each other through the use of a "Next Page" button. This will be covered in our very next Blog Post.

Until then, happy iframeing.

Big Passy Wasabi

No comments:

Post a Comment