COMPUTER SCIENCE
Quarter 1 – Module 1:
Basic Web Concepts
Self-Learning Module
Learner’s Material
Introductory Message
For the facilitator:
This stand-alone module in Computer Science is intended for distance learning
modality. Learners who could not afford online or face-to-face learning can utilize this
module. It includes a learner-friendly pretest, self-check exercises, additional
activities, and other learning instructions intended to help learners learn even teachers
and learner are geographically remote from each other. This covers topics in Grade 9
in the 1st Quarter with corresponding learning activities for learners to achieve the most
essential learning competencies and lesson objectives. Moreover, each exercise in
this module is designed for independent learning and practice. However, ensure that
the learners’ parents, elder siblings, guardians or relatives at home will guide and
support them as they accomplish its given tasks.
Furthermore, explain to students that taking the tests diligently will allow them to learn
their lessons for their academic progress. Most importantly, remind them to answer
the given activities on a separate answer sheet and handle this module with utmost
care.
For the learner:
This learner-friendly module in Computer Science is specially designed for your
learning needs and progress. Your patience and dedication in reading and answering
its learning exercises will help you successfully cope with lessons. You are free to ask
assistance from your teachers, parents, siblings, friends, and family members whom
you think can help you best. Read each lesson carefully and follow the instructions for
your activities after reading.
Remember to answer the given exercises in a separate sheet of paper. When you are
done, kindly return it to your teacher to check and evaluate your level of competency.
Good luck and God bless.
2
I Need to Know
In this module, you will be introduced to different learning activities preparing
you to be knowledgeable and skillful before you take the plunge into the world of
computer-related work. This is specifically crafted to focus on Basic Web Concepts
with learning activities that will assess your level in terms of knowledge.
This module is composed of one lesson only:
Lesson 1 – Basic Web Concepts
Web Terminologies
Accessing the Web
Web browsers and elements
After going through this module, you are expected to
1. Understand basic web terminologies,
2. Learn the common means of accessing the web, and
3. Identify the kinds of web browsers and elements.
I Will Check On This
Read each sentence carefully. Select the letter of the best answer.
1. Which of the following is not a Web Browser??
B. Mozilla Firefox
C. Microsoft Edge
D. W3schools
E. Safari
2. It is defined as several computers connected together with purpose of sharing
resources including data, information and hardware.
A. Network
B. Internet
C. Website
D. WWW
3. This type of connection could not be utilized for voice communication while
connected to the internet.
3
A. DSL
B. Dial-up
C. Wireless Internet
D. Cable Internet
4. Which of the following is not true about Web Browser?
A. Each browser has its own set of default setting
B. A website must be tested and viewed using the browser.
C. All browsers treat same codes the same way.
D. User may modify browser settings to their viewing preferences.
5. Describe the function of a Stop Button.
A. Reload the current page
B. Cancel loading the current page
C. View a page closer or further
D. Display progress of the page being loaded
6. Which of the following statement best describe a splash page?
A. May precede the home page
B. Present in every page
C. Simple page with no multimedia
D. Contents in paragraph form to draw curiosity
7. It is usually represented by a house icon to return to the user’s home page.
A. Stop button
B. Home button
C. Homepage
D. Page Zooming
8. How can an Internet Service Provider set up a Dial-up connection?
A. Provide a wireless enabled gadget
B. Connect the internet using telephone lines
C. Connect the internet using cable lines
D. Provide printer with fax
9. How do you make use of an Address Bar?
A. Type in your topics
B. Input URL
C. Encode your HTML doc
D. None of the above
10. Which of the following does not belong to the group?
A. .edu
B. .com
C. .psd
D. .net
4
Lesson
1 Basic Web Concepts
Lesson Overview
“Necessity is the mother of all inventions” – a famous proverb quoted by well-
known historical and literary figures like Plato, Aesop and Victor Hugo. This quote is
relevantly true and still manifests today. Technology advanced because of the
people’s need for convenience. From farms and mills, industries to home appliances
and personal gadgets, the technological development is very much noticeable. Man,
as a social being, also has his need to information and communication. While
telephone and telegraphs were invented, there are still demands for advancement.
This was made possible through the world’s largest network – the Internet.
Web Design Terminologies
Network – is defined as several computers connected together with purpose of sharing
resources including data, information and Hardware.
Internet – is a worldwide collection of computers interconnected to one another either
wired or wireless including all computers that we use at home, in school, offices and
many other places.
World Wide Web (WWW) – is a collection of resources and information interconnected
via the internet.
Web Page – is a formatted page within a web site that may contain text, graphics,
video and multimedia. This page can be viewed and explored on the internet by the
use of a program called web browser.
Home page – is usually the first web page of a web site which usually provides
information about the web site, its purpose and contents.
Splash Page – may precede the home page. It usually contains a multimedia which is
designed to be attractive and intriguing in order to create curiosity and invite anyone
to see its contents.
5
Accessing the Web
Dial-Up Connection - is connecting to the internet using the telephone lines. The
method of connection is done like making a call over the telephone line with the aid of
modem (modulator-demodulator). One disadvantage of this type is the slow data
transmission and the telephone could not be utilized for voice communication while
connected to the internet.
DSL- or digital subscriber line is also a method of
connecting to the internet using the telephone line but
provides both data and voice communication. DSL
data transmission is several times faster and is more
reliable compared to the dial-up connection.
Cable Internet – is online connection to the web by the
use of cable lines already used by the cable television
(TV) providers. Cable lines can carry TV and data
signals faster since they are dedicated line originally
intended for TV. They can transmit data at a faster rate
and are available immediately to home and office
users with existing cable TV services.
Wireless internet – is internet connection provided by
wireless service providers (WSP) wherein wireless
enabled computers and gadgets can access to. This
service is very convenient since you can access the
internet anywhere as long as the area has a wireless
signal just like the ones used by cellular phone
providers.
Web Browsers
A website must be tested and viewed using the browsers that are commonly
used by users worldwide that way you will be assured that your website will work in
the majority of available browsers. This test is important because not all browsers treat
some codes the same way. Each browser has its own set of default setting for fonts,
background color and so on and the user may also want to modify these settings to
their particular needs or viewing preferences.
A web browser is a software application for
retrieving, presenting and traversing information
resources on the World Wide Web.
6
An information resource is identified by a Uniform Resource Identifier/Location
(URI/URL) that may be a webpage, image, video or other piece of content.
Hyperlinks present in resources enable users easily to navigate their browsers to
related resources.
Web Browser Elements
Name Function
Home button Usually represented by a house icon to return to
the user’s home page
Address bar To input the Uniform Resource Identifier (URI)
also known as Uniform Resource Location (URL)
Back and forward As represented by left and right arrows, to go back
buttons to the previous page and forward to the next
Refresh or reload button To reload the current page
Stop button To cancel loading the current page
Search bar As a means to type in topics and terms in a search
engine
Status bar To display progress of the page being loaded
Page zooming Capability to view a page closer or further
I Will Do This
Enumerate different kinds of web browsers.
1.
2.
3.
4.
5.
7
I Learned This
Fill-in the blanks. Select your answer from the word box.
Search Engine website Google Chrome
Web browser homepage webpage
I have learned that a 1.____________ is a formatted page within a 2.
____________ that may contain text, graphics, video and multimedia. This page can
be viewed and explored on the internet by the use of a program or software application
called 3.____________.
One example of a web browser is 4. ____________ from Google Inc. the
creator of the most popular 5. ____________ Google.
I Practice This
Identify the following web browser elements.
5 6
4 1 3
2 1. ___________
2. ___________
3. ___________
4. ___________
5. ___________
6. ___________
7. ___________
8
I Apply This
Which of the following means of accessing the Web is most convenient for you? Why?
I Test Myself
Assess the two webpages. Which do you think is better? Why?
1.
2.
9
REFERENCES
Web Development and Internet Technologies by iBook Publishing, Inc.
Pages 2-13
Web Design 2nd Edition by Jemma Development Group
Pages 2-14
https://www.livescience.com/20718-computer-history.html
https://tinhtamvn.net/14-pictures-that-perfectly-describe-how-much-the-world-has-
changed/
For inquiries and clarifications:
Hannah Marie Jolo-Dojoles
09173003745 / 09479469720
10
Post Test
Multiple Choice. Read each item carefully. Select the letter of the best answer.
1. Which of the following is not a Web Browser?
A. Microsoft Edge B. Mozilla Firefox
C. W3schools D. Safari
2. It is defined as several computers connected together with purpose of sharing
resources including data, information and hardware.
A. Network B. Internet
C. Website D. WWW
3. This type of connection could not be utilized for voice communication while
connected to the internet.
A. DSL B. Dial-up
C. Cable Internet D. Wireless Internet
4. Which of the following diagram is an example of a wireless connection?
A. B. C.
5. Which of the following is not true about Web Browser?
A. Each browser has its own set of default setting.
B. A website must be tested and viewed using the browser.
C. All browsers treat same codes the same way.
D. User may modify browser settings to their viewing preferences.
6. Which of the following Web Browser elements can be used to input text or
characters?
A. Status Bar B. Search Bar C. Address Bar
D. both A & C E. both B & C
7. Describe the function of a Stop Button
A. Reload the current page
B. View a page closer or further
C. Cancel loading the current page
D. Display progress of the page being loaded
11
8. It refers to a formatted page within a website that may contain text, graphics,
video and multimedia.
A. Website B. Homepage
C. Splash page D. Webpage
9. Which of the following statement best describe a splash page?
A. May precede the home page
B. Present in every page
C. Simple page with no multimedia
D. Contents in paragraph form to draw curiosity
10. How can an ISP set up a Dial-up connection?
A. Provide a wireless enabled gadget
B. Connect the internet using cable lines
C. Connect the internet using telephone lines
D. Provide printer with fax
12
