School of Computing and Information Systems
BSC MTEC, CSE, ABC, BIDA
CIS122- Web & Multimedia Development Year 1 Semester 2
FINAL EXAM INATION
Date: 16 MAY 2022 Time: 0800
Total Marks: 100 Duration: 4
hours
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. Do NOT open the question paper until you are told to do so.
4. Students are not allowed to write on the question paper.
This question paper consists of 6 printed pages including this
page
Question 1
a) What are the four (4) navigations questions any user should be able to
answer when creating usable navigation scheme?
[8 marks]
Answer Mark
b) Describe the normal flow of elements. [3
marks]
c) Both the <a> and the <link> tags are used to establish document
relationships. State any two differences between the two.
[4 marks]
d) Describe the following web typography terms.
i. Kerning [2
marks]
ii. Leading [2
marks]
e) One of the questions that are always asked when designing for the user is
“How much content is too much?” Explain what this question mean when
designing for the user in web development?
[6 marks]
TOTAL 25
MARKS
Question 2
a) There are many ways to select elements in CSS. State and explain any two
element selection techniques, providing an example for each. [8
marks]
b) Explain the following website design terms. i) active white space, and ii)
passive white space. [4
marks]
c) What are the three (3) main space areas in the box model? [3
marks]
d) Differentiate between the lossy and lossless image compression techniques.
Page 1 of 5
[4
marks]
e) Describe the three ways of combining CSS with HTML code? [6
marks]
TOTAL 25
MARKS
Question 3
a) WCAG . consists of four main guidelines for designing accessible web sites.
Explain the following WCAG guidelines. [8
marks]
i. Perceivable
ii. Operable
iii. Understandable
iv. Robust
b) What are the three possible values of the clear property? Write an example
code illustrating how the clear property can be used. [5
marks]
c) Most web-capable graphics editors let designers save images in an
interlaced (progressive) format. Explain what interlacing means.
[1 mark]
d) What are the four (4) popular image file formats that are used for web? State
any feature of each file format. [8
marks]
e) In addition to 10 input types that have been available since the inception of
HTML, 13 new types are offered with HTML 5. List any three (3) new form
input types that are offered with HTML 5. [3
marks]
TOTAL 25
marks
Question 4
a) The look and feel is both the way your web site works and the personality it
conveys to the user. Not only should you plan for a deliberate and consistent
look and feel, but you must test your designs against the variable nature of
Page 2 of 5
the web and the many devices people use to access it. You want to ensure
that the greatest number of users can navigate your site successfully.
Use the above scenario to answer the following questions
i. List and explain three (3) considerations that one must follow when
crafting the look and feel of the website. [12
marks]
i. What is the look and feel of a web site? [2
marks]
b) State the difference between Get and Post in the way the data is sent to the
server. [4
marks]
c) With the mailto action, one can collect data from a form and send it to any
email address. Write a form element which collects and send form data to
[email protected]. Only the form element is required, not input fields. [4
marks]
b. Create a hypertext image using HTML code and include a style to remove the
default hypertext border. Make sure that you reserve the space for the image.
[3
marks]
[Total 25 marks]
Question 5
a) To create responsive websites, web designers can call on a variety of
techniques, many of which are a benefit of using the CSS3 capabilities. State
and describe the three (3) main elements of responsive design
[9 marks]
b) Write an @import rule to apply an external style sheet named
mobiledevice.css if the device has a screen with a maximum width of 480
pixels [6 marks]
c) In web design, the viewport is equal to the size of the browser window. In
desktop devices the viewport can change based on the user’s browser
window size, but on mobile devices the viewport is always the width of the
device screen. The viewport on the handheld devices is much narrower than
the desktop browser window, which causes problems with responsive web
pages that are designed to change based on the screen resolution. Provide
an HTML code fragment that will solve the problems caused by the narrower
viewport [6 marks]
d) State the container element that is used to create a table [1 mark]
Page 3 of 5
e) List three (3) elements that makes up a basic table within the table container
element [3
marks]
[Total 25
marks]
------End of Paper------
Page 4 of 5
