1 / 46

Create Frames

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:. R. A. M. F. E. 1.

alima
Download Presentation

Create Frames

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Create Frames

  2. In this presentation you will learn: • Creating vertical frameset • Creating horizontal frameset • Inserting no frames tag • Inserting Navigation frameset LET’S GO!!!

  3. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. _____ ______ _____ _____ ______ R E C T L A V I 2. ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  4. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F _____ ______ _____ _____ ______ R E C T L I A V 2. ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  5. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R _____ ______ _____ _____ ______ R E C T L I A V 2. ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  6. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A _____ ______ _____ _____ ______ R E C T L I A V 2. ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R S A E M T E F 4. _____ ______ ______ ______ ______ ______ _____ ______

  7. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M _____ ______ _____ _____ ______ R E C T L I A V 2. ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  8. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  9. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ F R S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  10. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  11. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  12. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  13. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  14. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  15. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A ____ _____ _____ ____ _____ ______ _____ _____ A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  16. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  17. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  18. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  19. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G ____ _____ _____ _____ R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  20. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. _____ ______ ______ ______ ______ ______ _____ ______

  21. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F _____ ______ ______ ______ ______ ______ _____ ______

  22. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R _____ ______ ______ ______ ______ ______ _____ ______

  23. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R A _____ ______ ______ ______ ______ ______ _____ ______

  24. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R A M _____ ______ ______ ______ ______ ______ _____ ______

  25. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R A M E _____ ______ ______ ______ ______ ______ _____ ______

  26. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R A M E S _____ ______ ______ ______ ______ ______ _____ ______

  27. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R A M E S E _____ ______ ______ ______ ______ ______ _____ ______

  28. RAMBLE THE FOLLOWING LETTERS TO FORM THE MYSTERY WORD: R A M F E 1. F R A M E _____ ______ _____ _____ ______ CORRECT!!! R E C T L I A V 2. V E R T I C A L ____ _____ _____ ____ _____ ______ _____ _____ CORRECT!!! A T G S 3. T A G S ____ _____ _____ _____ CORRECT!!! R F S A E M T E 4. F R A M E S E T _____ ______ ______ ______ ______ ______ _____ ______ CORRECT!!!

  29. Vertical Frame 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.

  30. EXAMPLE OF 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>

  31. Horizontal 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.

  32. Example of Horizontal Frame <html> <frameset cols="25%,*,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html>

  33. No Frame Tag 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.

  34. EXAMPLE OF NO FRAME <html> <frameset rows=“50%,50%”> <frame no resize=“no resize” src” “/> <frame no resize=“no resize” src=“ “/> </frameset> </html>

  35. Navigation Frames Navigation frames are created in the webpage.

  36. Example of Navigation Frames <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>

  37. Answer the following question: 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 sheet 2. 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

  38. A framework that provides facilities that many different types of applications will need. A. horizontal frame B. vertical frame C. no frame D. none of the above It is used in the webpage A. vertical frameset B. horizontal frameset C. no frames tag D. navigation frames

  39. 5. It is created in the webpage A . navigation frame B. vertical frames C. horizontal frame D. none of the above 6. HTML stands for. A. hyper text mark –up B. hyper text mark-up list C. hyper text mark-up language D. hyper text mark-up latest 7. It is composed of pages. A. word wide web B. world wide web C. web site D.web

  40. 8. Frameset that are created according to the requirements of the webpage. A. horizontal frameset B. vertical frameset C. navigation frameset D. no frame 9. Frameset that are created according to the webpage. A. navigation frameset B. horizontal frameset C. vertical frameset D. both A and C What frameset have a command of no resize? A. No Frame B. Navigation Frameset C. Vertical Frameset D. Both A and B

  41. FIN…..

  42. Acknowledgement: Thank you to the following: To our Creator To Mr. Reluba To my family and friends

  43. 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

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

  45. Sorry!!! Try Again

  46. Your Correct!!!

More Related