IT 404 Saudi Electronic University Webpages Structure and Design Questions

College of Computing and InformaticsAssignment 2
Deadline: Mon 01/02/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
Question One
Write an HTML file that create the following table.
Important notes:
1. You should have to copy and paste the “HTML script” as your answer for this
question. DON’T take screen shot for your HTML script. It must be editable script.
2. Take a screenshot(s) for your output web page and paste it as a part of your answer.
3. Write your First and last name in the table.
4. Make use of: caption, rowspan and colspan.
the basic HTML
and CSS
structure for a
webpage.
Recognize and
evaluate a range
of real-world web
design
approaches.
2 Marks
ANSWER:
Question Two
Pg. 02
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.
Recognize and
evaluate a
range of realworld web
design
approaches
Question Two
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 of your output web page and paste it as a part of your answer.
3. Make use of labels and appropriate input types.
4. The dropdown menu has the options: Tooth Extraction, Grafting, Restoration,
Cosmetic Dentistry, and Implants.
Question Two
Pg. 03
ANSWER:
Question Three
Pg. 04
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
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 of your output web page and paste it as a part of your answer.
3. Make use of “id” when needed.
4. Please consider the formatting of the following elements:
Body:
Recognize and
•
evaluate a range
First h1:
of real-world web
•
•
•
•
design
approaches
3 Marks
font-family should be Arial
font-family should be Times
color should be blueviolet
text-transform should be upperletter
text-align should be center
Second h1:
•
•
•
•
font-family should be sans-serif
font-size should be 2em
color should be brown
text-decoration should be overline
In the first paragraph:
•
The “ Web Design” must have a font-size of 2em and it should be strong
In the second paragraph:
•
The “development software.” must have letter spaces like 0.5em and it should
be strong
Question Three
Pg. 05
ANSWER: