• Know common Internet terms and concepts

• Familiarize features and services done in the

Internet
• Determine the different components of
Internet
• Analyze the issues and challenges in ICT
• Observe Ethics when using Internet
• Determine the processes involve in web
design and development.
Lesson 1: INTRODUCTION TO INTERNET

Lesson 2: THE SERVICES OF THE INTERNET

Lesson 3: INTERNET ETHICS

Lesson 4: WEB DESIGN & DEVELOPMENT

•History of the Internet
•Common Terms Associated with Internet
•Typical Types of Internet Connection
•Different Types of Web Sites
•Web Browser
•Alternative Web Page Viewing Devices
•URL and Domain Name
•Uses of the Internet and Web
• The Internet was the
result of some visionary
thinking by people in the
early 1960s that saw
great potential value in
allowing computers to
share information on
research and
development in scientific
and military fields.
• The network, called ARPANET (Advanced
Research Projects Agency Network),
became functional in October 25, 1969,
linking scientific and academic
researchers across the United States.
• It was only in 1973 that the term “Internet”
was first used after ARPANET was linked
with University College of London
(England, U.K.) and Royal Radar
Establishment (Norway).
• World Wide Web (WWW, W3 or simply
“The Web”), is one of the services that
use the Internet.
• It is a collection of interlinked information
that is stored in the computers all around
the world.
• It is the part of the Internet that supports
multimedia and consists of a collection of
linked documents
• Hypertext Transfer Protocol (HTTP) - a set
of rules for exchanging text, graphics,
sound, video and other multimedia files.
• The World Wide Web or WWW was
developed in CERN - Conseil Européen
pour la Recherche Nucléaire (French:
European Laboratory for Particle Physics),
Geneva, Switzerland
• WWW was opened
to public in 1991. Sir
Timothy John
Berners-Lee – or
better known as Tim
Berners-Lee or
TimBL, is the director
of the World Wide
Web Consortium
(W3C).
• Client – is a software program of
computer that requests information from
another software program on another
computer.
• Server – is a software program that
interacts with client software in a client-
server environment. It is also referred to
as a computer running the software that
responds to requests for information from
client computers.
• A radio button or option button is a
type of graphical user interface element
that allows the user to choose only one
of a predefined set of options.
• Address normally refers to any of the
two things: the e-mail address of a
user or the URL address of a website.
• Protocol is a set of technical rules and
standards for computer communication.
• Search Engine is the tool used for finding
a website without knowing its URL.
• Search Engine Utility is a program
installed in a search engine of the website
that sifts through the index to return web
pages that matches the criteria of the
searcher/user.
• Spam unsolicited e-mail messages sent to
many users. It is also known as electronic
junk mail or bulk.
• Spider is also known as robot, bot, or
crawler. As the name conveys, it is a
program that continuously “crawls” the
Internet in search for new web pages.
• Text Editor is a program/software where
the source code of HTML is typed.
Examples of these are Notepad, WordPad
or MS Word.
• URL or Uniform Resource is a structured
text string utilized by Web browsers, email
clients and other software to recognize
a network resource on the Internet.
• Dial-up
Connections -
This is a
temporary
connection that
uses one or more
standard
telephone lines for
communications.
• Integrated Services
Digital Network
Connections (ISDN) is
an international
communications
standard for sending
voice, video and data
over digital telephone
lines or normal telephone
wires.
• Broadband
Connections -
This actually refers
to any type of
transmission
technique that
carries several data
channels over a
common wire.
• Wireless Internet
Connections -
Wireless Internet or
wireless broadband is
the most widely used
Internet connection
types now.
• Personal – This refers
to websites that
represent individuals
instead of groups or
companies. This is
actually in a form of
self-expression.
• Organizational/Topical
– It is usually for groups
such as institutions,
club or non-profit
organization web site
• Commercial - A
micro-scale
entrepreneur and a
CEO of an
international
corporation share a
common intention for
their commercial web
sites to endorse and
sell products or
services
• It is a specific software program that
allows the display of web pages.
• Web Browser was developed the same
year with World Wide Web (1993)
• Mozilla Firefox, Microsoft Internet Explorer
and Google Chrome are today’s most
widely used browsers.
• It is a specific software program that
allows the display of web pages.
• Web Browser was developed the same
year with World Wide Web (1993)
• Mozilla Firefox, Microsoft Internet Explorer
and Google Chrome are today’s most
widely used browsers.
• A computer user can surf web pages using
WebTV and handheld computers;
Microsoft-owned WebTV incorporates
Internet access into a television set, which
works as the monitor.
• WebTV owners can transmit and receive
e-mails, surf the Internet and chat with
other viewers without purchasing a
computer or acquiring any computer skills.
• A Personal Digital
Assistant (PDA), a
popular type of
handheld computer,
manages personal
information and
provides Internet
Access.
• One way to access a
web page is to enter
its distinctive address
called the Uniform
Resource Locator
(URL) located in the
browser’s address bar
or location field.
• The Domain Name System (DNS) is a
categorized naming system built on a
distributed database for computers,
services, or any resource connected to the
Internet or a private network.
• Parts of URL and IP Address Equivalent

