DIGITAL CITIZENSHIP (LS6DL)

Supplementary Learning Module for

ALS Learners
3rd
Quarter
MODULE 2

Digital System Network

Bookmark Websites and Web Pages

Alternative Learning System

SDO1 PANGASINAN
Alternative Learning System
SDO1 PANGASINAN
 Introductory Message

For the Facilitator:

Welcome to the ALS Supplementary Learning Module on Digital Citizenship-

Bookmark Websites and Web Pages.

The writer utilized the standards set by the K to 12 Curriculum for the
Alternative Learning System using the Policy Guidelines on the Adoption of the
Digital Citizenship Curriculum Framework for ALS learners in developing this
instructional resource.

This learning material hopes to engage the learners in guided and

independent learning activities at their own pace and time.

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. Moreover, you are expected to encourage and assist
the learners as they do the tasks included in the module.

Alternative Learning System

SDO1 PANGASINAN
 For the Learner:

Welcome to ALS Supplementary Learning Module on Digital Citizenship-

Bookmark Websites and Web Pages.

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 material while being an
active learner.

This module has the following parts and corresponding icons:

Expectation - These are what you will be able to know after

completing the lessons in the module.

Pre-test - This will measure your prior knowledge and the

concepts to be mastered throughout the lesson. 

Recap - This section will measure what learnings and skills

that you understand from the previous lesson.

Lesson- This section will discuss the topic for this module.

Activities - This is a set of activities you will perform.

Wrap Up - This section summarizes the concepts and

applications of the lessons.

Valuing - This part will check the integration of values in the

learning competency.

Alternative Learning System

SDO1 PANGASINAN
 EXPECTATION

Learning Competencies:
 Explain how to bookmark websites (LS6DL-DS-PSD-AE/LS/AS-4.3)
 Demonstrate the process of downloading and uploading files using
websites
 download files from websites
 upload files from websites
(LS6DL-DS-PSD-AE/LS/AS-4.4)
 Create web pages using web development software
(LS6DL-DS-PSD-AE/LS/AS-4.5)
 Publish web pages on the world wide web
(LS6DL-DS-PSD-LS/AS-4.6)

PRE- TEST

Alternative Learning System

SDO1 PANGASINAN
 Arrange the following steps of bookmarking a website by
writing numbers 1-5 before the number

____ Click “done” to bookmark the webpage

____ Select the folder you want the webpage to be saved

to

____ Name the bookmark

____ Click the star icon on the right side of the address bar

____ Go to the webpage you want to bookmark

RECAP
Write 5 different search engines that you can use in
researching a particular topic.

1. ______________________________

2. ______________________________

3. ______________________________

4. ______________________________

5. ______________________________

Good Day Learners!

Today you are going to learn about
Alternative Learning System
SDO1 PANGASINAN
the concepts of Bookmarking and Web
pages. Get Ready!
wide web. Get Ready!
 LESSON 1

Bookmarking Websites
Do you access some of your websites very frequently?
Then you can add those websites in your browser's
favorites tab or bookmarks bar/menu so that you can
access them with just a click. Bookmarks make
browsing your favorite sites much quicker. Let us learn
together how to bookmark websites.

Bookmarks are a simple way to save the address of a web

page. A bookmark is a shortcut that stores the address of a
web page. When clicked, it opens a web page automatically
without having to type in the URL. It is the process of
tagging a website page with a browser-based tool so that
you can easily visit it again later. Instead of saving social
media posts to your browser bookmarks, you can use
different platforms' features to bookmark posts.

Why should you Bookmark?

The four main reasons to bookmark a web page are:
1. Speed
- Many students are slow typists so it is faster to create a
bookmark that stores a web page address compared to
typing the URL into the address bar of the web browser.

2. Accuracy

Alternative Learning System

SDO1 PANGASINAN
 - Many students are inaccurate typists which can cause
them to access unwanted web pages because the URL they
entered into the address bar is incorrect. With a bookmark
they always can view the correct web page. This is especially
helpful when the URL is lengthy and complex.

3. Improves Workflow
- When gathering facts for a research project, students may
need to return to a web page for additional information. A
bookmark makes it easy for them to return to a web page
repeatedly.

4. Cite the Source

- Teachers will often ask students to create a bibliography that
states where the information for an assignment was collected.
Bookmarks are a great way to store sources of information if
they need to be included in a report, presentation, or other
publication.

Steps on How to Bookmark Websites (follow green

highlight)
1. Navigate to the page you want to bookmark.
(example: chrome)

Alternative Learning System

SDO1 PANGASINAN
 2. Click the star button on the right side of the address bar.

3. Name your bookmark.

4. Modify the address.

5. Organize the bookmark.

6. Show or hide the bookmarks bar.

