Computer Networking & HTML

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


1. BUS Topology

2. RING Topology

3. Star Topology

Types of Topologies


4. EXTENDED STAR Topology

5. MESH Topology

6. HIERARCHICAL Topology

Types of Topologies


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.

Switch

— concentrate connectivity, while making data transmission more efficient


Bridge

— device which has two parts


Router

— examine packets and chooses best path for them

In a network and switch them to

The proper outgoing port

1. Internet Explorer

— First component of Windows used in 1995Supports:• Java• RSS• CSS• JavaScript• ActiveX *for downloading videos, songs, or software

Different Web BrowsersInformation Technology- Dr. Mark N. Abadiano

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


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

2. Safari


3. Google Chrome

—Freeware browser created by Google

—First released on Windows OS

—Launched on September 2, 2008


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

Free to download at no cost

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

3. Google Chrome


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

Free to download at no cost


4. Firefox

Cons:

No thumbnail preview or mouse gestures

Resource heavy



HTML

— set of text command used to format webpage

(Hypertext Mark-up Language)


HTML(Hypertext Mark-up Language)

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/>



LinksOrdinary 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:[email protected]>Send e-mail</a>

http://www.briese.com/



mailto:[email protected]



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 BlitzkriegD/C Mendez, Welson D.D/C Paquibot, MarlonD/C Muego, Vincent MelD/C Moratin, Jericho

Engr. Mark N. AbadianoInformation Technology Instructor

Computer Networking & HTML

Education

information technology

firefox free

internet explorer cons

google chrome cons

internet explorer pros

firefox cons

google chrome pros

abadianothe internet