ABOUT THE MODULE

This module aims to guide learners as they navigate computer

concepts in class. Digital Arts and Web Design will be introduced
for TLE-ICT9. These will help learners hone their 21st-century skills
of creativity, innovation, research, critical thinking, problem-
solving, and decision-making skills, making them future-ready.

Pre-requisite to the skills that the learners are about to learn

in ICT9, are the basics of cybersecurity. Maintaining a positive
learning environment is a must in both face-to-face and online
setup. Oftentimes, this could be challenging. Studies show that
virtual learning leads to a lot of stress if not properly managed. It
could also increase the cases of bullying due to longer screen time
and unawareness of the dangers online. To minimize these
problems, our learners are guided with tips and guide that are
effective not for their personal online activities but also for their
online learning engagement.

In the end, we expect learners to contribute to the acquisition

of a broader scope of being Ignatian Challenge Takers, embodying
the Ignatian ideals and using the digital tools of the modern
information and communication technology that is not only
beneficial to them as learners but also as members of the
community.

2
 TABLE OF CONTENTS

Overview of Module ......................................................... 2

Course Description and Outcomes .................................. 4
Course Outline .............................................................. 5-7
Course Material ............................................................... 8
Couse References ............................................................. 8
Guide on How to Use the Module .................................... 9
ICT Laboratory Guidelines ........................................... 9-11
Netiquette ................................................................. 12-19
Reflect .............................................................. 19
Guide on how to use the Module.............................. 19-21
Guidelines and Procedures ............................................. 23
Grading System.......................................................... 24-25
Meet Your Teacher ......................................................... 25

3
 COURSE DESCRIPTION

Digital Arts is a general term for a range of artistic works and practices
that use digital technology as an essential part of the creative and/or
presentation process. Meanwhile, Web Design or Web Designing is a skill of
creating presentation content such as webpages. This course will cover
fundamental concepts and applications required in creating Digital Arts such
as digital painting, poster, photo manipulation, other digital arts.
Furthermore, variety of concepts and skills involved in creating websites,
including Hypertext Markup Language (HTML), Cascading Style Sheets (CSS)
will also be included. This course also includes Cybersafe to guide learners
on how to be safe and responsible online as they navigate and research
online platforms that will be useful throughout this course.

COURSE OUTCOMES
Through various activities, authentic assessments, and tasks, students
are expected to:

a. Demonstrate creative thinking, constructs knowledge, and

develops innovative products and processes using technology for
students to become future innovators. (Creativity and
Innovation)
b. Use critical thinking skills in conducting research, managing
projects, solving problems, and making informed decisions using
appropriate digital tools and resources. (Research, Critical
Thinking, Problem Solving, and Decision Making)

4
 COURSE COURSE OUTLINE

FIRST TRIMESTER
Mod Content Competencies Major Assessments
ule
No.
0 UNIT 0  The learners...
CYBERSAFE  a. Summative
(Cycle 1)   a. Identify the proper conduct Assessment 1
1. Internet Privacy and online (Cycle 5)
Safety  b. Trace the History of Art b. Summative
2. Do’s and Don'ts c. Explain the importance of Assessment 2:
online  Art. (Cycle 12)
DIGITAL ARTS  d. Differentiate and classify Art c. Enabling Task 1:
25 UNIT 1  techniques, styles, and Making a Digital
TRADITIONAL ARTS and media. Portfolio (Cycle
DIGITAL ARTS  e. Differentiate Traditional 7)
(Cycle 2-3)   Arts and Digital Arts d. Hands-on Activity
1. History of Arts  f. Know different design 1, 2, 3, & 4 (Cycle
2. Painting Styles principles. 1, 6-12)
3. The Digital Real g. Apply design principles in a
digital artwork.
26 UNIT 2  h. Identify the page lay outing
ELEMENTS OF DIGITAL principles.
DESIGN  i. Demonstrate understanding
(Cycle 4)  of the basic use of
1. Design Elements  Digital Editing Tools
2. Different Digital Arts j. Explore the Photo Editing
Style  Tool’s / GIMP’s Interface
3. Principles of Design  k. Apply Photo Editing Tool’s
4. Page Lay outing Tools / GIMP’s and Features
27 UNIT 3  in creating Digital Arts.
THE GIMP INTERFACE  l. Create a Digital Portfolio
(Cycle 5) 
1. GIMP User Interface 
2. GIMP tools and
features 
3. Shortcut Keys 
UNIT 4  
28 PHOTO EDITING 
(Cycle 6-12) 
1. Photo Manipulation 
2. Colorization 
3. Retouching 
4. Filters 

