La Salette of San Mateo, Inc.

San Mateo, Isabela

PAASCU ACCREDITED-LEVEL II
Senior High School Department
S.Y. 2019-2020

Curriculum Map
COMPUTER 10 – WEB PAGE DESIGN
Prepared by: Checked by:

MARIA JONALENE V. DELA MERCED, LPT. LOLITA R. GAMBOA, MAEd

Subject Teacher Principal
 La Salette of San Mateo, Inc.
San Mateo, Isabela
PAASCU ACCREDITED-LEVEL II
Junior High School Department
S.Y. 2019-2020

SUBJECT DESCRIPTION:
Grade 10 Computer focuses on understanding the use and implications of connecting to internet; the studies on the relationship of WWW and Internet; the
basic creation of a Web site design using HTML as a hyper markup language; and the function of Adobe PhotoShop as an image editor application.

SUBJECT THRUST:
The LSM learners are committed to make every Salettinian appreciate, evaluate, and utilize technological knowledge, resources, and processes to enable
them to participate in the ever-expanding technology-based society.
.

Guided by the La Salette of San Mateo’s core purpose and values, we hope to:

Mary’s Fiat Nourish learners’ willingness to live out God’s message of love even in a highly technology –enabled world.

Prayer, Penance and Zeal Enhance learners’ technical skills in order to build relationship with others.

Excellence Equip learners with technical skills along with ethical orientations in the use of technology.

Stewardship Enhance learners’ technical proficiency at the service of others.

Solidarity Demonstrate an appreciation of technology that will promote meaningful linkages.

GRADUATE ATTRIBUTE:
A La Salette of San Mateo Senior High School Graduate (Salettinian) is a God-loving life-long leaner who takes to heart Mary’s Fiat and lives a reconciling way
of life, a disciple of Jesus Christ formed with strong Catholic faith enlivened by Prayer, Penance and Zeal, a critical, creative and reflective thinker, an effective
communicator, a productive responsible and service-driven citizen ready for the real world imbued with respect, integrity and generosity; and communion with
others in building a transformed society.
 FIRST QUARTER

CONTENT STANDARD:
 The learners demonstrate understanding of the basic concepts and underlying theories in Internet Netiquette and intellectual property rights in using
computer and internet; understanding of the web security threats such spamming, flaming, phishing and cyber bullying; understanding on the basic
principles, history and steps on connecting internet.
PERFORMANCE STANDARD:
 The learners independently construct a concept map that shows the different requirements in using internet; independently apply the different steps on
handling web security threats; independently demonstrate the steps in connecting internet.

ENDURING UNDERSTANDING:
 Studying internet is very important to internet users because having knowledge about it will lead you to a good experience.
 Being aware on the different internet threats can prevent us from harmful effects of using internet especially for the communication of the people in
cyberspace.
ESSENTIAL QUESTION/S:
 How do you act properly when you use the computer and the internet?
PERFORMANCE TASK:
Title: Netiquette Vlog
Goal- Educate the students to be knowledgeable on handling internet properly and safety.
Role- Internet users
Audience- subject teacher and classmates
Situation- The students will be group into four and will share their own experience in using internet.
Performance- The students will make a video presentation that represents their common experiences.
Standards- Relevance to the topic
- Skills
- Content
- Message of the video
- Moral lesson
- Quality
TERM/
INSTITUTIONAL
MONTH/ UNIT TOPIC/S LEARNING COMPETENCIES ASSESSMENT ACTIVITIES RESOURCES
CORE VALUE
S
June Lesson 1:  Generate a list of proper usage of the -Lecture/ Discussion -Oral Recitations Internet Excellence
Computer computer laboratory -Small Group Discussion -Assignments Materials:
Laboratory  Apply the rules and regulations about -Individual & Group -Group Activity PowerPoint
 -Individual Activity
Presentations -Short Quizzes
the computer laboratory safety.
Rules -Class, group and -Performance
 Give safety precautions on using the Presentation
individual recitations check
computer units.
-Practice exercises -Worksheet
activities
 Generate a list of proper etiquette to -Lecture/ Discussion -Oral Recitations
