SWDWD301-WEBSITE DEVELOPMENT

DATE: Friday,23 June 2023

PERIOD: 08:30 AM – 11:30 AM

END OF TERM III EXAMINATIONS

MARKING GUIDE

E
EG
SECTOR: ICT&MULTIMEDIA

LL
CO
TRADE: SOFTWARE DEVELOPMENT

L
CA
TVET LEVEL:3
NI
CH

MODULE TITLE: WEBSITE DEVELOPMENT

TE
D

MARKS: /100
TE
A
GR

DURATION: 3 HOURS
TE
IN
PH

INSTRUCTIONS TO CANDIDATES:
SE
JO
ST

This Exam paper is composed of Three Sections (A, B, C). Follow the
instructions given below, and answer the indicated questions for a
total of 100 marks

Section A: Seventeen (17) questions, all Compulsory 55 marks

Section B: Among the five (5) questions, attempt any three (3) 30 marks

Section C: Among the two (2) questions, attempt any one (1) 15 marks

TVET LEVEL 3 – Website development – Page 1 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
SECTION A: Attempt All questions (55marks)
___________________________________________________________________________

01. Define the following terms: /2marks

a) Ergonomic: Ergonomic keyboards are designed to reduce strain by
keeping your hands, wrists, and arms at more comfortable, natural
positions than you can get with a standard keyboard. /1mark

b) Keyboard: A computer keyboard is an input device that allows a

person to enter letters, numbers, and other symbols (these are called
characters in a keyboard) into a computer. It is one of the most used

E
EG
input devices for computers. /1mark

LL
CO
References ( LO 1 Apply keyboard skills, IC 1.1 Characters are
L
CA
NI
properly used according to the task. Curriculum version 2022,
CH

page 2, remembering)
TE
D

02. Give at least two (2) importance of using Typing speed program
TE
A

/2marks
GR
TE

Answer:
IN

i. Check total number of words written per minute /1mark

PH
SE

ii. Maintain writing errors /1mark

JO

iii. Games to improve typing speed /1mark

ST

References ( LO 1 Apply keyboard skills, 1.3 Typing technique is

accurately applied based on typing speed, Curriculum version 2022, page
2 Understanding)

03. Answer by True(T) or False(F) /5marks

a) HTML describes the structure of a Web page /1mark
b) HTML tags are case sensitive. /1mark
c) HTML elements are represented by tags /1mark

TVET LEVEL 3 – Website development – Page 2 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 d) HTML elements tell the browser how to display the content
/1mark
e) HTML is a programming language not markup language.
/1mark

Answer
a)= True
b)=False
c)=True
d= True

E
e=False

EG
LL
CO
References ( LO 2 Create web structures, 2.2 HTML file is efficiently
L
CA
created in accordance with the project page, Curriculum version 2022,
NI
CH

page 3, remembering)
TE
D

04. Complete the following statement with the appropriate word /4marks
TE
A

a. The typist speed is measured in ………..

GR
TE

b. The average of typing speed is …… words per minute

IN

c. Pressing the End key moves the cursor to the …….character of the
PH
SE

line.
JO

d. The Caps Lock key do lets you type capital letters only when it is ……..
ST

Answer:

a. The typing speed is measured in WORD PER MINUTE

/1mark
b. The average of typing speed is 40 words per minute /1mark
c. Pressing the End key moves the cursor to the LAST character of the
line. /1mark
d. The Caps Lock key do lets you type capital letters only when it is ON
/1mark

TVET LEVEL 3 – Website development – Page 3 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 References ( LO 1 Apply keyboard skills, IC 1.3 Typing technique is
accurately applied based on typing speed, Curriculum version 2022, page
2 , remembering)

05. Text editor is a software program that allows users to create or

manipulate plain text computer files. Give at least its 2 examples /2marks

Answers

Some text editor’s examples are:

Notepad /1mark

E
EG
Notepad++ /1mark

LL
Sublime text /1mark

CO
L
Visual Studio Code (VS Code) /1mark CA
NI