5
 SECOND TRIMESTER
Mod Content Competencies Major Assessments
ule
No
The learners... a.Summative Assessment
WEB DESIGN 1
29 Unit I:  IA. The World Wide Web  a. Know the History of Websites (Cycle 3)
(Cycle 1)  b. Familiarize some web tools b.Summative Assessment
1.The History of Website  c. Know the W3C Standards 2: (Cycle 8)
2.Web tools  d. Know Web Designers Career c.Enabling Task 1: Making
3.W3C Standards  opportunities a Simple Webpage (Cycle
4.Web Designers Career opportunities  e. Familiarize HTML, a mark-up 9)
  IB.  The Web Page  language. d.Hands-on Activity 1, 2,
(Cycle 2)  f. Know the basic webpage pattern. 3, & 4 (Cycle 3-8)
1. Basic web page pattern  g. Know the doctype declaration.
2. Doctype Declaration  h. Know the use of HTML Text Tags
  in a webpage
Unit II:  Planning Your Website  i. Apply HTML Text Tags
(Cycle 3)  j. Identify the steps in planning a
30 1. Planning a website  website.
2. Sections Appropriate for a Website  k. Value the importance of website
  planning
Unit III:  HTML Tags  l. Identify the sections appropriate
(Cycle 4-6)  for a website.
31 1. HTML Text Tags  j. Know the CSS concepts.
2. Anchor Links  k. Familiarize CSS Basic pattern
3. Hyperlinks  l. Experiment with different font and
  text properties
Unit IV:  Styling with CSS 
(Cycle 7-9) 
 
32
1. Cascading Style Sheet 
2. CSS Basic pattern 
3. Types of CSS 
4. Deprecated Tags and Attributes  
5.CSS Fonts and Colors 
6. Special Characters 

THIRD TRIMESTER

6
Mod Content Competencies Major Assessments
ule
No.
33 Unit VI  The learners... a.Summative Assessment
The Box Model  1
(Week 1 - 3)  a. group and classify selectors. (Cycle 5)
1. The Box Model  b. identify the parts of the CSS Box b.Summative Assessment
2. Style Sheet Technique  Model 2: (Cycle 9)
3. Page Lay-outing  c. apply CSS Box Model properties c.Enabling Task 1: Making
4. Span and Div Tags  on a webpage a Website (Cycle 10)
  d. manipulate text and images. d.Hands-on Activity 1, 2,
34 Unit VII  e. use audio on a multimedia file 3, & 4 (Cycle 1-8)
Multimedia  f. work with and embed videos.
(Week 4-5)  g. organize information in
1. Multimedia  tabular form
2. Text and Images  h. improve table appearance using
3. Background values  in-line style sheet
4. Borders  i. apply buttons, boxes, text areas and
5. Videos  select fields in a webpage
  j. apply flash and Java script in a
35 Unit VIII  web page
Tables 
(Week 6-7) 
1. Tables 
2. Table Tags 
3. Table Attributes 
4. Cell Padding and Spacing 
5. Nested Tables 

 
36
Unit IX 
Web Interactives 
(Week 8-10) 
1. Buttons, Boxes, Text Areas
and Select Fields 
2. Flash and JavaScript 

7
 COURSE MATERIALS
These are the course materials needed by the learner to help achieve
desired learning objectives.
Digital Arts
a. Hardware: Computer/Tablet/Mobile Phone
b. Software: GIMP, Pixlr, Canva (online/offline)

