Immaculada Concepcion College

Of Soldiers Hills Caloocan City, Inc.

Soldier's Hills III Subd., Brgy 180, Tala, North Caloocan City, 1427

CURRICULUM MAP IN COMPUTER 9

A.Y. 2022 - 2023
VISION: Immaculada Concepcion College envisions to develop globally competent leaders who possess a strong sense of self-direction and passion for excellence.
MISSION: Immaculada Concepcion College aims to provide high quality education designed to nurture highly skilled, well rounded and confident life-long learners to be productive contributors
of the global society.
CORE VALUES: Integrity, Leadership, Excellence

Subject: Computer
Grade Level: GRADE 9
Term: Quarter 1

Performance
No. of Unit Topic Institutional
Content Standard Standard Competencies Assessments ACTIVITIES Resources
weeks Content Values

ACQUISITION
Week 1- UNIT 1: USING The learner will be The learner The students HOME BASED CLASSROOM Integrity
Wek 8e HYPERTEXT able to develop a students will should be able to: Computers for
MARKUP deep understanding be able to 1.1 Understand the 1.1 Multiple 1.1 Fryer Model 1.1 Self- Digital
LANGUAGE of HTML and web demonstrate basic structure of Choice Assessment Learners 9
design principles, proficiency in HTML and its role by: Elmeryn
enabling them to creating and in web design. Joy L. Cobre,
create effective and designing web 1.2 Understand the 1.2 True of False 1.2 Labeling 1.2 Self- Elsa S. Frago,
aesthetically pages using importance of web Assessment Nelvin T.
pleasing web pages HTML. This accessibility and Olalia, Kyle S.
using HTML. They includes how to design web Tingzon
will also gain the proper use of pages that are pages 2-73
skills and HTML tags accessible to all
knowledge needed and syntax, users.
to troubleshoot and headers,
optimize web pages, paragraphs,
ensuring that their lists, images,
creations are both hyperlinks,
functional and email links,

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 1 of 18
 accessible to all tables, forms, MEANING-MAKING
users. CSS for
2.1 Use HTML 2.1 Software 2.1 Data Analysis 2.1 Data Analysis Leadership
styling,
tags to create integration Computers for
responsive
headers, Digital
design
paragraphs, lists, Learners 9
principles, web
and images. by: Elmeryn
page
Joy L. Cobre,
optimization
2.2 Create 2.2 Software 2.2 Data Analysis 2.2 Data Analysis Elsa S. Frago,
techniques,
hyperlinks and Integration Nelvin T.
web
email links to other Olalia, Kyle S.
accessibility
web pages and Tingzon
standards, and
email addresses. pages 2-73
debugging and
troubleshootin
g skills for 2.3 Use HTML 2.3 Software 2.3 Hands-on 2.3 Hands-on
HTML code tables to organize integration Activity Activity
and create and and display data on
design web a web page.
pages that
meet these TRANSFER
criteria, 3.1 Demonstrate Performance Task Scaffold for Transfer Excellence
ensuring the ability to create Computers for
proper display and edit HTML Hands-On Activities Digital
across various documents using a Learners 9
devices, fast text editor or by: Elmeryn
loading times, integrated Project Exercise Joy L. Cobre,
and development Elsa S. Frago,
accessibility to environment Nelvin T.
all users. (IDE). Olalia, Kyle S.
Mastery of Tingzon
these skills 3.2 Optimize web pages2-73
will enable pages for faster
students to load times and
create effective better search
and engine visibility.
aesthetically
pleasing web 3.3Debug and
pages using troubleshoot
HTML. HTML code using
browser developer
tools and other
resources.

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 2 of 18
 PERFORMANCE TASK (GRASPS)
