College of Computing and Informatics
Pg. 04
Question Four
Assignment 2
Deadline: Thursday 25/11/2021 @ 23:59
[Total Mark for this Assignment is 5]
Assignment 2
Deadline: Thursday 25/11/2021 @ 23:59
[Total Mark for this Assignment is 5]
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.
It is your responsibility to check and make sure that you have uploaded both the correct files.
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).
Email submission will not be accepted.
You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
You must use this template, failing which will result in zero mark.
You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
Late submission will result in ZERO mark.
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.
It is your responsibility to check and make sure that you have uploaded both the correct files.
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).
Email submission will not be accepted.
You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
You must use this template, failing which will result in zero mark.
You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
Late submission will result in ZERO mark.
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.
Student Details:
Name: ###
CRN: ###
ID: ###
Student Details:
Name: ###
CRN: ###
ID: ###
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.