Web Design and Development

Competency and Content Flowchart

Grade 11 and 12

Federal Democratic Republic of Ethiopia

Ministry of Education
 Web Design and Development
Competency and Content Flowchart
Grade 11 and 12

Writers:

Bruk Teweldebirhan Keweti (MSc)

Miskir Solomon Tsige (MSc)

Evaluators:

Abebe Basazinew Bekele (MSc)

Bazezew Tsehay Demese (MSc)

Wondwosen H/giorgies Yitaferu (MSc)

© Federal Democratic Republic of Ethiopia, Ministry of Education 2023

All rights reserved. No part of this Competency and Content Flowchart may be reproduced, stored
in a retrieval system or transmitted in any form or by any means including electronic, mechanical,
magnetic, photocopying, recording or otherwise, without the prior written permission of the
Ministry of Education or licensing in accordance with the Federal Democratic Republic of Ethiopia
as expressed in the Federal Negarit Gazeta, Proclamation No. 410/2004 - Copyright and
Neighboring Rights Protection.

First Developed 2023

Every effort has been made to trace the copyright holders and the Ministry of Education apologizes
in advance for any unintentional omissions. If you are the owner of copyrighted material not cited
or improperly cited, please contact the Ministry of Education, Head Office, Arat Kilo, (P.O. Box
1367), Addis Ababa Ethiopia

ISBN: xxx-xxxxxx-x-xxx-x
Acknowledgements

The Federal Democratic Republic of Ethiopia, Ministry of Education expresses its gratitude to the
Federal Technical and Vocational Training Institute, Misrak Polytechnic College and General
Wingate Polytechnic College for professional support of this Flowchart development. The
Ministry of Education is grateful for the time and unwavering commitment of expertise provided
by the writers and evaluators of the aforementioned institutions.

The Ministry of Education would also like to thank the Ministry of Labor and Skills for their
technical support and for sharing their Occupational Standards to be used as a reference for
Competency and Content Flowchart design and development.
 Contents

No Contents Page

1 Introduction 1

2 Career Pathway Description 2

3 Unit of Competency flowchart 3

4 Competency, Outcome & Content chart 4

Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

1. Introduction
Following the advent of the new Ethiopian Education and Training Policy (2023), Career and
Technical Education (CTE) has evolved as a field in transition. It predominantly focuses on
preparing students for work, life, further education as well as employment.

The aim of CTE is to provide Grades 11 and 12 students the chance to develop skills and get
training that will provide access to “Level One” jobs, while also meeting employers’ demands
for qualified worker. Furthermore, CTE also aims to provide students of Grades11 and 12 with
the academic and technical skills, knowledge, and attitude necessary to succeed in future careers
and to become lifelong learners.

To implement CTE in general education, the curriculum materials such as Curriculum

Framework, Competency and Content Flowchart, Syllabus and Student book and Trainer Guide
for each career pathway are essential. As a result, CTE curriculum framework developed. In this
framework, eight Career Clusters are designed to be given. five career clusters, namely,
Manufacturing, Construction, Information Technology, Agriculture and Health Sciences will be
given in Natural Science Stream. Three Clusters; Communication and Social Science, Business
Sciences and Performing and Visual Arts will be given in Social Science stream. Each of the
Career Cluster is inclusive of specific Career Pathway, which individual students/trainees choose
as their career pathways.

As indicated in the curriculum framework every year, schooling at all levels begins on the first
week of September and ends on the fourth week of June. Learning and training time for all levels
will be 10 months or 35 weeks. In level 1 Career and Technical Education each career pathway
has 10 periods per week and 350 periods in a year. All career pathways will carry equal amount
of time. There will be two semesters in between which is found a one-week break, On the
average, the number of schooldays is 175. The first semester has 88 days while the second has 87
days. Schools operate on a full day for Grade11 and 12.

This competency and content flowchart is used to develop syllabus. The competency and content
flowchart has four sections. These are introduction, career pathway description, competency
flowchart and Competency, Outcome and Content Flowchart. In this Competency and content

Ministry of Education 1
Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

flowchart competencies are identified and arranged from simple to complex for each career
pathways. For each competency outcomes are designed. Finally, contents and sub contents are
identified to achieve each outcomes keeping vertical integration.

2. Description of Career Pathway

The Web design and development pathway explores the occupations and educational
opportunities associated with designing, creating, and modifying websites using applicable tools
and procedures according to client requirements. It helps to create websites and applications that
are easy to use, visually appealing, and accessible to a wide range of devices. Students in this
path will learn design methods, software tools, and techniques used in modern web creation.
Learners develop skills in basic website design using HTML and CSS and JavaScript and
advanced development techniques in backend database integration. The path not only teaches the
behind-the-scenes steps of creating and maintaining websites, but it also improves other skills
such as critical thinking, creativity, communication skills, collaborate with groups and opens the
door to lucrative job opportunities.

