Using IFrames in Adobe Dreamweaver

Follow along with this tutorial and learn how to create an IFrame on your website using Dreamweaver.

This video requires Adobe Flash Player.

Visitor Comments »

 

Wow, Window/Results/Reference seems to be the key to the Dreamweaver Universe. Thanks for one of those small tips that makes a world of difference!

 

Comment by Brandon | November 12, 2008 @ 6:37 pm

 

Thanks! This really came in handy for my new website!

Z33STUDIOS.COM

 

Comment by Thomas Daugherty | November 12, 2008 @ 11:13 pm

 

Great tutorial, many thanks!

I was wondering if the iFrame has the same SEO problems that traditional frames have?

Cheers

 

Comment by Clint_M | November 13, 2008 @ 8:10 am

 

this seems like a great feature, but I have used “frames” before. and the one problem I noticed if you search for something in google or any any other search engine and it relates to something specific in your webpage the browser will only show the specific frame that the content is in and the user is left no way to navigate. will these “iframes” produce the same result?

 

Comment by Josh | November 13, 2008 @ 12:41 pm

 

[...] Click on this link to get to the tutorial [...]

 

Pingback by Red Shoots One Over The Bow | Iframe in Dreamweaver | Layers TV Winner | Layers Magazine | November 13, 2008 @ 2:56 pm

 

Why is my custom code being stripped?

JavaScript, i-frames, style tags and other custom code are removed to prevent their use by potential Web intruders. Quote: Google Sites

Does this mean that i-frames won’t work on Google? Does this mean i-frames are a potential risk?

 

Comment by Scott Rudy | November 13, 2008 @ 9:41 pm

 

Hi there,
Since IFRAMES are a cool way to an page into another one, its has some SEO issues, so an possible alternative is to use CSS property:
“overflow:auto; ” ina tag and you can have the same scroll effect inside your page, without SEO problems. Of course if the content to show is in different html page this one won’t work.
You can define a div like this:

…….. long content …….

and the box will show the content in 200px height in a scrolling window.

 

Comment by Paul Garcia | November 26, 2008 @ 3:32 pm

 

Sorry this post system dont allow me to write CODE but google overflow:auto for CSS and you will see what I am talking about

 

Comment by Paul Garcia | November 26, 2008 @ 3:33 pm

 

Awesome tutorial! Fantastic!

 

Comment by Colin Bent | November 26, 2008 @ 7:53 pm

 

Wow that is the coolest feature I have seen in a long time, thanks for the tip!

 

Comment by sheri hulan | November 27, 2008 @ 6:28 pm

 

I am getting in on the Adobe bandwagon for developing web late. However, having Layers Magazine and quality tutorials like this one makes it seem just in time to be developing web pages using the Adobe suite of applications.

 

Comment by Balynskee | December 16, 2008 @ 9:16 am

 

thanks just what i needed for my new website

 

Comment by achazia lewis | December 18, 2008 @ 3:38 pm

 

HI I am a self tought and this was very very useful
THANKS

 

Comment by saphira | January 2, 2009 @ 6:31 am

 

excellent guide ! thanks !

 

Comment by Sebastian | January 23, 2009 @ 1:34 pm

 

Good tutorial but it’s too darn small. Cannot really follow cause I can’t really see it. Would be nice if it could open full screen or at least in a larger format.

 

Comment by Connie | February 16, 2009 @ 4:03 pm

 

every comment seems to be added as a new RSS post.. please make it atop

 

Comment by Chuck | February 19, 2009 @ 2:54 pm

 

geoff blake is an excellent teacher.

 

Comment by tyler | February 23, 2009 @ 1:16 pm

 

Thank you. Tremendously helpful.

 

Comment by Bill Travers | March 9, 2009 @ 2:04 pm

 

Thanks so much for this tutorial!! Never knew what iframes were as i’m new to web design, but these are defo what i’m gonna include on my website!!!

 

Comment by Chantell | March 22, 2009 @ 3:28 pm

 

You freakin’ legend! You have just saved my proj! xxxxxxx

 

Comment by Vicky | April 11, 2009 @ 12:11 pm

 

i cannot right click copy from the reference panel.
Copy is being disabled !!! HELP !!!

 

Comment by felice | May 8, 2009 @ 2:08 am

 

THANK YOU!!! You just made my day.

 

Comment by Kristian | June 9, 2009 @ 1:54 pm

 

Thank you!
Nice tutorial its really useful!
I love it!

 

Comment by Casu | June 25, 2009 @ 10:49 pm

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine