Design and develop a website in HTML Assignment

Task 1- Design and develop a website

1. Based on the requirement given above, perform the analysis of the requirements of the website related to page layout, HTML, and CSS.
2. Identify the main section of web page layout and create page structure based on the layout. Create the required HTML and other web page elements to meet design requirement.
3. Create the layout of web page using simple and advanced CSS techniques.
4. Create simple and advanced CSS code to format and style the web page elements. Use internal and external CSS as explained in the requirement above.
5. Apply the CSS code to multiple pages in your website.

Task 2 - Test and validate website

You should perform the below given activities and prepare a report documenting all the results. You should document the steps you followed to test and validate your website. Also, include the screen print in your report showing the testing and validation you have validated in different browsers.

1. Test all the pages of website to ensure there is no errors on the page. For this purpose, you can use industry standard validation tools including the one provided by W3C.
2. Validate and test the CSS code against industry standard such as W3C.
3. Check the compatibility of your website in all major browser. You should test your website in at least three main major browsers. Correct any browser incompatibilities issues.
4. Check the website is accessible and can be viewed properly.
5. Check the website sections and web pages are accessible to wide range of devices and people.

Solution Task 1

Sample HTML Assignment and Solution

Task 1- Design and develop a website

1. Based on the requirement given above, perform the analysis of the requirements of the

website related to page layout, HTML, and CSS.

2. Identify the main section of web page layout and create page structure based on the

layout. Create the required HTML and other web page elements to meet design requirement.

3. Create the layout of web page using simple and advanced CSS techniques.

4. Create simple and advanced CSS code to format and style the web page elements. Use

internal and external CSS as explained in the requirement above.

5. Apply the CSS code to multiple pages in your website.

Task 2 - Test and validate website

You should perform the below given activities and prepare a report documenting all the results. You should document the steps you followed to test and validate your website. Also, include the screen print in your report showing the testing and validation you have validated in different browsers.

1. Test all the pages of website to ensure there is no errors on the page. For this purpose, you can use industry standard validation tools including the one provided by W3C.

2. Validate and test the CSS code against industry standard such as W3C.

3. Check the compatibility of your website in all major browser. You should test your

website in at least three main major browsers. Correct any browser incompatibilities issues.

4. Check the website is accessible and can be viewed properly.

5. Check the website sections and web pages are accessible to wide range of devices and people.

Solution Task 1

HTML Output