School of Computing and Information Systems

PROGRAMME: BSC BUSINESS INTELLIGENCE AND DATA ANALYTICS (BIDA)

BSC APPLIED BUSINESS COMPUTING (ABC)

BSC COMPUTER SYSTEMS ENGINEERING (CSE)

BSC MOBILE TECHNOLOGIES (MTEC)

CIS122- Web and Multimedia Development Year 1 Semester 2

Open-Book Final Examination

Date: 19 May 2021 Time: 0800 - 1200 hrs.
Total Marks: 100 Duration: 4hrs

Instructions to candidates

1. Candidates must attempt ANY FOUR (4) questions.

2. Candidates attempting to gain unfair advantage or colluding in any way whatsoever
are liable to be disqualified.
3. Candidates are allowed to bring textbooks, lecture notes, online resources into the
examination environment.
4. Download both Examination Question Paper and the Examination Answer Booklet on
to your computer.
5. Write your answers in the answer booklet provided with this question paper.
6. Append your signature and ID number at the bottom of your Examination Answer
Booklet as acknowledgement to the submitted work as your own.
7. Submit the Examination Answer Booklet ONLY as one document in PDF or Word format
on Turnitin on the submission bin provided.
9. Should you encounter a challenge please email immediately at the emails below;
Module leader: [email protected] Module Assessor: [email protected]

This paper consists of six (6) printed pages including this page.
QUESTION 1

Use the wireframe below to answer the following questions.

a. Write an html code to allow the website to adhere to the wireframe above
(Do not include the CSS). [8 marks]

b. In your code indicate the doctype statement and the meta element.
[2 marks]
c. Write a CSS code to achieve the wireframe above. (Ensure that the CSS
adheres to the html code in 1a) above. [6 marks]

d. An entertainment and news client wants your web services. The team sits
together to organize the information. Discuss three (3) appropriate organizing
information structures. [9 marks]

Total [25 marks]

QUESTION 2

a. You have been appointed as a manager by a big web consultancy firm that
develops websites for several high-profile companies. As a manager one of your
duties is to assemble a website development team. List at least five (5) positions
you would create. [5 marks]

b. Consider the CSS snippet below to answer the questions that follow.

Page 2 of 6
 i. Discuss the meaning of the selector in the above CSS.
[3 marks]
ii. Discuss in your own words all the above declarations.
[10 marks]
c. Differentiate between relative and absolute units/lengths. [2 marks]

d. Discuss any five (5) <img> attributes. [5 marks]

Total [25 marks]

QUESTION 3

a. You have been hired to develop a website for a high-profile company and they
emphasized accessibility in your design. Discuss four (4) features that you will
include (or consider) in your design. [8 marks]

b. Write a CSS code for a pseudo-class that turns underlining on when the user
points at a particular link. [4 marks]

c. Write a code segment that will create the following table. (No need to write
the entire html code but just the snippet). [10 marks]

d. Discuss the following

i. form action. [2 marks]
ii. form method. [1 mark]
Total [25 marks]

Page 3 of 6
QUESTION 4

a. Consider the following code snippet when answering the questions below.

i. Describe in your own words why it is important that you use the height
and width attributes when dealing with images. [3 marks]

ii. What is the purpose of the alt attribute when dealing with images?
[2 marks]
iii. Explain in your own words what the line of code below does
[1 mark]

b. Use the picture below to answer the questions that follow.

i. List any five (5) types of attribute values from the above figure.
[5 marks]

Page 4 of 6
 ii. Write a code segment that will generate the scrollable list in the figure
b) above. [6 marks]

iii. Suppose you produce a form like this on a website that you were
working on, but your supervisor asked you to modify it by adding a
function that will allow the user to reset their choices. Write a code
segment that will add such functionality. [5 marks]

c. You are a private consultant for BAC and they have asked you to revamp their
current website. They have asked you to develop initial designs to show them.
Develop a wireframe of your proposed design. [3 marks]

Total [25 marks]

QUESTION 5

a. Consider the code snippets below to answer the questions that follow.

The nav CSS is as follows.

Modify the CSS to achieve the navigation bar that appears like the one below.
[10 marks]

Page 5 of 6
b. Write a complete html code for the form below to be processed by
survey.php. [15 marks]

End of Exam

Page 6 of 6