Web Design

 

This week you will optimize your website for mobile devices.  You will also add at least one more HTML5 API of your choice (from Lesson 7) to your website (in addition to the drag-and-drop API you added in week 5).  You must add at least two additional HTML pages to your website, for a minimum of six total pages on your website.  If there were any errors in your website in weeks 1-7, please make sure you correct them before re-submitting your files for this week’s assignment.  Continue to build on the website you created in weeks 1-7.   You should be creating an informative website about any topic that interests you.  Make sure that you write the content (the paragraphs of information about your topic) yourself.  Do not copy content from other web pages.  Your website should contain at least 4-6 paragraphs of information, arranged in a logical manner (appropriately using headings and sub-headings, as well as HTML5 structure elements).  Your website (HTML files) must include all the following:1. Correctly uses all basic HTML 5 tags, such as HTML 5 DOCTYPE declaration; html, head, and body tags; charset, author, keywords, and description meta tags; title tags; and HTML5 structure elements (found in Table 1-2 of Lesson 1 of your textbook).  In particular, be sure to use each structure element correctly, containing information appropriate for that type of structure element.2. In the body section of your document, include all seven HTML5 structure elements from Table 1-2 of Lesson 1 of your textbook.  Be sure to use each structure element correctly, containing information appropriate for that type of structure element.3. You must add at least two additional HTML pages to your website, for a minimum total of six HTML pages in your website.  Make sure all pages appear in menus on each page of your website, and that all pages are linked together using a well thought-out navigation scheme.4. Website contains at least six HTML pages with a total of 4-6 paragraphs of well-written, well-thought-out content.5. Include images, hyperlinks, a form (with input validation) and other HTML elements appropriate to your page.6. At least two correctly coded HTML5 APIs (including the drag-and-drop API that you added in week 5, and an additional HTML5 API of your choice).7. Correct use of a variety of techniques from Lesson 10 to optimize your website for mobile devices.8. Validate all HTML files at http://validator.w3.org/ and fix any errors that the validator identifies before submitting your assignment.9. Validate all HTML files at http://validator.w3.org/mobile and fix any errors that the validator identifies before submitting your assignment.Your style sheets (CSS files) must include all of the following:1. Correctly coded CSS3 selectors and properties, including a variety of background properties, border properties, font properties, text effects, and advanced CSS3 techniques.2. Validate all CSS files (and all HTML files that contain embedded CSS) at http://jigsaw.w3.org/css-validator/ and fix any errors that the validator identifies before submitting your assignment.