Goal: You are assigned to demonstrate their understanding of HTML and web design principles by creating a functional and visually appealing web page.
Role: You will be a web developer and designer, responsible for creating and coding a web page that meets specific design requirements and criteria.
Audience: Users who are interested in the topic or theme of the page, such as a business, hobby, or personal interest. The audience may include people of different ages, backgrounds, and
levels of technical expertise.
Situation: You will be given a set of design requirements and criteria for the web page, such as the theme or topic, the layout and formatting, and the types of content and features to
include. You will work individually or in teams to create and code the web page using HTML and CSS.
Product: A functional and visually appealing web page that meets the design requirements and criteria. The web page should include appropriate content, such as text, images, videos, and
links, and should be designed with usability, accessibility, and responsiveness in mind.
Standards/Criteria – The web page should meet industry standards for web design and development, including best practices for HTML and CSS coding, user experience and
accessibility, and search engine optimization. The web page should also be evaluated based on specific criteria, such as functionality, usability, accessibility, and design, to ensure it meets
the needs and expectations of the target audience.

Instructions:
1. Use semantic HTML tags to structure the content of your web page. Use headings, paragraphs, lists, and other tags to organize and format your content.
2. Use CSS to style and format your web page. Use classes and IDs to target specific elements and apply styles to them.
3. Use responsive design techniques to ensure your web page looks good on different devices and screen sizes.
4. Optimize your web page for search engines by using appropriate meta tags and descriptive content.
5. Use accessibility guidelines to ensure your web page can be used by people with disabilities.
6. Test your web page for usability, functionality, and compatibility with different browsers and devices.
7. Get feedback from others and use it to improve your web page.

Rubric:

Exceeds Meets Below

Expectat Expectat Expectat
Criteria ions ions ions

Code is
Code is
well- Code is
generally
structure poorly-
well-
d, structure
structure
organize d and
HTML d and
d, and disorgani
and CSS organize
follows zed, with
Coding d, with
best major
minor
practices errors or
errors or
for inconsist
inconsist
HTML encies.
encies.
and CSS.

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 3 of 18
 Web Web
Web
page is page is
page is
mostly not
fully
functiona functiona
functiona
Function l, but has l and has
l and all
ality minor major
features
issues issues
and links
with with
work as
features features
intended.
or links. or links.

Web
page has
a visually
appealing
and
cohesive Web
Web
design, page has
page has
with a
a poor or
appropria generally
unappeali
te use of appealing
ng
colors, design,
Design design,
fonts, but may
and with
and have
Layout major
images. minor
issues
Layout is issues
with
responsiv with
layout or
e and layout or
responsiv
adapts responsiv
eness.
well to eness.
different
devices
and
screen
sizes.

Content Web Web Web

and page has page has pages
Relevanc appropria mostly have
e te and appropria inappropr
relevant te and iate or

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 4 of 18
 content,
with
relevant
clear and irrelevant
content,
concise content,
but may
writing, with
have
appropria major
minor
te use of issues
issues
media, with
with
and good clarity or
clarity or
organizat organizat
organizat
ion of ion.
ion.
informati
on.

Web
Web
page has Web
page
minor page has
follows
accessibil major
accessibil
ity accessibil
ity
issues, ity issues
guideline
Accessib but is and is
s and is
ility generally difficult
easy to
easy to to use for
use for
use for people
people
people with
with
with disabiliti
disabiliti
disabiliti es.
es.
es.

Web Web
page pages Web
follows have page has
SEO best some major
Search
practices SEO SEO
Engine
and issues, issues
Optimiz
includes but are and is not
ation
appropria generally optimize
(SEO)
te meta optimize d for
tags and d for search
keywords search engines.
. engines.

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 5 of 18
 Web
page is of
Web Web
acceptabl
page is of page is of
e quality,
high low
but may
quality quality
Overall have
and and does
Quality minor
meets all not meet
issues
requirem requirem
with
ents and ents or
requirem
criteria. criteria.
ents or
criteria.

Total: 100%

Prepared by: Checked by: Approved by:

AILYN S. SORILLA LYNDON G. DE LA CRUZ GEMA NADUNZA- QUILLOPO

Subject Teacher Coordinator, JHS Level Principal, BES

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 6 of 18
 Immaculada Concepcion College
