Create font.html

College of Computing and InformaticsAssignment 2
Deadline: Tuesday 01/11/2022 @ 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):
Question One
CLO 1: Identify
most HTML tags
and CSS
properties and
use a text editor
to construct the
basic HTML and
CSS structure for
a webpage.
Create font.html according to the followings:
– Font: Times New Roman, Times, serif
– Heading: Web Design, color: red.
– The first paragraph output must be “I learned how to use font-family”
– The second paragraph output must be “Your name and your SEUID”
Note: You must use the following properties and decorations:
1- The heading must be underline
2- The first paragraph must be underline overline dotted blue
3- The line of the first must have letter spaces like 5px
4- The second paragraph must have a shadow like red
2 Marks
You are required to take a full screenshot of your code and the output.
Marking criteria:
Marks
Point
Description
1
Font
0.25
2
Heading
0.25
3
First paragraph
0.25
4
Second paragraph
0.25
5
Underline
0.25
6
Overline dotted blue
0.25
7
Letter-spacing
0.25
8
Shadow
0.25
Question Two
Pg. 02
Learning
Outcome(s):
CLO2: Develop
websites that
present
information,
graphics, and
hypertext using
CSS and
JavaScript.
Question Two
2 Marks
1. In your own word, explain what are the differences between hover and active?
2. Using hover, create a code that has the followings:
–
The hover background should be red
–
The heading: New Design
–
Link : https://seu.edu.sa
Note: you are required to take a full screenshot that shows the hover when you move
the mouse
Marking criteria:
Marks
Point
Description
1
Differences
0.5
2
Hover
0.5
3
Heading
0.5
4
Link
0.5
Question Three
Pg. 03
Learning
Outcome(s):
CLO1: Identify
Question Three
Determine the issues in the following code and rewrite the correct one? You are
required to take a screenshot of your output?
(You are allowed to use any video on your device)
most HTML tags
and CSS
properties and
use a text editor
to construct the
basic HTML and
CSS structure for
a webpage.
1 Marks
Marking criteria: (1 mark/correction (0.25 for each))
Your browser does not support HTML video.
Question Four
Pg. 04
Learning
Outcome(s):
CLO2: Develop
websites that
present
information,
graphics, and
hypertext using
CSS and
JavaScript.
Question Four
3 Marks
Explain all the different ways of attaching the styles to the document with
examples for each one?
Marking criteria: 1.5 for explaining the different ways (0.5 for each), 1.5 mark for
each example (0. 5 for each).