Your goal is to create a simple website that displays documentation and examples
for at least ten (10) HTML elements and for at least three (3) CSS properties. When you are done
you will have (at a minimum) 14 HTML files and at least one CSS file. I would also like you to link
to the modernizr script as was done in a previous tutorial.
Your pages should all follow a particular layout. Specifically, I would like to see the following:
• A header areafor the body. This is completely decorative and can be done however you want.
You must have something clickable in your header (preferably an image) that will take you
back to the homepage.
• A footer area for the body. The footer must contain your name and the date that you completed
the project. You should also include the address of the CCRI campus.
• A navigation bar. Where you place it is up to you (left, top, etc.). It should contain links to
the pages for each element and CSS property that are being documented.
You will need one homepage. The homepage will meet the above requirements, and will display
some general information about the purpose of your website, along with a link that can be used
to email the webmaster (that’s you!). Research: mailto
The documentation pages should include a heading that states the name of the element. For example,
if you were documenting the blockquote element, you might have a heading that contains
the text: “The blockquote Element” (note the formatting of this, research: span). You will
then:
• Provide a hyperlink to the official documentation for this element on w3c.org.
• Provide a textual description of what this element is supposed to do.
• Provide sample code showing how to use this element in code.
Research: how to use < and > in a code element.
• Provide an area of the webpage that demonstrates the results of the sample code.
All of your code should be standards-compliant HTML5/CSS and MUST VALIDATE!