be used in the internet; -Small Group Discussion -Assignments
 Apply the copy right law on a given -Individual & Group -Group Activity Internet
Lesson 1: situation; Presentations -Individual Activity Materials:
 Excellenc
Be Smart, be  Construct a concept map that shows -Class, group and -Short Quizzes PowerPoint e
safe! the different requirements in using the individual recitations -Performance Presentation
internet. -Practice exercises check
-Worksheet
activities
 Identify the web security threats; -Lecture/ Discussion -Oral Recitations
 Appreciate the importance of being -Small Group Discussion -Assignments
aware of the different web security -Individual & Group -Group Activity
Internet
threats; Presentations -Individual Activity
July- Lesson 2: Materials:  Excellenc
 Give steps on handling the different -Class, group and -Short Quizzes
August Web Security PowerPoint e
web security threats. individual recitations -Performance
Presentation
-Practice exercises check
-Worksheet
activities
Lesson 3:  Explain how the internet was started; -Oral Recitations
Connect and  Discuss on how computer works; -Lecture/ Discussion -Assignments
select  Appreciate the importance of -Small Group Discussion -Group Activity
Internet
connecting to internet; -Class, group and -Individual activity  Excellenc
Materials:
 Create a diagram showing the steps in individual recitations -Short Quizzes e
PowerPoint
connecting to internet. -Practice exercises -Performance
Presentation
check
-Worksheet
activities
 SECOND QUARTER

CONTENT STANDARD:
 The learners demonstrate understanding on the history and basic principles on World Wide Web which is a part of the internet composed of documents that
are link to each other by hypertexts; understanding in the basic evaluation, documentation and storyboarding process for web design and web site
development; understanding in the fundamental disciplines involved in web design; understanding in the different tools used for web page design and
development;
PERFORMANCE STANDARD:
 The learners independently describe the use and importance of World Wide Web through making essay and creating diagram; cooperatively apply the different
disciplines in Web Design; independently differentiate clipart from graphics tools and identify the different tools according to their uses.

ENDURING UNDERSTANDING:
 Studying the factors on how to develop a website can make our skills more accurate and reliable.
 Knowing and developing our skills in developing a website can help us motivate others to adapt our skills on developing websites more useful and
presentable
ESSENTIAL QUESTION/S:

 How do you think planning a Website with a team of people helps improve your Website?

PERFORMANCE TASK:
Title: My Web Design Prototype

Goal- Educate the students to build their own website design

Role- Web Site Designers
Audience- subject teacher and classmates
Situation- Each students will create a Web site design prototype using the Microsoft office PowerPoint
Performance- The students will present a prototype of LSM and personal blog website design
Standards - Presentation
- Skills
- Content
- Creativity
- Quality
- Visual Interface
 TERM/ INSTITUTIONA
MONTH/ UNIT TOPIC/S LEARNING COMPETENCIES ASSESSMENT ACTIVITIES RESOURCES L CORE
S VALUE
August - Lesson 1:  Generate a concept map of how Internet flows. -Oral Recitations
October The Internet:  Appreciate the use of routers -Lecture/ Discussion -Assignments
An Overview  Describe the flow of Internet Routing Hierarchy -Small Group -Group Activity
Discussion -Individual activity Internet
 Describe the relationship of Internet to WWW  Excelle
-Class, group and -Short Quizzes Materials:
 Differentiate server computer to client computers nce
individual recitations -Performance check PowerPoint
 Acknowledge the importance of IP address and Presentation
determine its kinds -Practice exercises -Worksheet
activities
 Knowledgeable about how to convert binary octets
to an IP address.
 Determine the history of World Wide Web; -Lecture/ Discussion -Oral Recitations
 Describe World Wide Web; -Small Group -Assignments
 Acknowledge the importance of World Wide Web; Discussion -Group Activity Internet
Lesson 2: -Individual & Group -Individual Activity
 Determine and describe URL and its parts; Materials:
