Computer Networking & HTML
-
Upload
welson-mendez -
Category
Education
-
view
174 -
download
2
description
Transcript of 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.
Information Technology- Dr. Mark N. Abadiano
Advantages of the Internet
Faster Communications
Abundant Information Resources
Inexhaustible Education
Entertainment for Everyone
Social Networking and Staying Connected
Online Services and E-Commerce
Information Technology- Dr. Mark N. Abadiano
Disadvantages of the Internet
• Theft of Personal Information
• Spamming
• Malware Threats
• Age Inappropriate Content
• Social Isolation, Obesity and Depression
Information Technology- Dr. Mark N. Abadiano
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
Information Technology- Dr. Mark N. Abadiano
1. BUS Topology
2. RING Topology
3. Star Topology
Types of Topologies
Information Technology- Dr. Mark N. Abadiano
4. EXTENDED STAR Topology
5. MESH Topology
6. HIERARCHICAL Topology
Types of Topologies
Information Technology- Dr. Mark N. Abadiano
HOST -Devices that connects directly into network segment
Host includes:
Computer
Both clients and servers
Printers
Scanners
Other devices
Information Technology- Dr. Mark N. Abadiano
• Network Interface Card (INC)
—printed circuit board that fits into the
Expansion slot of a bus on a
computer’s motherboard or peripheral devices.
Information Technology- Dr. Mark N. Abadiano
Information Technology- Dr. Mark N. Abadiano
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
Information Technology- Dr. Mark N. Abadiano
Bridge
— device which has two parts
Information Technology- Dr. Mark N. Abadiano
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
1. Internet Explorer
Information Technology- Dr. Mark N. Abadiano
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
1. Internet Explorer
Information Technology- Dr. Mark N. Abadiano
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
Information Technology- Dr. Mark N. Abadiano
Pros:Easy to use
Page-load times impressive
Provides all security features
Cleans up unnecessary junk
Great for Mac user
2. Safari
Information Technology- Dr. Mark N. Abadiano
Free to Download
Speed compatibility
Extremely fast to download
for Mac users
2. Safari
Information Technology- Dr. Mark N. Abadiano
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
Information Technology- Dr. Mark N. Abadiano
3. Google Chrome
—Freeware browser created by Google
—First released on Windows OS
—Launched on September 2, 2008
Information Technology- Dr. Mark N. Abadiano
Pros: Fast browsing performance
More control over your tabs
More dynamic homepage
More speed and won’t slow down
3. Google Chrome
Information Technology- Dr. Mark N. Abadiano
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
Information Technology- Dr. Mark N. Abadiano
Cons:
Lack of parental control
Minor site incompatibilities
Graphic acceleration doesn’t work
3. Google Chrome
Information Technology- Dr. Mark N. Abadiano
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
Information Technology- Dr. Mark N. Abadiano
4. Firefox
Pros:More secure privacy mode
More intuitive navigation
Contain minimalist interface
Offers lot of help and support
Ease of use
Information Technology- Dr. Mark N. Abadiano
4. Firefox
More customization
Speed and more compatible
Easy to have add-on
Free to download at no cost
Information Technology- Dr. Mark N. Abadiano
4. Firefox
Cons:
No thumbnail preview or mouse gestures
Resource heavy
Information Technology- Dr. Mark N. Abadiano
Information Technology- Dr. Mark N. Abadiano
HTML
— set of text command used to format webpage
(Hypertext Mark-up Language)
Information Technology- Dr. Mark N. Abadiano
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”.
Information Technology- Dr. Mark N. Abadiano
HTML(Hypertext Mark-up Language)
Basic Tags
<h1> Largest Heading <h1>
<h2> ………………….….. <h2/>
<h3> ……………………… <h3/>
<h4> ……………………… <h4/>
<h5> …………………….. <h5/>
<h6> Smallest Heading<h6/>
Information Technology- Dr. Mark N. Abadiano
HTML(Hypertext Mark-up Language)
Formatting Tags<b> bold <b/>
<code> com code <code/>
<em> emphasized <em/>
<i> italized <i/>
<small> smaller text <small/>
<pre> preformatted <pre/>
Information Technology- Dr. Mark N. Abadiano
HTML(Hypertext Mark-up Language)
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>
Information Technology- Dr. Mark N. Abadiano
HTML(Hypertext Mark-up Language)
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”>
Information Technology- Dr. Mark N. Abadiano
HTML(Hypertext Mark-up Language)
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>
Information Technology- Dr. Mark N. Abadiano
HTML(Hypertext Mark-up Language)
Tables <Table border=“1”>
<tr><th>table header</th></tr>
<tr><td>table data</td>
</table>
Iframe
<iframe>=“demo_form.asp.html”>>/iframe>=
Information Technology- Dr. Mark N. Abadiano
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