Question: NEED HELP ON THIS ASSIGNMENT If it's not possible to provide the .html file on here, send the .html file as a link where it's

NEED HELP ON THIS ASSIGNMENT

If it's not possible to provide the .html file on here, send the .html file as a link where it's posted somewhere else, such as a google drive doc.

Create a single .html file

Provide any additional image file separately (limit of 4 images).

Make sure your web page renders correctly.

Web pages that render with errors will be penalized by 2 (two) marks.

You cannot use MS Office or any other tools to create documents and save them as .html.

Generated web pages will receive 0 marks.

Introduction

In this assignment you will create a single web page with content of your choice.

Your web page must:

1- Be larger than a single screen, such as to require scrolling on a standard resolution full screen

2- Separate style from content using embedded style rules

3- Make good use of rule inheritance and cascading

4- Include at least one image

5- Include at least 3 font sizes and 2 font styles or variants

6- Include at least two fonts, one of which should be a web hosted font

7- Include at least one border, including margin and padding settings

8- Include at least one use of class and one use of id

9- Include at least one link to an external web page

10- Include at least one ordered list

11- Include at least one unordered list

12- Include at least one instance of relative and one instance of fixed positioning

13- Include a background of your choice

14- Include at least three colors

Meeting each of the above criteria will be worth 0.5 marks (for a total of 7 marks).

Another mark will be given for using good practices in your layout of the HTML file (tag alignment, all closing tags present, indentation, use of shorthand where applicable, etc.)

Finally, two marks will be given for the correct rendering of the web page (no errors should occur using Firefox as a reference browser).

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!