Republic of Rwanda

Ministry of Education

TVET NATIONAL COMPREHENSIVE ASSESSMENT

ACADEMIC YEAR 2019

EXAM TITLE: Website Development /100Marks

RTQF LEVEL IV
OPTION: SOFTWARE DEVELOPMENT
DURATION: 3HOURS
INSTRUCTION TO CANDIDATES:
This exam has three section A, B and C
Section A: Answer all questions 55Marks
Section B: Choose Three Questions 30Marks
Section C: Choose one question 15Marks

Making guide: Website development

SECTION ONE: Answer all questions 55Marks

SECTION A
1. Website: is a collection of related web pages, images, video or other digital
assets that are hosted on one web server, usually accessible via internet.
2marks
2. Attribute: is an element that is inside of an open tag which defines the
property of that tag. 2marks
3. Examples of social network website: Twitter, Facebook, LinkedIn, Google+,
YouTube, Pinterest, Instagram, and Tumblr. (Choose only five 1mark for
each)
4. The basic tools needed to build static and dynamic web site:
 Text editor / 1Mark
 Web browser / 1Mark
 Sever tools: / 1Mark
Page 1 of 9
  Web server (apache server) / 1Mark
 Database server (mysql ) / 1Mark
5. HTML provides the basic structure of sites, which is enhanced and modified
by other technologies like CSS and JavaScript. / 1Mark
CSS is used to control presentation, formatting, and layout. / 1Mark
JavaScript is used to control the behavior of different elements. / 1Mark

6. A web browser is a software application for retrieving, presenting and

traversing information resources on the World Wide Web. An information
resource is identified by a Uniform Resource Locator (URL) and may be a web
page, image, video or other piece of content. /1Mark
Its Functions:
- A web browser is used to request for webpages from a web server. /1Mark
- It is used to present documents over the internet. /1Mark
- It is used for downloading and uploading files. /1Mark
7. Modular design: is a technique where everything is built using a block grid
pattern. Each of the elements of the design fit into the modules in rectangular
patterns. /2Marks
8. What is CSS? Give its syntax with example. /5marks
Ans:
It is a simple design language intended to simplify the process of making
web pages presentable. /1Mark

Syntax: selector { /1Mark

property:value; /1Mark
}
Example: p{ //1Mark
text-align: center;} /1Mark

9. Page layout refers to the process of placing and arranging text, images, and
graphics on a software page to produce documents such as newsletters,
brochures, and books or to attract readership to a website / 2Mark

Page 2 of 9
10. One website won’t always look or act the same across all browsers. If
you’ve only viewed your own site in Chrome, and you switch over to Firefox or
Safari, you may be surprised by the differences. Your layout might not look
the same, and specific features may even work incorrectly. 1.5 marks.
Fortunately, this is an easy problem to avoid by testing your website on a
variety of browsers – preferably the most popular options. Since this is such a
crucial task, there are plenty of resources and tools to help you. 1.5 marks
11. Code validation is the process of checking that the coding of a web page
is in compliance with the standards and recommendations set by the World
Wide Web Consortium for the web. Code validation helps to produce clean code.
2Marks
12. Steps needed to design an html web page:
 Open your computer /1MArk
 Click on start
 Click on all program then accessory
 Open text editor for instance notepad++, sublime, ….. /1MArk
 Type your html codes / 0.5 MArk
 Save your document with .html extension /1MArk
 Open your document using web browser /0.5MArk
13. a)Tag: is basic command of html documents, it allow to define a document,
the way it must be present to screen, how it must be used to different user. 1
Mark
Paired tag: are called Open/Close tags meaning that they are always in a pair
of tags one opening and the other one closing. E.g: <u> </u> 1 Mark
Unpaired tag: are called again Empty tags, meaning that they do not contain
any other html tag. They don’t need to be closed. E.g: <br> 1 Mark

