INTRODUCTORY Tutorial 9 Creating Frames
XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Decide when to use frames for a Web site Learn the components of framesets Create a frameset document Size frameset windows Target individual frame windows
XP Objectives Identify the purpose of inline frames Create an inline frame Target an inline frame window Use the meta tag to create a slide show New Perspectives on Blended HTML, XHTML, and CSS3
XP Using Frames on a Web Page Frames divide a Web page into several windows called frames – Each frame allows you to see a different Web page in the same browser window To create frames, you first need to create a frameset document Frames are similar to tables in that frames establish rows and columns The frameset document uses the tags New Perspectives on Blended HTML, XHTML, and CSS4
XP Creating a Row Frameset To create a rows frameset, enter the following code: where value1 is the height of the first row, value2 is the height of the second row, and so forth. The values should be expressed as a percentage Optionally, use the (*) wildcard character as the last value or if the rows will be of equal height New Perspectives on Blended HTML, XHTML, and CSS5
XP Creating Frames To create frames, enter the following code: where filename is the name of the file that will be displayed in the frame and framename is the name of the frame New Perspectives on Blended HTML, XHTML, and CSS6
XP Creating Frames New Perspectives on Blended HTML, XHTML, and CSS7
XP Creating a Column Frameset To create a columns frameset, enter the following code: where value1 is the width of the first column, and value2 is the width of the second column, and so forth. The values should be expressed as a percentage Optionally, use the (*) wildcard character as the last value or if the columns will be of equal width New Perspectives on Blended HTML, XHTML, and CSS8
XP Creating a Column Frameset New Perspectives on Blended HTML, XHTML, and CSS9
XP Opening a Document in a Specific Frame By default, a link in a frameset document will open in the same frame Use the target attribute in the tag – The target attribute should be set to the name of the frame in which you wish to open the Web page New Perspectives on Blended HTML, XHTML, and CSS10
XP Using Magic Targets Magic targets have special meanings in HTML – _top – _blank – _self The base tag automates the process of targeting links New Perspectives on Blended HTML, XHTML, and CSS11
XP Controlling Scrollbars and the Frame Size To control the appearance of scrollbars and the size of a frame, enter the following code: <frame src="filename.htm" scrolling="scroll_value" noresize="noresize" /> where scroll_value is either auto, yes, or no, and noresize has a value of noresize to disable screen resizing. New Perspectives on Blended HTML, XHTML, and CSS12
XP Controlling Scrollbars and the Frame Size New Perspectives on Blended HTML, XHTML, and CSS13
XP The border Attribute Eliminating borders creates a less cluttered look to the screen – Seamless frames New Perspectives on Blended HTML, XHTML, and CSS14
XP Controlling the Frame Height and Width To control the height and width of a frame, enter the following code: where value is the height of the frame in pixels and value2 is the width of the frame in pixels New Perspectives on Blended HTML, XHTML, and CSS15
XP Controlling the Frame Height and Width New Perspectives on Blended HTML, XHTML, and CSS16
XP Frameset Attributes and Values New Perspectives on Blended HTML, XHTML, and CSS17
XP Frameset Attributes and Values New Perspectives on Blended HTML, XHTML, and CSS18
XP Frameset Attributes and Values New Perspectives on Blended HTML, XHTML, and CSS19
XP Creating Inline Frames Inline frames create a frame window within a document without your having to create a frameset To create an inline frame, enter the following code: where filename is the name of the file that will initially be displayed in the inline frames window and target_name is the name of the inline frames window New Perspectives on Blended HTML, XHTML, and CSS20
XP Creating Inline Frames New Perspectives on Blended HTML, XHTML, and CSS21
XP Document Type Definitions New Perspectives on Blended HTML, XHTML, and CSS22
XP Using the meta Tag to Create a Slide Show To create a slide show, enter the following code: where number_seconds is the number of seconds you want as the interval until the next file is displayed and filename is the name of the next file to be displayed in the slide show New Perspectives on Blended HTML, XHTML, and CSS23
XP The Future of Frames New Perspectives on Blended HTML, XHTML, and CSS24
XP The iframe Attributes New Perspectives on Blended HTML, XHTML, and CSS25