Generic Top-Level
Protocol Subdomain Domain Domain
Country code
domain
http: //www.IBook publishing. biz
http://205.216.71.230
Protocol IP Address
• A domain name consists of one or more
parts, technically called labels that are
conventionally concatenated, and
delimited by dots, such as example.com.
• Common domain names used on the internet.
Top-Level
Country
Domain Organization Country
Abbreviations
Abbreviations

Com Commercial au Australia

Edu Educational Institution ca Canada

Gov Government Institution fr France

Mil Military ph Philippines

Net Network Provider sg Singapore
Org Non-profit uk United Kingdom
• The Internet and the Web have
significantly impacted the way the world
communicates, educates, entertains and
conducts businesses.
• Communication
– Most e-mail programs
allow attaching documents,
graphic, video, sound and
other computer files to e-
mail messages. Similar to
e-mail messages, web
pages can communicate
positively or negatively.
• Education
• Edutainment is a
form of education
which is designed
to be entertaining,
in order to keep
people interested
and engaged.
• Entertainment
Popular entertainment
web sites offer music,
videos, sports, games,
ongoing web episodes,
sweepstakes, chats and
more.
• Electronic commerce or e-commerce is
the conducting of business activities
online including shopping, investing and
any other venture that uses either
electronic money or electronic date
interchange.
• Online Transaction
-Bank transactions and
other bill payments can
now be done online.
There are several
customers, companies
and organizations who
have found convenience
and security in online
transactions.
Answer Activities on page:

307-309
Do Hands-On Activity on page:

309
• Electronic Mail
• Chat and Video conferencing
• Thread forums and Video Sharing
• File Sharing
• Social Networking Sites
• Classified Advertising Sites
• In e-mails, messages can
be sent in a matter of
seconds (or even split
seconds).
• And from the original text-
only mails, it has evolved
into a more helpful service
as the sender can attach
files like documents,
pictures and videos for a
wider scope of purpose.
 Delete Move Move to
Compose Spam Action
Inbox

Reading pane

Folders Trash Spam Sent Draft

• Compose – this button allows the user to
create a new email message.
• Inbox – this folder contains all the
received and valid email messages.
• Delete – transfers messages to the trash
folder.
• Move – transfers messages into the
desired folder.
• Actions Button -contains other commands
that can be done on email messages like
printing, marking as read or unread,
among others.
• Spam – this term refers to unsolicited or
junk emails.
• Folders – new folders can be created so
as to divide and categorize the email
messages.
• When composing an email message, the
sender must take note of the following
components of an email message
 To

CC

BCC

Subject
Body /Work Area

Attachment
• To – this is where the direct recipient(s)’s
email addresses are encoded
• CC – stands for Carbon Copy. This is
where indirect recipients of the email
message are placed.
• BCC – stands for Blind Carbon Copy. The
purpose is the same with CC; however,
the recipients will not see the email
addresses of those that are placed here
• Subject – is the topic or purpose of the
email
• Attachment – this where files are being
clipped along with the email
• Body – this is where the whole message
is being typed; the work area
• Send – upon completing the email
message, clicking the Send button allows
transmission to the recipients
• Chat similar with email, is a digital
conversation
• it is talking to someone by typing
statements over a virtual room (called chat
room)
• Chat shortcuts make the conversations
more convenient. These are initials,
acronyms, symbols or codes that convey
ideas that easily understood. These are
used in chats, emails and even SMS
messages.
Here are some examples:
SHORTCUT MEANING SHORTCUT MEANING

BRB Be Right Back GBU God Bless You

IKR I Know Right LOL Laughing Out Loud

TGIF Thank God It’s Friday IOU I Owe / Love You

XOXO Hugs & Kisses TC Take Care

IC I See FYI For Your Information

• Emoticons or smileys add pizzazz to
conversations and email. They convey the
emotions or feelings of the users.
SYMBOL MEANING SYMBOL MEANING

:) Happy :( Sad

:P Tongue Out :D Grin / Big Smile

:| Mad :O Uh Oh!

0:) Angel B| With Shades On

:’( Crying ;) Wink

