Download presentation
Presentation is loading. Please wait.
Published byMarlene Wright Modified over 9 years ago
1
I-Frames By Josh Gallagan
2
Why I-Frames Allow you to keep main page consistent Allow you to keep main page consistent Only the content refreshes in the I-frame Only the content refreshes in the I-frame Gives the feel of a dynamic website Gives the feel of a dynamic website Allows great flexibility, but still a stable environment Allows great flexibility, but still a stable environment No slow downloads of graphics = less bandwidth = less $ No slow downloads of graphics = less bandwidth = less $ Can use with WYSIWYGs Can use with WYSIWYGs
3
I-Frame Example
4
Live I-Frame Example www.doublewingonline.com www.doublewingonline.com www.doublewingonline.com www.joshgallagan.com www.joshgallagan.com www.joshgallagan.com www.delawarerotary.org www.delawarerotary.org www.delawarerotary.org
5
The I-Frame Code
6
How I-Frames Work
7
Link Targets 1. If you set the target attribute of a link to "_blank", the link will open in a new window. Blank Blank 2. If you set the target attribute of a link to "_self", the link will open in the same window. Self Self 3. If you set the target attribute of a link to "iframe", the link will open in the iframe. Iframe Iframe
8
Link Targets Ctd Blank Blank If you set the target attribute of a link to "_blank", If you set the target attribute of a link to "_blank", the link will open in a new window. the link will open in a new window. Self Self If you set the target attribute of a link to "_self", If you set the target attribute of a link to "_self", the link will open in the same window. the link will open in the same window. Iframe Iframe If you set the target attribute of a link to "iframe", If you set the target attribute of a link to "iframe", the link will open in the iframe. the link will open in the iframe.
9
You Try It 1. Go the site http://w3schools.com/html/tryit.asp?filen ame=tryhtml_link_target and test the link targets. http://w3schools.com/html/tryit.asp?filen ame=tryhtml_link_target http://w3schools.com/html/tryit.asp?filen ame=tryhtml_link_target 2. Use the I-Frame tutorial I gave you. In Notepad, create a website using the code.
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.