objective: Write, test, and publish a responsive website outlining your plan for your final project.

requirements:

1. These pages should not reuse any of your previous COMP 1850 work, i.e., this should be a new layout.
2. Attention should be paid to proper styling using CSS and ensuring that the site works well at various viewport sizes. This will be a requirement for your final project as well, so this is a good time to practice the approach.
3. Create the overview page for your website and title it index.html. The page should include:
   1. A description of the theme for your final project (e.g., promoting a friend or partner's business, an online resume, a travelogue of vacation pictures, etc.)
   2. Thoroughly describe the prime (and if applicable, secondary) objectives of the website. Make it clear what, exactly, you hope the website would achieve. If there are several objectives, list each and rank them by importance.
4. Create a second HTML page called audience-outline.html. The page should include:
   1. A detailed analysis of the ideal audience for this website (e.g., prospective employers, customers, fans of anime, etc.). Be sure to consider any and all relevant factors, including age, gender, location, language, budget, etc. If there are several distinct target audiences, be sure to account for them all.
   2. A description of the site architecture and some of the key pages the website will include (e.g., home, gallery, about us, FAQ, etc.).
5. Create a third HTML page called research.html. The page should include:
   1. An analysis of sites similar to your final project (i.e., competition). Include links to two or more examples of websites that would be in direct competition with your site or that are similar to the audience and objectives as yours. Provide both links to these sites as well as descriptions of what you think the sites are doing well, and what, if anything, could be improved.
   2. A link to any website that you find uses colour effectively. Determine some of the colour values the site uses and deploy them on your page as an example as a series of coloured boxes.
   3. A link to a website that uses a layout you find appealing. Explain why you like this layout. You do not need to re-create the layout yourself.
6. All three pages should include the following identical elements on each page:
   1. a common header and footer;
   2. a list-based navigation system that allows the user to easily move between each of the pages.
7. All content on all pages should be using the same external CSS file.
8. All content must be marked up semantically to convey the meaning and relationships of the data.
9. Publish the completed website to your web space.

Check your work using the online HTML Validator. Test all your links thoroughly, both before and after publishing online.

Email the URL of your finished assignment to your instructor.

Exercise is due before the start of the session eight. Your instructor will not hunt you down to hand this in - no email sent to your instructor equals zero marks.

assigned: session 6
due: session 8
weight: 10% of final grade