IT 404 Saudi Electronic University Programming Web Design Questions

College of Computing and InformaticsAssignment 2
Deadline: Day 10/04/2021 @ 23:59
[Total Mark for this Assignment is 8]
Student Details:
Name: ###
ID: ###
CRN: ###
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, convert text into image 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.
Question One
Pg. 01
Learning
Outcome(s):
CLO4:
Develop websites
that present
information,
graphics and
hypertext using
CSS and
JavaScript.
Question One
3 Marks
Write style rules for the following HTML code. Use embedded styling that produces the
following Table:
Format guidelines:
•
The table Should cover the entire width of the page
•
The space between each element in the table is 20px (hint: use padding).
•
The elements within the table are not separated.
•
The color of the header should be #74992e.
•
The header text color should be white.
•
The color of the rows should be rgb(255, 255, 128, .5).
•
All text within the table should be left aligned.
•
The page header/title text should be centrally aligned.
HTML code:
Question One
Pg. 02
Question one
IT undergraduate program
Course Code Course Name Credit Hours
IT241 Operating Systems 3
IT244 Introduction to Database 3
IT245 Data Structures 3
IT351 Computer Networks 3
Question Two
Pg. 03
Learning
Outcome(s):
Question Two
3 Marks
Given the following HTML code, write CSS rules that replicates the following format:
CLO4:
Develop websites
that present
information,
graphics and
hypertext using
CSS and
JavaScript.
Format guidelines:
•
•
The Main title of the page “IT404 Assignment2” should be in the following font
properties
o Serif
o
o
Uppercase (all the letters are capital letters)
Centrally aligned
o
Underlined
The title for each section (i.e. What is css, why use css, and css saves a lot of work)
should be in the following font properties
o Cursive
o
o
Color rgb(128, 0, 0)
Underlined
o
Capitalized (the first letter of each word is capitalized)
•
The paragraph elements should have 2em indent
•
Use line-through properties where appropriate.
•
Use letter spacing where appropriate.
•
Use text-shadow (with values: 0.6em 0.6em gray) where appropriate.
Question Two
Pg. 04
HTML Code:
Assignment2-Q2
Question Three
IT404 Assignment 2 What is CSS?
CSS stands for Hyper Text Markup Language Cascading Style Sheets, which
is the W3C standard for defining the presentation of documents written in HTML
why use CSS?
CSS is used to define styles for your web pages, including the design, layout and
variations in display for different devices
and screen sizes.
By using CSS, you can control the layout of multiple web
pagesall at once
CSS saves a lot of work!
The style definitions are normally saved in external
.css files .
With an external stylesheet file, you can change the look of an entire website by changing just
one file!
Question Three
Pg. 05
Learning
Outcome(s):
CLO4:
Develop websites
that present
information,
graphics and
hypertext using
CSS and
JavaScript.
Question Three
2 Marks
Write an HTML document to produce a simple web page which includes:
•
A video element.
•
An audio element.
•
The use of at least two new HTML5 elements. (for example section, article, canvas,
aside, etc…)