Of Soldiers Hills Caloocan City, Inc.
Soldier's Hills III Subd., Brgy 180, Tala, North Caloocan City, 1427

CURRICULUM MAP IN COMPUTER 9

A.Y. 2022 - 2023
VISION: Immaculada Concepcion College envisions to develop globally competent leaders who possess a strong sense of self-direction and passion for excellence.
MISSION: Immaculada Concepcion College aims to provide high quality education designed to nurture highly skilled, well rounded and confident life-long learners to be productive contributors
of the global society.
CORE VALUES: Integrity, Leadership, Excellence

Subject: Computer
Grade Level: GRADE 9
Term: Quarter 2

Performance
No. of Unit Topic ACTIVITIES Institutional
Content Standard Standard Competencies Assessments Resources
weeks Content Values

ACQUISITION
Week 1 UNIT 2: The learner will be The learner The students HOME BASED CLASSROOM Integrity
- Week MASTERY OF able to demonstrate students will should be able to:
Computers for
6 THE HTML mastery of HTML be able to
Digital
by creating and create and
Learners 9
publishing a fully publish a web 1.1 Identify and
1.1 Identification 1.1 Hands-On 1.1 Self-Assessment by: Elmeryn
functional and page using use HTML tags,
Modeling Demo Joy L. Cobre,
visually appealing HTML that attributes, and
Elsa S. Frago,
web page that meets meets criteria properties to create
Nelvin T.
industry standards such as well- and structure web
Olalia, Kyle S.
and best practices. structured and content.
Tingzon
organized
code, full pages 78-133
functionality,
1.2 Differentiate 1.2 Hand’s-On 1.2 Hands-On 1.2 Self-Assessment
visually
between HTML Operation Modeling Demo
appealing
and CSS, and
design and
apply best
layout,

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 7 of 18
 relevant practices for
content and writing and
clear writing, organizing each
accessibility, language.
SEO
optimization, MEANING-MAKING
usability and
2.1 Analyze and 2.1 Concept 2.1 Situational 2.1 Situational Leadership
user
optimize web page Mapping analysis analysis
experience, Computers for
design and layout
testing and Digital
for various devices
debugging, and Learners 9
and screen sizes.
continuous by: Elmeryn
improvement Joy L. Cobre,
through Elsa S. Frago,
feedback. Nelvin T.
Olalia, Kyle S.
2.2 Evaluate and 2.2 Software 2.2 2.2 Experimentation Tingzon
integrate integration Experimentation
multimedia pages 78-133
elements, such as
images and videos,
into web content.

2.3 Apply 2.3 Journal 2.3 Writing 2.3 Writing

accessibility Writing Conclusions Conclusions
guidelines and
techniques to make
web content usable
for people with
disabilities.

TRANSFER
3.1 optimizing web Performance Task Scaffold for Scaffold for Transfer Excellence
content for search Transfer
Computers for
engines using SEO
Hands-On Digital
techniques to Hands-On Activities
Activities Learners 9
improve online
by: Elmeryn
visibility,
Joy L. Cobre,
designing user-
Elsa S. Frago,

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 8 of 18
 friendly navigation Project Exercise Nelvin T.
and calls to action Olalia, Kyle S.
Project Exercise
to enhance Tingzon
usability and user
pages 78-133
experience, testing
and debugging
web content across
various browsers
and devices to
ensure
compatibility, and
collaborating with
peers to give and
receive feedback
to improve web
content based on
user needs and
preferences.

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 9 of 18
 PERFORMANCE TASK (GRASPS)