• Video Conferencing
This can be considered as
an evolved and a more
personalized chat
because parties involved
can see each other face-
to-face using webcam and
can talk to each other
using headset (or
speakers) and
microphone.
• A Thread is a sequence of
messages that usually
comments regarding a
given topic.
• Similarly, a web forum is a
website or a portion of a
website wherein random or
registered users can
converse with each other
by posting messages.
• a Web Forum is a
website or a portion
of a website wherein
random or registered
users can converse
with each other by
posting messages.
• A blog, or web log,
is originally
referring to
personal journals
of an individual on
the World Wide
Web
• With the popularity of
YouTube®, thread
discussions and
sharing can also be
done with video as a
topic. Responses can
also be done in Video
• eBizMBA Rank has actually listed the
top 10 largest file-sharing sites as of
April 2013.
Ranking Website Unique monthly visitors
1 Files tube 26,000,000
2 4Shared 24,000,000
3 MediaFire 13,300,000
4 RapidShare 12,960,000
5 Box.net 3,000,000
6 HotFile 2,800,000
7 zShare 2,650,000
8 Uploading 2,350,000
9 DepositFiles 2,100,000
10 FileServe 750,000
A social network site is a virtual community
for people with similar interest or just to be
together. People in the social network
provide their basic profile, interests, among
others.
• While Friendster and
Multiply ruled the early
2000s in the World Wide
Web, they were
overtaken by Facebook –
a social network site
developed on 2004 by
Mark Zuckerberg in
Harvard University.
• Wikipedia – an online
community for
academic and
information topics from
the usual printed
encyclopedia.
• Classified advertisement is the newspaper
section that covers buying and selling of
products and services, endorsements and
job opportunities.
• Buy and Sell Sites
• These websites are in line with electronic
commerce. Registered users can post and
promote their products and services
• Registered users that will buy products will
just search on the desired products or
services
• Job Hunting Sites
Applicants need only to upload their
resume over the sites and the employers
would just conduct a preliminary screening of
their potential employees via online thus
reducing expenses from organizing job fairs.
Answer Activities on page:

310-311
Do Hands-On Activity on page:

311
• Netiquette (Network Etiquette)
• The Ten Commandments of Computer
Ethics
• Netiquette for E-mails and Chats
• Cybercrime Prevention Act of 2012
• Case Study: The “AMALAYER (I’M A
LIAR)” VIDEO INCIDENT
• Ethics (Gk. “ethos” –
character) refers to the
rules of behavior known in
respect to a particular
class of human actions or
a particular group, culture,
etc.
• Top Ten (10) Netiquette Guidelines
1. Use Computer with Courtesy
2. By using emoticons
3. Keep It Short & Simple (KISS)
4. Don’t Shout
5. Pay Attention to Language Issues
6. Think Before You Click”.
7. Keep Personal Information Private.
8. Obey Copyright Laws
9. Help Internet Newbies
10.Be Aware of Cyber bullying
1. Thou shall not use a computer to harm
other people.
2. Thou shall not interfere with other
people's computer work
3. Thou shall not snoop around in other
people's computer files
4. Thou shall not use a computer to steal
5. Thou shall not use a computer to bear
false witness
6. Thou shall not copy or use proprietary
software for which you have not paid
7. Thou shall not use other people's
computer resources without authorization
or proper compensation
8. Thou shall not appropriate other people's
intellectual output.
9. Thou shall think about the social
consequences of the program you are
writing or the system you are designing
10. Thou shall always use a computer in
ways that ensure consideration and
respect for your fellow humans
•Never send chain letters
via electronic mail. Chain
letters are forbidden on
the Internet. The network
privileges will be revoked.
Notify the local system
administrator if you ever
received one.
• Be careful when addressing mail. There
are addresses which may go to a group
but the address looks like it is just one
person. Know to whom you are sending.
• Use mixed case. ALL UPPER CASE
MEANS SHOUTING.
•Limit line length fewer than 65 characters
and end a line with a carriage return.
• Mail should have a subject heading
which reflects the content of the message.
•Don't send large amounts of unsolicited
information to people.
•Be brief without being overly abrupt.
When replying to a message, include
enough original material to be understood.
•Netiquette when Chatting
•Use mixed case and proper punctuation,
as though you were typing a letter or
sending a mail.
•Always say goodbye or farewell message,
and wait to see a farewell from the other
person before ending the session.
• Republic Act No. 10175 is popularly known
as Anti-Cybercrime Law of the Philippines
intends to turn every Filipino citizen
towards responsible netizenship.
• It was implemented September 12, 2012.
While there are good intentions, netizens
reacted negatively on some provisions of
the law specifically with libel because of its
thin line with freedom of expression. Due
to the qualms, it was suspended for 120
days via a temporary restraining order
from the Supreme Court
 Cybercrime Offenses:  Computer-Related Offenses:
