Scribd
Upload
7 views4 pages

Web Design

This document outlines a web design skills unit that covers competencies in HTML and JavaScript over a duration of 200 hours. Key learning outcomes include understanding HTML basics, using HTML elements, web page formatting, and JavaScript functions and libraries. Suggested assessment methods include practical, written, and oral tests, along with recommended instructional resources and tools.

Uploaded by

joashkee254
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views4 pages

Web Design

This document outlines a web design skills unit that covers competencies in HTML and JavaScript over a duration of 200 hours. Key learning outcomes include understanding HTML basics, using HTML elements, web page formatting, and JavaScript functions and libraries. Suggested assessment methods include practical, written, and oral tests, along with recommended instructional resources and tools.

Uploaded by

joashkee254
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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

You might also like