Goal:To create and publish a functional and visually appealing web page using HTML that meets specific criteria and requirements.
Role: You are a web developer who has been tasked with creating a web page for a hypothetical client or business.
Audience:Your audience is the hypothetical client or business that the web page is being created for, as well as potential users or customers who will be accessing the web page.
Situation: You have been given a set of criteria and requirements for the web page, which includes well-structured and organized code, full functionality, visually appealing design and
layout, relevant content and clear writing, accessibility, SEO optimization, usability and user experience, testing and debugging, and continuous improvement through feedback.
Product: Your final product will be a fully functional web page that meets all of the criteria and requirements provided. This may include multimedia elements, appropriate use of HTML
and CSS, and SEO optimization.
Standards/Criteria – Your web page will be evaluated based on the criteria and requirements provided. It should be well-structured and organized, fully functional, visually appealing,
with relevant content and clear writing, accessible, SEO optimized, user-friendly and easy to navigate, tested and debugged, and continuously improved through feedback. The evaluation
will take into account the level of mastery and understanding of HTML and CSS coding, design principles, and collaboration and communication skills.
Rubric:

Criteria:

HTML and CSS Coding (25 points)

● Well-structured and organized code that follows best practices for HTML and CSS (10 points)
● Appropriate use of semantic tags, classes, and IDs (10 points)
● Use of CSS for styling and layout (5 points)
Functionality (20 points)
● All features and links working as intended (10 points)
● Responsive design that adapts well to different devices and screen sizes (10 points)
Design and Layout (20 points)
● Visually appealing and cohesive design (10 points)
● Appropriate use of colors, fonts, and images (5 points)

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 10 of 18
 ● Consistent layout and design across all pages (5 points)
Content and Relevance (15 points)
● Appropriate and relevant content (10 points)
● Clear and concise writing (5 points)
Accessibility (10 points)
● Follow accessibility guidelines (5 points)
● Web page is easy to use for people with disabilities (5 points)
SEO Optimization (5 points)
● Follow SEO best practices (2.5 points)
● Include appropriate meta tags and keywords (2.5 points)
Usability and User Experience (5 points)
● Intuitive navigation and clear calls to action (2.5 points)
● Easy to use and navigate (2.5 points)
Testing and Debugging (5 points)
● Test for usability, functionality, and compatibility (2.5 points)
● Debug any issues that arise (2.5 points)
Feedback and Improvement (5 points)
● Receive and incorporate feedback from others (2.5 points)
● Continuously improve web page based on user needs and preferences (2.5 points)

Total: 100 points

Grading Scale:
90-100: Mastery

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 11 of 18
 80-89: Proficient
70-79: Developing
60-69: Emerging
Below 60: Not Yet Meeting Expectations

Prepared by: Checked by: Approved by:

AILYN S. SORILLA LYNDON G. DE LA CRUZ GEMA NADUNZA- QUILLOPO

Subject Teacher Coordinator, JHS Level Principal, BES

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 12 of 18
 Immaculada Concepcion College
Of Soldiers Hills Caloocan City, Inc.
Soldier's Hills III Subd., Brgy 180, Tala, North Caloocan City, 1427

CURRICULUM MAP IN COMPUTER 9

A.Y. 2022 - 2023
VISION: Immaculada Concepcion College envisions to develop globally competent leaders who possess a strong sense of self-direction and passion for excellence.
MISSION: Immaculada Concepcion College aims to provide high quality education designed to nurture highly skilled, well rounded and confident life-long learners to be productive contributors
of the global society.
CORE VALUES: Integrity, Leadership, Excellence

Subject: Computer
Grade Level: GRADE 9
Term: Quarter 3

Performance
No. of Unit Topic Institutional
Content Standard Standard Competencies Assessments ACTIVITIES Resources
weeks Content Values

ACQUISITION
Week 1 UNIT 3: USING The learner will be The learner The students HOME BASED CLASSROOM Integrity
- Week PARAGRAPH able to demonstrate should be able should be able to: Computers for
9 TAGS proficiency in using to use images, Digital
different paragraph hyperlinks, and 1.1 Identify the 1.1 True or False 1.1 Hands-On Learners 9
1.1 Self-Assessment
HTML tags to other different paragraph Modeling Demo by: Elmeryn
create well- multimedia HTML tags and Joy L. Cobre,
organized and content their functions. Elsa S. Frago,
structured web appropriately Nelvin T.
pages that and effectively Olalia, Kyle S.
effectively convey to enhance the Tingzon
information to the overall user pages 132-197
intended audience. experience.
1.2 Identify the 1.2 Identification 1.2 Hands-On 1.2 Self-Assessment
Additionally,
appropriate use Modeling Demo
they should be
and attributes of
able to validate
different HTML
their HTML
paragraph tags,
code using
such as <p>,
online tools
<h1>-<h6>, <em>,

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 13 of 18
 and and <strong>, in