Brackets /1mark
CH
TE

References ( LO 2 Create web structures, 2.1 Text editor and web browser
D
TE

is properly set up based on the project to be developed, Curriculum

A
GR

version 2022, page 3, remembering)

TE
IN

06. Choose the best answer /5marks

PH
SE

i. Which CSS property is used to create a responsive design?

JO

a. display
ST

b. position
c. margin
d. media queries
ii.Which of the following is not a valid CSS selector?
a. #id-selector
b. .class-selector
c. *-selector
d. element-selector
iii. Which HTML element is used to link to an external CSS file?

TVET LEVEL 3 – Website development – Page 4 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 a. <script>
b. <link>
c. <style>
d. <div>
iv. Which CSS property is used to control the spacing between lines of
text?
a. text-indent
b. text-align
c. line-height
d. letter-spacing

E
v. Which CSS property is used to set the position of an element?

EG
LL
a. position

CO
b. top
L
CA
c. left
NI
CH

d. all of the above

TE
D

Answers
ATE

i d /1mark
GR
TE

ii c /1mark
IN

iii b /1mark
PH
SE

iv c /1mark
JO

v d /1mark
ST

References (LO 3 Style web elements, 3.1 CSS files are efficiently created
in accordance with CSS best practices. Curriculum version 2022, page 5,
Applying)

07. Web accessibility means that websites are designed and developed so
that people with disabilities can use them. Which one among the following
cannot affect access to the Web. /1mark

a. Auditory

TVET LEVEL 3 – Website development – Page 5 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 b. Cognitive
c. Neurological
d. Physical
e. Speech
f. Biological
g. visual.
Answer

f. Biological /1mark

References (LO 2 Create web structures, 2.4 Page is properly optimized

E
based on SEO & accessibility best practices, Curriculum version 2022,

EG
LL
page 4, Applying)

CO
L
08. Give any three (3) importance of using typograph in web design /3marks
CA
NI

Answers (select 3)
CH
TE

 Helps maintain consistency /1mark

D
TE

 Grabs the reader’s attention /1mark

A
GR

 Improves readability /1mark

TE

 Creates and builds recognition/1mark

IN
PH

 Maintain hierarchy/1mark
SE
JO

References (LO 3 Style web elements, 3.2 Typography is clearly defined

ST

and used in accordance with the project goals, Curriculum version 2022,
page 6 applying)

09. Write HTML code to produce the following information /4 marks

Welcome to my website,
Welcome to my website,
Welcome to my website,
Welcome to my website,
Answers

TVET LEVEL 3 – Website development – Page 6 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
<b>Welcome to my website </b>/1mark

<i>Welcome to my website</i>/1mark

<u>Welcome to my website</u>/1mark

<strike>Welcome to my website, </strike>/1mark

References (LO 2 Create web structures, 2.3 Page layouts are accurately
created in line with the project goals Curriculum version 2022, page 4,
Applying)

10. A media query consists of a media type and zero or

E
EG
more expressions that check for the conditions of particular media features.

LL
CO
a. Write its syntax /2marks
L
CA
b. Indicate at least two (2) conditions that a media query can be used
NI
CH

to check /2marks
TE
D
TE
A
GR
TE

Answers a. /1mark
IN
PH

