Phase 1

Create a home page along with two more HTML pages for a total of 3 pages. All 3 pages must have content. Students need to supply content for their pages. The content - but not the programming can come from an online source. These pages can be part of your final project website. In fact, it is recommended.

Listed below are the specific instructions for this assignment:

  • Place all pages into a well-organized site folder. The home page must be named index.html and must be placed at the root level of your site folder. Your other pages are to be placed in folders suitable to their content.
  • The home page should contain content that introduce site visitors to your website.
  • One of your pages should contain a complete article that is at least as long as the article in the winter-nesting.html file from our in-class exercises. The article's text should be coded with basic HTML text markup elements that would include, where semantically appropriate, copy marked up with heading, paragraph, and phrase/inline elements.
  • Also, one of your pages should contain a list. The list can be an Ordered, Unordered, or Definition/inline elements.
  • The body element of each page should be divided into semantic sections/units via the HTML5 semantic elements.
  • Add a navigational bar via a list of all your pages.
  • Write relative hyperlinks to connect all of your pages together.
  • Connect each page to an external style sheet that sets your site's typography and colors.
  • Colors should be set using numeric values.
  • Validation: HTML pages and the CSS style sheet would have no syntax errors. To discover and correct syntax errors, students should run HTML pages through the W3C HTML Validator and run their stylesheet(s) through the W3C CSS Validator. There are links to these Validators on the Tools page of the class website.

Phase 2

Continuing from Assignment 1, any concerns raised in the written notes that I have added to your HTML and CSS assignment files as well as the in-class critiques must have been addressed.

Listed below are the specific instructions for this assignment:

  • Use CSS to create a basic page layout that will be applied to all of your site pages.
  • Add at least one image to two of your site's pages. (You can of course insert as many images as you want.)
  • There should be one instance of aligning text with an image.
  • Validation: As a reminder, HTML pages and the CSS style sheet would have no syntax errors. To discover and correct syntax errors, students should run HTML pages through the W3C HTML Validator and run their stylesheet(s) through the W3C CSS Validator. There are links to these Validators on the Tools page of the class website.

These pages can be part of your final project website. In fact, it is recommended.

Academic Honesty!
It is not our intention to break the school's academic policy. Posted solutions are meant to be used as a reference and should not be submitted as is. We are not held liable for any misuse of the solutions. Please see the frequently asked questions page for further questions and inquiries.
Kindly complete the form. Please provide a valid email address and we will get back to you within 24 hours. Payment is through PayPal, Buy me a Coffee or Cryptocurrency. We are a nonprofit organization however we need funds to keep this organization operating and to be able to complete our research and development projects.