Web Design
a. Hardware: Computer/Tablet/Mobile Phone
b. Software: Notepad, Sublime Text,
w3schools.com, Dcoder (online/offline)

COURSE REFERENCES

These are the course references intended to be consulted for

information on specific matters.

a. www.tutorialspoint.com
b. www.code.org
c. www.w3schools.com
d. www.standford.edu
e. www.hourofcode.org
f. https://www.iste.org/standards/iste-standards-for-students
g. http://www.depedbataan.com/resources/kto12-tle-curriculum-
guides-for-grades-7-to-10
h. www.CFGLearnFree.org

8
 GUIDE ON HOW TO USE THE MODULE

STOP, LOOK, LISTEN and Go

These are words that you need to remember to succeed in this online
learning setup.

STOP anything that would distract you from achieving the learning goals
or learning outcomes. You cannot serve two masters at the same time so
stay focus on learning during our class time.

LOOK for announcements, postings, and instructions in the LMS and read
it thoroughly.

LISTEN to your teacher and your classmates. Remember that listening is

the beginning of understanding and the key to effective communication.

GO! Show the best that you can do with all the tasks given to you. Go
and set the world on fire!

ICT LABORATORY GUIDELINES

Procedure in Getting Inside the ICT Lab

• Wait for the teacher in a proper line

formation outside the lab.

9
• SILENCE is to be observed while in the lab.
• The teacher and lab assistant’s areas are off limits to students.
• Activities and lectures are wrapped up 10 MINUTES before the end
of the period.
• Students form their line
outside the lab and slowly
proceed back to their
classroom.
• Students are NOT allowed
to access the computer lab
outside their class schedule

ICT Computer Laboratory Guidelines

• The computer lab is for current students, faculty and staff use
ONLY.
• Strictly NO bringing and/or consuming of food and drinks inside.
• The Lab Assistant makes sure lab
computers are in working order.
• Do not leave your materials and valuables
in the lab. Valuables found will be
immediately turned over to the Character
Prefect.
• Profanity and loud conversations are not
allowed inside the lab. Students involved in disruptive behavior
will be asked to leave.
• Changing a computer’s configuration, program installation and
wiring are STRICTLY prohibited.

10
• Any file saving, program, configuration, and wiring concerns
should be directed to the Lab Assistant.
• Connecting external electronic
devices to the computer is not
permitted.
• Before leaving the lab, students
should log off and put the
computers on SLEEP MODE or
SHUTDOWN if it is the last period
of the day.
• Chairs are to be pushed back and
arranged in sequence according to the matching number
stickers on the computer and on the back of the chair.

11
 NETIQUETTE

PRELECTURE
Open your browser and search
for your name online. Check the
images, videos and all that comes
out after you search your name.
Are there things that are not
JUAN DELA CRUZ| supposed to be viewed by the
public? Why do you think this
happened?

Write your answer here:

__________________________________________________________
_________
__________________________________________________________
_________

As Digital Citizens wandering the vast and wilderness of the

internet world you leave a trail of data called a digital footprint. Some of
these trail marks were unintentional like a picture of you when you were
a toddler or a tag of your funny pose with your friends three years ago.
These long-forgotten pictures of you online could sometimes resurface
and could be a subject of ridicule or bullying. But how can you avoid
these things from happening? You need to know the do’s and don’ts on
the internet.

12
Netiquette
Internet Etiquette also
known as netiquette is a
standard that states the
conduct that you should
carry whenever you are on
the Internet. Like other
forms of etiquette,
Netiquette is primarily
concerned with matters of
courtesy in communications over the Internet.

There are Ten (10) things that you need to remember when you are
on the internet. Let us call it the 10 Commandments on the Internet.

10 Commandments
on the Internet

13
1. Thou Shall be Polite
DO’s Thank you Mrs.
You are
• Use proper titles such as welcome Ana!
Tan! 😊

Miss, Mister, Professor, 😊