The rationale behind selecting this pathway is the increasing and bigger role of websites in
today’s world economy. Because we live in the digital era, the growing popularity of the internet,
mobile and handheld devices give organizations the opportunity to easily reach their customers.
you must have noticed that every popular business has its own websites that help the customer to
locate the services they provide. Not only for business, but websites are also built for portfolios,
blogs, funding, charities, events, and more. Without any doubt, a career in web development is
indeed a great choice, especially in today’s technology-driven world it is Highly Demanded and
considered critical to the success of a business. In addition, its Simple and Easy to learn futures
and the opportunity Work from where you want with a Limited resources attracts many students.
As they work and train in the path, students gain competencies that enable them to work on
front-end and back-end web development projects. Or they can choose to work as a freelance
web developer for multiple clients or work as a full-time web developer for an organization. of
course, web development is one of the most revered skills that can attract high salaries and
secure your dream job.

Ministry of Education 2
Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

3. Competency Flowchart
Upon successful completion of the program, the graduates of certificate in Accounting and
Finance Career pathway will have the relevant knowledge, skills and attitude that will enable
them to acquire, and implement the competencies listed below:

I Operate Personal Computer

II Access and Analyze Online Information
III Develop Professional Ethics
IV Build Web Pages Using HTML
V Integrate Cascading Style Sheets
VI Apply Interactivity to a website
VII Apply Kaizen principle
VIII Design User Experience Solutions
IX Utilize CSS Frameworks for Responsive Design
X Use Web Authoring Tool
XI Develop Dynamic Websites
XII Implement Content Management Systems
XIII Develop Entrepreneurship skills

Ministry of Education 3
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

4. Competency, Outcome and Content Flowchart

No. Competency Outcomes Contents

I Operate Personal 1. Identify web careers pathways 1.1. Introduction Information Technology as a career
Computer
1.2. Introduction to Web Design and Development career Paths
2. Connect Hardware and 2.1 Introduction to Computer
Network Peripherals 2.2 Organization of computer systems
2.3 Safe Work Conditions and Procedures
2.4 Environment Protection
3. Install operating system and 3.1 Operation Systems and Installation
application Software 3.2 Application Software Installation
3.3.Installing Devices Driver
4. Navigate and use the 4.1 Navigate and use the Operating System environment
Operating System environment 4.2 Understand and Customize the Desktop Environment
4.3 Manage Files and Folders:
4.4 Uninstalling and removing Applications
4.5 Create and manage user accounts
4.6 Essential keyboard shortcuts
4.7 Use Windows system tools and applications
II Access and Analyze 1. Describe the Internet and the 1.1. Introduction to The Internet
Online Information world wide web 1.2 Introduction to the World wide Web
1.3 Introduction to Websites
2. Use and configure Web 2.1 Introduction to Web Browsers
Browsers 2.2. Navigating and utilizing Web browser features
2.3. Customizing and Configure Web browser

Ministry of Education 4
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

No. Competency Outcomes Contents

3. search and evaluate information 3.1. Search information

over the internet. 3.2. Critical Evaluation
3.3. Copyright, Data Protection
4. Enhance online communication 4.1.Online communication
and collaboration 4.2. Online collaboration
5. Create a safe online 5.1 Overview of Security and Privacy
environment 5.2 Threats to computers, devices, and data
5.3 Protecting computers, devices and data
III Develop Professional 1. Explain Profession and 1.1 Concept of Profession and Professionalism
Ethics professionalism 1.2 Profession and Professionalism
1.3Characteristics of professionalism
1.4 Values of professionalism
2. Describe the concept of ethics 2.1 Introduction
and professional ethics 2.2 Fundamentals of Professional Ethics
2.3.Common Principles of Professional Ethics
2.4. The importance of professional ethics
2.5. Professional Ethics Required from a Worker
2.6.Ethiopian ethical service delivery
2.7.Some Characteristics of Work Ethics
3. Reflect and evaluate Ethical 3.1 Introduction
practices in the work place 3.2.Ethical practices in the workplace
3.3 Unethical Behavior in the Workplace
3.4 Factors that Affect the Practice of Ethical Behavior
3.5 Advantages and Implications of respecting Workplace Ethics

Ministry of Education 5
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

No. Competency Outcomes Contents

4.Apply Codes of Ethics, Conduct 4.1 Introduction

and Standards of Professional 4.2.The Purpose of Professional Codes of Conduct and Practice
Practice 4.3.Types of Codes of Ethics
4.4.Code of Ethics among Professionals
4.5.The Difference between a Code of Ethics and a Code of
Conduct
4.6.Applying Code of Conduct
4.7.Standards of Professional Practice
5.Identify mechanisms of Ethical 5.1 Introduction
Decision Making 5.2.Ethical Decision Making
5.3 Rationalization
5.4 Some Steps to Ethical Thinking and Ethical Behaving
5.5 Important principles for making Ethical decision:
5.6 Dress codes and code of conduct
5.7 Workplace policies and procedures
5.8 Industry Compliance and Regulations
6. Promote Ethical standards and 6.1.Introduction
practice with clients, colleagues, 6.2.Promoting Ethical Standards and Practice
& Employability Skills 6.3 Ways to Improve an Organization's Ethical Climate
IV Build Web Pages 1. Identify markup languages 1.1. Introduction to markup languages
Using HTML 1.2 Types of markup languages
1.3.Introduction to HTML
2. Setup the HTML development 2.1 Introduction to integrated development environment (IDE)
environment and Create 2.2 Basic HTML document structure
HTML pages

