Part 1: Documentation, (30%)
You may download an acrobat or word processing document to help you with this.

At the end of this process, you will be turning in answers using the Quizzes area of Desire2Learn, based on the following. So, to get the best score, fill in all the answers in this document first.

Tags to document must include: <frameset> and <frame>

Tag: <frameset> </frameset> frameset
Syntax (required and [optional attributes]; including rows=, and cols= )
What do these do?:
Example:

Notes:

Tag: <frame> Frame
Syntax (required and [optional attributes]; including src=, and name=,
[ scrolling=, and the very rare attribute not followed by an=... noresize]
What do these do?:
Example:

Notes:

Part 2, Activity (40%):
You may download an acrobat or word processing document to help you with this.

 • Create a folder named lab7
    (QUICKSTART ALTERNATIVE: copy your lab6 FOLDER, and rename the copy to lab7)

    CHOOSE EITHER FAST OPTION 1 OR SECOND OPTION, YOU DON'T DO BOTH

OR

• Second option: For those who are intrugued by framed pages such as D2L implements,
  and if you want to practice what is on the lab quiz and in Test 3.
  
  Design on paper a frame system, using the rough dimensions below
  

 • You must have a page that opens in each frame... you may reuse existing pages if you wish.
    Note: Editors usually have trouble with frames.
    NVu doesn't do frames, and Dreamweaver often messes up and uses absolute addresses instead of relative addresses.
    For that reason I offer frame templates to help you with your labs.

• Create a new file of your own design called frame.htm inside of the pages folder
  (why not copy a frame template as a starting point?)
  \
  
         lab6
            |
            |
         lab7
            |
            |----index.html
            |
            |---- pages
            |          |-  page1.htm
            |          |-  page2.htm
            |          |-  resume.htm
            |          |-  frame.htm
            |     
            |         
            |---- images
                       |- pink_fabric.gif
                       |- yellow_fabric.gif
                       |- yourimage.jpg
  
  
• (5 points) Please update your default document (index.html) to link to this file.
• Be sure to include the following:
  (10 points) the frame design in yourname-lab7, with at least 3 frames, such as
  Example , a frame shaped like the Texas Flag
  

  <-40%->	^ 50% v
  	^ 50% v

  
  (5 points) each frame src named
  (5 points each) a web page that opens in each frame src,
  (5 points) each page properly coded (you may reuse exisiting files)
  
  

  page1	resume
  	page2

  
  Steps to follow, if not using an editor, or a template
  Create the frame: tag create columns = “size, remaining size”
  Example <frameset cols=”40%, *” >
  Load the first frame: tag page to load identify the area
  Example <frame src="one.htm" name="side" >
  Create the second frame: tag create rows to fill this column = “size, remaining size”
  Example <frameset rows="50%,*" >
  Load the next frame: tag page to load identify the area
  Example <frame src="two.htm" name="upper" >
  Load the last frame: tag page to load identify the area
  Example <frame src="three.htm" name="lower">
  Close the right side
  Example </frameset >
  Close the whole frame structure
  Example </frameset >
  
  Challenge
  Create new pages that open in the frame set
  Control where a link opens, say in a different frame, using <a href=" "... target=" " >
  to a named frame

• Grading Points
   • A working frame or iframe (35 points)
   • Available from index; either iframe on index, or link to frame on index (5 points)

• (How to check for HTML errors)

Part 3: Hands On (30%): Be prepared to show the functionality of your web page, and discuss/demonstrate new tags and attributes used in this lab

You may download an acrobat or word processing document to help you with this.

At the end of this process, you will be turning in answers using the Quizzes area of Desire2Learn, based on the following questions. So, to get the best score, fill in all the answers in this document first.

Posers, could you answer the following on the test? (Specific Lab questions below.)

Answer the following questions. (6 points each)

1. Why do you name frames?
2. In <frame cols=" "...> etc., we typically leave one value as *. Why?
3. What attribute is used with <a href=" "...>, to get a page to open in the same frame?
4. What attribute is used with <a href=" "...>, to get a page to open in a different frame?
5. What attribute is used with <a href=" "...>, to get a page to open by replacing the frame?