The World Presentations -Short Quizzes  Excelle
Wide Web  Appreciate the use and importance of Web PowerPoint nce
browsers; -Class, group and -Performance check Presentation
 Determine the use and the steps in using search individual recitations -Worksheet
engine engines. -Practice exercises activities
 Explain the importance of Web Design and -Lecture/ Discussion -Oral Recitations
Development; -Small Group -Assignments
Lesson 3:  Differentiate and relate Web design and Web Discussion -Group Activity Internet
Web Design – Development; -Individual & Group -Individual Activity Materials:  Excelle
Planning a  Apply the planning process in planning a Web Presentations -Short Quizzes PowerPoint nce
Web Site site . -Class, group and -Performance check Presentation
individual recitations -Worksheet
-Practice exercises activities
Lesson 4:  Distinguish the different disciplines involved in -Oral Recitations Internet  Excelle
Core Web Design; -Lecture/ Discussion -Assignments Materials: nce
Disciplines in  Determine the importance of Web design’s -Small Group -Group Activity PowerPoint
Web Designing disciplines; Discussion -Individual activity Presentation
 Apply the core disciplines in web design. -Class, group and -Short Quizzes
individual recitations -Performance check
-Practice exercises -Worksheet
 activities

THIRD QUARTER

CONTENT STANDARD:
 The learners show understanding in the fundamentals and ways of creating HTML file using notepad; understanding in the uses of basic tags in HTML;
understanding in applying image mapping using HTML; understanding in creating Line break and horizontal rule in HTML file; understanding in applying
invisible comments and background in a web page; understanding in formatting, inserting pictures and tables in a web page; understanding in using
hyperlinks in a web page.
PERFORMANCE STANDARD:
 The learners independently apply the different steps on handling web security threats over the internet with the different web pages.

ENDURING UNDERSTANDING:
 Websites presented creatively will make the internet users to have urged on visiting the site.
 Knowing and having the skills on tools used in designing a website will give you a great foundation on developing your own website.
ESSENTIAL QUESTION/S:

 Why is it important to have a presentable and creative website design?

PERFORMANCE TASK:
Title: My Website Blog Design

Goal- Educate the students to be knowledgeable on using notepad and HTML as a programming language for designing website
Role- Web Site Designer
Audience- Teacher and Classmates
Situation- Each students will create a Web site design using the notepad and HTML
Performance- The students will present a LSM and personal blog website design
Standards - Presentation
- Skills
- Content
- Creativity
- Quality
- Visual Interface
TERM/ UNIT TOPIC/S LEARNING COMPETENCIES ASSESSMENT ACTIVITIES RESOURCES INSTITUTIONAL
MONTH/
CORE VALUE
S
 Describe the structure of a HTML document; -Lecture/ Discussion -Oral Recitations
 State the uses of HTML; -Small Group -Assignments
Internet
 Demonstrate the uses of HTML tags, Discussion -Group Activity
Materials:
elements, and attributes -Individual & Group -Individual Activity
Lesson 1: PowerPoint  Excellenc
Presentations -Short Quizzes
HTML: An Presentation, e
-Class, group and -Performance
Overview Notepad, Browser,
individual recitations check
-Practice exercises -Worksheet
activities
 Distinguish the different basic tags used in -Lecture/ Discussion -Oral Recitations
HTML; -Small Group -Assignments
 Acknowledge the significance of following Discussion -Group Activity Internet
the HTML Tag syntax; -Individual & Group -Individual Activity Materials:
Lesson 2:  Excellenc
Presentations -Short Quizzes PowerPoint
HTML Basics e
-Class, group and -Performance Presentation
individual recitations check Notepad, Browser,
-Practice exercises -Worksheet
October activities
- Lesson 3:  Appreciate the use of HTML styles; -Oral Recitations
January HTML Styles  Describe and apply the use of background -Lecture/ Discussion -Assignments
color; -Small Group -Group Activity Internet
 Describe and apply the use of text color; Discussion -Individual activity Materials:  Excellenc
 Describe and apply the use of text fonts; -Class, group and -Short Quizzes PowerPoint e
 Describe and apply the use of text size; and individual recitations -Performance Presentation
 Describe and apply the use of text -Practice exercises check Notepad, Browser,