@media not|only mediatype and (expressions) {

SE
JO
ST

CSS-Code; /0.5marks /0.5marks

b. Media queries can be used to check:

 width and height of the viewport/1mark

 width and height of the device/1mark
 orientation (is the tablet/phone in landscape or portrait mode?) /1mark
 resolution/1mark

TVET LEVEL 3 – Website development – Page 7 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
References (LO 3 Style web elements, 3.3 Media query rules are correctly
set based on target devices, Curriculum version 2022, page 6, Creating)

11. With four (4) examples; explain what is a Browser /3marks

Answer
A browser is software that accesses and displays pages and files on the
web. /1mark
Examples of web browsers: /0.5marks per each (select 4)
 Internet Explorer. /0.5marks
 Mozilla Firefox/0.5marks
 Safari/0.5marks

E
EG
 Netscape Navigator/Netscape/0.5marks

LL
CO
 Google Chrome/0.5marks

L
 Microsoft Edge/0.5marks CA
NI

References (LO 2 Create web structures, 2.1 Text editor and web browser
CH
TE

is properly set up based on the project to be developed, Curriculum

D
TE

version 2022, page 3, Understanding)

A
GR

12. Typography is the way that text is arranged and presented. Create the code
TE
IN

corresponding to the style given in table below: /3marks

PH

No Task Style to apply

SE
JO

1. Welcome to the new world of technology Use 2 pixels to separate

ST

words
2. Welcome to the new world of technology Arrange text to the right
position on the screen
3. Welcome to the new world of technology Italic

Answer:
1. word-spacing: 2px; /1mark
2. text-align: right; /1mark

TVET LEVEL 3 – Website development – Page 8 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 3. strong/1mark
References ( LO 3 Style web elements, 3.2 Typography is clearly defined
and used in accordance with the project goals ,Curriculum version 2022,
page 6 ,Creating)

13. A media query is composed of an optional media type and any number
of media feature expressions, which may optionally be combined in various
ways using logical operators. Differentiate media type from media feature.
/4 marks
Answers:
Media types define the broad category of device for which the media query

E
EG
applies: all, print, screen. The type is optional (assumed to be all) except

LL
when using the not or only logical operators. /2marks While

CO
L
Media features describe a specific characteristic of the user agent, output
CA
NI

device, or environment/2marks
CH
TE
D

References (LO 3 Style web elements, 3.3 Media query rules are correctly
TE
A

set based on target devices, Curriculum version 2022, page 6, Applying)

GR
TE

14. a. What SEO stands for? /1mark

IN
PH

b. What is the goal of website optimization? /2marks

SE
JO

Answer
ST

a. SEO stands for search engine optimization /1mark

b. Website optimization is a set of actions that can help you improve
user experience, traffic, and conversions on your site. Website
optimization is crucial for the success of any online
business. Without it, websites won't receive the necessary traffic
they need to stand out and remain profitable. /2marks

TVET LEVEL 3 – Website development – Page 9 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
References (LO 2 Create web structures, 2.4 Page is properly optimized
based on SEO & accessibility best practices, Curriculum version 2022,
page 4, Remembering)

15. What is typography? /2marks

Answer

Typography is the technique of structuring letters and words in a way that

improves the legibility, readability and even navigation of a website. It helps
create an aesthetically pleasing interface for users and in short, it outlines life
to the text. /2marks

E
EG
LL
References (LO 3 Style web elements, 3.2 Typography is clearly defined

CO
L
and used in accordance with the project goals, Curriculum version 2022,
NI
CA
page 6 Remembering)
CH
TE

16. Identify at least three (3) ways that can be used to optimize a webpage
D
TE
A

/3marks
GR
TE
IN

Answer:
PH

There are many ways to optimize your webpage content for search,
SE
JO

including: 1mark per each

ST

1. Adding keyword-based page titles

2. Integrating relevant keywords
3. Adding useful images
4. Creating meta-tags that highlight key concepts
5. Managing keyword density
6. Adding internal and external links

TVET LEVEL 3 – Website development – Page 10 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
References (LO 2 Create web structures, 2.4 Page is properly optimized
based on SEO & accessibility best practices, Curriculum version 2022,
page 4, understanding)

17. Analyze the following HTML and CSS codes and write its output.
/5marks

!DOCTYPE html>
<html>
<head>
<title>Class Selector</title>

E
EG
<style>

LL
CO
body {

L
CA
background-color: blue;
NI
CH

}
TE

.p1 {
D
TE

font-size: 25px; color: white; text-align: center;

A
GR

}
TE

p {
IN
PH

font-size: 27px; color: red;

SE
JO

}
ST

h2 {
color: lightgray ; text-align: center
}
}
</style>
</head>
<body>
<h2>WELCOME TO MY PAGE</h2>
<p>This line is written in first Paragraph </p>

