• index.html;
• about.html;
• contact.html;
• staff.html;
• rates.html;
• CIS363A_W2_LabA_graphic.gif; and
• lab2.css. (unless you do not use external CSS files)

  Word or Visio Storyboard Diagram document

 

 

 

Lab Steps

 

 

• Review the MS Word document downloaded from the scenario and summary above.
• Determine what pages will be necessary for the site based on the provided document.
• Create a storyboard to show those pages as they relate to each other.

 

 

• Create a new folder named W2Lab in the site root.
• Create and save your CSS file in the W2Lab folder.
• Save the file as index.htm in the W2Lab folder.

 

 

• Download this graphic and save it in your W2Lab folder.
• Place the image to serve as the logo on your HTML 5 page.
  • In the Alt value box, type Rainbow Daycare Logo.
• Save the file.

 

 

• Create four links representing a simple navigation menu.
  • Link one—change to About Us
  • Link two—change to Our Staff
  • Link three—change to Contact Us
  • Link four—change to Our Rates
• Establish the links as necessary:
  • About Us ? about.html
  • Our Staff ? staff.html
  • Contact Us ? contact.html
  • Our Rates ? rates.html
• Save the file.

 

 

• AID descriptions below the navigation menu as paragraphs describing the nature of the links.
• Save the file.

 

 

• Save the index.html file as about.html.
• Test your web pages using the browser of your choice.

 

 

• The data document is arranged by page. Change the Heading 1 for each page to an appropriate title for that content, and use the content supplied for that page.
• Here is the formatting suggestion for each page.
  • Index—Use a paragraph.
  • About—Use paragraphs, with a bullet list for activities.
  • Staff—Use a bullet list, indented for each group.
  • Contact—These are labels and values separated by colons, line breaks for phone, e-mail, and aIDress. Place the promotion statement in a paragraph at the bottom and style appropriately.
  • Rates—This is a three-column table. Age, hours, and rates are the column headers.

 

 

• Save all files. Locate the W2Lab folder in Windows Explorer and select it.
• Right-click and select Send To and choose compressed file.

Rename the file Lastname_w2Lab.zip, where Lastname is your last name.