alignments; -Worksheet
activities
Lesson 4:  Appreciate the use of HTML styles; -Oral Recitations Internet  Excellenc
HTML  Describe and apply the process of bold -Lecture/ Discussion -Assignments Materials: e
Formatting formatting; -Small Group -Group Activity PowerPoint
 Describe and apply the process of italic Discussion -Individual activity Presentation
formatting; -Class, group and -Short Quizzes Notepad, Browser,
 Describe and apply the use of underlined individual recitations -Performance
and strike content; -Practice exercises check
  Describe and apply the use of marked and -Worksheet
deleted content; activities
 Describe and apply the use of large and
small text;
 Describe and apply the process of grouping
content; and
 Describe and apply the use of super and
subscript;

Lesson 5:  Appreciate the use of HTML CSS; -Oral Recitations

HTML CSS  Describe and apply the process of inline -Lecture/ Discussion -Assignments
styling; -Small Group -Group Activity
 Describe and apply the process of internal Discussion -Individual activity
styling; -Class, group and -Short Quizzes
 Describe and apply the process of external individual recitations -Performance
styling; -Practice exercises check
 Describe and apply the use of CSS box; -Worksheet Internet
 Describe and apply the use of vertical activities Materials:
 Excellenc
navigation bar; PowerPoint
e
 Describe and apply the use of fixed vertical Presentation
navigation bar; Notepad, Browser,
 Describe and apply the use of horizontal
navigation bar;
 Describe and apply the use of fixed
horizontal navigation bar;
 Describe and apply the use of dropdown
menu; and
 Describe and apply the use of forms;
Lesson 6:  Appreciate the use of HTML links; -Oral Recitations Internet  Excellenc
HTML Links  Describe and apply the use of base path -Lecture/ Discussion -Assignments Materials: e
links; -Small Group -Group Activity PowerPoint
 Describe and apply the use of target Discussion -Individual activity Presentation
attribute; and -Class, group and -Short Quizzes Notepad, Browser,
 Describe and apply the use of HTML image individual recitations -Performance
link; -Practice exercises check
 -Worksheet
activities
Lesson 7:  Appreciate the use of HTML Images; -Oral Recitations
HTML Images  Describe and apply the use of image syntax; -Lecture/ Discussion -Assignments
 Describe and apply the use of image height -Small Group -Group Activity Internet
and width; Discussion -Individual activity Materials:
 Excellenc
 describe and apply the process of setting -Class, group and -Short Quizzes PowerPoint
e
image location; and individual recitations -Performance Presentation
 Describe and apply the use of image -Practice exercises check Notepad, Browser,
alignments; -Worksheet
activities
Lesson 8:  Appreciate the use of HTML Tables; -Oral Recitations
HTML Tables  Describe and apply the process of cell -Assignments
padding; -Group Activity
-Individual activity Internet
 Describe and apply the process of border
-Short Quizzes Materials:
spacing  Excellenc
-Performance PowerPoint
 describe and apply the process of putting e
check Presentation
table caption; Notepad, Browser,
 Describe and apply the use of different -Worksheet
styles for different colors activities
 Describe and apply the use of table color
Lesson 9:  Appreciate the use of HTML Lists; -Oral Recitations
HTML Lists  Describe and apply the use of unordered list; -Assignments
 Describe and apply the use of unordered -Group Activity
-Individual activity Internet
type ;attribute
-Short Quizzes Materials:
 describe and apply the use of ordered list;  Excellenc
-Performance PowerPoint
 Describe and apply the use of ordered type e
check Presentation
attribute; Notepad, Browser,
 Describe and apply the use of description -Worksheet
list; and activities
 Describe and apply the use of horizontal list
 Appreciate the use of HTML Blocks; -Lecture/ Discussion -Oral Recitations Internet  Excellenc