TVET LEVEL 3 – Website development – Page 11 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 <p class="p1">This line is written in second Paragraph </p>
</body></html>

Answer

/1mark
/2marks

E
EG
LL
CO
L
CA
NI
CH
TE
D
TE
A
GR

/1mark
TE
IN
PH
SE
JO
ST

/2marks

References (LO 3 Style web elements, 3.1 CSS files are efficiently
created in accordance with CSS best practices, Curriculum version 2022,
page 4, Analyzing)

TVET LEVEL 3 – Website development – Page 12 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
SECTION B: Attempt any Three (3) questions (30 marks)
___________________________________________________________________________

18. Explain the four (4) main typefaces used in typography. /10marks
Answers
a. Serif /1mark
b. Sans serif /1mark
c. Slab serif /1mark
d. Script /1mark

E
EG
LL
Serif and Sans Serif typefaces are the most commonly used sets of typefaces on

CO
the web.
L
CA
NI

Serif are more conventional, consistent, and official. They improve the
CH
TE

readability of long paragraphs. /1.5marks

D
TE

Sans-serifs are more casual and simple than serifs; because they render well on
A
GR

low-resolution displays and are the recommended option for web design. Both
TE
IN

are commonly used for body content or headlines (including titles, logos, and so
PH

on). /1.5marks
SE
JO

While the slab typeface is meant to grab attention, with its most important
ST

feature that is; thick and bold. /1.5marks

The script typeface is meant to imitate the varied and often dynamic
handwriting strokes and should be kept for special events, such as prominent
headings, and more. /1.5marks

References (LO 3 Style web elements, 3.2 Typography is clearly defined

and used in accordance with the project goals, Curriculum version 2022,
page 6, Evaluating)

TVET LEVEL 3 – Website development – Page 13 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
19. What is the meaning of the following tags in web design? /10marks
a. <HTML>……</HTML>
b. <TITLE>…….</TITLE>
c. <BODY>……</BODY>
d. <I>……………</I>
e. <SUB>………</SUB>

Answers:
a) <HTML>……</HTML>: specifies that the document should be interpreted as
an HTML document 2marks

E
b) <TITLE>…….</TITLE>. Specifies the text that will be used for the header of

EG
LL
the browser frame. It is the title of website 2marks

CO
c) <BODY>……</BODY>. Defines the information that should be displayed in
L
CA
the browser windows. 2marks
NI
CH

d) <I>……………</I>. Displays the text in italic 2marks

TE

e) <SUB>………</SUB>. Displays the text as subscripted 2marks

D
TE
A
GR

References ( LO 2 Create web structures, 2.3 Curriculum version 2022,

TE
IN

page 4,Understanding)
PH
SE

20. HTML lists are used to specify lists of information. With an example on
JO

each case, distinguish them. 10marks

ST

Answers:
There are three different types of HTML lists:

1. Ordered List or Numbered List (ol) /1mark

2. Unordered List or Bulleted List (ul) /1mark

3. Description List or Definition List (dl) /1mark

a) HTML Ordered List or Numbered List

TVET LEVEL 3 – Website development – Page 14 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
In the ordered HTML lists, all the list items are marked with numbers by default.
It is known as numbered list also. The ordered list starts with <ol> tag and the
list items start with <li> tag. /1mark

Example:

<ol>
<li>Aries</li>
<li>Bingo</li>
<li>Leo</li>
<li>Oracle</li>

E
EG
</ol> /1mark

LL
b) HTML Unordered List or Bulleted List

CO
L
CA
In HTML Unordered list, all the list items are marked with bullets. It is also
NI
CH

known as bulleted list also. The Unordered list starts with <ul> tag and list items
TE

start with the <li> tag. /1mark

D
TE
A
GR

Example:
TE
IN

<ul>
PH
SE

<li>Aries</li>
JO

<li>Bingo</li>
ST

