 |
WDF521S - WEB DEVELOPMENT FUNDAMENTALS - 1ST OPP - NOV 2025 |
|
|
1 Page 1 |
▲back to top |
nAmlBIA unlV ERSITY
OF SCIEnCE Ano TECHnOLOGY
FACULTY OF COMPUTING AND INFORMATICS
DEPARTMENT OF INFORMATICS, JOURNALISM AND MEDIA TECHNOLOGY
QUALIFICATION: Bachelor of Geo-Information Technology, Bachelor of Entrepreneurship
QUALIFICATION CODE: 07BGEI, 07BENT
COURSE: Web Development Fundamentals
DATE: NOVEMBER 2025
DURATION: 3 Hours
COURSE LEVEL: NQF LEVEL 5
COURSE CODE: WDF521s
SESSION: 1
MARl<S: 100
EXAM INER(S):
FIRST OPPORTUNITY EXAMINATION QUESTION PAPER
MR. Nl<ULULEKO MTHEMBO
MODERATOR (S):
MR. ELIAZER MBAEVA
THIS EXAMINATION PAPER CONSISTS OF 6 PAGES
(INCLUDING THIS FRONT PAGE)
Instructions for the students
1. There are two Sections in this paper Section A and Section B.
2. Answer ALLthe questions in ALL Sections.
3. Write clearly and neatly.
4. Number the answers clea rly.
1
|
|
2 Page 2 |
▲back to top |
Section A Circle or Mark the correct answer below.
[25 marks]
1. Which of the following tags, is used to force the browser to display the next text or
element on a new line?
a. <new line>
b.<p>
c. <br>
d. <line>
2. Choose the true statement below.
a. The content that displays in the browser is contain ed in the head section.
b. The content that displays in the browser is contained in the body section.
c. Information about the web page is contained in the body section.
d. All of the above are true.
3. What type of HTML li st will automatically place a number in front of the items?
a. numbered list
b. ordered list
c. unordered li st
d. definition list
4. Which of the following tags does not require a closing tag?
a.<p>
b. <br>
C. <i>
d. <a>
5. The purpose of the _ _ __ element is to configure the headings for a web page
document or section of a web page document.
a. headings
b. nav
c. header
d. head
6. When CSS is coded in the body of the web page as an attribute of an HTML tag it is
called _ _ __
a. Embedded
b. lnline
c. External
d .Imported
7. An external style sheet uses the _ _ file extension .
a. ess
b. css
c. htm
d. No file extension is necessary.
2
|
|
3 Page 3 |
▲back to top |
8. Select the HTML tag from the list below that configures a textbox with the name
"email" and a width of 40 characters.
a. <input type="text" id="email" width="40" >
b. <input type="text" name="email" size="40" >
c. <input type="text" name="email" space="40" >
d. <input type="text" width="40" >
9. You would like to conduct a survey and ask your web page visitors to indicate the
computer operating systems that they use. Each visitor could use more th an one
computer operating system. Select the form control that is best to use for this
purpose.
a. check box
b. radio button
c. text box
d. scrolling text box
10. Choose the HTML tag below that would .configure a scrolling text box with the name
"feedback", 3 rows, and 60 characters.
a. <textarea name="feedback" width="60" rows="3"></textarea>
b. <input type="textarea" name="feedback" size="60" rows="3" >
c. <textarea name="feedback" rows="3" cols="60"></textarea>
d. none of the above
11. The purpose of the _____ is to configure a label for a <fieldset>.
a. <label>
b.<p>
c. <form
d. <legend>
12. Select the code below that will configure a background image called parchment.git
for a web page using CSS.
a. body {background-image:url(parchment.gif); }
b. document {background:parchment.gif;}
c. body {background:parchment.gif'}
d. None of the above
13. When applying the design principle of _____, related items are grouped
together.
a. linear
b. proximity
c. repetition
d. alignment
14. Select the most commonly used site organization for commercial web sites.
a. random
b. linear
c. hierarchical
d. none of the above
3
|
|
4 Page 4 |
▲back to top |
15. A ______ is a sketch or blueprint of a web page that shows the structure (but
not the detailed design) of basic page elements such as the logo, navigation, content,
and footer.
a. site map
b. wireframe
c. drawing
d. hierarchy
16. Use _ _ _ element to indicate table column headings or table row headings.
a. <tr>
b. <th>
c. <thead>
d.<head>
17. The purpose of the _ __ element is to describe the contents of a table.
a. <summary>
b. <caption>
c. <title>
d. <source>
18. Use the CSS ___ property to configure the cellpadding of a table.
a. padding
b. margin
c. cellpadding
d. none of the above
19. Choose the best-designed link from below.
a<a href="news.html">Click to read our important news!</a>
b. Click to read our <a href="news. html">important news!</a>
c. <a href="news. html">lmportant News</a>
d. <a href="news.html">Click here to read our important news</a>
20. To associate an external style sheet with a web page, code:
a.a link element in the body section of the web page
b.a link element in the head section of the web page
c.a style element in the body section of the web page
d.a style element in the head section of the web page.
21. Select the true statement from those listed below.
a. <script> tags are used to contain JavaScript statements
b. <script> tags can be placed in both the header and the body section of a web page
c. <script> tags are read by the browser
d. All of the statements above are true
22. In the context of web page interactivity, a(n) _ _ _ _ can be described as an
action taken by the user.
a. object
b. event
C. tag
d. browser
4
|
|
5 Page 5 |
▲back to top |
23. Cascading Style Sheet rules are comprised of:
a. Selectors and Declarations
b. Properties and Declarations
c. Selectors and Attributes
d. None of the above
24. To associate an external style sheet with a web page, code:
a. a link element in the body section of the web page
b. a link element in the head section of the web page
c. a style elem ent in the body section of the web page
d. a style element in the head section of the web pa ge
25. To app ly a style to a certain group of elements on a web page, configure a CSS
a. group
b. id
c. class
d. None of the above
Section B Structured
Question One
Describe the following design principles:
a. Contrast
b. Repetition
c. Alignment
d. Proximity
Question Two
Define the acronym HTTP and indicate how it is used?
Section C
Question One
Write the Html code that will display the table below
Basic Science Students
Student Number
20145678
201 48973
20148978
20148970
All students were present.
Name
Tobias
Maria
Manfred
Amanda
Su rnam e
Shilongo
Itbana
Beukes
Brown
[10 marks]
[8 marks]
[2 marks)
[65 marks]
[35 marks)
5
|
|
6 Page 6 |
▲back to top |
Question Two
Write the Html code that will display the html web page below
Contact Form
\\),'
+ )(
- □ E1 '
I = a) Title
[30 marks]
(1 mark)
Contact Us
Customer Information
First Name:
Last Name: I
E-mail: \\
___J
b)
- c)
d)
e)
Appropriate heading
Legend
Field set
Labe ls
(1 mark)
(2marks)
(2 marks)
(4 marks)
Conun~nt s:
f)
Input types
(8 marks)
Contact 11 R~set
g)
Submit Buttons
(2 marks)
.~
h)
Htm l Structure
(10 marks)
[THE END]
6