ST.

JOHN PAUL II COLLEGE OF DAVAO

COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

Week 5 The Web

Lesson Title Experiencing the Web
Understand how to use the Web browser, the concept of
Learning Outcome(s) browsing files and websites, and how one should act in using
the Internet.
Time Frame

LET’S INITIATE!
Activity 1. The topics discussed above call for checking your understanding.
Hence, you are asked to answer the following questions.
1. Explain the process below.

Client is the one who will type the URL address of an specific page that he/she
want to visit by typing that starts with www. Or http:// and then following the
word of the page that they want to see. While the Server the one who provide the
data. It may serve the area of system in Local Area Network (LAN) and wide area
network (WAN) .

2. Discuss the major functional components of the web below.

___. Reliable Web Hosting Service
Think of your web host as similar to a landlord who rents you space for a
physical store. They provide and maintain the server space where your site files
“live” and make it possible for visitors to come by and explore your site.

SCP-GENELECT1 | 1
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

A Content Management System (CMS)

Your content management system works behind the scenes to help you organize
and maintain parts of your website like your site pages and meta data, and it
makes it easier for visitors to find their way around your site.

SEO Basics
Optimizing your site so it appears in search engines is a must. With millions of
sites on the internet now in competition for a spot on the 1st page of search
results, you’ll need to follow a few search engine optimization (SEO) best
practices to get found.

Analytics Tools
You’ll want to know how people are finding your site, which pages they spend
the most time on, and how well different elements of your site convert. Google
Analytics is the most popular and easy to use resource, it doesn’t cost anything,
and it integrates easily with WordPress and some website builder tools.

Inventory Management
When you’re selling products on your site, you’ll want to make sure you keep track of
what you have in stock, what’s sold, and what’s on order.
Mobile Friendly Template and Theme
Your site will need to look great on all kinds of screens: laptops, desktops,
tablets, and especially smartphones. Choose a mobile-optimized or responsive
design so your site is fast-loading, easy to read, and easy to navigate on
phones, which are the way most web users search now.

Sections That Visitors Expect

Chances are that feeling of wrongness was because the site was missing some
elements you’ve come to expect: a home page that lets you know what the site’s for,
an about us section that shows there are real people behind the site, and contact
information so readers or customers can reach you if they have questions or feedback.

Media
It’s a rare site that can build an audience on words alone. Our eyes are naturally
drawn to images, especially if they move and make noise, and images are a
must if you’re selling merchandise online. People will also want to see a photo of
you in your about us section.

SCP-GENELECT1 | 2
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

Social Media Links and Integration

You don’t have to be on every platform, but you should link your site’s social
media accounts to the site itself. Depending on how often you update, you may
want to include a widget that shows your latest posts.

Shopping Cart and Payment Tools

If your site includes a shop, you’ll want a reliable, easy to use shopping cart and
payment tools like PayPal or Square that are popular with most online shoppers.
Most e-commerce platforms integrate well with WordPress, and many website
builders can help you set up shopping and checkout tools in a snap.

3. How will you explain the main purpose of a web browser? How do we use it?
__Web browser provides the resources using the WWW (World Wide Web) this can be
identified by URI (Uniform Resource Identifier). Web browser uses hyperlinks to
display the resources and allow the users to navigate their browsers according to
the resources.
Web browser defines the application software that is designed for the user to access
and retrieve the documents using the Internet.
Web browser fetches the data like web page, image, video or other piece of content
from the server and displays it accordingly. Web browser is used to run the software
application that allows retrieving, presenting and traversing the information from
one place to another.

LET’S INQUIRE!
Activity 1. In this activity, you are asked to expound your answer to each of
the questions below.
1. What do you think are the differences of Web 2.0 from other Webs? Why
do you think so?

SCP-GENELECT1 | 3
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

(Web 2.0 has mainly been about AJAX, tagging, and another front-end user-experience
innovation). Web 3.0 is a term which is used to describe many evolutions of web usage and
interaction among several paths. In this, data isn’t owned but instead shared, where services
show different views for the same web / the same data. Web 1.0 Personal web pages were
common, consisting mainly of static pages hosted on ISP-run web servers, or on free web
hosting services.
2. Discuss the significance of Netiquette in the web. What would happen if
there is no netiquette applied?
Netiquette rules are important as they promote communication skills, prevent
miscommunications, and help you understand what is socially acceptable when working and
collaborating online. Not allowing others to express themselves everyone is entitled to their own opinion and not
allowing someone their right to an opinion is bad netiquette. Not respecting people's privacy – It is deemed bad netiquette
to share any information about someone else online without permission to do so.

3. The emoticons of smiles listed below represents different emotions.

Examine one of each emoticon and explain where and when we can use
this type of smiley.
This emoticon is being use when you are trying to
tell to your chat mate pop or whom you’ve been
chatting through virtual that you are a bit upset or
being pissed off to what he/she said.
This emoticon simply saying that you’re crying or
sad over something. You will use this if you feel like
you aren’t okay.

A smiley emoticon, me personally I used this

emoticon in chat or text whenever I feel alright
during the day.

Laughing out loud or when you see a video that is so

funny and then this emoticon is a perfect reaction for
the response saying that you are so happy on
watching the video.

SCP-GENELECT1 | 4
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

This is a mix emotions of a emoticon you will use

this when aren’t really feel of what she/he said to
you. Simply as you are not satisfied of the response
that you received.

LET’S INFER!
Activity 1. Say for example you are a teacher. Create a comic below
illustrating a conversation between you and the student.
Situation 1: You wanted your students to learn how to use the Web browser, how
to browse files, and websites. How will you demonstrate it to
them?
Situation 2: Your student is bullying someone in your class. How will you explain
to your student the proper behavior when using the Internet?

Criteria:
Relevance of the content – 25pts.
Creativity of the output – 15pts.
Overall impact – 10pts.
Total Score – 50pts.

Situation 1. Distance learning in Elementary

SCP-GENELECT1 | 5
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

Teacher S: Okay to day I would like to teach you how to browse files your
documents to laptop

Students: Yes Ma’am I so excited

Student : first thing open your laptop carefully
Students: done ma’am
Teacher: now open any kinds of office and create documents.
Student: what is documents all about ma’am
Teacher : what is the important of computer?
Student : Ma’am I’ve already finish the task how I can save these documents
Teacher: now listen carefully first things to do look at the left side of your
screen you can the file button. Then click that one this you can see the any
browse click browse and then select where do you want the file to save.
Student : I got it ma’am thank you now I can browse my files on my personal
laptop
Teacher S: Welcome . Good and God bless .

Situation 2.

SCP-GENELECT1 | 6
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

Teacher: okay class I heard somethings that one of my students having a

victim of bullying who among of the classes
Student: hello ma’am I’ am one of the victim of bullying
Yesterday I was bully of my classmate
Teacher: Can you tell me who among of your classmate
Student: it was mike ma’am he bullied me because of my appearance. My
profile picture in my Facebook account
Teacher: now mike listen carefully even we are in online class let me explain
you that bullying through online is a crime or else this is not good because
we never know the feelings of the person that we bullied. Now mike make an
apology

SCP-GENELECT1 | 7
 ST. JOHN PAUL II COLLEGE OF DAVAO
COLLEGE OF INFORMATION AND
COMMUNICATIO N TECHNOLOGY

Physically Detached Yet Academically Attached

Student mike : Okay ma’am I admit my mistakes and sorry for that
inappropriate behavior that I did.
Teacher S: It’s okay, You will learn on your mistakes. Do not do it again
Student D: I promise I will do it.
Goodbye and thanks again Ma’am.

SCP-GENELECT1 | 8