<li>Leo</li>
<li>Oracle</li>
</ul> /1mark
c)HTML Description List or Definition List

Definition list is used where entries are listed like a dictionary or encyclopedia.

The HTML definition list contains following three tags:

1. <dl> tag defines the start of the list.

TVET LEVEL 3 – Website development – Page 15 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 2. <dt> tag defines a term.
3. <dd> tag defines the term definition (description). /1mark
Example:
<dl>
<dt>Aries</dt>
<dd>-One of the 12 horoscope sign. </dd>
<dt>Bingo</dt>
<dd>-One of my evening snacks</dd>
<dt>Leo</dt>
<dd>-It is also an one of the 12 horoscope sign. </dd>

E
<dt>Oracle</dt>

EG
LL
<dd>-It is a multinational technology corporation. </dd>

CO
</dl>/2marks
L
CA
References ( LO 2 Create web structures, 2.3 Curriculum version 2022,
NI
CH

page 4,Analyzing)
TE
D
TE

21. a. Explain “e-commerce website” /2marks

A
GR

b) What are the advantages and drawbacks of e-commerce website” /8marks

TE

Answers:
IN
PH
SE

a.E-commerce (electronic commerce or EC) is the buying and selling of goods

JO

and services on the Internet, especially the World Wide Web. /2marks
ST

ADVANTAGES OF ECOMMERCE (select 4)

 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
 Low operational costs and better quality of services. 1mark
 No need of physical company relationship. 1mark
 Easy to start and manage a business. 1mark

TVET LEVEL 3 – Website development – Page 16 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
  Customers can easily select products from different providers without
moving around physically.

DISADVANTAGES OF E-COMMERCE(select 4)

 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,

E
customer loyalty is always on a check. 1mark

EG
LL
 There are many hackers who look for opportunities, and thus an

CO
ecommerce site, service, payment gateways; all are always prone to attack.
L
CA
1mark
NI
CH

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

 The time period required for delivering physical products can also be quite
D
TE

significant in case of e-commerce.

A
GR

References (LO 2 Create web structures, 2.3 Curriculum version 2022,

TE
IN

page 4, Evaluating)
PH
SE
JO
ST

22. Match the elements in column A with their corresponding elements in

column B. /10marks

Answer Column A (Function) Column B (Shortcut)

1. …… Bold A. Ctrl + U
2. …… Italic B. Ctrl + K
3. ..… Underline C. Ctrl + \
4. ….. Strikethrough D. Ctrl +B
5. ….. Divider E. Ctrl + I
6. ……. Link F. Ctrl + Shift + S

TVET LEVEL 3 – Website development – Page 17 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
 7. ….. Code G. Ctrl + Shift + -
8. ….. Clear formatting H. Ctrl +Shift + M
9. ..….. Redo I. Ctrl + Shift + V
10. ..... Paste plaintext J. Ctrl + Y

Answer: 1Mark per each

Answer Column A (Function) Column B (Shortcut)

1. …D… Bold A. Ctrl+U

E
EG
2. …E… Italic B. Ctrl + K

LL
CO
3. ..A… Underline C. Ctrl + \

L
CA
4. …F.. Strikethrough D. Ctrl +B
NI
CH

5. …G.. Divider E. Ctrl + I

TE

6. …B…. Link F. Ctrl + Shift + S

D
TE

7. …H.. Code G. Ctrl + Shift + -

A
GR

8. …C.. Clear formatting H. Ctrl +Shift + M

TE
IN

9. Redo I. Ctrl +Shift + V

PH

..J…..
SE
JO

10. ..I... Paste plaintext J. Ctrl + Y

ST

References ( LO 1 Apply keyboard skills, 1.2 Shortcuts keys are properly

used based on its functionality Curriculum version 2022, page
2,remembering)

TVET LEVEL 3 – Website development – Page 18 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
SECTION C: Attempt only one (1) question (15 marks)
___________________________________________________________________________

when using archaic method of paper forms, it requires more time to register
student at the beginning of each academic year, for solving this problem the
following registration form which shows how the student must be registered
in modern system. Now Develop HTML codes corresponding to it. 15marks

