WEB DESIGN SKILLS
UNIT CODE:ICT/CU/CS/CR/10/6/A
Relationship to Occupational Standards
This unit addresses the unit of competency: Demonstrate Web Design Skills
Duration of Unit: 200 hours
Unit Description:
This unit covers the competencies required to demonstrate web design skills. It involves
understanding HTML basics, using HTML elements, demonstrating web page formatting,
applying styles, understanding JavaScript basics, using JavaScript data types, using
JavaScript functions and using JavaScript libraries.
Summary of Learning Outcomes:
1. Understand HTML basics
2. Use HTML elements
3. Demonstrate web page formatting
4. Apply styles
5. Understand JavaScript basics
6. Use JavaScript data types
7. Use JavaScript functions
8. Use JavaScript libraries
Learning Outcomes, Content and Suggested Assessment Methods
Suggested
Learning Outcome Content
Assessment Method
1. Understand HTML Definition of HTML Practical tests
basics HTML terminologies Written tests
Document Oral tests
Stylesheet
Element
Attribute
Creation of HTML file
Document type
declaration
Saving as .html file
HTML core elements
<head>
©2019, TVET CDACC 76
<title>
<body>
<html>
Addition of HTML core
elements to file
2. Use HTML Basic HTML elements Practical tests
elements <p> Written tests
<br> Oral tests
<h1>
Addition of basic HTML
elements to HTML document
Definition of attributes
src
alt
href
Addition of attributes to
elements
3. Demonstrate web Layout elements Practical tests
page formatting <header> Written tests
<nav> Oral tests
<section>
<footer>
Addition of layout elements to
HTML document
Addition of layout element
attributes to HTML document
class
id
name
4. Apply Styles Style concepts Practical tests
background Written tests
padding Oral tests
alignment
border
Application of internal styles
Creation of external CSS file
5. Understand Purpose of JavaScript Practical tests
JavaScript basics JavaScript syntax Written tests
Oral tests
©2019, TVET CDACC 77
Accessing HTML element
attributes using the JavaScript
Document Object Model
(DOM)
Changing HTML element
attributes using JavaScript
DOM model
6. Use JavaScript data JavaScript data types Practical tests
types Strings Written tests
Numbers Oral tests
Booleans
Demonstration of data type
operations
Variables declarations
and scope
Expressions
Arithmetic
Boolean
String concatenation
Demonstration on arrays
operations
count ()
pop ()
push()
7. Use JavaScript JavaScript function structure Practical tests
functions Creation of JavaScript function Written tests
Invoking of JavaScript function Oral tests
Returning values from
functions
8. Use JavaScript Libraries concept Practical tests
libraries JQuery framework Written tests
Installation of JQuery Oral tests
Referencing JQuery
JQuery syntax
JQuery events
Keyboard
Mouse
Form
Document Window
©2019, TVET CDACC 78
DOM manipulation with
JQuery
Suggested Methods of Instruction
Presentations and practical demonstrations by trainer;
Guided learner activities and research to develop underpinning knowledge;
Supervised practical assignments and projects
Recommended Resources
Tools
Text Editor
Browser
Equipment
Computer
Materials and supplies
Instructional materials
Stationery
Reference materials
Trainer-recommended resources including web resources
©2019, TVET CDACC 79
