IT 404 Saudi Electronic University Web Design Worksheet

User Generated

Enjnov

Programming

IT 404

Saudi electronic university

IT

Description

Unformatted Attachment Preview

College of Computing and Informatics Assignment 3 Deadline: @ 23:59 [Total Mark for this Assignment is 5] Student Details: Name: ### ID: ### CRN: 11952 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. Question One Pg. 01 Learning Outcome(s): LO1 Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage. Question One 1.5 Marks Create an HTML web page that looks like the given screenshot. Only use embedded styling. Do not use inline CSS. Hints: • Page background color is: beige • “Student Info” is an h1 • “Courses List” is an h2 and it is in darkblue color. • The list is unordered list and has a square shape and font size of 24px. • The line separators are 2px thick with brown color. • “Weekly Schedule” is h2, centered and italic style. • The schedule at the end is a table and “Time, Sunday, … etc.” is part of the table. The inner cells have a 2px border. • Cells with the same course should have the same background color. Question One Pg. 02 Answer: Question Two Pg. 03 Learning Outcome(s): LO1 Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage. Question Two 1 Mark You are given the following HTML page. Write only the CSS that will convert the page to look like the screenshot. Do not modify the HTML element or use inline CSS. CSS Layout div { border: 2px solid; font-size: 30px; } Header Left Flexable - width: 1/3 of page. Right Flexable - width: 2/3 of page. Footer Question Two Pg. 04 Answer: Question Three Pg. 05 Learning Outcome(s): LO1 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 1 Mark Write an HTML code including CSS that produces the following output when executed in a web browser. All the requirements are mentioned in the text of the output below and all text styles should be implemented in CSS. Answer: Question Four Pg. 06 Learning Outcome(s): LO1 Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage. Question Four 1.5 Marks Write an HTML code including CSS that produces the following output when executed in a web browser. All the requirements are mentioned in the text of the output below and all text styles, background and the border styles should be implemented in CSS. Answer:
Purchase answer to see full attachment
Explanation & Answer:
14 Pages
User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

Explanation & Answer

Attached. Please let me know if you have any questions or need revisions.

College of Computing and Informatics

Assignment 3
Deadline: @ 23:59
[Total Mark for this Assignment is 5]
Student Details:
Name: ###

ID: ###

CRN: 11952
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.

Question One

Pg. 01
Learning
Outcome(s): LO1
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for
a webpage.

Question One

1.5 Marks

Create an HTML web page that looks like the given screenshot. Only use embedded
styling. Do not use inline CSS.

Hints:
• Page background color is: beige


“Student Info” is an h1



“Courses List” is an h2 and it is in darkblue color.



The list is unordered list and has a square shape and font size of 24px.



The line separators are 2px thick with brown color.



“Weekly Schedule” is h2, centered and italic style.



The schedule at the end is a table and “Time, Sunday, … etc.” is part of the
table. The inner cells have a 2px border.



Cells with the same course should have the same background color.

Quest...

Related Tags