2. In this lesson, we will learn about the different concepts involved
in the study of the web. This involve learning the various types of
browsers used to search the internet, how to access the web tool
called Notepad++, differentiating the different types of websites,
and understanding the significance of the most common
acronyms used on the web.
The Web : Introduction
INTRODUCTION:
3. At the end of this lesson, the students should be able to learn:
1. Identify the various styles of browser
2. Show how Notepad++ operates as a code editor.
3. Describes the types of websites
Understand the significance of the common acronyms used on
the internet
The Web : Unit Objectives
UNIT OBJECTIVES:
5. The Web: Lesson1: Web Browser
A web browser is a software program to access information on
the world wide web (usually referred to as a browser). Upon
requests by a user of a website a web page is downloaded
from a database server by the web client and the link on the
screen is shown.
A web browser is not the same as a search engine, although it
is often frustrating in both. A user is a search engine that only
contains information about other websites, including Google
Search, Bing or DuckDuckGo. Nonetheless, a user must have
a web browser installed to connect to the website server and to
view their web pages.
Web Browser
6. The Web: Lesson1: Web Browser
The aim of a web browser is to collector and display information
resources on the Web on the device of the user.
This cycle starts when a Uniform Resource Locator (URL),
such as https:/en.wikipedia.org, is entered by the user into the
web browser. Nearly all web-based URLs start with either http:
or https: which means the Hypertext Transference Protocol
(HTTP) is used to access the URLs. For HTTPS: the browser-
web server contact is encrypted for security and privacy
purposes.
7. The Web: Lesson1: Web Browser
The rendering engine of the browser displays it on the user's
device once a Web page has been found. This includes
browser-supported picture and video formats.
Hyperlinks to other pages and services are usually found in
websites. Each link has a URL and the browser navigates to the
new source when it is clicked or tapped. This restarts the
process of bringing the user content.
8. The Web: Lesson1: Web Browser
For later visits to the same website, most browsers use an
internal web-page cache to improve their loading times. Many
things like big images can be stored in the cache to avoid being
downloaded from the server. Cached items are usually only
stored until the HTTP reply messages of the web server.
A number of features are common to the most popular browsers.
Users can set and browse in private mode by using bookmarks.
Extensions can also be personalized and some of them provide
a sync feature.
9. The Web: Lesson1: Web Browser
Most browsers have these user interface features:
• Enable the user to open multiple pages simultaneously, either in
different browser windows or in various tabs in the same window.
• Go back and forth to the last page you visited or to the next one.
• Refreshing or reloading the current page button.
• To avoid loading the page with a stop button. (The pause button
is combined with the reload button in some browsers.)
• A click back to the homepage of the app.
• An address bar for entering and displaying the URL of a
website.
• A search bar for entering search engine terms. (The search bar
is fusioned with the address bar in some browsers.)
10. The Web: Lesson1: Web Browser
Niche browsers with different features are also available. One
example is text-only browsers that can help people with poor
Internet connections or visually disabled individuals.
A web browser is a computer-based software program that
allows users to visit their favorite websites on the Internet.
Mozilla Firefox, Google Chrome, Microsoft Edge, Apple Safari
and the Opera browsers are among the most popular browsers
today.
11. The Web: Lesson1: Web Browser
Mozilla Firefox is a free, open-source web
browser developed by Mozilla Foundation
and its Mozilla Corporation subsidiary (the
Mozilla Firefox Quantum or simply Firefox).
Mozilla Firefox
12. The Web: Lesson1: Web Browser
Google Chrome is a Google-developed
cross-platform web browser. It was released
for Microsoft Windows in 2008, and later
ported to Linux, MacOS, Android and iOS.
Google Chrome
13. The Web: Lesson1: Web Browser
Microsoft Edge is a web browser that has
been created by Microsoft. It was first
released on Windows 10 in 2015. It
replaces Internet Explorer (IE), a browser
that was originally created on Windows 95
and which for two decades was part of
Windows operating systems.
Microsoft Edge
14. The Web: Lesson1: Web Browser
Safari is a Web browser based on the
WebKit engine, created by Apple. A
smartphone edition has been paired with ioS
devices since the iPhone was introduced in
2007, and first published on desktop in 2003
with the Mac OS X Panther. The default
Apple mobile browser is Safari. A version of
Windows from 2007 to 2012 was available.
Apple Safari
15. The Web: Lesson1: Web Browser
Opera is the free web browser developed
by Opera Software for Microsoft Windows,
Android, iOS, macOS, and Linux
Opera
16. The address bar is where you type the URL address that you
want to visit. It will also suggest sites you have previously
visited.
Let us define and explain the functions of the web
browser sections:
Address Bar
The Web: Lesson1: Web Browser
17. Links are used to navigate the Web. When you click a link, it will
usually take you to a different webpage. You may also notice that
your cursor changes into a hand icon whenever you hover over a
link.
Links
The Navigation Buttons:
1. Back Button
Used to go back to previous page
The Web: Lesson1: Web Browser
18. 2. Forward Button
Used to return to the first page
3. Refresh button
The Refresh button will reload the current page. If a website
stops working, try using the Refresh button.
The Web: Lesson1: Web Browser
19. To open a new webpage in a new tab, right click the link and
open in a new tab
Opening a webpage in a new tab
The Web: Lesson1: Web Browser
20. 1. Creating a new tab
To close the tab, click the x button
2. Closing the tab
To create a new tab, click the + button
The Web: Lesson1: Web Browser
21. If you want to go back later to the website, you can bookmark it
by clicking the star icon
Once you bookmarked a page, you can go back to it again by
clicking the setting button and selecting bookmark and then
select the website you are looking for in the list.
Bookmark
The Web: Lesson1: Web Browser
22. The history button keeps track of all the websites you have
visited. To go to history, click the settings button and click
History.
History
The Web: Lesson1: Web Browser
23. Will help you move the screen up and down if the contents will go
beyond the screen
Will help you minimize, resize or close the browser
Minimize button Resize and Close Buttons
Scrollbar
The Web: Lesson1: Web Browser
24. The Web: Lesson1: Web Browser
Student Activity
Direction: Identify the parts of the web browser.
1. __________________
2. __________________
3. __________________
4. __________________
5. __________________
6. __________________
7. __________________
25. The Web : Lesson 2: Web Links
Lesson 2: Web Links
26. The Web : Lesson 2: Web Links
The website is a series of websites that are published at
least on a web server. A web link or link is an HTML
(Hypertext Markup Language) object that redirects users
to a new location within the web, either by clicking or taping.
The majority of the connection can be attached via text or
photos.
There are different types of links on the Internet, both
internal and external. An internal link is a link that you see on a
web page that navigates users to another web page of the same
domain. External Links or "outbound links" are connections
that take you to another domain when browsing a specific
website.
27. There are also Natural Links. These are links that you obtain
from other website owner without asking for them, this is usually
done when website owners redirect their readers to your page
because your page includes material that they think is worth
sharing. Another is Manually Collected Links. These are links
you get from your own efforts, where you have to invest your time
and resources, connect with other website owners and bloggers to
link and view your page.
This also includes Broken links This is a page that says "404
error" or "The page can not be viewed."
The Web : Lesson 2: Web Links
28. The Web : Lesson 2: Web Links
There are different types of Websites
29. The Web : Lesson 2: Web Links
A lot of topics can be found in a blog website like travel tips,
financial advice or food reviews. It is also for making money
online.
1. Blog
30. The Web : Lesson 2: Web Links
These websites are used by businesses to provide information
about their business.
2. Corporate
31. The Web : Lesson 2: Web Links
It is also known as an online store. The website contains a variety
of products that are for sale. You can buy the products through
online transactions.
3. Ecommerce
32. The Web : Lesson 2: Web Links
These type of websites are used to display and promote
examples of previous works. It is mostly used by the creative
industry like photography, fashion, artworks and graphic design.
4. Portfolio
33. The Web : Lesson 2: Web Links
The news or magazines websites keeps the readers up to date
on current affairs and news about entertainment.
5. News or Magazines
34. The Web : Lesson 2: Web Links
The purpose of these websites is to let people share thoughts,
images or simply to connect with other people in relation to a
certain topic. Social media websites are also becoming a source
of up to date news.
6. Social Media
35. The Web : Lesson 2: Web Links
These websites allow us to watch videos through video
streaming.
7. TV or video streaming
36. The Web : Lesson 2: Web Links
The purpose of these websites is to display information on certain
topic, either using interactive games or engaging designs to keep
the user interested.
8. Educational
37. The Web : Lesson 2: Web Links
These websites allow people to collaborate online and write
content together.
9. Wiki or Community Forum
38. The Web : Lesson 2: Web Links
Music streaming websites lets you listen online to many
different types of music.
10. Music Streaming
39. The Web : Lesson 2: Web Links
Word Bank:
LAN - Local Area Network
MAN - Metropolitan Area Network
WAN - Wide Area Network
SATNET - Satellite Network
BITNET - Because It's Time Network
USENET - News Group Network
TCP/IP - Transmission Control
Protocol / Internet Protocol
FTP - File Transfer Protocol
HTTP - Hypertext Transfer Protocol
HTML – Hyper Text Markup Language
WWW – World Wide Web
URL - Uniform Resource Locator
MODEM - Modulator Demodulator
DSL - Digital Subscriber Line
ISP - Internet Service Provider
DNS - Domain Name System
40. The Web : Lesson 2: Web Links
Student Activity
Direction: Identify what type of website is being asked from the
given question.