Lesson 10:  Describe and apply the use of block level -Small Group -Assignments Materials: e
HTML Blocks element; and Discussion -Group Activity PowerPoint
 Describe and apply the use of inline -Individual & Group -Individual Activity Presentation
 elements; Presentations -Short Quizzes
 -Class, group and -Performance
individual recitations check Notepad, Browser,
-Practice exercises -Worksheet
activities
 Appreciate the use of HTML Layout; -Lecture/ Discussion -Oral Recitations
 Describe and apply the use of layout using -Small Group -Assignments
div element; Discussion -Group Activity Internet
 Describe and apply the use of layout using -Individual & Group -Individual Activity Materials:
Lesson 11:
tables; and Presentations -Short Quizzes PowerPoint 
HTML Layout
 describe and apply the use of layout using -Class, group and -Performance Presentation
HTML5; individual recitations check Notepad, Browser,
-Practice exercises -Worksheet
activities
Lesson 12:  Appreciate the use of HTML iFrames; -Oral Recitations
HTML iFrames  Describe and apply the use of iFrame height -Lecture/ Discussion -Assignments
and width; and -Small Group -Group Activity Internet
 Describe and apply the use of using iFrame Discussion -Individual activity Materials:  Excellenc
as target link; -Class, group and -Short Quizzes PowerPoint e
individual recitations -Performance Presentation
-Practice exercises check Notepad, Browser,
-Worksheet
activities
Lesson 13:  Appreciate the use of HTML Colors; and -Oral Recitations
HTML Colors  Describe and apply the use of the different -Lecture/ Discussion -Assignments
color codes -Small Group -Group Activity Internet
Discussion -Individual activity Materials:
 Excellenc
-Class, group and -Short Quizzes PowerPoint
e
individual recitations -Performance Presentation
-Practice exercises check Notepad, Browser,
-Worksheet
activities
Lesson 14:  Appreciate the use of HTML JavaScripts; -Oral Recitations Internet  Excellenc
HTML  Describe and apply the use of external and -Lecture/ Discussion -Assignments Materials: e
JavaScripts internal scripts; -Small Group -Group Activity PowerPoint
 Describe and apply the use of event handler; Discussion -Individual activity Presentation
  Describe and apply the use of noscript tag; -Class, group and -Short Quizzes
 Describe and apply the use of JavaScript individual recitations -Performance
variables -Practice exercises check
 Describe and apply the use of JavaScript -Worksheet
 Identifiers; activities Notepad, Browser,
 Describe and apply the use of JavaScript
operators; and
 Describe and apply the use of JavaScript
functions
Lesson 15:  Appreciate the use of JavaScript Condition; -Oral Recitations
JavaScript  Describe and apply the use of if statement; -Assignments
Condition -Lecture/ Discussion -Group Activity
 Describe and apply the use of else Internet
-Small Group -Individual activity
statement; and Materials:
Discussion -Short Quizzes  Excellenc
 Describe and apply the use of else-if PowerPoint
-Class, group and -Performance e
statement; Presentation
individual recitations check Notepad, Browser,
-Practice exercises -Worksheet
activities
Lesson 16:  Appreciate, describe and apply the use of -Oral Recitations
CSS CSS responsive for responsive website -Assignments
Responsive design -Lecture/ Discussion -Group Activity Internet
-Small Group -Individual activity Materials:
Discussion -Short Quizzes  Excellenc
PowerPoint
-Class, group and -Performance e
Presentation
individual recitations check Notepad, Browser,
-Practice exercises -Worksheet
activities
 FOURTH QUARTER

CONTENT STANDARD:
 The learners show understanding in manipulating pictures, creating digital artwork and enhancing photos using Photoshop.
PERFORMANCE STANDARD:
 The learners independently open and navigate and identify the different tools used in Photoshop; identify and use appropriate color mode used in Photoshop;
describe and used commonly used tools in Photoshop; create a diagram showing the different tools and its name of the Photoshop.

ENDURING UNDERSTANDING:
 Learning the use of Photoshop as one of the known image-editing program enables learners to create original artwork, manipulate color images, and retouch
photographs.
ESSENTIAL QUESTION/S:

 What can we get on studying Photoshop?

