2. Frames

3. Using Frames? zRarely used zPrinting, bookmarking & resizing problems. zFrames can look different from browser to browser. zHard to design (need to know the size). zCan be good for navigation.

4. Code Basics zThe tag replaces the body tag. z

5. Frames Layout zYou can think of it like tables. z or rows is similar to the tag. z is similar to the zplan out how you want the frames to look and work.

6. Frame Source zThe source indicates the HTML file/page that is loaded in that frame. z zThe name attribute names the frame, to load other HTML pages into that specific frame. z

7. The Target zOnce a frame has been named you can use target code to force pages to load within that specific frame. z zIn the frames page: z

8. Target Attributes z ztarget="main"> Name of the frame ztarget=” _blank” (or “new”) Opens a new window ztarget=” _self” Loads the page in the same frame ztarget=” _top” Breaks out of frames with this page.

9. Target Attributes z zThis sets the default target for every link on the entire Web page. zThis code is placed (nested) in the tags.

10. Nested Frames z

11. More Frameset Attributes z<frameset rows="110, *,25" zborder=“0” IE does not need the border tag, however Netscape does. Controls the borders width in pixels. zframeborder=“0” value of no or 0, or 1. It places this dark line between borders. I never use. zframespacing="10"> Works like Cell Spacing, Space in pixels between the frames.

12. More Framesource Attributes z zscrolling=“?” no, yes or Auto (default) If I insert the "scrolling" attribute and assign a value of "no", all scroll bars will disappear, and some of the content of the pages could be lost. zmarginheight=“15” In pixels. This works like Cell Padding but only from top to bottom. zmarginwidth="10"> In pixels. This works like Cell Padding but only for the two sides.

13. Non-support of frames z The text listed between these tags serves three important purposes: yIt is indexed by search engines. yContributes to your ranking at a search engine. yProvides visitors who are using a browser that does not support frames a way to access your pages.

14. No frames example z Welcome to David Hanson’s Family home page. zThis site can be viewed only with a frames capable browser. We invite you to visit our non-frame site.

15. iframe ziframe allows you to define a frame within a conventional HTML document. zThe iframe does not use the frameset code. If fact it’s usually used inside a table.

16. iframe example z If you can't see the picture, then your browser doesn't support iframes. You may want to update to the most current version of your browser. zThe written part will not be seen if the browser supports Iframes.

17. Homework zFrames zHTML Code - 10 points zNew window (_blank)- 10 points zBreak out of frames (_top) - 10 points zPlease email me your URL

18. Questions zIf you need help, send me an email at both addresses!