troubleshoot order to structure
and debug any and format content
issues that effectively on a
arise. web page.
Ultimately, the MEANING-MAKING
performance 2.1 Use attributes 2.1 Concept 2.1 Situational 2.1 Situational Leadership
standard for of the different Mapping analysis analysis Computers for
HTML should paragraph HTML Digital
focus on the tags to add style Learners 9
learner's ability and functionality by: Elmeryn
to create to web pages. Joy L. Cobre,
functional, 2.2 Organize and 2.2 Software 2.2 2.2 Experimentation Elsa S. Frago,
visually structure content integration Experimentation Nelvin T.
appealing, and using different Olalia, Kyle S.
accessible web paragraph HTML Tingzon
pages that tags. pages 132-197
meet specific
design and
content
requirements.

2.3 Evaluate the 2.3 Journal 2.3 Writing 2.3 Writing

effectiveness of Writing Conclusions Conclusions
different paragraph
HTML tags in
conveying
information.
TRANSFER
3.1 Demonstrate Performance Task Scaffold for Transfer Excellence
proficiency in Computers for
using the different Hands-On Activities Digital
paragraph HTML Learners 9
tags to create well- by: Elmeryn
structured web Project Exercise Joy L. Cobre,
pages. Elsa S. Frago,
Nelvin T.
Olalia, Kyle S.
Tingzon
pages 132-197

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 14 of 18
 PERFORMANCE TASK (GRASPS)
Goal: To create a functional and visually appealing web page using HTML, with appropriate use of images, hyperlinks, and multimedia content to enhance the overall user experience.
Role: You are a web developer tasked with creating a new web page for a small business.
Audience: The web page's target audience is potential customers interested in learning more about the business and its offerings.
Situation: The small business has provided you with specific design and content requirements for the web page, including the use of appropriate HTML code, images, hyperlinks, and
multimedia content.
Product: Your task is to create a web page that meets the design and content requirements, including the appropriate use of images, hyperlinks, and multimedia content. You should also
ensure that your HTML code is valid and that any issues are troubleshot and debugged before submission.
Standards: Your web page should be functional and visually appealing, with appropriate use of images, hyperlinks, and multimedia content to enhance the overall user experience. Your
HTML code should also be valid and any issues should be troubleshooted and debugged before submission.

Rubric:

Criteria Exemplar Proficient Developin Needs

y (4) (3) g (2) Improve
ment (1)

HTML HTML HTML HTML HTML

Code code is code is code is code is
clean, generally somewhat messy or
valid, and clean and messy or disorganiz
well- valid, with disorganiz ed, with
organized. some ed, with significant
Appropria room for some validation
te use of improvem validation errors or
images, ent in errors or other
hyperlinks organizati other issues.
, and on and issues. Appropria
multimedi clarity. Appropria te use of
a content Appropria te use of images,
is evident te use of images, hyperlinks
throughou images, hyperlinks , and
t the web hyperlinks , and multimedi
page. , and multimedi a content

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 15 of 18
 multimedi a content is lacking
a content is or
is inconsiste nonexisten
generally nt or not t.
evident fully
throughou realized.
t the web
page.

Design Web page Web page Web page Web page

and design is design is design is design is
Content creative, generally somewhat generic or
visually creative generic or unappeali
appealing, and unappeali ng, with
and visually ng, with little
effectively appealing, room for attention
communic with some significant to
ates the room for improvem communic
content improvem ent in ation or
and ent in communic cohesiven
purpose of communic ation and ess.
the site. ation and cohesiven Content is
Content is cohesiven ess. irrelevant
relevant, ess. Content is or
engaging, Content is somewhat unengagin
and generally relevant g, and
organized relevant and may be
in a and engaging, poorly
logical engaging, but maybe organized
and but may disorganiz or
coherent be ed or unfocused
manner. somewhat unfocused .
disorganiz .
ed or
unfocused
.

