WDF521S - WEB DEVELOPMENT FUNDAMENTALS - 1ST OPP - NOV 2024


WDF521S - WEB DEVELOPMENT FUNDAMENTALS - 1ST OPP - NOV 2024



1 Page 1

▲back to top


nAmlBIA unlVERSITY
OF SCIEnCE Ano TECHnOLOGY
FACULTYOFCOMPUTINGAND INFORMATICS
DEPARTMENTOF INFORMATICSJ,OURNALISMAND MEDIATECHNOLOGY
QUALIFICATION : Bachelor of Geo-Information Technology, Bachelor of Entrepreneurship
QUALIFICATION CODE: 07BGEI, 07BENT
COURSE: Web Development Fundamentals
DATE: NOVEMBER 2024
DURATION: 3 Hours
COURSE LEVEL:NQF LEVEL5
COURSE CODE: WDF521s
SESSION: 1
MARKS: 100
EXAMINER(S):
FIRST OPPORTUNITY EXAMINATION QUESTION PAPER
MR. NKULULEKO 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 ALLSections.
3. Write clearly and neatly.
4. Number the answers clearly.

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 contained 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 list will automatically place a number in front of the items?
a. numbered list
b. ordered list
c. unordered list
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 CSSis 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 __
a. ess
b. css
c. htm
d. No file extension is necessary.
file extension.
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 than 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 _____
a. <label>
b.<p>
c. <form
d. <legend>
is to configure a label for a <fieldset>.
12. Select the code below that will configure a background image called parchment.gif
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) ____
action taken by the user.
a. object
b. event
C. tag
d. browser
can be described as an
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 element in the body section of the web page
d. a style element in the head section of the web page
25. To apply 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 Nmubei·
20145678
20148973
20148978
20148970
All students were present.
Name
Tobias
Maria
Manfred
Amanda
Sul'Dame
Shilongo
Itbana
Beukes
Brown
[1O 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
\\j)
---
Contact Us
+ )(
- 0 £1 :
I= a)
b)
Title
Appropriate heading
[30 marks]
(1 mark)
(1 mark)
Cusromcr Information -
First Name: 1
I Last Name:
I
E-mail:
c)
Legend
d)
Field set
e)
Labels
(2marks)
(2 marks)
(4 marks)
Com- mems:
[
I
I[ j [ Contact Reset
f)
Input types
g)
Submit Buttons
h)
Html Structure
(8 marks)
(2 marks)
(10 marks)
[THE END]
6