E
EG
LL
CO
L
CA
NI
CH
TE
D
TE
A
GR
TE
IN
PH
SE
JO
ST

TVET LEVEL 3 – Website development – Page 19 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
Answer
<Html>
<head>
<title>
Registration
</title>
</head>
<body bgcolor="Lightskyblue"> 1mark
<h2>Registration Form</h2> 1mark
<form action="#" method="POST" > 1mark

E
<label> Firstname </label>

EG
LL
<input type="text" name="firstname" size="15"/> <br> <br> 1mark

CO
<label> Lastname: </label>
L
CA
<input type="text" name="lastname" size="15"/> <br> <br> 1mark
NI
CH

<label>
TE

Module : 0.5marks
D
TE

</label>
A
GR

<select> 1mark
TE
IN

<option value="Module">Module</option> 0.5marks

PH

<option value="WEB">WEB</option>
SE
JO

<option value="MATH">MATH</option>
ST

<option value="G.DES">G.DES</option>
<option value="ICT">ICT</option>
<option value="JAVA SC">JAVA SC</option>
<option value="DES. UI">DES. UI</option>
</select>
<br>
<br>
<label>
Gender : 0.5marks

TVET LEVEL 3 – Website development – Page 20 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
</label><br>
<input type="radio" name="male"/> Male <br> 0.5marks
<input type="radio" name="female"/> Female <br> 0.5marks
<input type="radio" name="other"/> Other 0.5marks
<br>
<br>

<label>
Phone :
</label>

E
<input type="text" name="country code" value="+250" size="2"/> 0.5marks

EG
LL
<input type="text" name="phone" size="10"/> <br> <br> 0.5marks

CO
Address
L
CA
<br>
NI
CH

<textarea cols="80" rows="5" value="address"> 1mark

TE

</textarea>
D
TE

<br> <br>
A
GR

Email:
TE
IN

<input type="email" id="email" name="email"/> <br> 1mark

PH

<br> <br>
SE
JO

Password:
ST

<input type="Password" id="pass" name="pass"> <br> 1mark

<br> <br>
Re-type password:
<input type="Password" id="repass" name="repass"> <br> <br> 1mark
<input type="button" value="Submit"/> 1mark
</form>
</body>
</html>

TVET LEVEL 3 – Website development – Page 21 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
References (LO 2 Create web structures, 2.3 Page layouts are accurately
created in line with the project goals, Curriculum version 2022, page 4,
create)

23. (a) Outline any five advantages of using CSS. 5marks

(b) List and explain the types of CSS used to design a webpage 10marks

Answer:

(a) The advantages of using CSS are:

E
EG
 Easier to maintain and update 1mark

LL
 Greater consistency in design 1mark

CO
L
 More formatting options 1mark CA
NI

 Lightweight code 1mark

CH

 Faster download times 1mark

TE
D

 Ease of presenting different styles to different viewers 1mark

TE
A

 Greater accessibility 1mark

GR
TE

(b) There are three types of CSS which are Outline below:
IN

 Inline style sheet 1 mark

PH
SE

 Internal or Embedded style sheet 1.5 marks

JO

 External style sheet 1.5 marks

ST

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. 2marks
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.
2marks
External style sheet: External CSS contains separate CSS file which contains
only style property with the help of tag attributes (For example class, id,

TVET LEVEL 3 – Website development – Page 22 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT
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. 2marks
References (LO 3 Style web elements, 3.1 CSS files are efficiently created
in accordance with CSS best practices, Curriculum version 2022, page 5,
understanding)

E
END OF ASSESSMENT!

EG
LL
CO
L
CA
NI
CH
TE
D
TE
A
GR
TE
IN
PH
SE
JO
ST

TVET LEVEL 3 – Website development – Page 23 of 23 – Marking guide

Downloaded by DUSHIMIMANA CHRISTIAN on Fri, 23 Jun 2023 15:03:38 CAT