• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 15. Working with Frames > Designing for the Real World

Designing for the Real World

Building Accessible Framed Pages

You'll do this using the <noframes> tag, as described earlier in the chapter. To do so, follow these steps:

  1. Create a frameset in your XHTML editor:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Frame with noframes Element</title>
    </head>
    <frameset frameborder="0" framespacing="0" border="0" cols="240,
    *">
    <frame src="menu.html" marginheight="5" marginwidth="5" noresize= 
    "noresize" scrolling="auto" />
    <frame src="main.html" name="right" marginheight="15"
    marginwidth="15" noresize="noresize" scrolling="auto" />
    
    </frameset>
    </html>
    
  2. Add the <noframes> tag and its companion </noframes> in the following fashion:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Frames with NOFRAMES Element</title>
    </head>
    <frameset frameborder="0" framespacing="0" border="0" cols="240,
    *">
    <frame src="menu.html" marginheight="5" marginwidth="5" noresize= 
    "noresize" scrolling="auto" />
    <frame src="main.html" name="right" marginheight="15"
    marginwidth="15" noresize="noresize" scrolling="auto" />
    <noframes>
    </noframes>
    </frameset>
    </html>
    
  3. Now add all the HTML syntax necessary to create a fully functional page within the <NOFRAMES> tag:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Frames with noframes Element</title>
    </head>
    <frameset frameborder="0" framespacing="0" border="0" cols="240,
    *">
    <frame src="menu.html" marginheight="5" marginwidth="5" noresize= 
    "noresize" scrolling="auto" />
    <frame src="main.html" name="right" marginheight="15"
    marginwidth="15" noresize="noresize" scrolling="auto" />
    <noframes>
    <body>
    <p>Welcome. We're happy to provide this non-frames access to our
    Web site. If you prefer to view our site using frames, please
    upgrade your browser to a recent one that fully supports frames.
    Otherwise, please visit our <a href="index_noframes.html">
    non-framed</a> version of this site.</p>
    </body>
    </noframes>
    </frameset>
    </html>
    
    
    					  
  4. Save the page. You've now made the page completely accessible to non-frame browsers.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint