Step 13) iframes No, it is of no relation to the iPod. Think of iframes as a sort of window to another page of your site. Why use iframes? You'll find out in a minute. Or a few seconds. Depends how fast you read.

Actually the tagbox that I copied and pasted earlier had iframe codes in there. On this website, only the latest update and the misc section are iframes, but I know some websites use iframes for their main content as the basis of their site. (example: Blackbird or Magician's Quest) The only downside of that is if you google search and click on any of the links (aside from the index page) you get kinda a page with no layout and only content.

On the Costrasa website, iframes are used for the vote section and the poll area.

The first step is to go to the table cell, in between the <td></td> tags like we did earlier, and type up <iframe frameborder="0" name="blah" src="blah.html" height="100" width="240"></iframe>. Replace the height and width with the height and width of your table cell and the src with whatever page you want to display.

So if we continue with hypothetical blah.html example, that means that cell of the table on out main page will now display blah.html.

I used iframes for the voting and poll areas because they change every once in a while, and that section of the site is present on every page of the website. I'd hate to have to open up my characters page, gallery page, story page, etc and change that on every single page every single time I update. That'd take forever.

So instead we just use iframes to link it to a new file called poll.html or incentives.html. And those pages are what's modified every update. (Same concept as Step 8: CSS)

For the poll, I use pollverize.com (but there are many other options out there. Again, google is your friend. I think.) Copy and Paste the code onto a new page I call poll.html. If you copy and paste the code, you'll notice that it's javascript.

No matter what you do to the font, it's not going to affect your poll. So it'll come out black and in their font regardless of what you do. To change that, go to Page properties (remember this?) and set a font color and style.

Dreamweaver makes CSS from this info, so it overrides their color choices.

Now when you go back and preview your index page, you'll see the poll is displayed through the iframe.

That was the last step for the Costrasa website :D ~

You can view the final (err well, almost final) product here.

If you want to make an iframe site, all you do is put an iframe in the main content window area of your site. And name it "content" (or really whatever). Then, make sure all your links are set to a Target of "content". In Dreamweaver, the standard Target options are "_blank" (opens up a new window) "_self" (opens up on current page) "_Parent" (opens up on the main page. So i.e. all my links on the Latest Updates corner on the top left are set to target="_parent".) and "_top" (which I have no idea what it does. lol)

(The Target code goes inside the link code, so it'll look something like this: <a href="blah.html" target="content">)

The pros of doing an iframe website is that it's 1) easier to manage and update and 2) you can add music without having it stop and replay every time you click a new page.

The downside of having an iframe site is that the pages of content are not meant to be viewed outside of the layout. For example, latest updates is NOT meant to be viewed like that. It's only meant to be seen inside the little window on the top left of my website. However, because a pure iframe website the content pages are loaded with words, search engines tend to pick them up pretty often. So it's likely someone might end up viewing it outside of the intended layout.

>> Next: Uploading the site online. FTP, Domain names, etc

<< Previous: Text and Text Properties