The user Web page The web Web The web

Experienc includes page pages page
e the includes include includes
appropriat generally some little or no
e use of appropriat appropriat appropriat
images, e use of e use of e use of
hyperlinks images, images, images,
, and hyperlinks hyperlinks hyperlinks

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 16 of 18
 multimedi , and , and , or
a content multimedi multimedi multimedi
to enhance a content a content, a content
the overall to enhance but may to enhance
user the overall lack the user
experience user coherence experience
. experience or .
Navigatio . relevance. Navigatio
n is clear Navigatio Navigatio n is
and n is n may be confusing
intuitive, generally somewhat or difficult
with easy clear and confusing to use,
access to intuitive, or difficult with
all with some to use. limited
relevant room for access to
content. improvem relevant
ent in content.
accessibili
ty and
ease of
use.

Validation HTML HTML HTML HTML

and code are code is code is code is not
Debuggin validated generally somewhat validated
g and free validated validated and
from and free and may contains
errors, from contain significant
with any errors, some errors,
issues that with some errors, with no
arise room for with effort
effectively improvem limited or made to
troublesho ent in inconsiste troublesho
oted and troublesho nt efforts ot or
debugged. oting and made to debug.
debugging troublesho
. ot and
debug.

Total: 100%

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 17 of 18
 Prepared by: Checked by: Approved by:

AILYN S. SORILLA LYNDON G. DE LA CRUZ GEMA NADUNZA- QUILLOPO

Subject Teacher Coordinator, JHS Level Principal, BES

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 18 of 18
 Immaculada Concepcion College
Of Soldiers Hills Caloocan City, Inc.
Soldier's Hills III Subd., Brgy 180, Tala, North Caloocan City, 1427

CURRICULUM MAP IN COMPUTER 9

A.Y. 2022 - 2023
VISION: Immaculada Concepcion College envisions to develop globally competent leaders who possess a strong sense of self-direction and passion for excellence.
MISSION: Immaculada Concepcion College aims to provide high quality education designed to nurture highly skilled, well rounded and confident life-long learners to be productive contributors
of the global society.
CORE VALUES: Integrity, Leadership, Excellence

Subject: Computer
Grade Level: GRADE 9
Term: Quarter 4

Performance
No. of Unit Topic Institutional
Content Standard Standard Competencies Assessments ACTIVITIES Resources
weeks Content Values

ACQUISITION
Week 1 UNIT 4: USING The learner will be The learner is The students HOME BASED CLASSROOM Inetgrity
- Week CASCADING able to develop able to should be able to: Computers for
6 STYLE SHEETS proficiency in using identify, Digital
1.1 Identify the 1.1 True or False 1.1 Labeling 1.1 Self-Assessment
Cascading Style explain, create, Learners 9
advantages of Exercise
Sheets (CSS) to apply, develop, by: Elmeryn
using CSS for web
enhance the use, Joy L. Cobre,
page design.
presentation and implement, Elsa S. Frago,
1.2 Explain the 1.2 Identification 1.2 Hands-On 1.2 Self-Assessment
layout of web create and Nelvin T.
basic syntax and Modeling Demo
pages. apply, Olalia, Kyle S.
structure of CSS
optimize, and Tingzon
rules.
collaborate pages 204-270
effectively
with peers to 1.3 Identify and 1.3 Identification 1.3 Hands-On 1.3 Self-Assessment
develop apply different Modeling Demo
Cascading types of CSS
Style Sheets selectors to target
(CSS) for HTML elements.

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 19 of 18
 styling text, MEANING-MAKING
