<%@LANGUAGE="VBSCRIPT" %><% Response.CacheControl = "no-cache" %>
Exercise #7 (Due End of Period)

Turn in:

  • A folder named your "Lastname, Firstname" containing:
    • index_cols.html
    • index_rows.html
    • frame_a.html
    • frame_b.html
    • frame_c.html
    • frame_d.html
    • frame_e.html

Details:

This exercise is designed to help begin familiarizing you with frames. In this exercise you will create a raw frames layout that includes spanning rows and one that includes spanning columns.

Expand/Collapse Section ImageExercise Specifications

Part I: Spanning Rows (index_rows.html)

Begin by:

  • Download these 5 "skeleton" XHTML pages that will be the "content" for the frames. Name each of these documents "frame_a.html", "frame_b.html", and so forth up to "frame_e.html".
    • These documents will be used by both parts of this exercise.
    • Each of these already uses the strict DTD.
       
  • Now create a frames document based upon the image shown below, that uses the files you just created. Name this file index_rows.html.
    • Every <frame> tag should have src and title attributes. The title attribute is required for accessibility compliance.
    • In the frames document, be sure to include a <noframes> section, such as the following. The <noframes> code goes inside the <frameset> tag. It should be the last set of tags before the final closing </frameset> tag:
      . . . 
              <noframes>
                      <body>
                              <h2>Sorry your browser does not support frames.</h2>
                      </body>
              </noframes>
      </frameset>

      Image of the solution to part 1

Part II: Spanning Columns (index_cols.html)

  • Now create a frames document based upon the image shown below, that uses the files you just created. Name this file index_cols.html.
    • Every <frame> tag should have src and title attributes. The title attribute is required for accessibility compliance.
    • In the frames document, be sure to include a <noframes> section, such as the following. The <noframes> code goes inside the <frameset> tag. It should be the last set of tags before the final closing </frameset> tag:
      . . . 
              <noframes>
                      <body>
                              <h2>Sorry your browser does not support frames.</h2>
                      </body>
              </noframes>
      </frameset>

      Image of the solution to part 2

Note: This exercise is to be done by hand/hard-coding. No editors!