Doctor, etc.
• Say “please” and “thank you”
• Use emoticons/emojis with
sense. Insert an emoticon/emoji
to project your facial and
emotional expressions in text
communications.
DON’T’s
• Typing all in capital letters with numerous exclamation marks.
• Using too much or irrelevant emoticons/emojis.

2. Thou Shall be a Law-Abiding Citizen

DO’s
• Obey forum terms and rules which are in place to promote
healthy discussion and pleasant internet experience
• Respect other authors and avoid copying their work and
claiming it as your own
• Cite references when doing research, especially when
quoting from an article

14
 DON’T’s
• Download paid copyrighted media contents
and licensed software illegally
• Hack websites
• Hijack online accounts of others

3. Thou Shall Respect Time and Bandwidth

DO’s
• Read a site’s FAQ page before posting a question
• Consider before sending large attachments that could clog up
the recipient’s mailbox
• Limit internet usage time on
shared computer network
especially at home if you share
the internet with other
member of the family.
DON’T’s
• Send spam and chain emails
• Post the same message repeatedly on social media feeds and
websites’ comments section
• Post off-topic messages and irrelevant advertisements in the
comments sections of social media and websites

4. Thou Shall Help and Share Knowledge

15
 DO’s
• Help by answering questions posted by others
• Re-post essential news and disseminate information
responsibly
• Promote collaboration

DON’T’s

• Be a “know-it-all”
• Discourage varying opinions

5. Thou Shall Connect with Respect

DO’s #ConnectWithRespect
• Always keep communication
clear and concise to avoid
miscommunication
• Keep and be the cool head when
in forum discussions and social
media comments
• Agree to disagree
• Respect diversity
DON’T’s
• Start flaming
• Insist on having your way
• Make things personal

16
6. Thou Shall Respect Other’s Privacy
DO’s
• Log out social media, bank and email
accounts accidentally left logged in by other
people
• Only send, carbon copy and blind carbon
copy emails to intended recipients

DON’T’s

• Read emails of other people

• Reply to all
• Install tracking software to obtain passwords of others
• Hack into websites and online accounts of others

7. Thou Shall Protect Yourself at All Times

DO’s
• Only approve contact or
friend requests from people
that you personally know
• Be wary with some free
software
• Always have an online
security software installed
when using the Internet (ex.
antivirus and firewall)
• Use a strong password at least 8-character alphanumeric
with a special character.

DON’T’s

17
 • Give out your passwords, bank information and personal
details to untrusted contacts and websites (ex. Phishing)
• Entertain “get rich quick” websites and scam emails
• Enter password in public computers and unsecured WiFi
connections.

8. Thou Shall Know Where Thou Art in the Cyberspace

DO’s
• Ignore websites that promote
division, racism and hate.
• Maximize the use of websites
that promote productivity
and self-improvement
DON’T’s
• Wander in sites that are not
appropriate for your age.
• Involve in graphic and
obscene conversations, forums and websites
9. Thou Shall Look Good Online
DO’s
• Express yourself positively on the Internet
• Stress your credentials to build your professional
connections
• Build your virtual friendships as you do your personal ones
• Upload photos and videos of fun and inspiring activities

18
 DON’T’s

• Upload too many selfies

and narcissism
• Never add credentials and
achievements you did not
attain
• Upload photos/videos of
yourself and others in indecent clothing and immodest
behaviour

10. Thou Shall Love Thy Neighbor

DO’s
• Respect the feelings of
others
• Forgive mistakes and
always be constructive
with criticism
• If you have some
comments to share, focus on the topic not on the person.
DON’T’s
• Attacking, trolling and bashing people in your comments
• Start an issue or gossip about a person or other people
• Settle disputes and arguments online
• Bully anyone

With everything that is happening in the world right now like Covid-19,
government issues and environmental problems just to name a few, it is
important to have a good mental health and one key to achieving that is

19
having a healthy online environment. Every time you send, share, like or
comment online always remember to “THINK before you click”.

REFLECT

1. In your own little ways and as an Ateneo Hearter student how can
you make the online environment a safer and healthier enviroment
for other students like you?

______________________________________________
______________________________________________
______________________________________________
__________________

