Computer Networking & HTML

Information Technology- Dr. Mark N. Abadiano

The Internet
-is a global network providing a:
• variety of information and
•communication facilities
consisting of interconnected networks using
standardized communication protocols.

Advantages of the Internet
 Faster Communications
 Abundant Information Resources
 Inexhaustible Education
 Entertainment for Everyone
 Social Networking and Staying Connected
 Online Services and E-Commerce

Disadvantages of the Internet
• Theft of Personal Information
• Spamming
• Malware Threats
• Age Inappropriate Content
• Social Isolation, Obesity and Depression

Network Topologies
Topology- the structure of network.
2 Parts of Topology
 Physical Topology -actual layout of the wire(media)
 Logical Topology -how media is accessed by hosts

Types of Topologies
1. BUS Topology
2. RING Topology
3. Star Topology

Types of Topologies
4. EXTENDED STAR Topology
5. MESH Topology
6. HIERARCHICAL Topology

HOST
-Devices that connects directly into network segment
Host includes:
 Computer
 Both clients and servers
 Printers
 Scanners
 Other devices

• Network Interface Card (INC)
— printed circuit board that fits into the
Expansion slot of a bus on a
computer’s motherboard or peripheral devices.

 Repeater
— an electronic device that receives a signal
and retransmits it a higher level so
signal can cover longer distances.

 Bridge
— device which has two parts
 Switch
— concentrate connectivity, while making data
transmission more efficient

 Router
— examine packets and chooses best path for them
In a network and switch them to
The proper outgoing port

Different Web Browsers
1. Internet Explorer
— First component of Windows used in 1995
 Supports:
• Java
• RSS
• CSS
• JavaScript
• ActiveX
*for downloading videos, songs, or
software

 Pros:
 Free to download at no cost
 Offers help option
 Provides speed and functionality
 Easy to use
 Mostly used throughout the world

 Cons:
 There are bugs
 Microsoft is unaware of finding bugs
 Slow installation
 Lack of built in features
 Confusion between versions
 Lack of cross platform experience

2. Safari
—Web browser produced and developed by apple
— Functions on a Mac OX, iOS, and windows system
— First out in public in January 7, 2003
— Generally for Mac user

2. Safari
Pros:
 Easy to use
 Page-load times impressive
 Provides all security features
 Cleans up unnecessary junk
 Great for Mac user

2. Safari
 Free to Download
 Speed compatibility
 Extremely fast to
download for Mac users

2. Safari
 Cons:
 Lack of customization options
 Support system may be missing
 Trouble with Google built-in search engine
 Difficulty deleting cookies on exit automatically

3. Google Chrome
—Freeware browser created by Google
—First released on Windows OS
—Launched on September 2, 2008

3. Google Chrome
 Pros:
 Fast browsing performance
 More control over your tabs
 More dynamic homepage
 More speed and won’t slow down

3. Google Chrome
 Makes searching so much simpler
 Easy to use
 Great security
 Built-in Flash and PDF support
 Has sync capabilities

3. Google Chrome
 Cons:
 Lack of parental control
 Minor site incompatibilities
 Graphic acceleration doesn’t work

4. Firefox
— Free and open source web browser
— Coordinated by Mozilla Corporation and Mozilla Foundation
— First version released: November 9,2004
— Now available on 78 languages worldwide

4. Firefox
 Pros:
More secure privacy mode
More intuitive navigation
Contain minimalist interface
Offers lot of help and support
Ease of use

4. Firefox
 More customization
 Speed and more compatible
 Easy to have add-on

4. Firefox
 Cons:
 No thumbnail preview or mouse gestures
 Resource heavy

(Hypertext Mark-up Language)
— set of text command used to format webpage

 HTML tag
— code element that tells the web browser what to do.
— Appears as letters or words between:
• < (less than sign
• > (greater than sign)
• / (forward slash) tells the web browser to “end”.

 Basic Tags
 <h1> Largest Heading <h1>
 <h2> ………………….….. <h2/>
 <h3> ……………………… <h3/>
 <h4> ……………………… <h4/>
 <h5> …………………….. <h5/>
<h6> Smallest Heading<h6/>

 Formatting Tags
<b> bold <b/>
 <code> com code <code/>
<em> emphasized <em/>
<i> italized <i/>
<small> smaller text <small/>
<pre> preformatted <pre/>

 Links
Ordinary link
 <a href=http://www.briese.com/”>Lin-text here</a>
 Image-link
 <a href=“http://www.briese.com/”><img src=“URL”
alt=“Alternate Text”><a/>
 Mailto link
 <a rhef=mailto:webmaster@briese.com>Send e-mail</a>

 Boomarks
 <a id=“tips”>Tips Section </a>
<a rhef=“#tips”>Jump to Tips Section</a>
Images
 <img src=“URL” alt=“Alternate Text” height=“42”
width=“42”>

 Styles/Sections
 <style type=“text/cost”> h1 {color:red;} p {color:blue;}
</style>
 Unordered List
 <u><li>Item</li><<u/>
 Ordered List
 <ol><li>First Item</li></ol>

 Tables
 <Table border=“1”>
<tr><th>table header</th></tr>
<tr><td>table data</td>
</table>
Iframe
<iframe>=“demo_form.asp.html”>>/iframe>
=

Prepared By:
D/C Narciso, John Blitzkrieg
D/C Mendez, Welson D.
D/C Paquibot, Marlon
D/C Muego, Vincent Mel
D/C Moratin, Jericho
Engr. Mark N. Abadiano
Information Technology Instructor

Computer Networking & HTML

Recommended

Recommended

More Related Content

What's hot

What's hot (10)

Viewers also liked

Viewers also liked (18)

Similar to Computer Networking & HTML

Similar to Computer Networking & HTML (20)

Recently uploaded

Recently uploaded (20)

Computer Networking & HTML