Css Grade10 Week 7 8 CSS
Css Grade10 Week 7 8 CSS
Css Grade10 Week 7 8 CSS
10
For the facilitator:
This module was collaboratively designed, developed and evaluated by the Development
and Quality Assurance Teams of SDO TAPAT to assist you in helping the learners meet the
standards set by the K to 12 Curriculum while overcoming their personal, social, and
economic constraints in schooling.
As a facilitator, you are expected to orient the learners on how to use this module.
You also need to keep track of the learners' progress while allowing them to
manage their own learning. Furthermore, you are expected to encourage
and assist the learners as they do the tasks included in the module.
For the learner:
This module was designed to provide you with fun and meaningful opportunities for guided
and independent learning at your own pace and time. You will be enabled to process the
contents of the learning resource while being an active learner.
The following are some reminders in using this module:
1. Use the module with care. Do not put unnecessary mark/s on any part of the
module. Use a separate sheet of paper in answering the exercises.
2. Don’t forget to answer Let’s Try before moving on to the other activities included
in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.
If you encounter any difficulty in answering the tasks in this module, do not hesitate
to consult your teacher or facilitator. Always bear in mind that you are not alone.
We hope that through this material, you will experience meaningful learning and gain
deep understanding of the relevant competencies. You can do it!
Let ’s Learn
This module is thoroughly designed to learn more about applying quality standards. It helps the
learners to demonstrate an understanding of concepts and underlying principles in applying
quality standard in computer systems servicing.
This module has three learning competencies/outcomes namely:
Week 7
1. Identify the Occupational Health and Safety Policies and Procedures in planning for
installation activity.
2. Explain each Computer Hardware
3. Appreciate the importance of hardware and software according to task assigned and
required outcome.
2
WEEK 7
Let’s Try
Directions: Choose the letter of the best answer. Write your answer on a separate sheet
of paper.
1. The most popular printer for home computer users that prints by spraying
streams of quick-drying ink on paper.
a. LED printer c. Dot printer
b. Laser Printer d. Inkjet printer
2. Are often used for corporate, school, and other environments that require print
jobs to be completed quickly and in large quantities.
a. LED printer c. Dot printer
b. Laser Printer d. Inkjet printer
3. It is a collection of data organized in a manner that allows access, retrieval, and
use of that data.
a. Database c. Spreadsheet
b. Word processing d. clipArt
4. It is a collection of electronic drawings, photos, and other images.
a. Database c. Spreadsheet
b. Word processing d. clipArt
5. Allows users to organize data in rows and columns and perform calculations.
a. Database c. Spreadsheet
b. Word processing d. clipArt
6. It is a collection of individual programs available together as a unit.
a. Software Suite c. Note taking software
b. Personal Information Manager d. Accounting software
7. It is application software that enables users to enter typed text, handwritten
comments, drawings, or sketches anywhere on a page.
a. Software Suite c. Note taking software
b. Personal Information Manager d. Accounting software
8. It is application software that includes Appointment calendar, Address book,
Notepad.
a. Software Suite c. Note taking software
b. Personal Information Manager d. Accounting software
9. It allows a user to plan, schedule, track, and analyze the events, resources, and
costs of a project?
a. Software Suite c. Note taking software
b. Accounting software d. Project Management software
10. Provides a means for sharing, distributing, and searching through documents by
converting them into a format that can be viewed by any user.
a. Software Suite c. Document management
b. Accounting software d. Web page authoring software
Let’s Recall
Direction: Select the best word to match the icon below.
Chrome Excel
Map Firefox
Gmail Google docs
1. ________
4. _________
2. ________
4. _________
3. ________
Let’s Explore
4
Directions: Describe the image below: How Operating System works?
https://www.youtube.com/watch?v=pVzRTmdd9j0
https://forms.gle/tiw8JTLh52PjmuCV6
Let’s Elaborate
APPLICATION SOFTWARE
Consists of programs designed to make users more productive and/or assist with
personal tasks.
System software
It serves as the interface between the user, the application software, and the computer’s
hardware.
Four Categories of Application Software:
Business software is application software that assists people
while performing business activities.
5
Word processing software
allows users to create and manipulate documents.
Spreadsheet
software
allows users to
organize data in
rows and columns and perform calculations.
• A Software Suite
is a collection of individual programs available together as a unit.
• A Personal Information
Manager (PIM) is application software that includes
Appointment calendar, Address book, Notepad.
6
•
Accounting software helps companies record
and report their financial transactions.
7
Web page authoring software
Helps users of all skill levels create
Web pages that include multimedia
and interactive content.
• Online Help
It is the electronic equivalent of a user manual. You
can ask a question or access the Help topics in
subject or alphabetical order.
• Web-based training is a type of CBT that uses Internet technology and consists of
application software on the Web.
• Distance learning (DL) is the delivery of education at one location while the learning
takes place at other locations.
https://www.slideshare.net/aliciamargaretjavelosa/application-software-ict
https://www.youtube.com/watch?v=HkQKTkw6-Rw
COMPUTER PERIPHERALS
Computer peripherals are the devices you use to expand your system's functionality and are not
essential for the computer to work.
Many peripherals are external devices that give you a way to input information. For example,
you might use a mouse or trackpad to navigate the screen, a keyboard to type text or a
9
microphone to record audio. Other peripherals are output devices that let you see, print or
listen to something, such monitors, printers and speakers.
• A printer is an external hardware output device that takes the electronic data stored on
a computer or other device and generates a hard copy of it.
Types of printers
Below is a list of all the different types of computer printers. Today, the most common printers
used with a computer are inkjet and laser printers.
➢ 3D printer
Created by Chuck Hull in 1984, the 3D printer is a
device that creates a physical object from a digital
model by layering materials. 3D printers use
materials such as metal alloys, polymers, plastics,
or even food ingredients.
➢ Dot matrix
The term dot matrix refers to the process of using dots
to form an image. In a dot matrix image, the quality is
determined by the number of dots per inch.
➢ Inkjet printer
The most popular printer for home computer users that prints
by spraying streams of quick- drying ink on paper. The ink
is stored in disposable ink cartridges, and often a
separate cartridge is used for each of the major colors. These
colors are usually CMYK (cyan, magenta, yellow, and black.
10
➢ Laser printer
The laser printer was first developed at Xerox PARC by
Gary Starkweather and released in 1971 that utilizes laser
technology to print images on the paper. Laser printers are
often used for corporate, school, and other environments
that require print jobs to be completed quickly and in large
quantities.
LED printer
Similar to a laser printer, LED printers are non-impact but use a light-emitting diode instead of a
laser in the printhead. LED printers were initially developed by Casio and function by focusing
light across the entire length of the drum, thus creating areas that are less charged, which
attracts toner. The printer then transfers the toner from the drum to the paper and applies
intense heat to fuse the toner to the paper.
➢ Plotter
A plotter is a computer hardware device much like a
printer that is used for printing vector graphics. Instead
of toner, plotters use a pen, pencil, marker, or another
writing tool to draw multiple, continuous lines onto
paper rather than a series of dots like a traditional
printer.
➢ Thermal printer
Thermal impact printer or electrothermal printer
is a printer that uses heated pins to "burn"
images onto heat-sensitive paper. These
printers are commonly used in calculators and
fax machines; and although they are
inexpensive and print relatively fast, they
produce low resolution print jobs.
11
https://www.computerhope.com/jargon/p/peripher.htm
https://www.youtube.com/watch?v=SNhZCZ6MASY
Let’s Dig In
Directions. Fill in the blank. Write the appropriate words on the space provided to complete
each statement.
Let’s Remember
Directions: Please answer the following questions.
1. What are the things that you have learned in this module?
2. How will you apply those things in your everyday life? (Refer to your answer above)
12
Let’s Apply
Multiple choice: Read each statement carefully, then choose the letter of the best answer.
_____1. It consists of programs designed to make users more productive and/or assist
with personal tasks.
a. System software c. Business software
b. Application Software d. Accounting software
_____2. It is application software that assists people while performing business activities.
a. communication software c. Home/Personal software
b. Graphics and media d. Business software
_____3. It is a collection of data organized in a manner that allows access, retrieval, and
use of that data.
a. Database c. Spreadsheet
b. Word processing d. ClipArt
_____4. It is a collection of electronic drawings, photos, and other images.
a. Database c. Spreadsheet
b. Word processing d. clipArt
_____5. Allows users to organize data in rows and columns and perform calculations.
a. Database c. Spreadsheet
b. Word processing d. clipArt
_____6. Is a Web site that allows users to access and to interact with software from any
computer or device that is connected to the Internet.
a. Database c. Web application
b. Word processing d. clipArt
______7. It is the electronic equivalent of a user manual. You can ask a question or access the
Help topics in subject or alphabetical order.
a. Database c. Web-base training
a. Online Help d. Distance learning
_______8. Is a type of CBT that uses Internet technology and consists of application software
on the Web.
b. Database c. Web-base training
b. Online Help d. Distance learning
_______9. Is the delivery of education at one location while the learning takes place at other
locations.
______10. It serves as the interface between the user, the application software, and the
computer’s hardware.
a. System software c. Business software
b. Application Software d. Accounting software
13
Let’s Evaluate
.
2. 7.
3. 8.
4. 9.
5. 10.
14
Let’s Extend
Directions: Explain in your own words why it is important to choose the right application software
for your specific needs? Write your answer on a separate sheet.
To view this in google forms please click the link below:
https://forms.gle/yExy7QDwL7JM5GiD6
WEEK 8
Let’s Try
Directions: Choose the letter of the best answer. Write the letter on a separate sheet of
paper.
15
To view this in google forms please click the link below:
https://forms.gle/T18CG5jfEjQYwHts8
Let’s Recall
Directions: Write words that are associated to the word INTERNET.
5
1
6
2 INTERNET
7
3
8
4
Let’s Explore
ACRONYMS:
Directions: Give the complete name of the following acronyms.
1. HTTPS -
2. WWW -
3. URL -
4. HTML -
5. .COM –
6. HTTP -
7. PHP -
8. JPG –
9. ASP –
10. FTP –
The Firefox web browser was first released in beta on September 23, 2002,
as the "Mozilla Browser," although it was internally code-named "Phoenix."
Firefox 1.0 was officially released on November 9, 2004. Firefox became a
popular alternative to Microsoft Internet Explorer 6.0 when users sought a
browser that could better protect them from spyware and malicious websites.
As of 2017, it is the fourth-most popular browser after Google Chrome, Apple
Safari, and UC Browser.
17
Hope website on it. Some of the popular features of Opera are its speed, tabbed browsing,
popup control, and voice control.
Safari is an Internet browser that was first introduced on June 30, 2003,
and is included with Apple macOS X and the iPhone. It is also available
for iPod Touch and iPad.
Amazon Silk released November 15, 2011, Amazon Silk is a proprietary Internet browser
developed for Fire OS devices. Silk uses the open-source Chromium project as its foundation,
deriving many features from the Google Chrome browser.
The Silk browser comes pre-installed as the default browser on most Amazon hardware
devices, including app-based Kindle devices, Fire TV, and compatible Echo devices.
URL
URL stands for Uniform Resource Locator. A URL is nothing more than the address of a given
unique resource on the Web. In theory, each valid URL points to a unique resource. Such
resources can be an HTML page, a CSS document, an image, etc. In practice, there are some
exceptions, the most common being a URL pointing to a resource that no longer exists or that
has moved. As the resource represented by the URL and the URL itself are handled by the Web
server, it is up to the owner of the web server to carefully manage that resource and its
associated URL
http:// or https://
The "http" stands for Hypertext Transfer Protocol. It lets the browser to know which protocol it is
going to use to access the information specified in the domain. An "https" protocol is short for
"Hypertext Transfer Protocol Secure" and indicates that information transmitted over HTTP is
encrypted and secure. After the http or https is the colon ( : ) and two forward slashes ( // ) that
separate the protocol from the remainder of the URL.
www.
"www" stands for World Wide Web and is used to distinguish the content. This portion of the
URL is not required and many times can be left out. For example, typing
"http://computerhope.com" would still get you to the Computer Hope website. This portion of the
address can also be substituted for an important sub page known as a subdomain.
18
computerhope.com
"computerhope.com" is the domain name for the website. The last portion of the domain is
known as the domain suffix, or TLD. It is used to identify the type or location of the website. For
example, ".com" is short for commercial, ".org" is short for an organization, and ".co.uk" is the
United Kingdom. There are several domain suffixes available. To get a domain, you would
register the name through a domain registrar.
/jargon/u/
"jargon" and "u" are the directories where the web page is located on the server. In this
example, the web page is two directories deep, so to find the file on the server, it would be in
the /public_html/jargon/u directory. With most servers, the public_html directory is the default
directory containing the HTML files.
url.htm
Url.htm is the actual web page on the domain you're viewing. The trailing .htm is the file
extension of the web page that indicates the file is an HTML file. Other common file extensions
on the Internet include .html, .php, .asp, .cgi, .xml, .jpg, and .gif. Each of these file extensions
performs a different function, like all the different types of files on your computer.
Where is the URL located?
A URL is located at the top of the browser window in the address bar or omnibox depending on
your browser window. On desktop computers and laptop, unless your browser is being
displayed in fullscreen the URL is always visible. In most smartphone and tablet browsers, the
address bar containing the URL will disappear as you scroll down and only show the domain
when visible. When the address bar is not visible, scroll up the page. If only the domain is
shown, tapping on the address bar shows the full address.
https://www.computerhope.com/jargon/b/browser.htm#:~:text=Alternatively%20referred%20to
%20as%20a,URIs%20(Uniform%20Resource%20Identifiers).
SEARCH ENGINE
A search engine is software accessed on the Internet that searches a database of information
according to the user's query. The engine provides a list of results that best match what the user
is trying to find. Today, there are many different search engines available on the Internet, each
with its own abilities and features. The first search engine ever developed is considered Archie,
which was used to search for FTP files, and the first text-based search engine is considered
Veronica. Currently, the most popular and well-known search engine is Google. Other popular
search engines include AOL, Ask.com, Baidu, Bing, DuckDuckGo, and Yahoo.
19
The Top 10 Most Popular Search Engines in the World
These are the 10 best search engines in 2020, ranked by popularity.
• Google
• Bing
• Yahoo
• Baidu
• Yandex
• DuckDuckGo
• Ask.com
• Ecosia
• Aol.com
• Internet Archive
https://www.computerhope.com/jargon/s/searengi.htm
BOOKMARK
When referring to an Internet browser, a bookmark or electronic bookmark is a method of saving
a web page's address. While using most browsers, pressing Ctrl+D bookmarks the page you
are viewing. In Microsoft Internet Explorer, bookmarks are referred to as favorites.
Why create a bookmark?
A bookmark is handy when you find a web page that you want to remember and be able to look
at another day. When you bookmark a web page, you are creating a shortcut for quick access
to that web page. You can access that bookmark at any time and view the web page as many
times as you want without having to search the Internet to find it again.
How to view bookmarks using shortcuts
Below is a list of keyboard shortcuts that access and view the bookmarks in your
browser.
Google Chrome - Ctrl+Shift+O or Cmd+Shift+B on
Mozilla Firefox - Ctrl+B or Ctrl+Shift+B
Microsoft Edge - Ctrl+I
Internet Explorer - Ctrl+I
Opera - Ctrl+Shift+B
https://www.computerhope.com/jargon/b/bookmark.htm
LINK
On the Internet, a link is more appropriately referred to as a hyperlink and is what connects web
pages to other web pages.
20
https://www.computerhope.com/jargon/l/link.htm#:~:text=On%20the%20Internet%2C%20a
%20link,pages%20to%20other%20web%20pages.&text=In%20HTML%2C%20the,page
%20and%20an%20external%20resource.
Let’s Dig In
Directions: Write T if the statement is correct and F if it is incorrect.
__________1.Browsers alternatively referred to as a web browser or Internet browser,
a browser is a software program to present and explore content on the
World Wide Web.
_________2. Chrome features include synchronization with Google services and
accounts, tabbed browsing, and automatic translation and spell check of web pages.
_________3. Opera was designed for desktops and mobile platforms, including a
popular choice for mobile phones.
_________4. Microsoft Internet Explorer is an Internet browser that allows users to view
web pages on the Internet.
_________5. Microsoft Edge is the latest Internet browser from Microsoft that was introduced
with Microsoft Windows 10 as a replacement for Internet Explorer.
_________6. “URL” stands for Unified Resource Locator.
_________7. The "http" stands for Hyperlink Transfer Protocol.
_________8. “www" stands for World Wide Web.
_________9. Url.htm is the actual web page on the domain you're viewing.
_________10. A search engine is software accessed on the Internet that searches
a database of information according to the user's query.
Let’s Remember
Let’s Apply
21
Create Your Own Customized Short URL. (Note: Do not repeat the answer given in this
module)
Let’s Evaluate
Let’s Extend
IDENTIFICATION: Identify the parts of URL below.
1. _____
2. _____
1. Are used to detect and correct disk errors, remove unwanted files
a. Disk Management tool
b. Format
c. Defrag
d. Disk clean-up
2. A tool protects the computer against virus attacks
a. Firewall
b. Format
c. Anti-virus
d. Disk clean-up
3. Used to optimize space on a hard drive in order to access programs and data faster.
a. Defrag
b. Format
c. Spyware remover
d. Disk clean-up
4. Protects the computer against software that sends information about the web habits of a user
a. Defrag Format
b. Spyware remover
c. Disk clean-up
d. Format
5. Used to scan the disk for physical errors in order to check the integrity of its files and folders.
a. Microsoft Security Essentials
b. Check disk
c. Anti-virus
d. Disk clean-up
“When people notice their computer’s performance slowing, the most common reason is the
hard disk. Your computer’s hard disk is a non-removable area that holds all the information
available from your computer. Over time, hard disks begin to lose their ability to store data
23
efficiently.” (Speed up you PC: Automate your computer maintenance schedule – Microsoft
2012)
Why is regular maintenance necessary? It is easy to think computers are so advanced that they
don’t have the same problems as other machines. The common misconception is that once a
computer is set up properly, it should work perfectly all the time. The truth is that a computer
system is a collection of complex machine and software, including moving parts that wear out
with use (hard drives), that performs trillions of calculations, using hundreds of parts and wires,
and is under constant assault by the processing needs of the applications, unwanted
viruses/spyware and their own users.
Let’s Recall
Guide Questions:
Let’s Explore
Let’s Elaborate
COMPUTER MAINTENANCE
24
Software Tools
Software tools are used to help diagnose problems,
maintain hardware, and protect data stored in a computer.
These can be categorized into two groups: Disk
Management tools and Protection software tools.
Disk Management Tools are used to detect and correct
disk errors, remove unwanted files, and prepare a disk for
data storage.
Disk Clean-up
It allows users to remove files that are no longer needed or that can be safely deleted.
Removing unnecessary files, including temporary files, can help to speed up and improve the
performance of the hard drive and computer.
Disk Management
This tool is used to manage hard drives and partitions, initialize disks, and create or format
partitions.
25
Disk defragmenter
Check disk
Disk Management
Disk cleanup
Protection Software Tools are used to keep the computer safe from viruses, spyware, and
types of malicious attacks that could damage an operating system, application, or data, that
could cause hardware performance problems or components.
Microsoft Security Essentials
This type of tool continuously checks the security of the computer in order to ensure that the
software firewall and anti-virus programs are working and that automatic updates are
downloaded and installed.
Anti-virus Software
This type of tool protects the computer against virus attacks.
Spyware Remover
This type of tool protects the computer against software that sends information about the web
habits of a user to potential attackers.
Firewall
This type of tool is a program that runs continuously to protect the computer from unauthorized
communications.
26
Microsoft Security Essentials Anti-virus Software
Spyware Remover
https://www.ciscopress.com/articles/article.asp?p=2086239&seqNum=7
https://www.youtube.com/watch?
v=J07rd4nMXeo&list=PLWcqvsCP8tU_Pa6WH8kH3ua9wEcx3VJUQ
Let’s Dig In
IDENTIFICATION
Directions: Identify the following software tools used in the following.
27
To view this in google forms please click the link below:
https://forms.gle/F72MwiygAzxF88fr8
Let’s Remember
Discussion:
1. Is it important to know how to use tools properly? Why or why not?
2. What is the importance of the tools discussed in this lesson?
Let’s Apply
Hands-on Activity
1. Using your laptop or desktop try to operate the different types of Software tools.
Let’s Evaluate
MATCHING TYPE. Directions: Match Column A with the correct answer on Column B.
Column A Column B
________1. Runs continuously to protect the A. Fdisk
computer from authorized communications. B. Format
________2. Is used to optimize the space on C. Scan disk
a hard drive in order to be able to access D. Defrag
programs and data faster. E. Disk clean-up
________3. Are used to help diagnose problems, F. Disk management
maintain hardware, and protect data stored in a G. Anti-virus
software computer. H. Firewall
________4. Is used to manage hard drives and I. Software tools partitions,
initialize disks, and create or format partitions
_______5. Is used in the command prompt to
create and delete partitions.
28
Let’s Extend
Directions: Enumerate at least 5 different Software tools and give the description of each tool.
Write your answer on a separate sheet.
________________________________________________________
________________________________________________________
________________________________________________________
29
References
• https://www.slideshare.net/aliciamargaretjavelosa/application-software-ict
• https://www.techwalla.com/articles/what-are-computer-peripherals
• https://www.computerhope.com/jargon/p/printer.htm
• https://www.computerhope.com/jargon/b/browser.htm
• https://developer.mozilla.org/en-
US/docs/Learn/Common_questions/What_is_a_URL
• https://www.computerhope.com/jargon/s/searengi.htm
• https://www.computerhope.com/jargon/b/bookmark.htm
• https://www.computerhope.com/jargon/l/link.htm
• https://www.computerhope.com/jargon/d/diskclea.htm
• Computer Systems Servicing 3 CAL pages 85-87
30
Module Development Team
Schools Division of Taguig city and Pateros Upper Bicutan Taguig City
Telefax: 8384251
31
Email Address: [email protected]