1. Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which HTML documents are displayed in each frame. You can’t add regular text or HTML tags to a frame page.

2. Tags associated with a Frame Page FRAMESET FRAME

3. The FRAMESET tag Has a closing tag Its purpose is for dividing the window up into frames and determining the size of each frame.

4. Attributes for the FRAMESET tag COLS ROWS BORDER=# BORDERCOLOR=“#123456” FRAMEBORDER= “0” or “no” to turn off –Default is a 3-D border FRAMESPACING = # (space between frames)

5. For Example: –Results in 3 rows of frames taking up 25%, 30% and 45% of the screen. –Results in 2 columns of frames taking up 75% and 25% of the screen.

6. FRAME tag No closing tag Its purpose is to determine what web page will be displayed in a frame.

7. Attributes for the FRAME tag SRC NAME = “text” NORESIZE SCROLLING –Ex. SCROLLING = “no” BORDERCOLOR=“#123456” –(Netscape >=3.0)

8. MARGINHEIGHT MARGINWIDTH FRAMEBORDER = value (IE) – FRAMEBORDER = “no” or “0” to turn off. – FRAMEBORDER = “yes” or “1” to turn on.

9. FRAMEBORDER attribute Netscape - removes a border only if adjacent frames sharing that border have borders turned off. IE - removes adjacent borders only if they are not explicitly turned on in those adjacent frames. To control borders for all browsers, control the borders for each frame.

10. Format of a Frame Page Example of Frames Note: There are no BODY tags within a frame page.

11. Note: When the previous HTML code is rendered by a browser, the contents of the web page will depend on the contents of the two web pages called “One.htm” and “Two.htm” The row consisting of 25% of the window will contain the web page called “One.htm”. The row consisting of 75% of the window will contain the web page called “Two.htm”

12. Pages are loaded as follows: If using columns, the pages are loaded left to right. If using rows, the pages are loaded top to bottom.

13. Alternative <FRAMESET ROWS = “100, * ” –This results in a top row consisting of a height of 100 pixels. –The second row will consist of the number of pixels that are left.

14. Links within the individual frames Then your link contains the following: Click Here! clicking on “Click Here!” will cause the file “Four.htm” to load in the frame named “whatever”.

15. Nested Framesets

16. Other values for the TARGET attribute within the A tag. _blank - opens linked document into a newly opened window. (starts another browser window. _self - opens linked document into the same frame window containing the hypertext link. –This is the default so not necessary.

17. Other values for the TARGET attribute within the A tag. (continued) _parent - opens linked document into the parent window or frameset containing the frame containing the hypertext link. –Equivalent to _self if reference is in a window or top-level frame. _top - opens linked document into the window containing the hypertext link, replacing any frames currently displayed in the window.

18. Working with frames When making changes to your frame page or to individual pages, sometimes pressing reload or refresh does not load the new changed versions. You may have to go to File/Open to reload the changed versions or You may have to close your browser and start over in order to view your changes.

19. Example pagefile doc

20. Example A (correct?) page filedoc

21. Example B (correct?) docpage file

22. Example C (correct?) pagedoc file

23. NOFRAMES tag

24. NOFRAMES Use the tag only within the outermost tag and its required ending tag. Any contents within the and tag set will not be displayed by any frame-capable browser but will be displayed by any browser that does not handle frames.

25. The tag set can contain any normal body content including the BODY tags.

26. Example This will appear if a user’s browser does not handle frames Click here to view a page without frames