1. Illegal Access 1. Forgery
2. Illegal Interception 2. Fraud
3. Data interference 3. Identical Theft
4. System Interference
5. Misuse of Devices
6. Cyber-squatting

 Content-Related Offenses:  Other Offenses:

1. Cybersex 1. Aiding or Abetting in the Commission
2. Child Pornography of Cybercrime
3. Unsolicited Commercial 2. Attempt in the Commission of
Communications Cybercrime
4. Libel
• Other Offenses:
1. Aiding or Abetting in the Commission of
Cybercrime
2. Attempt in the Commission of Cybercrime
Answer Activities on page:

312-313
Do Hands-On Activity on page:

313
• Web Development Life Cycle
• Web Development Team
 Planning

Implementation
and Analysis
Maintenance

Design and
Testing
Development
• Planning. Planning includes determining
the goals of the website.
• Purpose: i.e. interest-based, hobbies,
personal, commerce, information and
announcement
• Users: target audience with
demographical information
• Computing Environments
• Owner and Author of the Information
• Decision-maker of the information
assignment
• Analysis stage is a very crucial part of the
life cycle. It considers, evaluates and
decides on the content and functionality of
the website
• Performance Task of the Users
• Useful Information to the Users
• Process Considerations: supporting web
features e.g. online ordering
• Design and Development
• In the physical design and development,
the concern is the appearance and the
information contents of the Web site;
• logical design and development refer to
the organization and structure of the Web
site.
ELEMENTS ORGANIZATIONAL STANDARD RATIONALE
Titles Simple and clearly explains the  aids users understand the
purpose purpose of the Web pages
 explains the page in the search
engine results lists
Headings Separate main topics  makes Web pages easy-to-read
 simple headlines explains the
Web Page purpose clearly

Horizontal Emphasize the separation of  provide graphical elements to

Rules main topics break up Web page content
Paragraphs Divide large amounts of text  provide shorter and reader-
friendly sections of text
Lists Bullets and Numbers  provide organized text that
readers can scan effortlessly
Page Length Maintain appropriate Web page  many web users opt not to read
lengths longer pages so they seldom
scroll

Information Most important information  crucial information boosts

should be at the top of the web chances that web users will view
page key information

Other Include Contact Information  information gives opportunities

and Date of Last Modification to inquire with Web developers
 date measures the timeliness of
the site information
STRUCTURE APPLICATION ILLUSTRATION
Linear For websites that must be read
in a particular sequence (as if
the web pages are forming a
straight line)

Hierarchical For websites with main index

or table of contents page and
then linked to the details in
separate Web pages
(resembling like a tree
structure)
Webbed / For websites that does not have a
Interlinked particular sequence for navigation
but rather the choice resides on
users

Broad Websites that all pages are

connected with the home page

Deep Websites with multi-level pages

• Testing. Testing should be done at different
stages of design and development of the
Website.
• Page Content: correctness, suitability,
readability
• Functionality: accuracy of the process,
generating the desired result, working
properly
• Usability: determines the effectiveness of
the product, i.e. Websites, in terms of
accomplishing goals of the users
• Completeness of Information: users were
able to find information and completed the
tasks
• User-friendly navigation: scrolls, links and
other elements
• Implementation & Maintenance.
• Implementation means publication of the
Website product to a Web server to make
it online and available over the Internet.
While maintenance refers to the capability
of the Website to have updates (whether
information or functionality)
o Manner of Website Publication
o Manner of Website Updating
o Content Management
o Structure Management
o Notifications Management
o Website Monitoring
• Depending on circumstances, creating a
web site requires individual work, with a
partner, or with a Web Development team.
• Writer/Editor. A web
page writer/editor
creates and revises
the text content that
visitors read on a web
site.
• Multimedia Developer.
As a multimedia
developer, he / she
designs and produces
animation, digital video
and audio, 2D and 3D
models and other
media elements to
include in a web site.
• Artist/Graphic Designer.
A web artist/designer
creates original art such
as logos or styled type
and frequently, the
overall design concept
for a web site including
the way it looks and
feels.
• Web Page Designer
• The primary role of a
web page designer is to
convert text into HTML
documents.
Responsibilities may
also include graphic
design and web site
set-up and
maintenance.
• Web Programmer
• A web programmer must
be highly-skilled in
advanced programming
languages such as
Practical Extraction and
Report Language (Perl),
Java, JavaScript and
Virtual Reality Modeling
Language (VRML).
• Webmaster
• Webmaster’s responsibilities vary
dramatically, depending primarily on the
staffing and other resources devoted to
developing a web site.
Answer Activities on page:

314-315
Do Hands-On Activity on page:

316