Alternative Learning System

SDO1 PANGASINAN
 7. Manage your bookmarks.

Remember:
Bookmarking Websites is also called social
bookmarking which allow users to save and
share links to websites or interesting articles
with others. Bookmarks are most often tagged
which allows subsequent users to search for
them by topic.
Downloading and Uploading Files using Websites
While exploring the internet, you have probably
encountered the terms downloading and uploading.
Downloading means receiving data or a file from
the internet on your computer. Uploading means
sending data or a file from your computer to
somewhere in the internet.

Alternative Learning System

SDO1 PANGASINAN
 Simple Steps to Download Files from Websites
Usually, when you download a file you will
start the download by clicking a link to that file.
 If you click the link, your browser should prompt
you to select one of two methods for
downloading the file.
- Open with will download the file and load it immediately
in the specified program.
- Save File will download it and save it to your hard drive.
 Either way, once you click OK, the download begins. Your
browser will indicate the progress and time remaining on
the download.
 Once the download is complete, either the file will be
saved to your computer or it will open in the program you
selected.

Simple Steps to Upload Files to Somewhere in the Internet

If a site allows uploads, it will have an upload utility to help

perform the file transfer. Many sites have an upload button
that opens a dialog box. For example, Facebook has a
camera icon that begins the upload process.
 Choose a file to upload (example: Facebook)
 Select a file to upload

Alternative Learning System

SDO1 PANGASINAN
 Some sites support a drag-and-drop interface. For example,
when logged in to Dropbox you can drag the files from a
folder on your computer and drop them into the browser
window.

ACTIVITIES
Let’s try!
Encircle the letter of the correct answer
1. These are a simple way to save the address of a web
page

Alternative Learning System

SDO1 PANGASINAN
 a. bookmarks
b. download
c. upload
2. This refers to receiving data or file from the internet
a. download
b. upload
c. save as
3. The other term for Bookmarking
a. social bookmarking
b. downloading
c. hyperlink

4. One of the reasons to bookmark a web page is;

a. send data to webpage
b. improves workflow
c. allows to download data or file from the internet
5. An example of site with upload feature
a. bookmarks
b. facebook
c. website
Let’s Practice!

Arrange the steps in bookmarking websites by writing

numbers 1 to 7 on the space provided before the number.

Alternative Learning System

SDO1 PANGASINAN
 _____1. Click the star button on the right side of the address
bar.

_____2. Modify the address.

_____3. Show or hide the bookmarks bar.

_____4. Navigate to the page you want to bookmark.

_____5. Name your bookmark.

_____6. Organize the bookmark.

_____7. Manage your bookmarks.

Let’s do it!

Name 5 examples of data or file that can be downloaded on

the internet and uploaded from your computer to
somewhere on the internet.

1.___________________________

2.___________________________

3.___________________________

4.___________________________

5. ___________________________
LESSON 2
Creating and Publishing Web Pages

Alternative Learning System

SDO1 PANGASINAN
 Creating a web page is very easy. You don't have to
be a tech geek nor a programmer to do such thing.
You just have to follow the right method and select the
right platforms and using the right tools. In this lesson,
you will learn how to create a web page using a text
editor on your own computer, then view the web page
in your browser. You will also learn how to publish
your
web page to the world wide web (the internet).

The following are some steps in creating a web pages:

1. Open your text editor (Example:Notepad)

It’s important to use a “raw” text editor, and not a formatted
word processor.Word processors insert characters which
make the page look good, but aren’t valid HTML. They’re
great tools for making stylish documents, such as academic
papers and flyers, but they also insert characters that aren’t
valid HTML. Since a web page file must contain valid
HTML, a text editor is a better tool than a word processor
for building web pages.

2. Write your HTML Skeleton

Now that your text editor is open, you can begin writing
your HTML. There are a few things that are always present in a
well-formatted HTML file. You can use the exact skeleton
of the figure shown if you like. Just copy and paste it into your
text editor (notepad) . Make sure you include everything!
Here are the patterns to be followed:

Alternative Learning System

SDO1 PANGASINAN
 3. Save Your File

Your web page is now ready, but currently it only exists inside of
your text editor. The next step is to save the file to your
computer. If you closed the text editor now without saving, your
new web page would be lost! There are a few important things to
keep in mind when you save it the file:

1. Use the .html HTML file extension, i.e. about_me.html

2. Don’t use any spaces or special characters in the file name.
Use underscores (_) or dashes (-) instead.
3. Decide where in your computer you will save the file, and
make sure to remember the location!

- Use the .html HTML File Extension

A file extension is the suffix of a file name, and describes

the type of the file. The file extension is always the last 3 or 4
characters in a filename, preceded by a period. For example, the
HTML file extension is .html, and it tells the browser (and other
applications) to interpret the contents of the file as a web page.
Note that on older web pages you may see .htm, but this archaic
and no longer used.

