Pg. 04 Question Four Assignment 2 Assignment 2 Web Design IT404 Web

Pg. 04

Question Four

Assignment 2

Assignment 2

Web Design IT404

Web Design IT404

Instructions:

• You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.

• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets or languages other than English or any kind of manipulation).

• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.

• The work should be your own, copying from students or other resources will result in ZERO mark.

• Use Times New Roman font for all your answers.

Instructions:

• You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.

• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets or languages other than English or any kind of manipulation).

• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.

• The work should be your own, copying from students or other resources will result in ZERO mark.

• Use Times New Roman font for all your answers.

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.

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.