TASK2: WEBSITE IMPLEMENTATION [CLO3, CLO4, CLO5] [DELIVERABLE 2] [37 MARKS] Layout: The website layout must be created using HTML5 structure tags and CSS3 rules as per your website plan. . .

. Must use an external style sheet with different types of selectors based on name, id, and class. At least one internal and inline style should be used to style web pages; Minimum of 4 HTML elements, class, and ID selectors (excluding the layout rules). Website Pages: Create 4 pages (Home page, 3 related pages). Your web pages should include all HTML elements covered in the course: lists, tables, anchor, links, images, media, etc. Layout must be your own and not be a copy of your in-class exercises NOT reused from an existing template; External style sheet should be used to style the layout of the website; . Content: Depth of content. Your website pages should have sufficient text content formatted as headings, paragraphs, lists, tables, etc. You must also use external links, email links and internal links. Images: A minimum of 6 images must be used on the website for the content (excluding banner and navigation images). Images should be clear and not distorted. All images must have alt property set. Audio or video: A least one video or audio must be added to the website. A form page: Create a user-friendly form (i.e., survey, registration, contact form, etc) with appropriate fields. The form should have an action and must include different input fields (i.e. text, email, number, date, checkbox, radiobox, etc), select list, and text area. At least 3 validations should be applied Academic Honesty & References Page: Create an academic honesty statement and references as in Appendix 1 (with external links to websites where you have sourced your information, images etc.) and a table showing the workload distribution. Should contain your names and IDs with email link. Test your Web pages using W3C HTML and CSS validators. Verify that the navigation is respected, all links are working, all images are displayed, form fields are validated. Publish your website on localhost./n. Site Map showing the information hierarchy of the website. Your website must have a minimum of 6 pages. The website must include the following pages: . . . . Wireframe diagram showing the layout of your website. Design description: Explain key design elements and how you will: . Home Page (index.html) Three other pages related to the business Academic honesty and References Page (see Appendix 1) A form page which uses all the form different fields (Could be a survey, contact, enquiry, etc.) . apply the accessibility principles related to color and contrast in typography; apply CARP (Contrast, Alignment, Repetition, and Proximity) principles; and ensure a consistent visual hierarchy of the important elements of the page. 202230 CI S 1203 Group Project V2 Higher Colleges of Technology كليات التـقنيـة الصـليـا Page 2112 TASK2: WEBSITE IMPLEMENTATION [CLO3, CLO4, CLOS][DELIVERABLE 2] [37 MARKS] Layout: The website layout must be created using HTMLS structure tags and CSS3 rules as per your website plan. Layout must be your own and not be a copy of your in-class exercises NOT reused from an existing template; External style sheet should be used to style the layout of the website; Must use an external style sheet with different types of selectors based on name, id, and class. At least one internal and inline style should be used to style web pages;