links, 2.1 Create and 2.1 Software 2.1 Hands-on 2.1 Hands-on Leadership
backgrounds, apply inline, integration Activities Activities Computers for
transitions, internal, and Digital
animations, external CSS Learners 9
responsive styles to HTML by: Elmeryn
design, documents. Joy L. Cobre,
targeting 2.2 Use CSS to 2.2 Software 2.2 Hands-on 2.2 Hands-on Elsa S. Frago,
specific HTML format text, links, integration Activities Activities Nelvin T.
elements, and backgrounds Olalia, Kyle S.
using on a web page.. Tingzon
frameworks, 2.3 Create and 2.3 Journal 2.3 Writing 2.3 Writing pages 204-270
and apply CSS Writing Conclusions Conclusions
implementing transitions and
best practices animations to
for web page enhance web page
performance. interactivity.
TRANSFER
3.1 Develop CSS Performance Task Scaffold for Transfer Excellence
code to create Computers for
responsive web Hands-On Activities Digital
designs using Learners 9
media queries. by: Elmeryn
3.2 Utilize CSS Project Exercise Joy L. Cobre,
frameworks to Elsa S. Frago,
create consistent Nelvin T.
and professional- Olalia, Kyle S.
looking web pages Tingzon
and implement pages 204-270
best practices for
CSS coding to
optimize web page
performance.

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 20 of 18
 PERFORMANCE TASK (GRASPS)
Goal:To become proficient in using Cascading Style Sheets (CSS) to enhance the presentation and layout of web pages.
Role: You are a web designer tasked with creating visually appealing and responsive web pages.
Audience:Your audience is your teacher and classmates, web users who are looking for aesthetically pleasing and user-friendly web pages.
Situation: In today's digital age, the internet plays a crucial role in communication, entertainment, education, and commerce. As a web designer, you need to ensure that your web pages
are not only visually attractive but also responsive and easy to use for your audience.
Product:By the end of this unit lesson, you will develop the skills necessary to create and implement Cascading Style Sheets (CSS) to enhance the layout and presentation of web pages.
You will be able to identify, explain, create, apply, develop, use, implement, create and apply, optimize, and collaborate effectively with peers to develop CSS styles for web pages that are
visually appealing, responsive, and user-friendly.

Standards/Criteria –
Standards: You will be expected to meet the performance standards for this unit lesson, which include:

● Identifying and explaining the basic concepts of Cascading Style Sheets (CSS).
● Demonstrating the ability to create and apply CSS rules to HTML documents.
● Developing CSS code for styling text, links, and backgrounds.
● Using CSS selectors to target specific HTML elements for styling.
● Implementing responsive design using media queries in CSS.
● Creating and applying CSS transitions and animations to HTML elements.
● Using CSS frameworks such as Bootstrap to quickly style web pages.
● Optimizing web pages for performance by implementing best practices for CSS coding.
● Collaborating effectively with peers to create and implement CSS styles for a group project.

Success Criteria: You will know you have achieved success when you can:

● Create visually appealing web pages using CSS styles.

● Develop responsive web pages that adapt to different screen sizes and devices.
● Implement CSS transitions and animations to enhance the user experience.
● Use CSS frameworks to create consistent and professional-looking web pages.
● Optimize web pages for performance by following best practices for CSS coding.
● Collaborate effectively with peers to develop and implement CSS styles for a group project.

Rubric:

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 21 of 18
 Perfor
mance Develo
Standar Exempl Profici ping Beginn
d ary (4) ent (3) (2) ing (1)

Student
demons Student
Student
trates a has a
has a
deep good
basic Student
underst underst
Identif underst has
anding anding
y and anding little to
of CSS of CSS
explain of CSS no
concept concept
basic concept underst
s and s and
concept s but anding
can can
s of struggl of CSS
explain explain
CSS es to concept
them in them
explain s
a clear with
them
and some
clearly
concise clarity
manner

Student
Student
struggl
demons Student
es to
trates a can
create
high create
and
level of and Student
apply
Create proficie apply cannot
CSS
and ncy in CSS create
rules to
apply creatin rules to or
HTML
CSS g and HTML apply
docum
rules to applyin docum CSS
ents
HTML g CSS ents rules to
accurat
docum rules to with HTML
ely and
ents HTML some docum
require
docum guidan ents
s
ents ce and
signific
with few
ant
minima errors
guidan
l errors
ce

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 22 of 18
 Student