PERFORMANCE TASK:
Title: Invitation for Graduation

Goal- Educate the students on how to manipulate pictures, create digital artwork and enhancing photos using Adobe PhotoShop.
Role- Image-editors
Audience- Classmates
Situation- The students will develop a creative invitation card using Photoshop.
Performance- The students will present their invitation card and will explain the meaning of its designs and layout.
Standards - Presentation
- Skills
- Content
- Creativity
- Quality
TERM/
INSTITUTIONAL
MONTH/ UNIT TOPIC/S LEARNING COMPETENCIES ASSESSMENT ACTIVITIES RESOURCES
CORE VALUE
S
 Appreciate the use of Adobe PhotoShop; -Lecture/ -Oral Recitations Internet  Excellenc
Lesson 1:  Describe and apply the use of Adobe Discussion -Assignments Materials: e
Introduction to PhotoShop as an image editor application; -Small Group -Group Activity PowerPoint
Adobe Discussion -Individual Activity Presentation,
 -Individual & -Short Quizzes
Group -Performance
Presentations check
PhotoShop -Class, group and -Worksheet Adobe PhotoShop
individual activities
recitations
-Practice exercises
 Appreciate the use of Image Manipulation in -Lecture/ -Oral Recitations
Adobe PhotoShop; Discussion -Assignments
 Describe and apply the process of opening or -Small Group -Group Activity
January- inserting an image in Adobe PhotoShop; and Discussion -Individual Activity Internet
Lesson 2:
March  Describe and apply the use of the steps on -Individual & -Short Quizzes Materials:
PhotoShop  Excellenc
how to manipulate the image to be edited in Group -Performance PowerPoint
Image e
Adobe PhotoShop; Presentations check Presentation,
Manipulation
-Class, group and -Worksheet Adobe PhotoShop
individual activities
recitations
-Practice exercises
Lesson 3:  Appreciate the use of Adobe PhotoShop Tools -Oral Recitations
PhotoShop and their functions; -Lecture/ -Assignments
Tools and their  Describe and apply the use of marquee tool; Discussion -Group Activity
functions -Small Group -Individual activity Internet
 Describe and apply the use of lasso tool;
Discussion -Short Quizzes Materials:  Excellenc
 Describe and apply the use of magic wand
-Class, group and -Performance PowerPoint e
tool;
individual check Presentation,
 Describe and apply the use of cropping tool; Adobe PhotoShop
 Describe and apply the use of healing brush recitations -Worksheet
tool; -Practice exercises activities
 Describe and apply the use of eraser tool;
Lesson 4:  Appreciate the use of Adobe PhotoShop -Oral Recitations Internet  Excellenc
PhotoShop Layers; -Lecture/ -Assignments Materials: e
layers  Describe and apply the process of creating a Discussion -Group Activity PowerPoint
new layer; -Small Group -Individual activity Presentation,
 Describe and apply the use of blend modes of Discussion -Short Quizzes Adobe PhotoShop
the layer; -Class, group and -Performance
 Describe and apply the use of opacity of layer; individual check
recitations -Worksheet
 Describe and apply the use of layer visibility; -Practice exercises activities
 Describe and apply the process of adding an
image to layer;
 Describe and apply the process of deleting a
layer; and
 Describe and apply the process of grouping
layers;
 First Quarter (Rubric for Netiquette Video Blog.)

Performance Rate
Skills 10%
Content 20%
Message of the video 30%
Moral lesson 20%
Quality 20%

Second Quarter (Rubric for My Web Design Prototype.)

Performance Rate
Presentation 10%
Skills 20%
Content 15%
Creativity 20%
Quality 15%
Visual Interface 20%
 Third Quarter (Rubric for My Website Blog Design.)

Performance Rate
Presentation 10%
Skills 20%
Content 15%
Creativity 20%
Quality 15%
Visual Interface 20%

Fourth Quarter (Rubric for Invitation for Graduation.)

Performance Rate
Presentation 10%
Skills 20%
Content 15%
Creativity 20%
Quality 15%