Create Frames

In this presentation you will learn:

Creating vertical frameset

Creating horizontal frameset

Inserting no frames tag

Inserting Navigation frameset

LET’S GO!!!

RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD:

1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

_____ ______ _____ _____ ______

____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F _____ ______ _____ _____ ______

____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R_____ ______ _____ _____ ______

____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A_____ ______ _____ _____ ______

____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M_____ ______ _____ _____ ______

____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V ____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T ____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A ____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T ____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R A_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R A M_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R A M E_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R A M E S_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R A M E S E_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!


1. R FA M E

2. ILCR E T VA

3. T

FR

SA

S

G

4. ETMEA

F R A M E _____ ______ _____ _____ ______

V E R T I C A L____ _____ _____ ____ _____ ______ _____ _____

T A G S____ _____ _____ _____

F R A M E S E T_____ ______ ______ ______ ______ ______ _____ ______

CORRECT!!!

CORRECT!!!

CORRECT!!!

CORRECT!!!

The Frame in HTML is used to display more than one web pages in the same page of browser window. In this Tutorial, the code define a example from vertical Frameset. For this we create a two html page name .-The first page is Qualification.html, In this page we create two radio button, the user can select any one of the two option radio from the web page.

Vertical frameset are created according to the webpage.

Vertical Frame

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD></HEAD><BODY><p>Try clicking on the text labels:</p><form name="input" action="saurabh.asp"><input type="radio" name="Qualification" id="CLASS X" /><label for="CLASS X">CLASS X</label><br /><input type="radio" name="Qualification" id="CLASS XII" /><label for="CLASS XII">CLASS XII</label><br><input type="submit" value="submit"></br></form></BODY></HTML>

EXAMPLE OF VERTICAL FRAME

A framework that provides facilities that many different types of applications will need.

Horizontal frameset are created according to the requirements of the webpage.

Horizontal Frame

<html> <frameset cols="25%,*,25%">

<frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset>

</html>

Example of Horizontal Frame

The NOFRAMES element specifies content that should be displayed only by user agents that do not support frames or are configured not to display frames. User agents that support frames must only display the contents of a NOFRAMES declaration when configured not to display frames. User agents that do not support frames must display the contents of NOFRAMES in any case.

No frames tag is used in the webpage.

No Frame Tag

<html><frameset rows=“50%,50%”>

<frame no resize=“no resize” src” “/>

<frame no resize=“no resize” src=“ “/>

</frameset></html>

EXAMPLE OF NO FRAME

Navigation Frames

Navigation frames are created in the webpage.

<html><head><title>Navigation frame</title></head><frameset rows=“45,45” border color=11

frameborder=11><frame name=“index“ src” begin “ marginwidth=“50”

marginheight=“100”<frame cols=“120,*”><frame name=“index” src=“begin” scrolling=“no”><frame name=“content” src=“begin”></frameset></html>

Example of Navigation Frames

Answer the following question:

1. HTML is used to display more than one web pages in the same page of browser window.

A. frames B. list C. tables

D. style sheet2. Element specifies content that should be

displayedonly by user agents that do not support frames or are configured not to display frames.

A. vertical frames B. horizontal frame

C. no frame D. frameset

3. A framework that provides facilities that many different types of applications will need. A. horizontal frameB. vertical frameC. no frameD. none of the above

4. It is used in the webpage

A. vertical framesetB. horizontal framesetC. no frames tagD. navigation frames

5. It is created in the webpageA . navigation frameB. vertical framesC. horizontal frameD. none of the above

6. HTML stands for.A. hyper text mark –upB. hyper text mark-up listC.

hyper text mark-up languageD.

hyper text mark-up latest

7. It is composed of pages.A. word wide webB. world wide webC. web siteD.web

8. Frameset that are created according to the requirements of the webpage.

A. horizontal framesetB. vertical framesetC. navigation framesetD. no frame

9. Frameset that are created according to the webpage.

A. navigation framesetB. horizontal framesetC. vertical frameset D. both A and C

10.What frameset have a command of no resize?

A. No FrameB. Navigation FramesetC. Vertical FramesetD. Both A and B

FIN…..

Acknowledgement:Thank you to the following:

To our CreatorTo Mr. RelubaTo my family and friends

References:http://www.google.com.ph/search?hl=tl&q=squidward&gs_sm=sc&gs_upl=334497l343559l4l347750l5l5l0l0l0l1l3799l9269l6-2.1.0.2l5l0&bav=on.2,or.r_gc.r_pw.,cf.osb&biw=1024&bih=579&pdl=300&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=ioQST-mrJ4GViQf3oJBD

http://www.google.com.ph/search?hl=tl&q=squidward&gs_sm=sc&gs_upl=334497l343559l4l347750l5l5l0l0l0l1l3799l9269l6-2.1.0.2l5l0&bav=on.2,or.r_gc.r_pw.,cf.osb&biw=1024&bih=579&pdl=300&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=ioQST-mrJ4GViQf3oJBD#um=1&hl=tl&tbm=isch&sa=1&q=spongebob&pbx=1&oq=sponge&aq=0&aqi=g10&aql=&gs_sm=e&gs_upl=857823l859876l0l863369l5l5l0l0l0l2l1814l6742l3-1.7-1.3l5l0&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=42b76f1338c0d7b2&biw=1024&bih=579

Worked by: Karla S. Fraginal(2011-2012)

Sorry!!!Try

Again

Your Correct

!!!

Create Frames

Documents

Transcript of Create Frames