Using Frames in
a Web Page
Tutorial V
FRAMES
are windows appearing within the
browser’s display area, each capable
of displaying the contents of a
different HTM...
Things to consider before
creating your frames:
– What information will be displayed in
each of the frames?
– How do you w...
Things to consider before
creating your frames:
– Which frames will change in response to
hyperlinks being clicked?
– What...
Creating Frame Layout
<HTML>
<HEAD>
<TITLE> Page Title </TITLE>
</HEAD>
<FRAMESET>
Frame definitions
</FRAMESET>
</HTML>
Syntax:
• <FRAMESET ROWS=”row height,
row height, row height,…..”>
• <FRAMESET COLS=”column width,
column width, column wi...
Specifying a Frame Source
To specify the source for the frame’s
content, enter following HTML tag:
<FRAME SRC = document>
...
Nesting <FRAMESET> Tags
EXAMPLE:
<HTML>
<HEAD>
<TITLE> The Colorado Experience </TITLE>
</HEAD>
<FRAMESET ROWS=”60, *”>
<!...
Controlling the Appearance of
Scroll Bars
Syntax:
<FRAME SRC=document
SCROLLING = value>
Where value can be either YES (to...
Frame’s margin
MARGINWIDTH – is the amount of
space that appears to the page’s left
and right.
MARGINHEIGHT – is the amoun...
Syntax:
<FRAME SRC=document
MARGINHEIGHT=value
MARGINWIDTH=value>
To keep users from resizing
frames, enter the tag:
<FRAME SRC=document
NORESIZE>
<BASE> tag
it appears within the <HEAD> tags of
your HTML file and used to specify
global options for the page. One
proper...
Magic target names
are special names reserved by HTML
that can be used in place of a frame
name as a target for a hypertex...
Magic Target
Magic target name Description
_blank Loads the document into a new
window
_self Loads the document into the
s...
<NOFRAMES> tag
identifies a section of your HTML file
that contains code to be read by
frame-blind browsers.
Using Frames Extensions
To define a color for your frame borders,
use the following tags:
<FRAMESET BORDERCOLOR=color>
Or
...
Using Frames Extensions
To change the width of your frame
borders, use the tag:
<FRAMESET BORDER=value>
where value is the...
Fin
Upcoming SlideShare
Loading in …5
×

Html tutorial 5

900 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
900
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
38
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html tutorial 5

  1. 1. Using Frames in a Web Page Tutorial V
  2. 2. FRAMES are windows appearing within the browser’s display area, each capable of displaying the contents of a different HTML file.
  3. 3. Things to consider before creating your frames: – What information will be displayed in each of the frames? – How do you want the frames placed on the Web Page? What is the size of each frame? – Which frames will be static—that is, always showing the same content?
  4. 4. Things to consider before creating your frames: – Which frames will change in response to hyperlinks being clicked? – What Web pages will users see first when they access the site? – Do you want to allow users to resize the frames and change the layout of the page?
  5. 5. Creating Frame Layout <HTML> <HEAD> <TITLE> Page Title </TITLE> </HEAD> <FRAMESET> Frame definitions </FRAMESET> </HTML>
  6. 6. Syntax: • <FRAMESET ROWS=”row height, row height, row height,…..”> • <FRAMESET COLS=”column width, column width, column width, …”>
  7. 7. Specifying a Frame Source To specify the source for the frame’s content, enter following HTML tag: <FRAME SRC = document> where document is the filename or URL of the page that you want to display in the frame.
  8. 8. Nesting <FRAMESET> Tags EXAMPLE: <HTML> <HEAD> <TITLE> The Colorado Experience </TITLE> </HEAD> <FRAMESET ROWS=”60, *”> <!--- Company Logo ---> <FRAME SRC = “Head.htm”> <!!--- Nested frames ----> <FRAMESET COLS=”140,*”> </FRAMESET> </FRAMESET> </HTML>
  9. 9. Controlling the Appearance of Scroll Bars Syntax: <FRAME SRC=document SCROLLING = value> Where value can be either YES (to display scroll bars) or NO (to remove scroll bars)
  10. 10. Frame’s margin MARGINWIDTH – is the amount of space that appears to the page’s left and right. MARGINHEIGHT – is the amount of space (in pixels) that appears above and below the content of the page margin.
  11. 11. Syntax: <FRAME SRC=document MARGINHEIGHT=value MARGINWIDTH=value>
  12. 12. To keep users from resizing frames, enter the tag: <FRAME SRC=document NORESIZE>
  13. 13. <BASE> tag it appears within the <HEAD> tags of your HTML file and used to specify global options for the page. One property of the <BASE> tag is the TARGET property, which identifies a default target for all of the page’s hyperlinks.
  14. 14. Magic target names are special names reserved by HTML that can be used in place of a frame name as a target for a hypertext link.
  15. 15. Magic Target Magic target name Description _blank Loads the document into a new window _self Loads the document into the same frame or window that contains the hyperlink tag. _parent In a layout of nested frames, loads the document into the frame that contains the frame with the hyperlink tag. _top Loads the document into the full display area, replacing the current frame layout.
  16. 16. <NOFRAMES> tag identifies a section of your HTML file that contains code to be read by frame-blind browsers.
  17. 17. Using Frames Extensions To define a color for your frame borders, use the following tags: <FRAMESET BORDERCOLOR=color> Or <FRAME BORDERCOLOR=color> where color is either the color name or color value.
  18. 18. Using Frames Extensions To change the width of your frame borders, use the tag: <FRAMESET BORDER=value> where value is the width of the border in pixels.
  19. 19. Fin

×