Competency Standard and Assessment Guide Web Design
Competency Standard and Assessment Guide Web Design
FOR
WEB DESIGN
The Competency Standards for Web Design is a document for the development of curricula, teaching
and learning materials, and assessment tools. It also serves as the document for providing trainings
consistent with the requirement of industry in order for individuals who passed through the set
standard via assessment would be qualified and settled for a relevant job.
This document is owned by the Finance Division of the Ministry of Finance of the People’s Republic of
Bangladesh, developed under the Skills for Employment Investment Program (SEIP).
Public and private institutions may use the information contained in this standard for activities
benefitting Bangladesh.
Other interested parties must obtain permission from the owner of this document for reproduction of
information in any manner in whole or in part of this Skills Standard, in English or other languages.
Skills for Employment Investment Program (SEIP) Project, Finance Division, Ministry of Finance,
Probashi Kallyan Bhaban (Level – 16), 71‐72 Old Elephant Road, Eskaton Garden, Dhaka 1000
Phone:+8802‐ 55138753‐55, Fax: 88 02 55138752
Website: www.seip‐fd.gov.bd
Web Design 1
INTRODUCTION:
The Skills for Employment Investment Program (SEIP) Project of the Finance Division of the
Ministry of Finance has embarked on a project which aims to qualitatively and quantitatively expand the
skilling capacity of identified public and private training providers by establishing and operationalizing a
responsive skill eco system and delivery mechanism through a combination of well‐defined set of funding
triggers and targeted capacity support.
Among the many components of the project, one is to promote a Market Responsive Inclusive
Skills Training Delivery program. Key priority economic growth sectors identified by government have
been targeted by the project to improve current job skills along with up‐skilling of the existing workforce
to ensure ‘required skills to industry standards’. Training providers are encouraged and supported to work
with the industry to address identified skills to enable industry growth and increased employment through
the provision of market responsive inclusive skills training programs. Priority sectors were identified to
adopt a demand driven approach to training with effective inputs from Industry Skills Councils (ISCs),
Employer Associations and Employers.
This document is developed to improve skills in accordance with the job roles and skill sets of the
occupation and ensure that the required skills are aligned to industry requirements.
The document details the format, sequencing, wording and layout of the Competency Standard
for an occupation which comprised Units of Competence and its corresponding Elements.
OVERVIEW:
A Competency Standard is a written specification of the knowledge, skills and attitudes required
for the performance of a job or occupation or trade corresponding to the standard of performance
required in the workplace.
Competency standard:
provides a consistent and reliable set of components for training, recognizing and assessing
people’s skills, and may also have optional support materials.
enables industry recognized qualifications to be awarded through direct assessment of
workplace competencies
encourages the development and delivery of flexible training which suits individual and
industry requirements
encourages learning and assessment in a work‐related environment which leads to verifiable
workplace outcomes.
Competency Standards are developed by a working group who comprised national and
international process experts and the participation of experts from the industry to identify the
competencies required of an occupation in a particular sector.
Competency Standards describe the skills, knowledge and attitude needed to perform effectively
in the workplace. Competency Standards acknowledge that people can achieve vocational and technical
competency in many ways by emphasizing what the learner can do, not how or where they learned to do
it.
Web Design 2
With Competency Standards, training and assessment may be conducted at the workplace or at
training organization or any combination of these.
A Unit of Competency describes a distinct work activity that would normally be undertaken by
one person in accordance with industry standards.
Identification and validation of units of competency and elements for this occupation were made
by expert of various IT companies through an industry consultative workshop held at the Bangladesh
Association of Software and Information Services (BASIS)20TH of March 2016.
Profile of experts and facilitators who participated in the Competency Verification and Validation
Workshop are given below.
Workshop Facilitators:
Web Design 3
The ensuing sections of this document comprise a description of the respective occupation with
all the key components of a Unit of Competency:
An overview of all Units of Competency for the occupation and their corresponding
duration required for completion of training.
The Competency Standards that include the Unit of Competency, Unit Descriptor,
Elements and Performance Criteria, Range of Variables, Curricular Content Guide and
Assessment Evidence Guide.
Web Design 4
COMPETENCY PROFILE/ CHART
UNITS OF ELEMENTS
COMPETENCY
Apply Occupational Health Identify OHS policies Apply personal health Report hazards and Respond to
and Safety (OH&S) and procedures and safety practices risks emergencies
Practices in the Workplace
(SEIP-IT-WDN-2-G)
Communicate In English Read and understand Write simple Listen and Perform
in the Workplace Workplace workplace written comprehend to conversations in
(SEIP-IT-WDN -3-G) documents in English communications in English conversation English language
English.
Operate a Personal Start and shut down Access basic system Work with files, Print documents
Computer and Use Office the computer information folders and user
Applications application programs
(SEIP-IT-GRA-1-S)
Type Documents in Install the application Select appropriate Type document using
Bangla and English tools and keyboard different style format
(SEIP- IT-GRA-2-S) layout
Send and Retrieve Access the internet Search the internet Research and apply Organize and send
Information Using Email, ‘netiquette’ principals message
Web Browsers,
Video/Audio Tools
(SEIP- IT-GRA-3-S)
Web Design 5
Comply to Ethical Uphold the interests Deliver quality Demonstrate Obey workplace code
Standards in IT Workplace of clients products and professionalism at of conduct.
(SEIP- IT-GRA-4-S) services work
Recognize the Web Identify client server Identify the browser Use web design tools Explain role of web
(SEIP-IT-WDN-1-O) architecture server
Explain role of
database server
Setup Development Install local Web Work with the tools of Install FTP clients
Environment server Web server
(SEIP-IT-WDN-2-O)
Work with HTML Recognize HTML Work with HTML Apply the
(SEIP-IT-WDN -3-O) fundamentals of
typography
Work with Cascading Style Explain CSS Apply CSS Explain Media Query Work with SASS
Sheets (CSS)
(SEIP-IT-WDN -4-O)
Perform Graphic Design Install and work with Create and/or work Carryout layout
Aesthetic Photoshop with image design
(SEIP-IT-WDN -5-O)
Develop with Java Script & Identify JavaScript Introduce BOM & Work with JavaScript
JQUERY Core DOM
(SEIP-IT-WDN-6-O)
Apply Web Design Tools Apply web design Apply web design
(SEIP-IT-WDN -7-O) platform or editor software and CMS
Web Design 6
Units & Elements at Glance:
Web Design 7
SEIP‐IT‐WDN‐2‐S Type Documents in 1. Install the application 12
Bangla and English 2. Select appropriate tools and keyboard
layout
3. Type document using different style
format
SEIP‐IT‐WDN‐3‐S Send and Retrieve 1. Access the internet 16
Information Using 2. Search the internet
Email, Web Browsers, 3. Research and apply ‘netiquette’
Video/Audio Tools principals
4. Organize and send message
SEIP‐IT‐WDN‐4‐S Comply to Ethical 1. Uphold the interests of clients 12
Standards in IT 2. Deliver quality products and services
Workplace 3. Demonstrate professionalism at work
4. Obey workplace code of conduct.
Total Hours 64
Web Design 8
SEIP‐IT‐WDN‐6‐O Develop with Java 1. Identify JavaScript Core 26
Script & JQUERY 2. Introduce BOM & DOM
3. Work with JavaScript
SEIP‐IT‐WDN‐7‐O Apply Web Design 1. Apply web design platform or editor 32
Tools 2. Apply web design software and CMS
Web Design 9
COMPETENCY STANDARD: WEB DESIGN
Range of variables:
Variable Range
May include but not limited to:
1. Calculation requirements. 1.1 Area
1.2 Height
1.3 Length/Breadth/thickness
1.4 Diameter
1.5 Weight
1.6 Capacity
1.7 Time
1.8 Temperature.
1.9 Material usage
1.10 Speed
1.11 Costing
2. Workplace information 2.1 Project Documents
2.2 Graphs
2.3 Charts
2.4 Tables
2.5 Spread Sheets
2.6 Manuals
Web Design 10
2.7 Work order
3. Appropriate method 3.1 Addition
3.2 Subtraction
3.3 Division
3.4 Multiplication
3.5 Conversion
3.6 Percentage and ratio calculation
3.7 Simple equation
4. Tools/instruments 4.1 Calculator
4.2 Computer
Web Design 11
Assessment Evidence Guide
Web Design 12
Unit of Competency: Nominal Duration: Unit Code:
APPLY OCCUPATIONAL HEALTH AND SAFETY 10 hrs. SEIP‐IT‐WDN‐2‐G
(OHS) PRACTICES IN THE WORKPLACE
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required to apply occupational health and safety
(OH&S) practices in the workplace. It specifically includes the tasks of identifying OHS policies and
procedures, applying personal health and safety practices, reporting hazards and risks and responding
to emergencies.
Range of Variables
Variable Range
May include but not limited to:
1. OHS policies 1.1 International OHS requirements
1.2 Bangladesh standards for OHS
1.3 Fire Safety Rules and Regulations
1.4 Industry Guidelines
2. Hazards and risks 2.1 Chemical hazards.
2.2 Biological hazards.
2.3 Physical Hazards.
2.3.1 Machine hazards.
2.3.2 Materials hazards.
2.3.3 Tools and Equipment hazards.
3. Emergency response plans 3.1 Firefighting procedures
and procedures 3.2 Earthquake response procedures
Web Design 13
3.3 Evacuation procedures
3.4 Medical and first aid
4. First aid procedure 4.1 Washing of open wound
4.2 Washing chemically infected area
4.3 Applying bandage
4.4 Tourniquet
4.5 Applying CPR (Cardiopulmonary Resuscitation)
4.6 Taking appropriate medicine
Web Design 14
Assessment Evidence Guide:
Web Design 15
Unit of Competency: Nominal Duration: Unit Code:
COMMUNICATE IN ENGLISH IN THE WORKPLACE 14 hrs. SEIP‐IT‐WDN‐3‐G
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required to apply communication in English in the
workplace. It specifically includes work tasks of reading and understanding workplace documents in
English, writing simple workplace written communications in English, listening and comprehending to
English conversations and performing conversations in English.
Range of Variables
Variable Range
May Include but not limited to:
1. Routine workplace 1.1 Agenda
documents 1.2 Simple reports such as progress and incident reports
1.3 Job sheets
1.4 Operational manuals
1.5 Brochures and promotional material
1.6 Visual and graphic materials
1.7 Standards
1.8 OSH information
1.9 Signs
2. Visual aids 2.1 Maps
2.2 Diagrams
2.3 Forms
2.4 Labels
2.5 Graphs
2.6 Charts
Web Design 16
Curricular Evidence Guide:
1. Underpinning Knowledge 1.1 Read workplace documents in English
1.2 Write simple routine workplace documents in English
1.3 Listen to conversation in English.
1.4 Perform conversation in English.
1.5 Interaction skills (i.e., teamwork, interpersonal skills, etc.).
1.6 Job roles, responsibilities and compliances.
2. Underpinning Skills 2.1 Ability to read and understand workplace documents in English
by using appropriate vocabulary and grammar, standard
spelling and punctuation
2.2 Ability to write simple routine workplace documents in English
such as: Schedules and agenda, job sheets, operational manuals
and brochures and promotional material.
2.3 Ability of listening in English and interpreting
2.4 Ability to perform conversation in English with peers, customers
and management to the required workplace standard.
2.5 Work effectively with others.
2.5.1 Listening and questioning skills
2.5.2 Ability to follow simple directions
Web Design 17
Unit of Competency: Nominal Duration: Unit Code:
WORK IN A SELF‐DIRECTED TEAM 8 hrs. SEIP‐IT‐WDN‐4‐G
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required to work in a self‐directed team. It
specifically includes tasks of identifying team goals and work processes, communicating and
cooperating with team members, working and solving problems as a team member.
Range of Variables
Variable Range
May Include but not limited to:
1. Forms of communication 1.1 Agenda
1.2 Simple reports such as progress and incident reports.
1.3 Job sheets.
1.4 Operational manuals.
Web Design 18
1.5 Brochures and promotional material.
1.6 Visual and graphic materials.
1.7 Standards.
1.8 OSH information.
1.9 Signs.
Web Design 19
4.2 Pens
4.3 Papers
4.4 Work books
4.5 Learning manuals
Web Design 20
B. The Sector Specific (Common) Competencies
Unit of Competency: Nominal Duration: Unit Code:
OPERATE A PERSONAL COMPUTER AND USE 24 Hrs. SEIP‐IT‐WDN‐1‐S
OFFICE APPLICATIONS
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required for a worker to operate a personal
computer and use office applications. It specifically includes the tasks of starting and shutting down the
computer, accessing basic system information, working with files and folders and user application
programs and printing documents.
Web Design 21
3.7 Data are entered into the desired office application in
accordance with work requirements
3.8 Files are copied and saved to available data storage/disk drives
4. Print documents 1.1 Printer settings, if required, are entered into the program
1.2 Default printer is changed where necessary
1.3 Print command is entered to effect printing of documents
1.4 Adjust document print output where necessary
Range of Variables
Variable Range (Includes but not limited to:)
1. Peripheral devices 1.1 Input Devices
1.1.1 keyboard , MIDI keyboard
1.1.2 mouse
1.1.3 touch screen
1.1.4 Digitizer tablet
1.1.5 joystick
1.1.6 scanner
1.1.7 digital camera
1.1.8 video camera
1.1.9 microphone
1.2 Output Devices
1.2.1 monitor
1.2.2 projector
1.2.3 tv screen
1.2.4 printer
1.2.5 plotter
1.2.6 speakers
1.3 Both input/output
1.3.1 external hard drives
1.3.2 USB drives
1.3.3 media card readers
1.3.4 digital camcorders
1.3.5 digital mixers
1.3.6 MIDI equipment
2. Electrical parameters 2.1 Voltage
2.1.1 AC volts
2.1.2 DC volts
2.2 Current (Ampere)
2.3 Phase
2.4 Hz( Cycle/sec )
3. Applications programs 3.1 Office programs
3.2 Database programs
3.3 Word processors
3.4 Email interface
3.5 Internet browsers
3.6 System browsers
Web Design 22
3.7 Spreadsheets
4. Graphical User Interface 4.1 Desktop
(GUI) 4.2 Pointer
4.3 Icons
4.4 Menus
4.5 Dialog boxes
4.6 Scroll bars
4.7 Toolbars
4.8 Folders
4.9 Wall papers
4.10 Widgets
5. Operating system 5.1 Microsoft Windows
5.2 Apple Mac OS
5.3 Ubuntu Linux
5.4 Google android
5.5 iOS
6. Data storage 6.1 Random Access Memory (RAM)
6.2 Floppy disk
6.3 Hard disk
6.4 CD disk
6.5 DVD disk
6.6 Flash drive
6.7 External hard disk
7. Printer settings 7.1 Default Printer Brand and model
7.2 Pages
7.3 Printing sides
7.4 Collate
7.5 Page orientation
7.6 Paper size
7.7 Margins
7.8 Number of pages per sheet
Web Design 23
1.11 Mail merge function
1.12 Basic keyboarding skills
1.13 Storage devices and basic categories
1.14 Exiting procedure for open files/documents
1.15 Methods and procedure in switching on and off the computer
and other peripherals
1.16 Selection, opening and closing procedures of desktop icons to
access application programs
1.17 Method of creating and organizing files for user and
organization requirements
1.18 Data inputting techniques in accordance with standard typing
procedure and office application
1.19 Printing procedure and commands
2. Underpinning Skills 2.1 Checking input electrical parameters of the device in
accordance with peripheral device specification.
2.2 Switching on power of computer and other peripheral devices
2.3 Exiting all open files/documents
2.4 Switching off the computer and other peripherals and
unplugging power supply in accordance with standard
procedure
2.5 Arranging, customizing and manipulating PC desktop
environment/graphical user interface (GUI) settings
2.6 Selecting, opening and closing desktop icons to access
application programs
2.7 Creating and organizing Files for user and organization
requirements
2.8 Entering data into the desired office application in accordance
with work requirements
2.9 Entering print command to effect printing of documents
3. Underpinning Attitudes 3.1 Eagerness to learn
3.2 Patience
3.3 Orderliness
3.4 Observance to OHS requirements
4. Resource Implications 1.5 Workplace (simulated or actual)
1.6 Personal Computer and peripherals
1.7 Software
1.8 Pens
1.9 Papers
1.10 Work sheets
Web Design 24
1.4 Switched off the computer and other peripherals and
unplugged power supply in accordance with standard
procedure.
1.5 Arranged, customized and manipulated PC desktop
environment/graphical user interface (GUI) settings.
1.6 Selected, opened and closed desktop icons to access application
programs
1.7 Created and organized files for user and organization
requirements.
1.8 Entered data into the desired office application in accordance
with work requirements
1.9 Entered print command to effect printing of documents
2. Methods of Assessment Competency should be assessed by:
2.1 Written examination
2.2 Demonstration
2.3 Oral questioning
2.4 Workplace observation
2.5 Portfolio
3. Context of Assessment 3.1 Competency assessment must be done in a training center or in
an actual or simulated work place after completion of the
training module
Web Design 25
Unit of Competency: Nominal Duration: Unit Code:
TYPE DOCUMENTS IN BANGLA AND 12 hrs. SEIP‐IT‐WDN‐2‐S
ENGLISH
Unit Descriptor:
This unit covers the skills, knowledge and attitudes required of a worker to type documents in Bangla
and English. It specifically includes the tasks of installing the application, selecting appropriate tools and
keyboard layout, typing document using different style format in both Bangla and English.
3. Type document using 3.1 Document content is typed with different format.
different style format 3.2 Document is typed at a minimum speed in English and in Bangla
in accordance with workplace requirements.
Range of Variables
Variable Range (Includes but not limited to:)
1. keyboard layout 1.1 QWERTY
1.2 Munir
1.3 Bijoy
1.4 Unijoy
1.5 Phonetics
1.6 Inscript
1.7 Avro
Web Design 26
3.4 Orderliness
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal Computer and peripherals
4.3 Software
4.4 Pens
4.5 Papers
4.6 Work sheets
Web Design 27
Unit of Competency: Nominal Duration: Unit Code:
SEND AND RETRIEVE INFORMATION USING 16 Hrs. SEIP‐IT‐WDN‐3‐S
EMAIL, WEB BROWSERS, VIDEO/AUDIO TOOLS
Unit Descriptor:
This unit covers the skills, knowledge and attitudes required of a worker to send and retrieve
information using e‐mail, web browsers and video/audio tools. It specifically includes the tasks of
accessing the internet, searching in the internet, researching and applying ‘netiquette’ principals and
organizing and sending messages.
4. Organize and send message 4.1 Email application package is used to create a new Email.
4.2 Email message is sent.
4.3 Email messages are replied to and forwarded as appropriate,
using the carbon copy and forward features.
4.4 Attachment and/or email is opened and saved to relevant
folders.
4.5 Email message is deleted as required.
4.6 Inbox is sorted according to sender's name and date received.
Range of Variables
Variable Range (Includes but not limited to):
1. Internet browser 1.1 Microsoft Internet
1.2 Mozilla firefox
1.3 Google chrome
1.4 AOL explorer
1.5 Apple safari
1.6 Opera
1.7 Rockmelt
1.8 Maxthon
1.9 Deepnet explorer
2. Search engine 2.1 Google
2.2 Bing
2.3 Yahoo search
2.4 Ask
Web Design 28
2.5 Aol Search
2.6 Wow
2.7 Webcrawler
2.8 Infospace
2.9 Info
2.10 DuckDuckGo
2.11 Dogpile
2.12 Ahea
2.13 ixQuick
3. Good online 3.1 Respecting others opinions
manners/netiquette 3.2 Tone down your language
3.3 Picking the right tone
3.4 Keeping a straight face
3.5 Considering others’ privacy
3.6 Avoiding inappropriate material
3.7 Be forgiving
3.8 Thinking before hitting the send button
3.9 Testing for clarity
3.10 Conciseness is best
3.11 Sticking to the point
3.12 Thoughtless email
3.13 Read first, write later
3.14 Netspeak (DO NOT TYPE IN ALL CAPS)
Web Design 29
3.4 Orderliness
3.5 Observing netiquette
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal Computer and peripherals
4.3 Software
4.4 Pens
4.5 Papers
4.6 Work sheets
Web Design 30
Unit of Competency: Nominal Duration: Unit Code:
COMPLY TO ETHICAL STANDARDS IN IT 12 Hrs. SEIP‐IT‐WDN‐4‐S
WORKPLACE
Unit Descriptor:
This unit covers the skills, knowledge and attitudes required of a worker to comply to ethical standards
in it workplace. It specifically includes the tasks of upholding the interests of clients, delivering quality
products and services, demonstrating professionalism at work and obeying workplace code of conduct.
Range of Variables
Variable Range (Includes but not limited to:)
1. Customers/clients 1.1 Interdepartmental offices
1.2 External establishments
1.3 Individual customers
1.4 Co‐employees
1.5 Contractual workers
1.6 Trainees/apprentices
1.7 Department heads
1.8 Superiors
Web Design 31
1.9 Employer and internal employees.
2. National legislation 2.1 Occupational Health and Safety Requirements
2.2 Industry/ sectoral code of ethics
2.3 International and national guidelines for consumer protection
2.4 International and national copyright laws
2.5 Intellectual property rights law
2.6 Legal and regulatory policies in the information technology
sector
3. Work processes 3.1 Encoding
3.2 Printing
3.3 Web designing
3.4 Graphic designing
3.5 Technical support
3.6 Business system analysis
3.7 Data base administration
4. Standards 4.1 ISO standards
4.2 IEC standards
4.3 AS standards
4.4 DIN standards
4.5 Bangladesh standards
Web Design 32
3. Underpinning Attitudes 3.1 Eagerness to learn
3.2 Tidiness and timeliness
3.3 Concern to proper use computer and peripherals
3.4 Orderliness
3.5 Observing netiquette
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal Computer and peripherals
4.3 Software
4.4 Pens
4.5 Papers
4.6 Work sheets
Web Design 33
C. Occupation Specific (Core) Competencies
Unit of Competency: Nominal Duration: Unit Code:
RECOGNIZE THE WEB 12 Hrs. SEIP‐IT‐WDN‐1‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to recognize the web. It
specifically includes the tasks of identifying client server architecture/structure, identifying the
browser, using web design tools, explaining role of web server & database server and also explaining
the role of data base server.
Range of Variables
Variable Range (Includes but not limited to):
1. Network 1.1 Personal Area Network
1.2 Local Area Network
1.3 Campus Area Network
1.4 Metropolitan Area network
1.5 Wide Area Network
1.6 Virtual Private Network
2. Websites 2.1 Personal websites
Web Design 34
2.2 Information websites
2.3 Web portals
2.4 Webmail
2.5 Social networking websites
2.6 Blogs
2.7 Forums
2.8 Wiki websites
2.9 Search engines
2.10 Community websites
2.11 News websites
3. Web browser 3.1 Internet explorer
3.2 Mozilla Firefox
3.3 Google Chrome
3.4 Safari
3.5 Opera
3.6 Netscape
3.7 Lynx
4. Software 4.1 Adobe Photoshop
4.2 Adobe Illustrator
4.3 Macromedia Dreamweaver
4.4 Microsoft FrontPage
4.5 Microsoft Publisher
4.6 Adobe Flash
Web Design 35
3.3 Concern to proper use computer and peripherals
3.4 Orderliness
3.5 Observing netiquette
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal computer and peripherals
4.3 Software (System & application)
4.4 Internet
4.5 Pens
4.6 Papers
Web Design 36
Unit of Competency: Nominal Duration: Unit Code:
SETUP DEVELOPMENT ENVIRONMENT 10 Hrs. SEIP‐IT‐WDN‐2‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to setup development
environment. It specifically includes the tasks of installing local web server, working with the tools of
web server and installing FTP clients.
Range of Variables
Variable Range (Includes but not limited to );
1. Local Web server 1.1 XAMPP
1.2 WAMP
1.3 LAMP
Web Design 37
2.5 Working with IDE, debugger, FTP clients, source control,
source code
3. Underpinning Attitudes 3.1 Eagerness to learn
3.2 Tidiness and timeliness
3.3 Concern to proper use computer and peripherals
3.4 Orderliness
3.5 Observing netiquette
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal Computer and peripherals
4.3 Different Operating Software, Local web server, FTP clients
4.4 Internet
4.5 Pens
4.6 Papers
Web Design 38
Unit of Competency: Nominal Duration: Unit Code:
WORK WITH HTML 42 Hrs. SEIP‐IT‐WDN‐3‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to work with HTML. It
specifically includes the tasks of understanding HTML, working with HTML and understanding and
applying the fundamentals of typography.
Range of Variables
Variable Range (Includes but not limited to:)
1. Entities & attributes 1.1 HTML Introduction 1.13 HTML Images
1.2 HTML Editors 1.14 HTML Tables
1.3 HTML Attributes 1.15 HTML Lists
1.4 HTML Headings 1.16 HTML Blocks
1.5 HTML Paragraphs 1.17 HTML Classes
1.6 HTML Styles 1.18 HTML Layout
1.7 HTML Formatting 1.19 HTML Iframes
1.8 HTML Quotations 1.20 HTML Head
1.9 HTML Comments 1.21 HTML Entities
1.10 HTML Colors 1.22 HTML Symbols
1.11 HTML CSS 1.23 HTML URL Encode
1.12 HTML Links
2. HTML concepts 2.1 Elements 2.12 Layout
2.2 HTML Editors 2.13 Forms
2.3 Attributes 2.14 I‐Frames
Web Design 39
2.4 Headings 2.15 Colors
2.5 Paragraphs 2.16 Entities
2.6 Formatting 2.17 URL Encode
2.7 Links 2.18 Form
2.8 Head 2.19 Media
2.9 Images Tables 2.20 Object
2.10 Lists 2.21 Audio
2.11 Block 2.22 Video
3. Software 3.1 Macromedia Dreamweaver
3.2 Microsoft Front page
4. HTML Graphics 4.1 HTML Canvas
4.2 HTML SVG
5. HTML Media 5.1 HTML Video
5.2 HTML Audio
5.3 HTML Plug‐ins
5.4 HTML YouTube
Web Design 40
Assessment Evidence Guide
1. Critical Aspect of Assessment Assessment required Evidence that the candidate:
1.1 Explained entities & attributes of HTML (hypertext mark‐
up language)
1.2 Implemented HTML concepts
1.3 Used HTML form elements
1.4 Used HTML input types
1.5 Used HTML input attributes
1.6 Used HTML Graphics
1.7 Used HTML Media
1.8 Describe the role of typography on the web.
2. Methods of Assessment Competency should be assessed by:
2.1 Written examination
2.2 Demonstration
2.3 Oral questioning
2.4 Workplace observation
2.5 Portfolio
3. Context of Assessment 3.1 Competency assessment must be done in a training center
or in an actual or simulated work place after completion of
the training module.
Web Design 41
Unit of Competency: Nominal Duration: Unit Code:
WORK WITH CASCADING STYLE SHEETS (CSS) 40 Hrs. SEIP‐IT‐WDN‐4‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to work with CSS. It specifically
includes the tasks of understanding CSS, applying CSS, explaining media query and working with SASS.
Range of Variables
Variable Range (Includes but not limited to:)
1. Basic concepts 1.1 CSS Introduction 1.17 CSS Box model
1.2 CSS Syntax 1.18 CSS Outline
1.3 CSS Colors 1.19 CSS Display
1.4 CSS Color HEX 1.20 CSS Max‐width
1.5 CSS Backgrounds 1.21 CSS Position
1.6 CSS Borders 1.22 CSS Float
1.7 CSS Margins 1.23 CSS Inline‐block
1.8 CSS Padding 1.24 CSS Align
1.9 CSS Height/ Width 1.25 CSS Navigation Bar
1.10 CSS Text 1.26 CSS Dropdowns
1.11 CSS Fonts 1.27 CSS Image gallery
1.12 CSS Links 1.28 CSS Image opacity
1.13 CSS Lists 1.29 CSS Image sprites
1.14 CSS Id & Class 1.30 CSS Forms
1.15 CSS Dimension 1.31 CSS Counters
1.16 CSS Tables
2. Tools 2.1 Sassmeister
2.2 Scout
2.3 The SASS Way
Web Design 42
2.4 Bourbon
2.5 Compass
2.6 Bourbon Neat
2.7 Bootstrap Sass
2.8 SUSY
2.9 Breakpoints
2.10 Koala
Web Design 43
2. Methods of Assessment Competency should be assessed by:
2.1 Written examination
2.2 Demonstration
2.3 Oral questioning
2.4 Workplace observation
2.5 Portfolio
3. Context of Assessment 3.1 Competency assessment must be done in a training center
or in an actual or simulated work place after completion of
the training module.
Web Design 44
Unit of Competency: Nominal Duration: Unit Code:
PERFORM GRAPHIC DESIGN AESTHETIC 40 Hrs. SEIP‐IT‐WDN‐5‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to perform graphic design
aesthetic. It specifically includes the tasks of installing and working with Photoshop, Creating and/or
working with image and carrying‐out layout design.
Range of Variables
Variable Range (Includes but not limited to):
1. Basic shape 1.1 Circle
1.2 Triangle
1.3 Square
1.4 Rectangle
1.5 Rhombus
1.6 Trapezoid
1.7 Pentagon
1.8 Hexagon
1.9 Octagon
1.10 Pyramid
1.11 Oval
Web Design 45
Curricular Content Guide
1. Underpinning Knowledge 1.1 Photoshop installation procedure
1.2 Photoshop environment introduction
1.3 Procedure of adding and transforming images
1.4 Layers recognition procedure
1.5 Smart objects vs normal layers
1.6 Basic shape creation using the pen tool of selected
application.
1.7 Selection and application of desired color
1.8 Desired shadow selection
1.9 Adding text in accordance with project design requirement.
1.10 Adding background gradient where desirable.
1.11 Logo, icon & banner design
1.12 Decoding screen size and resolution
1.13 JPEG, GIF, or PNG Images
1. Underpinning Skills 1.1 Installing Photoshop
1.2 Adding and transforming images
1.3 Understanding layers
1.4 Creating Basic shape using the pen tool of the selected
application
1.5 Selecting and applying Desired color and shadow
1.6 Adding Background gradient where desirable
1.7 Completing and using Logo, icon & banner design
1.8 Decoding the mysteries behind screen size and resolution
1.9 Optimizing images as JPEG, GIF, or PNG files
2. Underpinning Attitudes 2.1 Eagerness to learn
2.2 Tidiness and timeliness
2.3 Concern to proper use computer and peripherals
2.4 Orderliness
2.5 Observing netiquette
3. Resource Implications 3.1 Workplace (simulated or actual)
3.2 Personal Computer and peripherals
3.3 Different Operating Software, Local web server
3.4 Internet
3.5 Pens
3.6 Papers
Web Design 46
1.6 Completed and used logo, icon & banner design.
1.7 Optimized images as JPEG, GIF, or PNG files.
2. Methods of Assessment Competency should be assessed by:
2.1 Written examination
2.2 Demonstration
2.3 Oral questioning
2.4 Workplace observation
2.5 Portfolio
3. Context of Assessment 3.1 Competency assessment must be done in a training center
or in an actual or simulated work place after completion of
the training module.
Web Design 47
Unit of Competency: Nominal Duration: Unit Code:
WORK WITH JAVA SCRIPT & JQUERY 26 Hrs. SEIP‐IT‐WDN‐6‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to WORK with JAVA SCRIPT &
JQUERY. It specifically includes the tasks of understanding JavaScript core, introducing BOM & DOM
and working with JavaScript.
Range of Variables
Variable Range (Includes but not limited to):
1. Core components 1.1 Variables
1.2 Functions
1.3 Loops
1.4 Conditions
1.5 Switches
1.6 Objects
1.7 Arrays
1.8 Output
1.9 Comments
1.10 Data Types
1.11 Functions
1.12 Operators
1.13 Comparisons
1.14 Breaks
1.15 Errors
1.16 Validation
2. JavaScript library 2.1 jQuery
2.2 MooTools
2.3 Prototype
2.4 Dojo and YUI
2.5 wForms
2.6 $fx()
2.7 JSTweener
Web Design 48
2.8 JS charts
2.9 C3DL
2.10 ImageFX
2.11 Taffy DB
2.12 Datejs
Web Design 49
2.4 Workplace observation
2.5 Portfolio
3. Context of Assessment 3.2 Competency assessment must be done in a training
center or in an actual or simulated work place after
completion of the training module.
Web Design 50
Unit of Competency: Nominal Duration: Unit Code:
APPLY WEB DESIGN TOOLS 32 Hrs. SEIP‐IT‐WDN‐7‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to apply web design tools. It
specifically includes the tasks of applying web design platform or editor and applying web design software &
CMS.
Range of Variables
Variable Range (Includes but not limited to):
1. Dream Weaver 1.1 Code highlighting
1.2 Code suggestion
1.3 Code and design view
1.4 Code validation and accessibility checks
1.5 Properties bar and insert images
1.6 File manager
1.7 Dreamweaver templates
1.8 Tabs and connected files
Web Design 51
3.3 Concern to proper use computer and peripherals
3.4 Orderliness
3.5 Observing netiquette
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal Computer and peripherals
4.3 Different Operating Software, Local web server
4.4 Internet
4.5 Pens
4.6 Papers
Web Design 52
Unit of Competency: Nominal Duration: Unit Code:
WORK WITH BOOTSTRAP FRAMEWORK 48 Hrs. SEIP‐IT‐WDN‐8‐O
Unit Descriptor:
This unit covers the knowledge, skills and attitudes required of a worker to work with bootstrap
framework. It specifically includes the tasks of understanding responsive website and working with
bootstrap components to develop a responsive website.
Range of Variables
Variable Range (Includes but not limited to:)
1. Advantages 1.1 Easy to use
1.2 Responsive features
1.3 Mobile‐first approach
1.4 Browser compatibility
2. Bootstrap components HTML and CSS based design templates:
2.1 Typography
2.2 Forms
2.3 Buttons
2.4 Tables
2.5 Navigation
2.6 Modals
2.7 Image carousels
2.8 Optional javascript plugins
Web Design 53
2.5 Making and presenting mockup
3. Underpinning Attitudes 3.1 Eagerness to learn
3.2 Tidiness and timeliness
3.3 Concern to proper use computer and peripherals
3.4 Orderliness
3.5 Observing netiquette
4. Resource Implications 4.1 Workplace (simulated or actual)
4.2 Personal Computer and peripherals
4.3 Different Operating Software, Local web server
4.4 Internet
4.5 Pens
4.6 Papers
Web Design 54
Assessment Guide
Web Design
Web Design 55
How to Use this Assessment Guide
If you want the basics of assessment, its key terms and definitions, in a Question
& Answer (Q&A) format, see Section One.
If you want a knowledge of who does what, the key roles and responsibilities
involved in assessment, see Section Two.
If you want a “toolbox” of tools and templates, that you can select from
depending on your assessment need, see Section Three.
If you want to look at working samples of completed assessment tools, see the
Appendices.
Web Design 56
Table of Contents
1.8 Describe the difference between Conventional & Competency Based Assessment.
1.11 Describe the basic questions that an Assessor must ask when planning an
Assessment
1.12 Give some Assessor Requirements/Competencies.
1.17 What are the different forms of evidence that can be collected?
1.18 Describe and outline what is involved in “rules of evidence” and why they are
important.
1.19 Give the purpose of evidence gathering tools.
1.20 What is the Purpose of evidence gathering tools?
Web Design 57
1.23 Describe the kinds of Assessment Methods that can be used for Evidence gathering
purposes
1.24 What kinds of Assessment Methods can be used for Evidence gathering
1.28 Outline the steps (sequence of activities) involved in developing an assessment tool.
1.29 Describe the four dimensions of competency.
Page No.
2.1 The Assessment System: Planning Guide for the Assessor
2.2 Assessor Role and Responsibilities
2.3 Trainer Role and Responsibilities
2.4 Candidate Role and Responsibilities
Page
No.
3.1 Demonstration Checklist
3.2 Observation Checklist
3.3 Oral Questions Checklist
3.4 Evidence Plan (Overall Summary)
3.5 Assessor Job Sheet and Specifications (Spec) Form
3.6 Competency Assessment Results
3.7 Assessor Planning Checklist Tool
3.8 General Guidelines for Effective Questioning
3.9 Assessor Guide to Conducting Competency Assessments
3.10 Assessor’s Quick Start
Web Design 58
Assessment Guide
Define assessment.
Assessment is a systematic process of collecting proof or evidence on whether or not a candidate has
demonstrated competence in the performance of a work‐related activity/task that is directly linked to a
performance standard. The assessment confirms that the individual can perform to the standard expected
in the workplace and/or the nationally approved competency standard.
A helpful example in this regard is the driving test. The driver must prove his competence to drive by
demonstrating to the driving assessor his ability to do so. The driving assessor uses a checklist to assess
the candidate and make the necessary recommendations, based on the evidence he has collected in
observing the candidate’s driving. S/He either records/recommends that the candidate is competent or
not yet competent.
The Purpose of Assessment is to confirm that a trainee can perform competently to the standards
expected in the workplace.
Web Design 59
An effective Assessment is based on a Competency Standard.
A Competency Standard describes the skills, knowledge, and attitudes needed to perform
effectively in the workplace, not the classroom.
It must be noted that a competency standard is made up of individual units of competency that include
elements of competency as well as the performance criteria needed to accomplish them.
An assessment tool is, in effect, an evidence‐gathering tool. It contains both the instrument used for the
assessment and instructions for gathering evidence in the assessment process. As an assessment
instrument it contains the context and conditions for the assessment; tasks to be administered to the
learner; an outline of the evidence to be gathered for the learner; the criteria for judging the evidence;
and the necessary housekeeping records for recording and reporting requirements.
Web Design 60
Theory & practical Tests can become outdated Assessment based on demonstration of work
High cost & central control skills rather than classroom knowledge
Relatively inflexible Flexible delivery
Competencies widely recognized
Guidelines & Templates used
The role of Assessor is the heart and soul of effective competency based assessment. Without this pivotal
role, determining the competency of the trainee is mere guesswork.
Note:
The Industry Assessor will be asked to provide specs and practical demonstration tests from his
workplace that will provide the evidence for determining competency.
The importance of this input cannot be overemphasized for it best matches and tests the required
performance criteria from the Standard.
Describe the basic questions that an Assessor must ask when planning an
Assessment.
Web Design 61
Determine what evidence‐based tools (specs) need to be developed by the Assessor to guide
the assessment?
Determine how long it will take?
Determine when the assessment will occur?
Determine where the assessment will take place?
Determine how it will be recorded?
Requirements/Competencies of an Assessor‐
The ability to use assessment tools to gather evidence effectively is essential, adjusting the
language where necessary to reflect the language/literacy/numeracy levels of the workplace and
not to exceed them in order to ensure learner understanding. This will also entail an ability to
respond to learner needs such as responding to learner disability.
The skill to develop specifications and practical tests, based on performance criteria, that provide
evidence of competency that will fast track the assessment process.
The ability to clearly demonstrate current industry skills and competencies relevant to the
Standard.
Web Design 62
Review some basic need‐to‐know elements concerning assessment.
The Trainer acts as a primary resource for the Assessor and acts as a Facilitator.
Trainer ensures:
All industry required tools, equipment, and materials are available for the assessment
The training venue is booked and has sufficient space for demonstrations/tasks
That all logistics such as admission slips, signature sheets, and records are readily available for
distribution and collection
That all teaching materials and Standard documents and Assessment tools are ready for the
Assessor
Valid Ensures assessment aligned with the Unit of Competency and is based
on evidence that shows the learner can demonstrate skills and
knowledge in other similar contexts (workplace)
Web Design 63
Reliable Evidence presented for assessment is consistently interpreted
regardless of the Assessor
Safe The assessor has inspected the venue for assessment and determined
that it is safe for all involved and that emergency evacuations are in
place if needed
Evidence is information that is gathered and matched against a Unit of Competency to provide proof of
competency.
Describe and outline what is involved in “rules of evidence” and why they are
important.
Rules of Evidence Table
Valid
Web Design 64
The assessor is given assurance that the learner possesses the skills,
knowledge, and attitudes described in the Unit of Competency and
related assessment requirements
Sufficient The assessor is assured that the quality, quantity, and relevance of the
evidence is sufficient to enable a judgment to be made on the learner’s
competency
Authentic The assessor is assured that the evidence provided for assessment is the
learner’s own work
The evidence guide provides useful advice on Unit of Competency assessment and must be read in
conjunction with the performance criteria, required underpinning skills/knowledge/attitudes, range
statement, and the critical aspects of competency for the Standard.
Evidence is the information gathered that provides proof that the performance criteria of a unit of
competency has been met. Evidence can take many forms:
Web Design 65
Demonstration of specific skills: seeing how the trainee performs a procedure or creates a final
product
Examining previous work the trainee has done
Describe the kinds of Assessment Methods that can be used for Evidence gathering
purposes.
Various kinds of Assessment Methods can be used for Evidence gathering purposes. A wide range of
assessment methods are available for Evidence‐ gathering purposes. Assessment methods are not limited
to those listed below. The greater the range of assessment methods applied, the better the accuracy of
the assessment.
Methods Examples
Methods Examples
Web Design 66
Reports/testimonials from Employers and Supervisors;
evidence of training; interviews with Employers and
Supervisors
Advice to the Assessor: use these methods and examples as a means of making your assessment valid,
reliable, flexible, fair, and safe.
Define the term “evidence gathering tools” and give some examples of these tools.
Evidence gathering tools are the actual instruments that the Assessor uses to collect evidence. Evidence
may be collected through:
A collection of evidence that may be presented by the Candidate to an Assessor to prove the Candidate’s
competence at a job or task.
Web Design 67
Steps in Preparing an Evidence Plan (Sequence of Steps to Follow)‐
The Evidence Plan is the most important planning tool for an Assessor. A good evidence plan generates a
list of the evidence that the Assessor must gather when conducting the assessment for a specific Unit of
Competency. The following 6‐Point Method for preparing an Evidence Plan provides a useful sequence of
inter‐related steps to follow:
Following are the steps (sequence of activities) involved in developing an assessment tool:
Web Design 68
Task Skills: the capacity to perform tasks in the workplace and demonstrate competence that meets the
required Standard;
Task Management Skills: the ability to plan and integrate several tasks simultaneously that achieve a
desired work outcome such as those skills involved in budgeting for a work operation, securing supplies
and equipment for the work operation, completing the task in a timely, cost‐effective manner, and
ensuring safety practices are followed throughout;
Contingency Management Skills: the ability to respond to crises and breakdowns in the workplace, such
as accidents and emergency situations that are unanticipated and require immediate action and
resolution;
Job/Role Environment Skills: the capacity to own the responsibilities and expectations of the work
environment that involves working with others effectively and participating in creating a work culture
where all can contribute their best within the parameters of their job role
Assessment Guidelines
Section Two: Roles and Responsibilities
Web Design 69
linked to a performance standard. The assessment confirms that the individual can perform to the
standard expected in the workplace and/or the nationally approved competency standard.
Each Unit of Competency contained in a Standard describes a distinct part of a Mason’s work and job
profile. Within each Unit of Competency, the following components appear:
Unit Title
Unit Descriptor
Elements of Competency
Performance Criteria
Range of Variables
Evidence Guide
As a prelude to conducting assessments, the Assessor must be thoroughly familiar with all of the
particulars and details of the Unit of Competency that is being assessed. This is a “must” for the role of
the Assessor. He must be especially familiar with the Evidence Guide for gathering critical information.
The three sample assessment tools found below focus on the critical aspects of competency that can
provide the required evidence to determine competency‐ the evidence guide. These sample assessment
tools are as follows:
Demonstration Checklist
Observation Checklist
Oral Questions Checklist
Covering all of the key elements of the Unit of Competency under assessment
Applying rigorously the Evidence Guide for the Unit of Competency as this contains the method
and context of assessment, resources required for the assessment, the critical aspects of
competency, and the required underpinning knowledge, skills, and attitudes
Developing specifications (specs) for the task sheet for Demonstration as required
Requiring the candidate to perform project tasks that cover interrelated units of competency‐
known as a “clustering.”
Making what can be termed “reasonable adjustments” for candidates with disabilities or for
example, those candidates with regional dialects that prove difficult to understand
Note: These “reasonable adjustments” may involve reconfiguring a simulated workplace site so that a
candidate’s disability does not impede the assessment process, or for example, finding someone who can
understand a regional dialect and assist the Assessor with essential communication skills.
Web Design 70
Roles and Responsibilities of Assessor
Prior to any assessment, the Assessor should follow the specific instructions below to ensure a well‐
planned assessment event. In most cases s/he will be assisted by a Trainer. Nevertheless, s/he should
make certain that good preparation has taken place for the assessment event.
1. Visit the assessment venue or workplace to ensure an adequate work area or platform containing:
Sufficient space for working‐ ensure square meters of work space enough for task to be carried
out effectively and safely
Fire extinguisher and safety equipment within reach
Emergency procedures in place
All necessary tools, equipment, and materials ready at hand
All necessary machinery in good working order
2. Assessment is drawn and extracted from the relevant Unit of Competency based on an approved
Standard and on an Evidence plan that clearly focuses on critical aspects of competency.
3. The duration of time to assess the demonstration is clearly indicated, for example, 3 hours.
This information is shared with the Candidate along with other pertinent information such as the
sequence of tasks that he must follow, and the fact that he will be closely observed as the tasks are
performed.
4. After the Candidate has performed the task, the Assessor will provide feedback to the Candidate
on his performance.
5. The responsibility on finally deciding whether or not the Candidate was Competent or Not Yet
Competent belongs to the accredited Assessor.
6. At the conclusion of the assessment, the Assessor will provide feedback on whether or not the
Candidate was Competent or Not Yet Competent. S/He will also share information on next steps. These
next steps include where to obtain the certificate related to the assessment or, if unsuccessful, how to re‐
try for competency within a specified period of time.
In addition to a confirming a suitable training venue and time, you will ensure that:
Sufficient space is allotted for task work‐ square meters of work space enough for demonstration
tasks to be carried out effectively and safely
Fire extinguisher and safety equipment within reach if necessary
Emergency procedures in place
All necessary tools, equipment, and materials ready at hand
All necessary machinery in good working order
notifying the Assessor and candidates of planned assessment events and their location
advising and assisting the Assessor on planned assessment events
collecting admission slips and signature sheets for assessment events
ensuring all required forms and reporting mechanisms are in place and ready for distribution to
the Assessor and to the Candidate
ensuring all requisite forms are duly signed and forwarded to the SEIP Office, or certifying body
responding to candidate queries and concerns such as re‐assessment procedures
reconfiguring workplace simulations so that candidates with disabilities are able to participate
fully and without impediment
working closely with the SEIP contact to ensure a successful assessment event
Prior to the assessment, you will have studied and become familiar with the Competency Standard for
your industry.
1. Initially, you will be given information on the task you are to perform, and the estimated time you
will require to perform it. These tasks are based on the critical aspects of competency related to the
performance criteria within the approved Competency Standard.
Given the necessary instructions, and/or a task‐related spec and the necessary tools, materials, and
equipment, you will carry out and complete a work task. You will observe that there is:
Web Design 72
Sufficient space for working‐ square meters of work space enough for task to be carried out
effectively and safely
Fire extinguisher and safety equipment within reach if necessary
Emergency procedures in place
All necessary tools, equipment, and materials ready at hand
All necessary machinery in good working order
2. Assessment is drawn and extracted from the relevant Unit of Competency based on the approved
Competency Standard and on an Evidence plan (proof of competence) developed by the Assessor that
clearly focuses on critical aspects of competency. The Evidence plan will be based on critical assessment
tools such as demonstration/task; observation; oral questions.
3. The duration of time to assess the demonstration should be clearly indicated, for example, 3
hours. This information will be given to you along with other pertinent information such as the procedure
or sequence of tasks that you must follow. It is important to note that you will be closely observed and
assessed throughout the duration of your demonstration. You will be given time to ask questions and
request clarification. You will also be given 10 minutes to familiarize yourself with the resources to be
used in the assessment.
4. Based on your performance in demonstrating the task, you will be assessed by the Assessor to be
Competent or Not Yet Competent. Regardless of the result you will be given feedback from the Assessor
on your performance and the next steps.
5. After you have performed the task, the Assessor will provide feedback to you on your
performance.
6. The responsibility on finally deciding whether or not you are Competent or Not Yet Competent
belongs to the accredited Assessor.
7. At the conclusion of the assessment, the Assessor will provide feedback on whether or not you
have been assessed to be Competent or Not Yet Competent. Both your signatures will be required on the
Assessment Form. You will also be allowed to make comments on the Assessor’s decision. The Assessor
will then share information on next steps. These next steps include where to obtain the certificate related
to the successful assessment or, if unsuccessful, how to re‐try for competency within a specified period
of time.
Web Design 73
Section Three: Tools and Templates
This toolbox of Tools and Templates offers a wide range of assessment tools that will facilitate evidence
gathering and other assessment‐related needs. Evidence gathering, however, should not be limited to
these tools and templates alone. The toolbox should be revised or expanded as necessary, to include other
tools and templates that are deemed relevant.
Demonstration Checklist
Observation Checklist
Oral Questions Checklist
Evidence Plan (Overall Summary)
Assessor Job Sheet and Specifications (Spec) Form
Competency Assessment Results
Assessor Planning Checklist Tool
All About Questioning Techniques for Use in Assessment
Quick Guide to Conducting Competency Assessments
Assessor’s Quick Start
Web Design 74
Demonstration Checklist
Candidate’s name:
Assessor’s name:
Qualification:
Project‐Based Assessment Title
Units of competency covered:
Date of assessment:
Time of assessment:
Instructions for demonstration
Please see attached Instruction for Demonstration (Candidate/Assessor)
Supplies and Materials Tools and equipment
Please refer to attached specific instruction Please refer to attached specific instruction
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
Web Design 75
Observation Checklist
Candidate’s name:
Assessor’s name:
Date of Assessment:
Unit of Competency:
Code:
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1.
2.
3.
4.
5.
6.
7.
8.
Candidate’s performance
COMPETENT NOT YET COMPETENT
was:
Feedback to Candidate:
Web Design 76
Oral Questions Checklist
Candidate’s name:
Assessor’s name
Date of Assessment:
Assessment Venue:
Unit of Competency:
Reference Standard:
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for competent/non yet competent.
Feedback to Candidate:
Web Design 77
Candidate Signature: Date:
QUALIFICATION:
Project‐Based Assessment Title
Written Examination
Demonstration with
Observation with
[tick the column]
Questioning
Questioning
Portfolio
The evidence must show that the candidate …...
Web Design 78
Assessor Job Sheet and Specifications (Spec) Form
This Spec is in reference to the________ Standard, and has been developed by an Industry
Representative/Assessor.
The Result* indicates either C for Competent, or NYC for Not Yet Competent.
Critical Aspects of
Unit of Competency Elements Reviewed Competency Covered Result*: C/NYC
JOB #1 Procedure for Developing Specification (Spec): List the steps involved in performing the task/spec
successfully. It will cover, in logical order, the critical aspects of competency listed above that will
determine if the candidate is Competent or Not Yet Competent.
1.
2.
3.
4.
5.
Tools and Equipment Required for Spec completion: List all tools, equipment, and materials required in
completing Job #1:
Web Design 79
Assessor Name: Date:
Candidate’s name:
Assessor’s name
Qualification Title:
Date of Assessment:
Assessment Venue:
Reference Standard:
Unit of Competency:
Overall Assessment:
Yes: The Candidate successfully met the required evidence/standards and demonstrated all of the
competencies necessary for certification in the Qualification and Units of Competency listed above.
No: The Candidate did not meet the evidence requirements. Re‐assessment is recommended.
Web Design 80
Candidate Signature: Date:
Assessor’s name:
Date:
1. The Assessor is familiar with the unit(s) of competency being assessed Yes No
2. The Assessor has verified that the workplace or training center has Yes No
the correct equipment, machinery, tools, and materials necessary to
complete all of the relevant aspects of the unit of competency
3. The Assessor has ensured that all materials and equipment were Yes No
assembled and arranged in advance.
4. The Assessor has all the necessary tools, templates, and specifications Yes No
needed to assess the trainee including a variety of assessment tools
covering practical demonstration, observation, oral question, and
(where necessary) written tests relevant to the competency specified
in the standard
5. The Assessor has met with the trainer prior to the assessment event Yes No
to discuss his/her role.
6. The Assessor will discuss the performance test with the trainee and Yes No
address any concerns prior to giving the test
7. The Assessor will discuss and record with the trainee the results of Yes No
their performance
Web Design 81
Action to be taken on “No” responses:
Web Design 82
Recording responses
When using oral questioning, you may need a tool that has a structured approach (see below) and also
enables you to record a candidate’s responses. If the candidate’s response is insufficient the assessor
should record why on the recording sheet or checklist. This provides information that can be used later,
if necessary, to explain to the candidate where he or she needs to develop their skills and/or knowledge
to achieve the required competence.
Candidate’s Name
Assessor or Observer’s Name
Unit of Competency)
Code
Date of Assessment
Location
Task/Procedure
Questions to be Answered by candidate Response/Answer* Satisfactory (Yes/No)
What would you do if …
What would you do if …
What would you do if …
How do you …
What are …
Why did you… (Clarification)
Follow up Questions
The candidate’s knowledge was: Satisfactory Unsatisfactory
Feedback to candidate:
Date:
Assessor/Observer’s Signature:
Web Design 83
ASSESSOR GUIDE TO CONDUCTING COMPETENCY ASSESSMENTS
1. BEFORE THE 2. DAY OF 3. DURING THE 4. POST ASSESSMENT
ASSESSMENT ASSESSMENT ASSESSMENT
Web Design 84
Assessor's Quick Start
1. Identify the Unit(s) of Competency from the Program Standard that you are going to assess.
2. Review the Critical Aspects of Competency from the Unit of Competency that will be the basis of
your Evidence Guide.
3. Select the Assessment Tools that you will use to gather evidence.
i. Demonstration Checklist
ii. Observation Checklist
iii. Oral Questions Checklist
5. Review the assessment procedure with the Candidate and ask if there are any questions.
6. Complete the assessment using the assessment tools in the order above. You are free to use other
tools as well if you wish.
Web Design 85
Demonstration Checklist: Recognize the Web
Candidate’s name:
Assessor’s name:
Qualification: Web Design
Project‐Based
Assessment Title
Units of competency Recognize the Web (SEIP‐IT‐WDN‐1‐0)
covered:
Date of assessment:
Time of assessment:
Instructions for demonstration
Please see attached Instruction for Demonstration (Candidate/Assessor)
Supplies and Materials Tools and equipment
Please refer to attached specific instruction Please refer to attached specific instruction
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Identify client server architecture
2. Demonstrate installation and usage of different web browsers
3. Recognize features/options of different web browsers
4. Use web design platform
5. Use web design software
6. Describe role of web server
7. Describe role of database server
Web Design 86
Observation Checklist: Recognize the Web
Candidate’s name:
Assessor’s name:
Date of Assessment:
Unit of Competency: Recognize the Web
Code: SEIP‐IT‐WDN‐1‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1. Identify client server architecture
2. Demonstrate installation and usage of different web browsers
3. Recognize features/options of different web browsers
4. Use web design platform
5. Use web design software
6. Describe role of web server
7. Describe role of database server
Feedback to Candidate:
Web Design 87
Oral Questions Checklist: Recognize the Web
Candidate’s name:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Recognize the Web
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
Web Design 88
Demonstration Checklist: Set Up Development Environment
Candidate’s name:
Assessor’s name:
Qualification: Web Design
Project‐Based
Assessment Title
Units of competency Set Up Development Environment (SEIP‐IT‐WDN‐2‐0)
covered:
Date of assessment:
Time of assessment:
Instructions for demonstration
Please see attached Instruction for Demonstration (Candidate/Assessor)
Supplies and Materials Tools and equipment
Please refer to attached specific instruction Please refer to attached specific instruction
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Install tools and OS Platform as needed by local web server
2. Install local web server
3. Install and operate FTP client
4. Recognize Debugger and source code
5. Use FTP clients to upload or move files to web server
6. Work with IDE
Web Design 89
Observation Checklist: Set Up Development Environment
Candidate’s name:
Assessor’s name:
Date of Assessment:
Unit of Competency: Set Up Development Environment
Code: SEIP‐IT‐WDN‐2‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Install tools and OS Platform as needed by local web server
2 Install local web server
3 Install and operate FTP client
4 Recognize Debugger and source code
5 Use FTP clients to upload or move files to web server
6 Work with IDE
Feedback to Candidate:
Web Design 90
Oral Questions Checklist: Set Up Development Environment
Candidate’s name:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Set Up Development Environment
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
Web Design 91
Demonstration Checklist: Work With HTML
Candidate’s name:
Assessor’s name:
Qualification: Web Design
Project‐Based
Assessment Title
Units of competency Work With HTML (SEIP‐IT‐WDN‐3‐0)
covered:
Date of assessment:
Time of assessment:
Instructions for demonstration
Please see attached Instruction for Demonstration (Candidate/Assessor)
Supplies and Materials Tools and equipment
Please refer to attached specific instruction Please refer to attached specific instruction
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Describe entities & attributes of HTML (hypertext markup language)
2. Implement HTML concepts
3. Use HTML form elements
4. Use HTML input types
5. Use HTML input attributes
6. Use HTML graphics
7. Use HTML media
8. Describe the role of typography on the web
9. Apply the basics of typography to the satisfaction of the Assessor
Web Design 92
Observation Checklist: Work With HTML
Candidate’s name:
Assessor’s name:
Date of Assessment:
Unit of Competency: Work With HTML
Code: SEIP‐IT‐WDN‐3‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Describe entities & attributes of HTML (hypertext mark up language)
2 Implement HTML concepts
3 Use HTML form elements
4 Use HTML input types
5 Use HTML input attributes
6 Use HTML graphics
7 Use HTML media
8 Describe the role of typography on the web
9 Apply the basics of typography to the satisfaction of the Assessor
Candidate’s performance NOT YET
COMPETENT
was: COMPETENT
Feedback to Candidate:
Web Design 93
Oral Questions Checklist: Work With HTML
Candidate’s name:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Work With HTML
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
Web Design 94
Demonstration Checklist: Work With Cascading Style Sheets
Candidate’s name:
Assessor’s name:
Qualification: Web Design
Project‐Based
Assessment Title
Units of competency Work With Cascading Style Sheets (SEIP‐IT‐WDN‐4‐0)
covered:
Date of assessment:
Time of assessment:
Instructions for demonstration
Please see attached Instruction for Demonstration (Candidate/Assessor)
Supplies and Materials Tools and equipment
Please refer to attached specific instruction Please refer to attached specific instruction
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Describe CSS and its role
2. Apply CSS
3. Describe CSS transition and gradients
4. Apply 2D/3D transformation and animation
5. Describe media query with CSS
6. Describe the application of SASS (Syntactically Awesome Style Sheets) or
Style Sheet Language (LESS)
7. Display proper use of related tools
Web Design 95
Observation Checklist: Work With Cascading Style Sheets (CSS)
Candidate’s name:
Assessor’s name:
Date of Assessment:
Unit of Competency: Work With Cascading Style Sheets (CSS)
Code: SEIP‐IT‐WDN‐4‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Describe CSS and its role
2 Apply CSS
3 Describe CSS transition and gradients
4 Apply 2D/3D transformation and animation
5 Describe media query with CSS
6 Describe the application of SASS (Syntactically Awesome Style Sheets) or Style
Sheet Language (LESS)
7 Display proper use of related tools
Feedback to Candidate:
Web Design 96
Oral Questions Checklist: Work With Cascading Style Sheets
(CSS)
Candidate’s name:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Work With Cascading Style Sheets (CSS)
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
Web Design 97
Demonstration Checklist: Perform Graphic Design Aesthetic
Candidate’s name:
Assessor’s name:
Qualification: Web Design
Project‐Based
Assessment Title
Units of competency Perform Graphic Design Aesthetic (SEIP‐IT‐WDN‐5‐0)
covered:
Date of assessment:
Time of assessment:
Instructions for demonstration
Please see attached Instruction for Demonstration (Candidate/Assessor)
Supplies and Materials Tools and equipment
Please refer to attached specific instruction Please refer to attached specific instruction
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Compare smart objects versus normal layers
2. Install Photoshop
3. Compare layers
4. Select and apply desired colour
5. Select desired shadow where applicable
6. Complete and use logo, icon and banner design
7. Decode the mysteries behind screen size and resolution
8. Optimize images as JPEG, GIF, or PNG files
Web Design 98
Observation Checklist: Perform Graphic Design Aesthetic
Candidate’s name:
Assessor’s name:
Date of Assessment:
Unit of Competency: Perform Graphic Design Aesthetic
Code: SEIP‐IT‐WDN‐5‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Compare smart objects versus normal layers
2 Install Photoshop
3 Compare layers
4 Select and apply desired colour
5 Select desired shadow where applicable
6 Complete and use logo, icon and banner design
7 Decode the “mysteries” behind screen size and resolution
8 Optimize images as JPEG, GIF, or PNG files
Candidate’s performance NOT YET
COMPETENT
was: COMPETENT
Feedback to Candidate:
Web Design 99
Oral Questions Checklist: Perform Graphic Design Aesthetic
Candidate’s name:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Perform Graphic Design Aesthetic
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Identify java script core components
2. Implement basic java script concepts
3. Describe functions of BOM (Browser Object Model) and DOM (Document
Object Model)
4. Apply BOM and DOM
5. Use java script library
6. Display navigation skills
Code: SEIP‐IT‐WDN‐6‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Identify java script core components
2 Implement basic java script concepts
3 Describe functions of BOM (Browser Object Model) and DOM (Document Object
Model)
4 Apply BOM and DOM
5 Use java script library
6 Display navigation skills
Feedback to Candidate:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Develop With JAVA SCRIPT & JQUERY
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Use Notepad effectively
2. Display effective use of MS Front Page
3. Display effective use of Macromedia Dream Weaver
4. Display effective use of Joomla/Drupal/Wordpress
5. Apply CMS (Content Management System)
Code: SEIP‐IT‐WDN‐7‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Use Notepad effectively
2 Display effective use of MS Front Page
3 Display effective use of Macromedia Dream Weaver
4 Display effective use of Joomla/Drupal/Wordpress
5 Apply CMS (Content Management System)
Feedback to Candidate:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Apply Web Design Tools
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate:
to show if evidence is
demonstrated
During the demonstration of skills, did the candidate: Yes No N/A
1. Describe the advantages of a responsive website
2. Describe the advantages of Bootstrap
3. Describe the functions of Bootstrap Basic
4. Demonstrate facility with Bootstrap components to develop a responsive
website
5. Create and present a mock up
Code: SEIP‐IT‐WDN‐8‐0
Name of
Workplace/Training
Center
Observe Candidate’s performing the task, and following the spec‐
Procedure to Follow: if a spec is provided
During the demonstration of skills, did the Candidate do the following (List steps that reflect
critical aspects of competency from performance criteria of Unit of Competency):
YES NO
1 Describe the advantages of a responsive website
2 Describe the advantages of Bootstrap
3 Describe the functions of Bootstrap Basic
4 Demonstrate facility with Bootstrap components to develop a responsive
website
5 Create and present a mock up
Feedback to Candidate:
Assessor’s name:
Date of Assessment:
Assessment Venue:
Unit of Competency: Work With Bootstrap Framework
Reference Standard: Web Design
The List of Questions below must be pegged to the competency demonstration test and may involve
related specs for each Unit of Competency tested. Underpinning skills for Knowledge may also be
reviewed for Competent/Not Yet Competent designation.
Feedback to Candidate: