IT404 Assignment3

The figure 1 shows a sprite image that contains 7 different images.

Use CSS sprite techniques and write an HTML file to display the sprites of image as shown in figure 2.

Don't use plagiarized sources. Get Your Custom Essay on
IT404 Assignment3
Just from $13/Page
Order Essay

Hint: You can left click on figure 1. image and save it as separated image file in order to use it through your HTML script.

Figure 1. 700×100 sprite image

Figure 2 sprite image output

2 Marks

Learning Outcome(s):

Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

Question Two

Write the CSS rules of formatting text that creates the following web page with specifications mentioned on the panel. The HTML body is already given to you.

<!DOCTYPE html>



<title> Blended Learning </title>



<h1> About Blended Learning </h1>



<h2> Blended Learning “Learning Future” </h2>

<p> Education technology …..</p>



<h2> Blended Learning Model at Saudi Electronic University: </h2>

<p> The blended ….. through (Blackboard).</p>



<h2> Benefits of blended learning </h2>


<li> Benefit1 </li>

<li id=“flag”> Benefit2 </li>

<li> Benefit3 </li>






0.5 Marks
Learning Outcome(s):

Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

Question Three

Write the CSS rules that produce the page in the following figure. The layout is fixed with width 500px and centered.

The HTML body is already given to you

HTML document

<!DOCTYPE html>






<div id=”wrapper”>

<div id=”header”><h1>IT404 Final Exam</div>

<div id=”main”>Today is Monday 23/12/2019.<br> Final exam day.</div>

<div id=”extras”> Quiz #1<br>Quiz #2</div>

<div id=”footer”>Saudi Electronic University 2018</div>




Essay Assign
Calculate your paper price
Pages (550 words)
Approximate price: -

Our Advantages

Plagiarism Free Papers

All our papers are original and written from scratch. We will email you a plagiarism report alongside your completed paper once done.

Free Revisions

All papers are submitted ahead of time. We do this to allow you time to point out any area you would need revision on, and help you for free.


A title page preceeds all your paper content. Here, you put all your personal information and this we give out for free.


Without a reference/bibliography page, any academic paper is incomplete and doesnt qualify for grading. We also offer this for free.

Originality & Security

At Essay Assign, we take confidentiality seriously and all your personal information is stored safely and do not share it with third parties for any reasons whatsoever. Our work is original and we send plagiarism reports alongside every paper.

24/7 Customer Support

Our agents are online 24/7. Feel free to contact us through email or talk to our live agents.

Try it now!

Calculate the price of your order

We'll send you the first draft for approval by at
Total price:

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Services

We work around the clock to see best customer experience.


Flexible Pricing

Our prices are pocket friendly and you can do partial payments. When that is not enough, we have a free enquiry service.


Admission help & Client-Writer Contact

When you need to elaborate something further to your writer, we provide that button.


Paper Submission

We take deadlines seriously and our papers are submitted ahead of time. We are happy to assist you in case of any adjustments needed.


Customer Feedback

Your feedback, good or bad is of great concern to us and we take it very seriously. We are, therefore, constantly adjusting our policies to ensure best customer/writer experience.