Skip to main content

Frames



  • A framed page is actually made up of multiple HTML pages. There is one HTML document that describes how to break up the single browser window into multiple windowpanes. Each windowpane is filled with an HTML document.
Frame Page Architecture
§  A <FRAMESET> element is placed in the html document before the <BODY> element. The <FRAMESET> describes the amount of screen real estate given to each windowpane by dividing the screen into ROWS or COLS.
§  The <FRAMESET> will then contain <FRAME> elements, one per division of the browser window.
§  Note: Because there is no BODY container, FRAMESET pages can't have background images and background colors associated with them.

Frame Page Architecture
<HTML>
<HEAD>
<TITLE> Framed Page </TITLE>
<FRAMeSET COLS=“23%,77%”>
<FRAME SRC=“Doc1.html”>
<FRAME SRC=“Doc2.html”>
</FRAMeSET >
</HEAD>
</HTML>

The Diagram below is a graphical view of the document described above


<FRAMESET> Container
<FRAMESET> : The FRAMESET element creates divisions in the browser window in a single direction. This allows you to define divisions as either rows or columns.
§  ROWS : Determines the size and number of rectangular rows within a <FRAMESET>. They are set from top of the display area to the bottom.
Possible values are:
§  Absolute pixel units, I.e. “360,120”.
§  A percentage of screen height, e.g. “75%,25%”.
§  Proportional values using the asterisk (*). This is often combined with a value in pixels , e.g. “360,*”.
§  <Frameset cols=“200,20%,*,2*”>

§  NORESIZE: Optional – prevents viewers from resizing the frame. By default the user can stretch or shrink the frame’s display by selecting the frame’s border and moving it up, down, left, or right.

<NOFRAMES>
  • <NOFRAMES>: Frame – capable browsers ignore all HTML within this tag including the contents of the BODY element. This element does not have any attributes.
<HTML>      
<HEAD>
<TITLE> Framed Page </TITLE>
</HEAD>

<NOFRAMES>
<FRAMESET COLS="23%,77%">
<FRAME  SRC=""   NAME="left_pane“>
<FRAME  SRC=""   NAME="right_pane">
<NOFRAMES>
<P> This is a Framed Page. Upgrade your browser to support frames.</P>
</NOFRAMES></FRAMESET>

Compound FRAMESET Divisions
§  In this case a second FRAMESET element will be inserted in the place of the FRAME element that would describe the second row.
§  The second FRAMESET element will divide the remaining screen real estate into 2 columns.
§  This nested FRAMESET will then be followed by 2 FRAME elements to describe each of the subsequent frame divisions created.

Compound FRAMESET Divisions
<html>
<head>
<title> Compound Frames Page</title>
</head>
<frameset rows=“120,*”>
<frame src=“banner_file.html” name”banner”>
<frameset cols=“120,*”>
<frame src=“links_file.html” name=“links”>
<frame src=“content_file.html” name=“content”>

Compound FRAMESET Divisions
You may want to create a frames design with a combination of rows and columns.
Compound FRAMESET Divisions  Example
<HEAD>
<FRAMESET ROWS="25%,50%,25%”
  <FRAME SRC="">
<FRAMESET COLS="25%,*">
  <FRAME SRC="">
  <FRAME SRC="">
  </FRAMESET>
  <FRAME SRC="">
</FRAMESET>

</HEAD>











Comments

Post a Comment

Popular posts from this blog

Introduction of SQL

Introduction of SQL SQL (Structure Query Language)  was initially developed at IBM by Donald D. Chamberlin and Raymond F. Boyce in the early 1970s. This version, initially called SEQUEL (Structured English Query Language), was designed to manipulate and retrieve data stored in IBM's original quasi-relational database management system. Features of SQL SQL is not a case sensitive language. Every commands in SQL should ends with semicolon(;). SQL can also called as sequel (SEQUEL). SQL Sub Language SQL is mainly divided into four sub language Data Definition Language(DDL) Data Manipulation Language(DML) Transaction Control Language(TCL) Data Control Language(DCL) Only for remember You can remember all these command like below; DDL Commands "dr. cat" d-Drop, r-Rename, c-Create, a-Alter, t-Truncate. DML commands "sudi". s-Select, u-Update, d-Delete, i-Insert.
Post a Comment
Read more

css introduction

What is CSS? •Stands for Cascading Style Sheet •CSS allows you to style HTML elements, or define how they are displayed. •Styles are normally stored in Style Sheets •External Style Sheetscan save you a lot of work •External Style Sheets are stored in CSS files •Multiple style definitions will cascadeinto one •Examples: –Changing the color of text –Specifying the size and position of a div What is CSS? (cont.) •CSS is an alternative to the “style” attribute. – <div style=“height:500px; width:200px”></div> •Advantages: –Can control the style of many different elements with a single command. –Separation of function: HTML can focus on content while CSS handles styling. CSS (Cascading Style Sheet) •Simple mechanism for adding style to web page •Code be embedded into the HTML file •HTML tag: <style type=“text/css”>CODE</style> •Also be in a separate file FILENAME.css •HTML tag: <link rel=“stylesheet” href=“scs.css” type=“text/css”> •St...
Post a Comment
Read more

Text Formatting

• Text formatting tags modify the text between the opening tag and the closing tag – Ex. <b>Hello</b> makes “Hello” bold
Post a Comment
Read more