demons
Student Student
trates
can struggl
the
develo es to
ability
p CSS develo
to Student
code p CSS
Develo develo cannot
for code
p CSS p CSS develo
styling for
code code p CSS
text, styling
for for code
links, text,
styling styling for
and links,
text, text, styling
backgr and
links, links, text,
ounds backgr
and and links,
with ounds
backgr backgr and
some with
ounds ounds backgr
creativi creativi
with ounds
ty and ty and
creativi
attentio attentio
ty and
n to n to
attentio
detail detail
n to
detail

Use Student Student Student Student

CSS demons can use struggl cannot
selector trates a CSS es to use
s to high selector use CSS
target level of s to CSS selector
specific proficie target selector s to
HTML ncy in specific s to target
elemen using HTML target specific
ts for CSS elemen specific HTML
styling selector ts for HTML elemen
s to styling elemen ts for
target with ts for styling
specific some styling
HTML guidan accurat
elemen ce and ely and
ts for accurac require
styling y s
with signific

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 23 of 18
 accurac
ant
y and
guidan
efficien
ce
cy

Student
demons
Student Student
trates
can struggl
the
implem es to
ability
ent implem Student
to
Implem respons ent cannot
implem
ent ive respons implem
ent
respons design ive ent
respons
ive using design respons
ive
design media using ive
design
using queries media design
using
media in CSS queries using
media
queries with in CSS media
queries
in CSS some with queries
in CSS
creativi creativi in CSS
with
ty and ty and
creativi
accurac accurac
ty and
y y
accurac
y

Create Student Student Student Student

and demons can struggl cannot
apply trates a create es to create
CSS high and create or
transiti level of apply and apply
ons and proficie CSS apply CSS
animati ncy in transiti CSS transiti
ons to creatin ons and transiti ons and
HTML g and animati ons and animati
elemen applyin ons to animati ons to
ts g CSS HTML ons to HTML
transiti elemen HTML elemen
ons and ts with elemen ts
animati some ts with
ons to creativi creativi

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 24 of 18
 HTML
elemen
ts with ty and ty and
creativi attentio attentio
ty and n to n to
attentio detail detail
n to
detail

Student
demons Student
Student
trates struggl
can use
the es to
CSS
ability use Student
framew
Use to use CSS cannot
orks
CSS CSS framew use
such as
framew framew orks CSS
Bootstr
orks orks such as framew
ap to
such as such as Bootstr orks
quickly
Bootstr Bootstr ap to such as
style
ap to ap to quickly Bootstr
web
quickly quickly style ap to
pages
style style web quickly
with
web web pages style
some
pages pages with web
accurac
with accurac pages
y and
accurac y and
efficien
y and efficien
cy
efficien cy
cy

Optimi Student Student Student Student

ze web demons can struggl cannot
pages trates optimiz es to optimiz
for the e web optimiz e web
perfor ability pages e web pages
mance to for pages for
by optimiz perfor for perfor
implem e web mance perfor mance
enting pages by mance by
best for implem by implem

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 25 of 18
 perfor
mance
enting implem
by
best enting
implem
practic best
enting
es for practic
best enting
CSS es for
practic practic best
coding CSS
es for es for practic
with coding
CSS CSS es for
some with
coding coding CSS
creativi creativi
with coding
ty and ty and
creativi
attentio attentio
ty and
n to n to
attentio
detail detail
n to
detail

Total: 100%________________

Prepared by: Checked by: Approved by:

AILYN S. SORILLA LYNDON G. DE LA CRUZ GEMA NADUNZA- QUILLOPO

Subject Teacher Coordinator, JHS Level Principal, BES

ALL RIGHTS RESERVED: IMMACULADA CONCEPCION COLLEGE- JUNIOR HIGH SCHOOL DEPARTMENT CURRICULUM MAP- COMPUTER 9 A.Y. 2022-2023 PAGE 26 of 18