Presentation is loading. Please wait.

Presentation is loading. Please wait.

Frames. Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and.

Published byFrederick Martin Modified over 8 years ago

Similar presentations

Presentation on theme: "Frames. Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and."— Presentation transcript:

1 Frames

2 Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and theoretically could be viewed independently in a separate window One of the disadvantage  they can be hard to navigate

3 Creating a Simple Frameset Think of a frameset as a window with individual panes Each pane shows different information You decide how many panes your windows will have how its border look like should have scroll bars or not Assigning individual URLs to each pane, that is, frame

4 <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <meta http-equiv=“content-type” content=“text/html;charset=utf-8” /> FRAMES IN ROWS Create simple frameset with 3 horizontal rows all in the same column no … rows=“20%,60%,*” 3 rows row height name  identify the particular frame’s use

5 Creating Frames in Columns

6 <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <meta http-equiv=“content-type” content=“text/html;charset=utf-8” /> FRAMES IN COLUMNS

7 Creating Frames in Rows and Columns

8 <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <meta http-equiv=“content-type” content=“text/html;charset=utf-8” /> FRAMES IN COLUMNS

9 Combining Framesets

10 <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <meta http-equiv=“content-type” content=“text/html;charset=utf-8” /> COMBINING FRAMESETS

11 Creating an Inline Frame inline If you want to mix text, graphics and a frame all on one page, you’ll need to create a floating or inline frame

12 <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <meta http-equiv=“content-type” content=“text/html;charset=utf-8” /> INLINE FRAME COLOURS - colors - colors - colors - colors - colors combiningframesets.htm this part :: type the text that should appear if the browser can't display the frame </body> in the … tag and refer to frame.url

13 Adjusting a Frame’s Margins All browsers display a frame’s contents with a default margin from 8 to 15 pixels on each side You can adjust the margin so that there is more space, or, if you prefer, so that the frame’s contents begin in the top- left corner

14 <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <meta http-equiv=“content-type” content=“text/html;charset=utf-8” /> COMBINING FRAMESETS

15 Showing or Hiding Scroll Bars You can decide whether each individual frame should have scroll bar all the time, never, or only needed Only when needed Only when needed :: means that the scroll bars will appear only when there is more information than can be shown at one time in the frame If the visitors makes the window big enough, these scroll bars will eventually disappear To show scroll bars all the time : scrolling=“yes” To hide scroll bars all the time : scrolling=“no” To show scroll bars when needed : scrolling=“auto”

16 Adjusting the Color of the Borders In theory, you can change the color of each frame individually In practice, however, since the borders are shared between frames, the possibilities are more limited Unfortunately, the bordercolor attribute is not standard (X)HTML

17 Adjusting the Frame Borders By default, your visitor’s browser will draw sculpted borders around each frame in your frameset The border tag lets you control the width of the space between frames The frameborder tag lets you choose to fill that space with sculpted borders or leave it blank To hide the sculpted borders:

18 Keeping Visitors from Resizing Frames Frames with relative or variable sizes are always resized when the visitor changes the size of the browser window However, you can also choose whether to let the visitor resize the individual frames To keep visitor from resizing your frame:

19 Targeting Links to Particular Frames You can have other pages appear in the same frame The trick is to add a pointer, called a target, to the links to those pages The target says “open this link in the photos frame”

20 COMBINING FRAMESETS YELLOW text - text - text - text - text - text - text - text - text - text blue green red purple

21 Targeting Links to Special Spots You will want to make more general instructions, like having the link open on a new window. There are 4 special target names: <a href=“content.htm” target=“_blank”  to have the link open a new window target=“_self”  to open the link in the same frame that contains the link target=“_top”  to use the entire current window for the link target=“_parent”  to open the link in the frameset that contains the current frameset

22 Changing the Default Target In a frame contains a link, the link will open up in the same frame, by default, unless you change the target You can change the default target for all the links on a page by using the base tag

23 YELLOW text - text - text - text - text - text - text - text - text - text blue green red purple YELLOW text - text - text - text - text - text - text - text - text - text blue green red purple

24 Nesting Framesets As if frames and framesets weren’t complicated enough, you can nest framesets inside of frames to achieve special effects Build the inner frame == “combiningfra mesets.htm” Build the outer frameset == "Winter.htm" NESTING FRAMESETS

Download ppt "Frames. Dividing a page, called frameset, into frames, allow the visitor to see more than one page at a time Each frame contains its own Web page, and."

Similar presentations

Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.

Frames How to make a page that uses frames. Preview There used to be a time that frames were frowned upon because most browsers did not support them Nowadays.
Frames.

Frames.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.

Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.

Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.

Web-based Application Development Lecture 9 February 7, 2006 Anita Raja.
COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.

COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.
Frames 1 Lecture HTML: Frames and Miscellaneous Tags.

Frames 1 Lecture HTML: Frames and Miscellaneous Tags.
XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.

XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.
1 Web Page Design Frames! - Chapt 20 Yet Another Way to Divide Up The Screen. Using HTML and JavaScript to Develop Website.

1 Web Page Design Frames! - Chapt 20 Yet Another Way to Divide Up The Screen. Using HTML and JavaScript to Develop Website.
Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.

Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.

Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
The Power of Tables They aren't just for sitting stuff on anymore...

The Power of Tables They aren't just for sitting stuff on anymore...
Create a Web Site with Frames

Create a Web Site with Frames
Web Technologies Lecture # 5 : HTML Frames. Objectives n Create/control appearance & placement of frames n Control the behavior of hyperlinks on pages.

Web Technologies Lecture # 5 : HTML Frames. Objectives n Create/control appearance & placement of frames n Control the behavior of hyperlinks on pages.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Chapter 6 Working with Frames.

Chapter 6 Working with Frames.
 You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages. 

 You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages. 
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Frameset. FrameSet With frames, we can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each.

Frameset. FrameSet With frames, we can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each.

Similar presentations

Ads by Google