BSc (Hons) Software Engineering

Cohorts: BSE/21B/FT(1), BSE/21B/FT(2) &

BSE/21B/FT(3)

Examinations for 2021 – 2022 / Semester 2

Resit Examinations for BIS/18B/FT &

BSE/18A/FT

MODULE: Website Design and Development

MODULE CODE: WAT1146C
Duration: 2 Hours
Reading time: 10 Minutes

Instructions to Candidates:

1. Answer ALL questions

2. Questions may be answered in any order but your answers
must show the question number clearly
3. Always start a new question on a fresh page
4. All questions carry equal marks
5. Total marks 100

This question paper contains 5 questions and 7 pages.

Page 1 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2
 ANSWER ALL QUESTIONS

QUESTION 1: (20 MARKS)

(a) CSS provides class and id selectors.

i) State two benefits of using id and class selectors for a developer.
ii) What is the difference between the class and id selectors.
(4 Marks)
(b) Give three reasons why we should use CSS and not tables for controlling the
layout of a web page (3 Marks)

(c) How would you make hyperlinks for a home ,Links and about us in a nav bar red
and without underlines, without affecting any of the other hyperlinks on the page?

(4 Marks)

(d) Write a javascript function, EvenOdd, which take one parameter, value, and
display up the message “This is an even number” if value is even and “This is an
odd number” if value is odd. while clicking on the check button a popup comes
out as shown in figure 1.

Figure 1

(5 Marks)
(e) Write a rule for a class which uses white text in a green background. Also write a
class for a rule that uses green text in a white background. (4 Marks)

Page 2 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2
QUESTION: 2 (20 Marks)

(a) Define the following terms:

i) The internet
ii) The World Wide Web
iii) The WWW consortium
(3 Marks)
(b) When we design a website, we face many different challenges.
List Four (4) challenges that a web designer faces
(4 Marks)
(c) Consider Figure 1 below, which shows a simple model of the WWW:

i) What does HTTP stand for? Explain the role of HTTP. (2 Marks)
ii) Briefly describe the roles of the client and server computers in Figure 1.
(2 Marks)

(d) External CSS files can quickly become very large and difficult to manage.
There are certain techniques which can be used to make CSS efficient and
easier to manage. List FOUR (4) techniques for making CSS more efficient.
(4 Marks)

Page 3 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2
 (e) Consider the following HTML document:

This HTML document contains examples of some key HTML concepts. Briefly
explain what is meant by each concept listed below. For each concept, provide
ONE (1) example of the concept from the HTML document shown above.
(5 Marks)
i) Tag
ii) Nesting

Page 4 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2
QUESTION 3: (20 Marks)

a) Consider the following HTML code fragment:

This is an example of inline CSS.

i) Why is the use of inline CSS often considered bad practice in web design?
(2 Marks)
ii) State TWO (2) different ways of specifying CSS for a webpage. (2 Marks)

(b) (i) The use of tables can cause issues in web design.
List FOUR (4) potential problems of using tables for web page design.
(4 Marks)
(ii) Briefly explain why it is important to test the accessibility of a website before
releasing it for use and state TWO (2) ways in which a web designer might
test the accessibility of a web site. (2 Marks)

(C) Write sample codes to display:

(d) What do you understand by relative and absolute paths, give appropriate
examples? (4 marks)
(e) List three HTML5 tags which do not require a closing tag. (3 marks)

Page 5 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2
QUESTION 4: (20 Marks)

(a) Write complete HTML codes to display table below: (9 Marks)

(b) Identify THREE (3) HTML features that can be used to enhance the accessibility
of tables. For each feature, suggest ONE (1) way of how it enhances
responsibility.
(6 Marks)
(c) Krug’s Trunk Test tests to see if site navigation is well designed. Identify SIX (6)
areas that are covered by the Trunk Test. For each area, you should suggest a
question that should be asked by a user. (3 Marks)

(d) For a website for a newspaper, you decide to mimic the look of a newspaper and
have the content of the site in columns, but just three columns each 2 inches
wide. How would you do this? (2 Marks)

Page 6 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2
QUESTION 5: (20 Marks)

(a)What is the result of the following code? Correct any errors.

<script type="text/JavaScript">
var name = prompt("enter your name",
"Albus Percival Wolfric Brian Dumbledore");
if( name > 20 ) {
alert("Wow, that’s quite a mouthful!");
}
</script> (2 Marks)
(b) Write the code that would go into your CSS file to solve each of the following
problems. You need not set values for attributes that are not immediately
relevant to the problem. When classes and ids are used, write out the tag name
too.
(i) You told two images to float left, but instead of going all the way to the left side of
the screen, the lower one seems to be bumping against the lower right corner of
the upper image. (Assume the “float” and display type is set elsewhere).(2 Marks)

(ii) You’d like text within paragraphs of class “answer” to be black against black, so
that people can only see the text when they highlight it. (Black on black is
sufficient for this effect.) (2 Marks)

(ii)You’d like the background color of a section containing a floating image to

extend beyond the containing text so that the image doesn’t stick out. (2 Marks)
(iv) Write a CSS style specification rule that would make all unordered lists (<ul>
tags) havesquare bullets and a purple background. (2 marks)

(c) Define what is Bootstrap and why to choose Bootstrap for building Websites?
(6 Marks)
(d) Write the codes to input Video and audio in a web page. (4 Marks)

**END OF QUESTION PAPER***

Page 7 of 7
Website Design and Development (WATT1146C) SITE/August 2021/2022 Semester 2