HTML work

Submit a Week 2 Lab folder, including

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

• Add 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 address. 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.