- Don’t use any spaces or special characters in the file name

Alternative Learning System

SDO1 PANGASINAN
 When choosing a file name, keep it simple. Stick to numbers and
letters. Use underscores (_) or dashes (-) instead of spaces.
Leave out percent signs, slashes, question marks, exclamation
points, commas, and other “special characters”. The browser
needs to locate the file based on its name, and special
characters within the file name can interrupt that process. File
names should be kept simple and should follow conventions in
order to make navigating to your web page more reliable.

- Decide where in your computer you will save the file

After choosing a file name, select an appropriate location in your

file system to save your web page. It’s good practice to create a
new folder to house this web page. If you do create a new folder,
use the same naming conventions outlined above in order to
minimize future headaches. The most important thing when
selecting the location to save to is to remember where you
saved it. If you saved it already but you don’t remember where,
just click File > Save As..., choose a new location to save, and
be sure to remember this time.

4. Open Your Web Page in Your Browser

Now you’re ready to view your new page in your browser! First,
open up your browser. In the top menu, click File > Open File.
Navigate to the location you saved your web page. Click on your
web page file and then click Open. You should see your web
page!

This is what your webpage will look like;

Alternative Learning System

SDO1 PANGASINAN
 Publishing your Web Pages

To publish a file/ documents on the World Wide Web

means to transfer the file into a folder on a Web
server so that other people around the world can
access the file with a Web browser. Unless your
computer happens to be a Web server, you need a way
to transfer your files to the Web.

The following are the steps on how to publish your file/site

on the world wide web (Using Google):

1. On a computer, open a site in new Google Sites.

2. At the top, click Publish.
3. Enter the web address for your site.
 Terms that violate our Acceptable Use Policy won’t be
allowed.
 Learn how to use a custom URL for your site. 
4. Click Publish.
5. Optional: Visit your site’s web address to make sure it’s
published correctly.

Alternative Learning System

SDO1 PANGASINAN
 Reminder: To use a web address that’s currently in use or
has been used in the past for a site you own, change the
address or permanently delete the existing site. Learn how
to change the web address of an existing site.

ACTIVITIES
Let’s try!

Alternative Learning System

SDO1 PANGASINAN
 Write C on the blank before the number if the statement refers
to creating a web page /website and write P if the statement
shows publishing a web page.
______1. Open your text editor.
______2. Open a site in new google sites and click the top part
which states publish.
______3. Use HTML file extension in saving a file
______4. Visit your website to check your published data or file
______5. Custom URL for your site.

Let’s Do it!

Create your own web page by following the steps on creating a

web page. Use the title “My First Web Page” and type your full
name as the body of your page. Screenshot your output and
place it on the space provided below

W R A P- U P

Alternative Learning System

SDO1 PANGASINAN
 A Bookmark is a shortcut that stores the address of a web
page. When clicked, it opens a web page automatically without
having to type in the URL. It is the process of tagging a
website page with a browser-based tool so that you can
easily visit it again later. In using the internet, we always use the
term upload and download. Downloading means receiving data
or a file from the internet on your computer. Uploading means
sending data or a file from your computer to somewhere in the
internet.
Creating and publishing a web page is very easy. You just
have to follow the right method /steps and select the right
platforms and using the right tools to be able to successfully
apply the procedures.

VALUING

Downloading, uploading, creating and publishing our

files and data such as photos, documents and other forms of
media are necessary as it gets us connected to the world and
helps us get different information of the happenings in and
around us. it helps us get our desired files and share our
thoughts to other people and to the whole world. Thus it is very
useful.

KEY KEY TO CORRECTIONS

Alternative Learning System

SDO1 PANGASINAN
 REFERENCES

Online Resources
Learning Resource Portal

Alternative Learning System

SDO1 PANGASINAN
 file:///C:/Users/AIS/Downloads/Diigitalsystemnetwork%20(1).pdf
https://ptgmedia.pearsoncmg.com/images/9780789734273/
downloads/0789734273_Chapter_W2.pdf
https://edu.gcfglobal.org/en/basic-computer-skills/downloading-
and-uploading/1/

Digitized Images
https://publicdomainvectors.org/en/free-clipart/Girl-with-teaching-
stick/73097.html

https://www.searchenginewatch.com/2004/12/01/how-aol-search-
works/

https://slideplayer.com/slide/11342456/

https://www.inspire.scot/blog/2016/11/11/top-12-best-search-
engines-in-the-world238

https://www.twinkl.com.ph/resource/t2-t-261-what-do-people-use-
the-internet-for-activity-sheet

Alternative Learning System

SDO1 PANGASINAN