GUIDE ON HOW TO USE THE MODULE

1. Learning Modules
Modules will still be placed in the Class Notebook.
A pdf copy of the entire module will be placed in a Channel that will be
labeled the same as the Module number.

2. Assessments in the Assignment Tab

Assessments are made easier for student monitoring as it can all be
found in the assignment tab.

20
3. Teams Channel
General–It is in this channel, where you can access the Assignment tab
and the Class Notebook. Announcements such as incoming Summative
Test and other Major Task and Cycle Checklist will be posted on this
channel.

Learning Modules– These channels are equivalent to class notebooks. It

is named the same as Module number (e.g., Module 34, Module 13).
Inside this channel are the module's pdf copy, the entire module
checklist of activities, and instructions for Synchronous/
Asynchronous sessions.

Sync Sessions – It is a channel intended for the posting of the schedule of

Synchronous Sessions. Aside from viewing and joining the Synchronous
Session in the Calendar, you can view all the synchronous sessions in this
channel.

Help Center – It is a channel intended to support, give assistance, and

respond to students’ queries and clarifications, tech support, and
academic consultation. Always be polite and respectful. Do not forget to
properly address your teacher when posting queries.

Gallery – This channel is intended to be used for acknowledging

student’s efforts. Best works and rewards are posted on this channel.

Private Channels – It is a channel made for group discussion or group

activity. It may be named as experiment groups or group work.

21
 GUIDELINES AND PROCEDURES

A. Request for special/make-up exams or activities:

The student contacts the teacher concerned through chat or email and
present an excuse letter duly approved by the adviser upon return from
absence. Students with valid excuse will be given special/make-up
examinations or activities within a week upon return.

B. Submission of requirements:
All requirements may be submitted through MS Teams for those with
strong internet connection and personally for those with slow or no
internet connection.

C. Class Materials:
All students must prepare the required materials before the start of
class. As your partner in the formation of your son/daughter, we
encourage you to maximize the parent-teacher conference. Your
feedback and other valuable inputs will be much appreciated.

Please contact the JHS Principal’s Office (032) 422-4323 or email

jhsprincipal@shs-adc.edu.ph for an appointment.

22
 GRADING SYSTEM

Grades will be based upon success in completing various subject

requirements as demonstrated by the points accumulated in each of the
requirements submitted by the student. Moreover, the following
Grading Scheme showing percentage distribution of each criterion
will be used in computing the grade of the students in this subject.

Components/Evaluation of Learning Percentage Equivalent

1.  Written Works

      A.     Formative Assessment (recorded but not graded)
               Pre-tests, Quizzes, Seat works, Group works, Dyad 20%
Activities
               
      B.     Summative Assessment
              Unit Tests, Long Tests, Unit Test, Laboratory Reports,

2. Product/Performance Task
     A.     Product
              Enabling Tasks, research paper, infographics, posters, 60%
hands-on activities
     B.     Performance
              Graded recitations, multimedia presentations,
issue awareness campaign, skills demonstration, Performance
Task by Unit
3.Term Examination 20%

Consistent with DepEd guidelines, the grade

components are Written Works/Course Works and Performance
Tasks. Scores for each of these components are added and are divided

23
by the total perfect scores. This is subsequently multiplied by the weight
of the components (may vary per subject).
The total of the weighted grade from Written Works/Course
Works and Performance Tasks is then transmuted following the
transmutation table specified by the School. The transmuted score then
becomes the term grade of the student for the subject.

24
 MEET YOUR TEACHER

"Alone we can do so little; together we can do so much." – Helen

Keller

Name : Mrs. Clia-Mi M. Balwit

Number of years
teaching in SHS-AdC : 4 years
Educational graduate of BS Industrial
Background : Technology
major in Computer
Technology
graduate of Diploma in
Professional Education
Subject handled : Grade 9 ICT
clia-mi.balwit@shs-
email : adc.edu.ph

If you have questions or comments that you want us to

talk about, don’t hesitate to communicate with your
teacher. We are all in this together!
25