14. NO, HTML is the standard markup language for creating Web pages.
/1Mark

 HTML stands for Hyper Text Markup Language /1Mark

 HTML describes the structure of a Web page /1Mark

 HTML consists of a series of elements /1Mark

Page 3 of 9
  HTML elements tell the browser how to display the content /1Mark

 HTML elements are represented by tags /1Mark

 HTML tags are not case sensitive. /1Mark (select only three)

15. <html>
<head>
<title></title>
</head>
<body>
<p><b>Bold Text</b></p> 1Mark
<p><i>Italic Text</i></p> 1Mark
<p><u>Underlined Text</u></p> 1Mark
<p><strike>Strike through Text</strike></p> 1Mark
</body>
</html>
16. (a)Class This attribute allows to create a specific class to HTML tag. It will
always receive the name of an existent class as parameter. 1.5Mark
If the style definition uses two languages (CSS or JavaScript) the utilization of
style is unique for CSS or JavaScript
ID This attribute can be used for release an exception in class and it can be also
be used only without class 1Mark
(b)
<SPAN> is used when you want to apply the style definitions to any block of
text or thing which is not a tag of html. This allows to define a text block on
which we apply the style referenced with an attribute “class” 1.5Mark
<DIV> is used to organize a block of text, this tag has an attribute with
their 3 parameter
<DIV align=”center”>
<DIV align=”right”> 1Mark

SECTION TWO: Choose Three Questions 30Marks

17. (a) List five rules of web design and layout

1. Your website should be easy to read 1Mark
Page 4 of 9
 2. Your website should be easy to navigate 1Mark
3. Your website should be easy to find 1Mark
4. Your web page layout and design should be consistent throughout the
site 1Mark
5. Your website should be quick to download 1Mark
(b) <!DOCTYPE html>
<html>
<head>
<title>web page</title>
</head>
<body bgcolor="yellow"> 1Mark
<h1>Hello</h1> 1Mark
you delivered your <i>assignment</i> on time<br><br> 1Mark
<u>Thanks</u><br><br> 1Mark
<p> Web instructor<p> 1Mark
</body>
</html>
18. What the following tags means in web design:
a) <HTML>……</HTML>: specifies that the document should be interpreted
as an HTML document 2Marks
b) <TITLE>…….</TITLE>. Specifies the text that will be used for the header
of the browser frame. It is the title of website 2Marks
c) <BODY>……</BODY>. Defines the information that should be displayed in
the browser windows. 2Marks
d) <I>……………</I>. Displays the text in italic 2Marks
e) <SUB>………</SUB>. Displays the text as subscripted 2Marks
19. Website ergonomics is defined as ability of a website to effectively respond
to the needs of users and provide them with comfort when browsing. 1Mark

Rules of design of J.Nielsen

1. Visibility of system status 1Mark
2. Match between the system and the real world 1Mark
3. User control and freedom 1Mark

Page 5 of 9
 4. Consistency and standards 1Mark
5. Error prevention 1Mark
6. Recognition rather than recall 1Mark
7. Flexibility and efficiency of use 1Mark
8. Aesthetic and minimalist design 1Mark
9. Help users recognize, diagnose, and recover from errors 1Mark
10. Help and documentation 1Mark
20. (a) The advantages of using CSS are:
 Easier to maintain and update 1Mark
 Greater consistency in design 1Mark
 More formatting options 1Mark
 Lightweight code 1Mark
 Faster download times 1Mark
 Ease of presenting different styles to different viewers 1Mark
 Greater accessibility 1Mark
(b) There are three types of CSS which are given below:
a) Inline style sheet 0.5 Mark
b) Internal or Embedded style sheet 0.5 Mark
c) External style sheet 0.5 Mark
Inline style sheet: Inline CSS contains the CSS property in the body section
attached with element is known as inline CSS. This kind of style is specified
within an HTML tag using style attribute. 1Mark
Internal or embedded style sheet: This can be used when a single HTML
document must be styled uniquely. The CSS rule set should be within the HTML
file in the head section i.e the CSS is embedded within the HTML file. 1Mark
External style sheet: External CSS contains separate CSS file which contains
only style property with the help of tag attributes (For example class, id,
heading, … etc). CSS property written in a separate file with .css extension and
should be linked to the HTML document using link tag. This means that for each
element, style can be set only once and that will be applied across web pages.
1Mark
21. Benefits of social networks are:

Page 6 of 9
  Social networking gives you a chance to connect with people around the
world. 1Mark
 This technology gives us access to easy, instant communication tools.
1Mark
 Social networking creates brand exposure for businesses. 1Mark
 Social networking helps people who are shy or socially isolated to connect
with others. 1Mark
 Real-Time Information Sharing 1Mark
 Increased News Cycle Speed 1Mark
 Benefits for Non-Profits 1Mark (select only five)
Negative aspects of social networks:
 There are privacy issues to consider with social networks 1Mark
 Social networking can become a severe distraction for some people.
1Mark
 Time Waster 1Mark
 Corporate Invasion of Privacy 1Mark
 Depression and Loneliness 1Mark
 It can disrupt your sleep cycle. 1Mark (select only five)
 Social networking can spread false or unreliable information quickly.
1Mark

SECTION THREE: Choose One question 15Marks

22. Html codes:

<html>
<head>
<title>WEB DESIGN EXAM</title> 1Mark
</head>
<body>
<center><h2><i><u>FILL THE FORM BELOW</u></i></h2></center>
1Mark
<table border=1 width=40% height=40% align="center">
<form action="somename.php" method="post">

Page 7 of 9
 <tr><td align="center"> <i>Enter your First Name:</i></td> 1Mark
<td align="center"><input type="text" name="fname"></td></tr>
1Mark
<tr><td align="center"><i>Enter your Last Name:</td> 1Mark
<td align="center"><input type="text" name="lname"></td></tr>
1Mark
<tr><td align="center"> <i>Enter your Class:</td> 1Mark
<td align="center"><input type="text" name="class" placeholder="S6
CSc."></td></tr> 1Mark
<tr> <td align="center"><i>Sex(Genger):</td> 1Mark
<td align="center"><input type="radio" value="female"> Female
<input type="radio" value="male"> Male </td></tr> 1Mark
<tr><td colspan=2 align="center"><input type="submit"
value="Submit"> 1Mark
<input type="reset" value="Cancel"> 1Mark
</td> </tr></table></form>
<p align="center"><u> Equation Writing: </u></br> 1Mark
2x³+3x²-4x+3=0 </br> 1Mark
H₂O : &nbsp This represents water in Chemistry.</p>
1Mark
</body> </html>
23. Explain briefly what e-commerce is and hence state its advantages and
drawbacks.
Ans:

E-commerce (electronic commerce or EC) is the buying and selling of goods and
services on the Internet, especially the World Wide Web. 3Marks
ADVANTAGES OF ECOMMERCE

 Faster buying/selling procedure, as well as easy to find products. 1Mark

 Buying/selling 24/7. 1Mark

 More reach to customers, there is no theoretical geographic limitations.

1Mark

Page 8 of 9
  Low operational costs and better quality of services. 1Mark

 No need of physical company relationship. 1Mark

 Easy to start and manage a business. 1Mark

 Customers can easily select products from different providers without

moving around physically.

DISADVANTAGES OF ECOMMERCE

 Any one, good or bad, can easily start a business. And there are many
bad sites which eat up customers’ money. 1Mark
 There is no guarantee of product quality. 1Mark

 Mechanical failures can cause unpredictable effects on the total

processes. 1Mark

 As there is minimum chance of direct customer to company interactions,

customer loyalty is always on a check. 1Mark

 There are many hackers who look for opportunities, and thus an
ecommerce site, service, payment gateways; all are always prone to
attack. 1Mark

 You may not receive what you believe you have purchased. 1Mark

 The time period required for delivering physical products can also be quite
significant in case of e-commerce.

Page 9 of 9