Scribd
Upload
18 views

Web Design Paper 5 Dit

Uploaded by

wanjikusharon290
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
18 views

Web Design Paper 5 Dit

Uploaded by

wanjikusharon290
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

UNIVERSITY EXAMINATIONS: 2022/2023

EXAMINATION FOR THE DIPLOMA


DIT 505/DICT 505-WEB DESIGN AND DEVELOPMENT
ORDINARY EXAMINATION
DATE: DECEMBER, 2022 TIME: 2 HOURS

INSTRUCTIONS: Question One is Compulsory, Choose Two Other Questions

QUESTION ONE (20 marks) Compulsory


i) Study the following html text and answer the following questions.
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

a. The first and the last tag in the above html document are <html> and </html>
respectively. Explain the purpose that are served by these tags. (2 marks)

b. Identify where the header information will be displayed if the above html code is
executed and how that header information shall read. (2 marks)

ii) Write an HTML source code that implements the following table. (4 marks)

iii) Describe TWO advantage of Client-side JavaScript program over HTML. (2 marks)

1
iv) Illustrate how Style Sheets work in the Web design and development. (4 marks)
v) Write the HTML code to display the following form elements:
a. A text box (2 marks)
b. Image (2 marks)
c. List (2 marks)

QUESTION TWO (15 marks)


i) Provide a JavaScript that adds two numbers using form and textbox to produce the
result output shown below. (5 marks)

ii) Write html source code that would implement radio button in Web design and
Development . (3 marks)
iii) Recall FOUR methods that can be used to add CSS to HTML. (4 Marks)
iv) Explain what you understand by a table as implied in the Web Design and
Development. (3 Marks)

QUESTION THREE (15 marks)


i) Explain the purpose of CSS (Cascading Style Sheet) as implied in the Web design
development. (2 Marks)
ii) Describe THREE types of CSS (Cascading Style Sheet) as implied in the Web design
development. (3 Marks)
iii) Study the CSS (Cascading Style Sheet) code below and answer the following
questions
<!DOCTYPE html>
<html>
<head>
<title>Internal CSS</title>
<style>
.main {

2
text-align:center;
}
.GFG {
color:#009900;
font-size:50px;
font-weight:bold;
}
.geeks {
font-style:bold;
font-size:20px;
}
</style>
</head>
<body>
<div class = "main">
<div class ="GFG">GeeksForGeeks</div>

<div class ="geeks">


A computer science portal for geeks
</div>
</div>
</body>
</html>

a. There are three types of CSS. Categorise above CSS code to its rightful classification by
justification. (3 Marks)
b. Construct the output display when above CSS (Cascading Style Sheet) code is executed.
(2 Marks)
iv) Discuss TWO advantages of Cascading Style Sheets as implied in the Web design
development. (2 marks)

QUESTION FOUR (15 marks)

3
i) Write HTML code to implement the below Form output. (4 marks)

ii) Describe the following basic table Structure. (4 Marks)


a. <table>
b. <tr>
c. <td>
d. <th>

iii) Describe what you understand by the links and how they are created by aid of an
example in Web design and Development. (4 Marks)
iv) Explain how Frames Work using a relevant diagrams as implied in Web design and
Development. (3 marks)

QUESTION FIVE (15 marks)


i) A good way to learn HTML is to look at how other people have coded their html
pages. Demonstrate how you can view an HTML as implied in Web design and
Development. (2 Marks)
ii) Using relevant examples describe the difference between logical and physical tags in
the In HTML. (2 Marks)
iii) The diagram below is an example of a CSS rule. Explain the purpose served by its
different parts. (3 Marks)

iv) Provide web output for the following HTML source code (3 Mark)
<table>
<tr>
<th></th>
<th scope="col">Saturday</th>
4
<th scope="col">Sunday</th>
</tr>
<tr>
<th scope="row">Tickets sold:</th>
<td>120</td>
<td>135</td>
</tr>
<tr>
<th scope="row">Total sales:</th>
<td>$600</td>
<td>$675</td>
</tr>
</table>

v) Explain by the aid of a diagram what you understand by spanning columns.


(2 Marks)
vi) Study the source code below which is spanning of rows when executed.
<table>
<tr>
<th></th>
<th>ABC</th>
<th>BBC</th>
<th>CNN</th>
</tr>
<tr>
<th>6pm - 7pm</th>
<td rowspan="2">Movie</td>
<td>Comedy</td>
<td>News</td>
</tr>
<tr>
<th>7pm - 8pm</th>
<td>Sport</td>

5
<td>Current Affairs</td>
</tr>
</table>
Draw the resulting table when the source code is executed. (3 Marks)

You might also like