Ministry of Education 6
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

No. Competency Outcomes Contents

3. Create web content using 3.1. HTML Elements

HTML 3.2 HTML formatting Tags
3.3 HTML links
3.4 HTML links
3.5 HTML Tables
3.6. HTML Frames
3.7. HTML Form
3.8. Multimedia elements
V Integrate Cascading 1. Apply basic CSS Properties 1.1. Introduction to CSS
Style Sheets 1.2. Role of CSS
1.3. CSS syntax and structure
1.4. CSS Comments
1.5. Method to insert style sheets in HTML document
1.6. CSS Properties
1.7. CSS positioning and layout Properties
2. Create layout and navigation 2.1. Division and multicolumn layouts in HTML document
of a web page
2.2 Layout using HTML div and table tags
2.3 Navigation Formatting
2.4 CSS properties for the navigation bar
VI Apply interactivity to a 1. Identify scripting language 1.1. Introduction to JavaScript (JS)
website 2. Apply interactivity using 2.1. JavaScript syntax and basic concepts
JavaScript 2.2. Control structures and loops
2.3. Functions in JavaScript

Ministry of Education 7
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

No. Competency Outcomes Contents

2.4 DOM manipulation and event handling

3. Validating User Input 3.1. Validation User Input
VII Apply Basic 1. Identify basic kaizen concepts 1.1.Introduction to waste
Kaizen 1.2 Key Concepts of Continuous Improvement
2.Perform waste identification and 2.1.Introduction to Waste
elimination 2.2.Types of Waste in Website Development
2.3.Understanding Waste in the Workplace
2.4 Identifying and Eliminating Muda
2.5.Continuous Improvement Mindset in Waste Reduction:
VII Design User 1. Explore Design principles and 1.1. Introduction to UX/UI Design
Experience Solutions standards
1.2. Principles and standards applicable to website design

2. Prepare a user requirement 2.1. Plan the content and layout

specification
3. Design web page architecture 3.1. Developing information architecture, sitemap, wireframes,
according to specifications and prototypes
VII Utilize CSS 1. Identify popular CSS 1.1. Overview of designing a responsive web page
Frameworks for frameworks 1.2. popular CSS frameworks
Responsive Design 2. Setup a Development 2.1. Installing and configuring a text editor
Environment for Bootstrap
3. Create responsive layouts and 3.1. Understanding the Bootstrap Grid System
designs using Bootstrap
3.2. Implementing common web page elements with Bootstrap

Ministry of Education 8
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

No. Competency Outcomes Contents

3.3. Customizing Bootstrap Styles

3.4. Testing various devices and screen sizes

VIII Use Web Authoring 1. Identify web IDE and 1.1. Overview of Web Authoring Tools
Tool authoring tools
2. Develop a web with authoring 2.1. Getting Started with the Adobe Dreamweaver CC
tools
2.2. Create a website
2.3. Working with Templates
3. Publish the website 3.1. Testing, Debugging, and Publishing to the Web

IX Develop Dynamic 1. Set up a Development 1.1. Introduction to IDE and web server
Websites Environment
1.2. Install and configure a text editor

1.3. Setup a local web server

1.4. Configuring PHP and MySQL

2. Develop server-side script 2.1. Fundamentals of PHP

3. Develop database 3.1. Fundamentals of MySQL

4. Integrate Database 4.1. Connect to a MySQL database

4.2. Apply CRUD quires Operations

5. User Authentication and 5.1. Manage user accounts

Ministry of Education 9
 Grade 11 and 12 Computer Maintenance and Networking Competency and Content Flowchart

No. Competency Outcomes Contents

Authorization 5.2. Control Data security

X Implement Content 1. Identify content management 1.1. Introduction to content management systems
Management Systems systems
2. Create a WordPress website 2.1. Setting up a WordPress Environment

2.2 WordPress Themes

2.3 Create Contents

2.4 WordPress Menus, Widgets, and Sidebars

2.5 Manage user

2.6 Install and use plugins

2.7 WordPress security

1. Host and Deploy Website 3.1. Introduction to Web Host and Deployment:

XI Utilize Business Skills 1. Identify Entrepreneurship of 1.1. Introduction to entrepreneurship

for Web Projects web development 1.2. Freelancing in web development
2. Develop business plan 2.1. Execute and manage business plan

3. Provide a quality products and 3.1. Systematic and procedural approach of Product or service
services
4. Implement a business and 4.1. Basics of business ethics and corporate social responsibility
Professional ethics
~//~

Ministry of Education 10