Pg. 04

Question Four

IT404 Assignment 2

1 Mark

1 Mark

Learning Outcome(s): LO2

Develop websites that present information, graphics and hypertext using CSS and JavaScript

Learning Outcome(s): LO2

Develop websites that present information, graphics and hypertext using CSS and JavaScript

Question One

Identify the different parts of this style rule:

h1 , p , em { border: 5px dotted blue}

Answer:

1 Marks

1 Marks

Learning Outcome(s): LO2

Develop websites that present information, graphics and hypertext using CSS and JavaScript

Learning Outcome(s): LO2

Develop websites that present information, graphics and hypertext using CSS and JavaScript

Question Two

Write an HTML and CSS code that produce the following output:

Notes:

Set the background color for the page to ” lightblue” and the background color for “What is CSS” to “lightgreen”.

First write the code, then take a screenshot of the output.

Answer:

2 Marks

2 Marks

Learning Outcome(s): LO3

Recognize and evaluate a range of real-world web design approaches.

Learning Outcome(s): LO3

Recognize and evaluate a range of real-world web design approaches.

Question Three

Write an HTML file that creates the following web page, then take a screenshot of the output.

Guidelines:

1.The page is using two columns, fluid layout with header and footer divisions

2.You can use any page setting’s values you would like such as font size, background color, margin, padding, height, width…etc. Just you need to be sure that settings and values allow the front text to be readable to users.

3.The left column items are empty links.

4.You can utilize the following text to build the text of the right column.

Under the leadership of the Custodian of the Two Holy Mosques, Vision 2030 was launched, a roadmap drawn up by His Royal Highness the Crown Prince, to harness the strengths God bestowed upon us – our strategic position, investment power and place at the center of Arab and Islamic worlds. The full attention of the Kingdom, and our Leadership, is on harnessing our potential to achieve our ambitions.

Answer:

1 Marks

1 Marks

Learning Outcome(s): LO2

Develop websites that present information, graphics and hypertext using CSS and JavaScript

Learning Outcome(s): LO2

Develop websites that present information, graphics and hypertext using CSS and JavaScript

Question Four

Use the code below and make the background image shown once, in the top left corner.

Note:

Choose an image of your preference, then take a screenshot of the output.

body {

background-image: url(“img_name.png”);

}

The Owls

Owls are some of the most fascinating and mysterious raptors in the world. While many people know a little bit about these birds of prey, some owl facts can surprise even the most experienced birders.