Professional Documents
Culture Documents
TECHNOLOGIES
QUARTER 3
i
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_GRADE11_MODULE_1-8)
RESOURCE TITLE: EMPOWERMENT TECHNOLOGIES
Alternative Delivery Mode
Quarter 3 – Module 1-8
First Edition, 2020
Republic Act 8293, section 176 states that: No copyright shall subsist in any work of
the Government of the Philippines. However, prior approval of the government agency or office
wherein the work is created shall be necessary for the exploitation of such work for a profit.
Such agency or office may, among other things, impose as a condition the payment of
royalties.
Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this module are owned by their respective copyright holders.
Every effort has been exerted to locate and seek permission to use these materials from their
respective copyright owners. The publisher and authors do not represent nor claim ownership
over them.
ii
What I Need to Know
Content Standards:
The learners demonstrate an understanding of ICT in the context of global
communication for a specific professional track.
Performance Standards:
The learners shall be able to: Independently compose an insightful reflection paper
on the nature of ICT in the context of their lives, society, and professional tracks
(Arts, Technical Vocational, Sports, Academic).
What I Know
1. This type of media is designed to help people who have visual and reading
impairments.
a. Assistive Media c. Social Media
b. Convergence d. Media Sharing
3. This feature of Web 2.0 allows users to classify information through tagging.
a. Hashtag c. Long Tail
b. Folksonomy d. Rich User Experience
4. A web application where a user can communicate, create, share content and
participate in online communities
a. Assistive Media c. Social Media
b. Convergence d. Media Sharing
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
1
GRADE11_LESSON1)
Lesson Information and Communications
1 Technology
What’s In
C P E G D L J O M G I Y N F O 1. ___________________
O M Z Q X S T A T I C U I L S 2. ___________________
N C T G H X J P L G X B K N S 3. ___________________
V I G E Z X V N H S X O O X W 4. ___________________
E Q N G C Q M D X R N I X K E 5. ___________________
R L U F I H B S P E T H Y L B
6. ___________________
G C Z N O Q N Q U A I M N D S
7. ___________________
E X H D G R F O C B O Q V A I
8. ___________________
N D F F E E M I L N P E A I T
9. ___________________
C Y N G C S N A O O Q K N I E
10. __________________
E N I W Q U J S T G G P D S F
M A N E M H K G D I X Y R V U
W M E M Z L S I S G O R O M C
I I O R O Q N Q E O L N I T T
E C S F A C E B O O K S D F P
What’s New
3.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
2
GRADE11_LESSON1)
Digital Native is any individual born or brought up in the age of digital technology
and therefore familiar with computers and the internet from an early age.
What is It
Web 1.0
• Webpages were static and were called read-only web.
• It is also known as a flat or stationary page, and users cannot manipulate it.
• The only accessible feedback mechanism was through private emails.
Web 2.0
• The term used to describe the present generation of the World Wide Web
concentrates on its capability to provide people the means to collaborate and
share information online.
• Dynamic Website - The content of the website changes
• Interactive - The user may be able to comment or create a user account
Web 3.0
• It is described by Tim Berners-Lee (Father of the WWW) as the read-write-
execute web.
• It has been referred to as the semantic web – The ability of web technologies
to understand and interpret human-generated content
• Web 3.0 aims to have machines that understand the users' preferences to be
able to deliver web content explicitly targeting the user.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
3
GRADE11_LESSON1)
Activity 4: Web Version
Directions: Based on the list of websites you have written in activity 1, identify the
web version of each website, and state your basis by registering on the
reason column.
Web
No Website Reason
Version
1
2
3
What’s More
Trends in ICT
As the world of ICT continues to grow, the industry has focused on several
innovations. These innovations cater to the needs of the people that benefit most
from ICT. Whether it is for business or personal use, these trends are current front
runners in ICT innovation.
4. Assistive Media - A nonprofit service designed to help and assist people with
disabilities.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
4 GRADE11_LESSON1)
What I Have Learned
Activity 5: Generalization
What I Can Do
Assessment
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
5
GRADE11_LESSON1)
Additional Activities
Activity 8. Identification
Write SO if the Social Media website is a Social Network, BS for Bookmarking Site,
SN for Social News, MS for Media Sharing, MB for Microblogging, and BF for Blogs
and Forums.
Content Standards:
The learners demonstrate an understanding of ICT in the context of global
communication for a specific professional track.
Performance Standards:
The learners shall be able to independently compose an insightful reflection paper
on the nature of ICT in the context of their lives, society, and professional tracks
(Arts, Technical Vocational, Sports, Academic).
Most Essential Learning Competencies:
Apply online safety, security, ethics, and etiquette standards and practice in the use
of ICTs as it would relate to their specific professional tracks.
CS_ICT11/12-ICTPT-Ia-b-2
Use the internet as a tool for credible research and information gathering to best
achieve specific class objectives or address situational.
CS_ICT11/12-ICTPT-Ia-b-3
What I Know
What’s In
From the previous lesson, we have learned that there are three versions of Web
Technologies: Web 1.0, Web 2.0, and Web 3.0. These ICT trends in today's generation
focus on technological convergence, social media, mobile technologies, and assistive
media. This lesson will discuss and give importance to online safety, security, ethics,
and etiquette. We will also discuss different online techniques to help us be more
knowledgeable when we visit and get information from other websites.
What’s New
What is It
The internet is defined as the information superhighway. This means that anyone
can access this highway, place information, and grab that information. This is why
social networking sites like Facebook continue to improve their security features. The
threat of cybercrime is genuine. Whatever information we share today could affect
our future.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
7
GRADE11_LESSON2)
3. Know the security features of the social networking site you use. By keeping
your profile private, search engines will not be able to scan your profile.
4. Avoid logging in to public networks/Wi-Fi. Browsing in. Incognito (or private)
mode will NOT protect you from hackers.
5. Install and update antivirus software on your computer.
6. If you have Wi-Fi at home, make it a private network by adding a password.
7. Avoid downloading anything from untrusted websites.
8. Buy the software, do not use pirated ones.
9. Do not reply or click links from suspicious emails.
10. Make Online Purchases from Secure Sites.
Internet Threats
Here are some of the threats you should be aware of when using the Internet:
1. Malware– or malicious software. Any program or file is harmful to a computer
user.
Types of Malware:
a. Virus - A malicious program designed to replicate itself and transfer from one
computer to another.
b. Worm - It is a dangerous computer program that replicates itself through a
network.
c. Trojan - A malicious program disguises as a useful program but, once downloaded
or installed, leaves your PC unprotected and allows hackers to get your
information.
d. Spyware - A program that runs in the background without you knowing it (thus
called “spy”). It can monitor what you are currently doing and typing
through keylogging.
Keylogger – used to record keystrokes done by the user. This is done to steal
their password or any other sensitive information. The keylogger software
typically uses a log file to store its recording.
e. Adware - A program designed to send you advertisements, mostly as pop-ups.
f. Ransomware - or ransom software is a type of malicious software from crypto
virology that threatens to publish the victim's data or perpetually block
access to it unless a ransom is paid.
2. Spam - Usually unsolicited commercial email sent from an unknown source with
an identical message sent to multiple recipients.
What’s More
Search Engine is a program that allows users to search for content on the internet.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
8
GRADE11_LESSON2)
Tips for Effective Internet Research by George Mathews
1. Know what kind of research you want to do.
2. Make a list of keywords you will use in your search.
3. Enclose keywords in quotation marks.
4. Use the minus sign (-).
5. Try specialized search engines.
6. Skim through search results on web pages.
7. Bookmark
8. Review your bookmarks.
Copyright
Copyright is a protection given to the owner of the rights in an original work such as
books, musical works, films, paintings, other works, and computer programs. This
original work is called intellectual property which is protected under Republic Act
8293, known as the “Intellectual Property Code of the Philippines.”
Copyright Infringement
It happens when another person uses the copyrighted work without the permission
of the author or copyright holder. Any person who is infringing the right to protected
work would be liable under the law.
Fair Use
Fair use uses copyrighted material for comment, teaching, criticism, news reporting,
research, scholarship, and other similar purposes, with no copyright infringement.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
9
GRADE11_LESSON2)
What I Can Do
Assessment
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
10
GRADE11_LESSON2)
What I Need to Know
Content Standards:
The learners demonstrate an understanding of the use of advanced tools and
techniques found in common productivity and software applications in developing
ICT content for specific professional tracks.
Performance Standards:
The learners shall be able to: Independently apply advanced productivity tools to
create or develop ICT content for use in specific professional tracks (Arts, Technical
Vocational, Sports, Academic).
Most Essential Learning Competencies:
Uses common productivity tools effectively by maximizing advanced application
techniques. CS_ICT11/12-ICTPT-Ic-d-4
Creates an original or derivative ICT content to effectively communicate or present
data or information related to specific professional tracks. CS_ICT11/12-ICTPT-Ic-d-
5
What I Know
What’s In
We have discussed from our previous lesson the online safety, security, ethics, and
etiquette standards and practice in the use of ICTs: name the various online threats;
identify the online safety measures; and consider one’s and others’ reputation when
using the Internet. We also discussed using the internet to provide credible research
and information gathering to achieve specific class objectives best or address
situational. This lesson will discuss and understand the different uses of productivity
tools and appreciate these productivity tools.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
11
GRADE11_LESSON3)
What’s New
Productivity Tools
It refers to the software that people use to create and produce documents,
presentations, databases, charts, and graphs. Productivity tools help you create
professional-quality documents, presentations, graphics, and more.
What is It
Word Processor
Word processor is an application that allows users to create, edit, and print
documents. One of the most widely used word processors is Microsoft Word. It is
developed by Microsoft and released on October 25, 1983. With Microsoft Word, you
can create random things like calendars, newsletters, invitations, etc. Microsoft Word
offers several elements that can be used in editing documents
Mail Merge
It is Words’ way of generating mass mailings. It involves combining a list of names
and addresses to address each person/receiver on the list individually. You can use
Mail Merge to create envelopes or manage labels, as well as form letters.
Mail Merged involved the following documents;
Main document – This document contains text and graphics. Example body
of the letter.
Mailing list – This is your data source that is used to populate information in
the letter. It contains the names and addresses of the recipients.
Merged Document - This document is a combination of the main document.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
12
GRADE11_LESSON3)
Integrating Images and External Materials
Kinds of Materials:
Microsoft Word is capable of integrating to make your documents richer, more
impressive, and more informative.
1. Pictures – these are electronic, “soft copy”, or digital pictures you have saved in
any local storage device. Three common types of picture files:
a. .JPG – pronounced as “jay-peg”. This type of image file can support 16.7
million colors. Suitable for use when working with full-color photographic
images.
b. .GIF –This type of image file is capable of displaying transparency and
animation. It only supports 256 colors.
c. .PNG –It is capable of displaying transparency but not animation. It
supports only 16 million colors.
2. Clipart - This is generally a. GIF type; line art drawings or images are used as a
generic representation for ideas and objects that you might want to integrate into
your document.
3. Shapes - These are printable objects or materials that you can integrate into your
document to enhance its appearance or to allow you to have some tools to use for
composing and representing ideas or messages.
5. Chart - Another type of material you can integrate into your Word document to
represent data characteristics and trends.
What’s More
Microsoft Excel
It features calculation, graphing tools, pivot tables, and a macro programming
language. It can compute costs incurred in creating projects, or create tables for
findings in the researchers, and then create reports for business or research that you
are doing. It is also a collaboration tool for financial analysis or modeling.
Arithmetic operations
Arithmetic Operators and Symbols Operation Example
+ (Plus Sign) Addition =A1+A2
- (Minus Sign) Subtraction =A1-A2
* (Asterisk) Multiplication =A1*A2
/ (Forward Slash) Division =A1/A2
^ (Exponentiation) Raises a number to a power =3^2
% (Percent Sign) Percentage =90%
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
13
GRADE11_LESSON3)
Formula – is an equation that operates on worksheet data. A formula in Microsoft
Excel always begins with an equal sign (=).
Commonly Used Functions
Function Purpose
=SUM Calculates the SUM of the values of a range of cells.
=AVERAGE Calculates the ARITHMETIC MEAN of a range of cells or values.
=MAX Gives the MAXIMUM value in a range of cells or values.
=MIN Gives the MINIMUM values in a range of cells or values.
=COUNT Counts the number of cells in a range of cells or values.
Microsoft PowerPoint
Microsoft PowerPoint is powerful presentation software that helps you produce an
effective presentation in the form of on-screen slides. It provides hyperlinks and
several animation styles such as Entrance, Emphasis, Exit, and Motion Paths.
Animation and hyperlinks are great tools in making a presentation more dynamic.
Activity 4. I Excel
Direction: Compute each subject's average using the AVERAGE function in excel
(rounded form) and answer the following question.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
14
GRADE11_LESSON3)
What I Can Do
Assessment
1. 2.
3.
4.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
15
GRADE11_LESSON3)
5.
Answer:
1._____________ 2._____________ 3._____________ 4._____________ 5.____________
Additional Activities
Activity 7. Generalization
How can Microsoft Word help you as a student?
__________________________________________________________________________________
Content Standards:
The learners demonstrate an understanding of how to manipulate text, graphics, and
images to create ICT content intended for an online environment.
Performance Standards:
The learners shall be able to: independently apply the techniques of image
manipulation and graphic design to create original or derivative ICT content from
existing images, text, and graphic elements for use in specific professional tracks.
Most Essential Learning Competencies:
Evaluate existing websites and online resources based on the principles of layout,
graphic, and visual message design. CS_ICT11/12-ICTPT-Ie-f-6
Use image manipulation techniques on existing images to change or enhance their
current state to communicate a message for a specific purpose.
CS_ICT11/12-ICTPT-Ie-f-7
Create an original or derivative ICT content to effectively communicate a visual
message in an online environment related to specific professional tracks.
CS_ICT11/12-ICTPT-Ie-f-8
What I Know
What’s In
We learned the three most commonly used Microsoft Office Suite applications,
Microsoft Word, Microsoft Excel, and Microsoft PowerPoint, from the previous lesson.
In this lesson, we will discover that graphic design plays a significant role in the
world today. This module is all about imaging and design for the online environment,
from basic graphics and layout principles to infographics.
What’s New
Layout:
It is the process of planning and arranging graphics or text on a page or book.
A good layout should have a balanced makeup and alignment of elements.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
17
GRADE11_LESSON4)
5. Texture – Texture refers to an object's surface appearance given by the
dimensions, form, thickness, arrangement, and amount of its essential parts.
6. Color– Color is light redirected off objects. It is used to create curiosity and
emotions in the viewers. It has three main characteristics: hue (these are red, green,
blue, etc.), value (lightness/ darkness), and intensity (saturation, or amount of
pigment), and temperature (warm and cold).
What is It
2. Emphasis - An area in the design that may appear different in size, texture, shape,
or color to attract the viewers' attention.
3. Movement - It describes the flow of elements on the page. Visual elements guide
the viewers' eyes around the screen.
4. Pattern, Repetition, and Rhythm - These are the repeating visual element on an
image or layout to create unity in the layout or image. Rhythm is achieved when
visual elements make sense of organized movement.
Infographics
Information graphics or infographics
represent information, statistical data, or
knowledge graphically, usually done in a
creative way to attract the viewers'
attention.
Types of Compression
1. Lossy compression reduces file size by removing redundant information,
which means that some data from the image file is lost.
2. Lossless compression retains values and manages to lower file size.
Activity 2. Complete Me
Direction: Complete the table below.
Supports Supports
File
Name Compression Transparency Animation
Extension
(Yes / No) (Yes / No)
1. .JPG 4. 7. 10.
2. .GIF 5. 8. 11.
3. .PNG 6. 9. 12.
What’s More
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
19
GRADE11_LESSON4)
What I Have Learned
Activity 4 – Evaluate
Based on the given picture
below, evaluate the
infographic in terms of
layout and design. What
purpose are the infographics
all about?
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
https://www.123rf.com/photo_95463764_stock-vector-cyber-security-tips-for-
_________________________
kids-infographic-how-to-connect-online-and-use-social-network-safely-vector-.html
_________________________
What I Can Do
_________________________
_________________________
Activity 5. Giving Advice for Good Design
_________________________
According to rareiio.com, http://arngren.net/ is the Number 1 poorly designed
website in 2020 in their article The Roundup Of 10 Worst Designed Websites In 2020!
_________________________
_________________________
_________________________
___
_________________________
____
http://arngren.net/
20 (DO_Q3_EMPOWERMENT_TECHNOLOGIES_
GRADE11_LESSON4)
As a student who knew the different Elements of Design and Principles of Design,
what advice can you give to the creator of arngren website to make it more attractive?
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
Assessment
_______3. Visual Message Design can help with the effectiveness of the delivery of a
message.
_______4. Lossy compression retains values and manages to lower file size.
_______5. In Elements of Design, large elements are more significant than small
ones.
_______7. JPG is considered to produce a high-quality image and does not remove
any information from the image.
Activity 7. Identification
Directions: Identify every item below if it belongs to the elements of design or the
principles of design. Write E if it belongs to the Elements of Design and
write P if it belongs to the Principles of Design.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
21
GRADE11_LESSON4)
Additional Activities
1. You are tasked to create and promote your specific track/strand by making an
infographic.
This module was designed and written with you in mind. It is here to help you
master the principles and techniques of design using online creation tools, platforms,
and applications. The scope of this module permits it to be used in many different
learning situations. The language used recognizes the diverse vocabulary level of
students. The lessons are arranged to follow the standard sequence of the course.
But the order in which you read them can be changed to correspond with the
textbook you are now using.
The module is divided into four lessons, namely:
b. Lesson 5 - Online creation tools, platforms, and applications
c. Lesson 6 – Web design principles and elements
d. Lesson 7 – Create an original or derivative ICT content using Picasa
e. Lesson 8 - Design newsletter or blog site intended for a specific audience or
viewer
After going through this module, you are expected to:
1. Evaluate existing online creation tools, platforms, and applications in
developing ICT content for specific professional tracks.
2. Apply web design principles and elements using online creation tools,
platforms, and applications to communicate a message for a specific purpose
in specific professional tracks.
3. Create original or derivative ICT content using online creation tools,
platforms, and applications to effectively communicate messages related to
specific professional tracks.
4. Evaluate the quality, value, and appropriateness of peers’ existing or
previously developed ICT content concerning the theme or intended
audience/ viewer of an ICT project.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
22
GRADE11_LESSON5)
5. Share and showcase existing or previously developed material in the form of
a collaboratively designed newsletter or blog site intended for a specific
audience or viewer.
What I Know
What’s In
Principles and techniques of design using online creation tools, platforms, and
applications to develop ICT content for specific professional tracks.
1. Survey instruments using Google forms (Business/Academic)
2. Athletic match-ups and league standings using Mindmeister (Sports)
3. Catalogues/Swatches /options for products and services using Prezi (Tech Voc)
4. Online music production using Sibelius (Music)
What’s New
Online platforms support so many of the daily activities that we have become
dependent on them in our personal and professional lives. We rely on them to buy
and sell goods and services, to find information online, and to keep in touch with
each other. We use them for entertainment, news, transportation, accommodation,
finding jobs, and employees, finding apps, and for many other purposes.
What is It
Online-platform
An online marketplace that places one party in touch with another, such as buyers
and sellers. Examples are eBay, Craigslist, Amazon Marketplace, Airbnb, and Uber.
The online system may be entirely self-contained, or it may allow third-party apps to
connect via the platform's programming interface (API).
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
23
GRADE11_LESSON5)
Online Tools for Visual Content Creation
A picture is worth a thousand words – and creating eye-catching and engaging
content for digital marketing channels is easy.
2. For Videos
WeVideo
A browser-based video editor, WeVideo is great for creating digital stories out of
audio recordings and still photos. It has an easy-to-use interface and several tools
to create an interesting story.
3. For Presentations
Emaze
If you are looking for an alternative to PowerPoint, Emaze is here. It lets you create
visual presentations, fast. Choose from a variety of templates with built-in HTML5
technology, 3-dimensional patterns, and PowerPoint-style presentations.
4. For Memes
Imgur
Create your memes using the Imgur Meme generator. The tool is simple to use and
the meme can be titled as well as shared in the public Meme galleries. There are
more than 135,00 templates to choose from and you can also upload a template of
your own.
Features
The Google Forms service has undergone several updates over the years.
Features include, but are not limited to,
1. menu search,
2. shuffle of questions for randomized order,
24 (DO_Q3_EMPOWERMENT_TECHNOLOGIES_
GRADE11_LESSON5)
3. limiting responses to once per person,
4. shorter URLs,
5. custom themes,
6. automatically generating answer suggestions when creating forms, and
7. an "Upload file" option for users answering questions that require them to
share content or files from their computer or Google Drive. The upload
feature is only available through Google Workspace, (formerly G Suite).
What’s More
Activity 1.1
Identify if the given is INFOGRAPHICS, VIDEOS, PRESENTATIONS, OR MEMES.
1. Infogr.am
1. Online-platform
2. Online Tools for Visual Content Creation
3. Types of Visual Content
4. Examples of visual content
5. Survey instruments using Google forms
What I Can Do
Create your first Google Form, which includes the contents of a Personal Data Sheet.
Assessment
TRUE OR FALSE: Write True if the statement is correct and False if the statement
is incorrect.
1. The Google Forms service has undergone several updates over the years.
Features include but are not limited to menu search.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
25
GRADE11_LESSON5)
2. Imgur- there are more than 135,00 templates to choose from and you can also
upload a template of your own.
3. An online marketplace that places one party in touch with another, such as
buyers and sellers.
4. WeVideo, lets you create visual presentations, fast.
5. Emaze is great for creating digital stories out of audio recordings and still
photos.
Additional Activities
What I Know
What’s In
Web design refers to the design of websites that are displayed on the internet. It
usually refers to the user experience aspects of website development rather than
software development. In 1989, whilst working at CERN Tim Berners-Lee proposed
to create a global hypertext project, which later became known as the World Wide
Web. From 1991 to 1993 the World Wide Web was born. Text-only pages could be
viewed using a simple line-mode browser.[2] In 1993 Marc Andreessen and Eric Bina
created the Mosaic browser. At the time there were multiple browsers, however, the
majority of them were Unix-based and naturally text-heavy.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
26
GRADE11_LESSON6)
What’s New
Web design
Web design encompasses many different skills and disciplines in the production
and maintenance of websites. The different areas of web design include web graphic
design; user interface design (UI design); authoring, including standardized code
and proprietary software; user experience design (UX design); and search engine
optimization. Often many individuals will work in teams covering different aspects of
the design process, although some designers will cover them all.
What is It
The over-designed website may not work. Putting too many elements on the page
may lead to distracting visitors from the main purpose of your website. Simplicity
always works in an effective web page design.
2. Consistency
Consistency in website design matter a lot. Give your attention to match design
elements throughout each of the pages. It can be understood that your fonts, sizes,
headings, sub-headings, and button styles must be the same throughout the
website. Plan everything.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
27
GRADE11_LESSON6)
3. Typography & Readability
No matter how good your design is text still rules the website as it provides users the
desired information. Since search engine crawlers are very much familiar with this
data, it becomes an integral part of SEO activities.
4. Mobile Compatibility
Keeping in mind the ever-growing usage of smartphones, tablets, and phablets, web
design must be effective for various screens. If your website design doesn’t support
all screen sizes, the chance is that you’ll lose the battle with your competitors.
A perfect color combination attracts users while a poor combination can lead to
distraction. This necessitates you to pick a perfect color palette for your website
which can create a pleasing atmosphere, thus leaving a good impact on visitors.
6. Easy Loading
No one likes a website that takes too much time to load. So take care of it by
optimizing image sizes, combing code into a central CSS or JavaScript file as it
reduces HTTP requests.
7. Easy Navigation
Study shows that visitors stay more time on websites having easy navigation. For
effective navigation, you may consider creating a logical page hierarchy, using bread
scrums, and designing clickable buttons.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
28
GRADE11_LESSON6)
8. Communication
The ultimate purpose of the visitors is to get information, and if your website can
communicate with your visitors efficiently, most probably they would spend more
time on your website.
What’s More
Activity 2.1
FILL IN THE MISSING LETTERS
1. C__S_______
2. _ _M_ _ _ _ _ _ T_ _ _
3. ___P__
4. C____ _A____E
5. __A____L___
1. Web Design
2. 8 Principles of Good Website Design
What I Can Do
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
29
GRADE11_LESSON6)
Assessment
Additional Activities
What are the four stages of web design? Explain each.
1.
2.
3.
4.
What I Know
30 (DO_Q3_EMPOWERMENT_TECHNOLOGIES_
GRADE11_LESSON7)
What’s In
Online Portal - An Online Portal refers to a webpage (or website) that provides users
an entryway to a variety of information, tools, links, and more. Originally, these
portals were referred to as links pages; however, now these portals serve a variety of
different purposes.
Typically, online portals are designed to offer users an assortment of the most used
types of information and services. In doing this, online portals have become open to
personalization and customization—thusly leading to different types of portals. For
example, government portals that provide important civic information, private
enterprise portals for businesses, and customer portals for customers to access
features of the web service they subscribe to.
What’s New
What is a Website?
A website (also written as a website) is a collection of web pages and related content
that is identified by a common domain name and published on at least one web
server. Notable examples are wikipedia.org, google.com, and amazon.com.
All publicly accessible websites collectively constitute the World Wide Web. There are
also private websites that can only be accessed on a private network, such as a
company's internal website for its employees.
What is It
As a designer or small business owner, you need to be familiar with all the different
kinds of web pages out there, so you can decide which will meet your needs. Studying
what competitors chose and conducting testing allow you to create the perfect format
for each brand and their customer base.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
31
GRADE11_LESSON7)
Here are the 8 Different Types of Websites:
1. Homepages
The homepage is your site’s main hub and serves as the face of a brand. Your
homepage helps site visitors get to different areas of the site, and it can also serve as
a conversion funnel. Because most people come to you through your homepage, this
is where design matters most.
2. Magazine websites
A magazine website features articles, photos, and videos that are informational and
educational. In the last twenty years, the magazine industry has changed from a
print-only platform to a largely digital format. The magazine website type works well
for informational websites, particularly publications from universities and
organizations.
3. E-commerce websites
An e-commerce website is an online shopping destination where users can purchase
products or services from your company. A robust e-commerce web page makes it
easy to browse products, filter by categories, highlight special sales, and make
purchases.
4. Blogs
A blog features regularly updated articles, photos, and videos. Blogs started with
more casual, personal content compared to magazines. But since then, the lines have
blurred, and now it’s extremely common for major brands and businesses to have
their blog. Adding expert content improves the overall credibility of a company or an
individual. Blogs also provide material for social media posts and email campaigns.
5. Portfolio websites
A portfolio website allows creative professionals a place for showcasing their best
work. This is perfect for artists, writers, designers, filmmakers, furniture builders—
you name it.
6. Landing Pages
A landing page is a specific page type created for a marketing campaign that drives
visitors to take a specific action. The content on a landing page should be limited
and point toward the call-to-action (CTA) you’d like the user to take. Allow plenty of
white space around your CTA and save elements not related to the purpose of that
campaign for other pages.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
32
GRADE11_LESSON7)
8. Directory and contact pages
A directory or contact page is a place where users can connect with you or others.
This type of website works well when you want to list a repository of businesses or
people within an organization. For example, a local restaurant directory features an
eatery in the area with menus, price ranges, phone numbers, and reviews.
What’s More
Activity 3.1
Write in the box if the given is a Social media or E-commerce website.
Website
1. Facebook
2. Instagram
3. Twitter
4. Tiktok
5. LinkedIn
6. Amazon
7. eBay
8. Walmart
9. Costco
10. Wish
o Online Portal
o Website
o 8 different types of websites
What I Can Do
• WordPress.com
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
33
GRADE11_LESSON7)
Assessment
1.
2.
3.
4.
5.
Additional Activities
10
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
34
GRADE11_LESSON7)
Lesson Design newsletter or blog site intended
8 for a specific audience or viewer
What I Know
What’s In
Blog
A blog (a truncation of "weblog") is a discussion or informational website published
on the World Wide Web consisting of discrete, often informal diary-style text entries
(posts). Posts are typically displayed in reverse chronological order, so that the most
recent post appears first, at the top of the web page. Until 2009, blogs were usually
the work of a single individual, occasionally of a small group, and often covered a
single subject or topic. In the 2010s, "multi-author blogs" (MABs) emerged, featuring
the writing of multiple authors and sometimes professionally edited. MABs
from newspapers, other media outlets, universities, think tanks, advocacy groups,
and similar institutions account for an increasing quantity of blog traffic. The rise
of Twitter and other "microblogging" systems helps integrate MABs and single-author
blogs into the news media. A Blog can also be used as a verb, meaning to maintain
or add content to a blog.
Newsletter
A newsletter is a printed or electronic report containing news concerning the
activities of a business or an organization that is sent to its members, customers,
employees, or other subscribers. Newsletters generally contain one main topic of
interest to their recipients. A newsletter may be considered grey literature. E-
newsletters are delivered electronically via e-mail and can be viewed
as spamming if e-mail marketing is sent unsolicited
What’s New
What is a website?
A website (also written as a website) is a collection of web pages and related content
that is identified by a common domain name and published on at least one web
server. Notable examples are wikipedia.org, google.com, and amazon.com.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
35
GRADE11_LESSON8)
All publicly accessible websites collectively constitute the World Wide Web. There are
also private websites that can only be accessed on a private network, such as a
company's internal website for its employees.
What is a Blog?
A blog is a type of website where the content is presented in reverse chronological
order (newer content appears first). Blog content is often referred to as entries or
“blog posts”.
What is It
2. Yelp
The secret to creating the best email newsletter is making sure that your content is
relevant to your audience. You can do this by segmenting your email lists to ensure
that the content you provide to each subscriber is engaging and relevant to their
interests. Yelp offers a great example of an email newsletter that does just that.
3. General Assembly
General Assembly is an organization that helps professionals expand their skillset
through course content and trainings. Their newsletter (shown below) makes
excellent use of a minimal layout with custom graphics to grab the reader’s attention.
4. Moz
The Moz Top Ten sets itself apart from other email newsletter examples because it
doesn’t just use content that’s been written by the Moz team. Instead, the Moz Top
Ten compiles a list of awesome articles from around the web that its audience will
find interesting and useful. They choose this list carefully to ensure that the content
is helpful and well-written, offering a variety of different topics that keep their users
reading each month.
6. Cook Smarts
Cook Smarts’ “Weekly Eats” newsletter is another great example of what the best
email newsletters provide – value in an easy-to-read format. Each week, the company
sends subscribers meal plan recipes and other kitchen tips. Let’s take a look at one
of their newsletters:
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
36
GRADE11_LESSON8)
7. InVision
In Vision is another company with excellent email newsletter examples. Each week,
In Vision, provides an email filled with different blog posts and design tips that their
readers will find useful. By providing a great mix of content that provides value for
their readers, In Vision can keep their subscribers happy and engaged each week.
What’s More
Activity 4.1
Give the steps in creating a newsletter using CANVA.
1. Blog
2. Website
3. Newsletter
4. Examples of Email Newsletters
What I Can Do
Create your newsletter using Canva. Submit your output to your teacher.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
37
GRADE11_LESSON8)
Assessment
Complete the list; Free Google Docs Newspaper and Newsletter Template For
Classroom And School
1 6
2 7
3 8
4 9
5 10
Additional Activities
2.
3.
4.
5.
6.
7.
8.
(DO_Q3_EMPOWERMENT_TECHNOLOGIES_
GRADE11_LESSON8)
38