Web Design IT404

Assignment 1

Deadline: Thursday 27/02/2022 @ 23:59

[Total Mark for this Assignment is 8]

Web Design

IT404

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.

Student Details:

Name: ###

CRN: ###

ID: ###

Question One

1.5 Marks

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.

Some of the markup elements in the following code of HTML web page have been incorrectly used. Based on the output displayed below, correct all of them in the code

Graphical user interface, text, application, email

Description automatically generated

<html>

<head>

<body>

<h1> Frontend vs. backend</h1>

<ul>

<li>Technologies used for front-end development<li>

<ul>

<li>HTML </li>

<li>CSS<li>

<li>JavaScript</li>

</ul>

<li>Technologies used for back-end development</li>

<dl>

<li>C++</li>

<li>Java</li>

</li>PHP<li>

<li>Python</li>

</dl>

</ul>

</body>

</head>

</html>

Answer:

Question Two

2 Marks

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

Write an HTML to display an image of your preference, that when clicked will link to any website of your choice “should be opened in a new window”.

Answer:

Question Three

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

2.5 Marks

Write an HTML code that produces the following output when executed in a web browser.

Output:

Graphical user interface, text, application, email

Description automatically generated

Answer:

 

Question Four

2 Marks

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

Write a complete HTML code that produces the following output using the table tags.

Table

Description automatically generated

Answer:

 

Post a Comment