Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document and a CSS file. Make sure to include

• the language attribute of the html element and
• the character set attribute of the metadata element.

Name the Web page Unit3.html Link to the Unit3.css file used to style and layout the Web page.

• Assign Unit 3 IP to the title.
• Structure the Web page using the HTML semantic elements
  • header
  • section
  • footer

Within the structure of the Web page add other HTML elements including at least:

• one level-one heading for the page in the header
• navigation in the header that includes a
  • one level-two heading for a table of contents in the header
  • list of at least three placeholders that
  • navigate to the paragraphs in the section
  • implement accessibility guidelines
• one level-three heading for the section
• three paragraphs in the section
• beginning of each paragraph is an anchor or ID
• additional text to lengthen the document
• three paragraphs in the section, one after each content paragraph, these will contain a link that navigates back to the table of contents
• one figure element in the section to display
  • Image that implements accessibility guidelines
  • Copy the image file to the Web site folder.
  • Submit the image file along with the document.
  • figure caption
• figure element in the section to display
  • figure caption
  • table with
  • table header
  • table body
  • at least three table rows
  • at least three table data
  • table footer that spans three columns
• Use of any inline elements should follow current standards
• No style should be applied
• Validate the HTML in the Web page.

Develop an external CSS to provide style, presentation, and layout to the HTML document.

• Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit3.css.
• Link the CSS file to the HTML document.

Add style rules to Unit3.css to accomplish the following:

• In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text.
• Set the font size for the body to 85% of the browsers default font size.
• Set the width of the window to display the document to 950.
• Center the text in the header.
• Set the font size for the level-one heading in the header to two and one-half times the browsers default font size.
• Set the font size for the level-two heading in the header and the level-one heading in the section to one and three-quarter times the browsers default font size.
• Set the text to undecorated and one and one-quarter times the browsers default font size when the user hovers over or focuses on the links in the table of contents.
• Set the width of figures to 300.
• Display figures on the right with the paragraph text flowing to the left of the figures.
• Set the margin for figures to the equivalent of one capital M on all sides.
• Set the padding for figures to the equivalent of one capital M on all sides.
• Display a one pixel black border to the left of figures.
• Bold the text of figure captions.
• Set the size of the font of figure captions to one and one-quarter times the browsers default font size.
• Center the text of figure captions.
• Clear the float of the figures in the paragraphs that return the user to the table of contents.
• Center the text of the paragraphs that return the user to the table of contents.
• Display the footer in the center of the page.
• Display a one pixel black border around the table, all table data and table headers.
• Center the text in the table footer.
• Bold the text in the table footer.

Validate the CSS style rules.