IT 404 Saudi Electronic University Web Design Worksheet

College of Computing and InformaticsAssignment 1
Deadline: Mon 04/01/2023 @ 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):
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
Question One
3 Marks
Write an HTML file that creates the following web page.
Important notes:
1. You should have to copy and paste the “HTML script” as your answer to this
question. DON’T take a screenshot for your HTML script. It must be an editable
script.
2. Take a screenshot(s) for your output web page and paste it as a part of your answer.
3. Images are attached within the folder of the assignment.
Title of Web page
structure for a
webpage.
with empty
Recognize and
Figure Caption
evaluate a range
of real-world web
with empty
design
Unordered List
approaches.
Unordered List
with empty
with empty
Question One
Pg. 02
ANSWER:
Question Two
Pg. 03
Question Two
Learning
Outcome(s):
3 Marks
Write an HTML file that creates the following web page.
Identify most
Important notes:
HTML tags and
1. You should have to copy and paste the “HTML script” as your answer to
this question. DON’T take a screenshot for your HTML script. It must be an
editable script.
2. Take a screenshot of your output web page and paste it as a part of your
answer.
3. The image is attached to the folder of the assignment.
CSS properties
and use a text
editor to
construct the
basic HTML and
CSS structure
Title of web page
for a webpage.
Recognize and
evaluate a
range of real-
world web
design
approaches
Question Two
Pg. 04
ANSWER:
Question Three
Pg. 05
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
2 Marks
Write an HTML file that create the following web page.
Important notes:
1. You should have to copy and paste the “HTML script” as your answer to
this question. DON’T take a screenshot for your HTML script. It must be an
editable script.
2. Take a screenshot of your output web page and paste it as a part of your
answer.
Title of Web page
Recognize and
evaluate a range
of real-world web
Unordered List
Description List
design
approaches
Ordered List
Ordered List
Question Three
Pg. 06
ANSWER: