SlideShare ist ein Scribd-Unternehmen logo
1 von 68
Internet & Hyperlinks WEB Oleh Ahmad Faizar Jaafar Unit Web & Digital Komponen Jabatan Pengurusan Sistem & Teknologi Maklumat  (JPSTM) PTAR http://faizar.onestop.net http://faizar.multiply.com   http://faizar.ning.com http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
What is  Internet ? http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] The Internet (also known simply as the Net) is the worldwide, publicly accessible system of interconnected  computer networks  that transmit  data  by  packet switching  using the standard  Internet Protocol  (IP).  It consists of millions of smaller domestic, academic, business, and government networks, which together carry various  information  and services, such as  electronic mail ,  online chat , and the interlinked  Web pages  and other documents of the  World Wide Web . Contrary to some common usage, the Internet and the  World Wide Web (WWW) are not synonymous:  the INTERNET is a collection of interconnected  computer networks , linked by  copper  wires,  fiber-optic  cables,  wireless  connections etc.;  the WEB(WWW) is a collection of interconnected  documents , linked by  hyperlinks  and  URLs , and is accessible using the Internet. The Internet also provides many other services including  e-mail ,  file sharing
Internet History ,[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
The  rest is history ,[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Overview Of Internet ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Classful IP Addressing ,[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Network Connectivity http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Bindings Bindings Network Adapter (0) Protocols Services Client for Microsoft Networks Gateway (and Client)  Services for NetWare   TCP/IP NWLink Windows  Network Novell NetWare Network Windows client
IP Addresses http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] 192.168.1.0 192.168.3.0 192.168.1.100 192.168.2.101 192.168.2.100 192.168.3.100 192.168.2.0 Host  ID Network  ID 192.168.1.100 IP Address
IP Address Classes http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] w x y z Class A Network ID Host ID Class B Network ID Host   ID Class C Network ID Host ID
[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Subnets http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Router Subnet 1 Subnet 2 1 2 Hub Hub
Subnet Masks http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] IP Address Host ID Network ID 192.168. 2.200 Subnet Mask 255.255. 0.0 192.168. IP Address 10. 50.100.200 Subnet Mask 255. 0.0.0 Network ID 10. 0.0.0 IP Address 10.50. 100.200 Subnet Mask 255.255. 0.0 Network ID 10.50. 0.0 IP Address 10.50.100. 200 Subnet Mask 255.255.255. 0 Network ID 10.50.100. 0
http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Lab A: Determining Class Addresses and Subnet Masks
Planning IP Addressing ,[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Addressing Guidelines http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] The Host ID Cannot Be All Zeros  The Host ID Cannot Be All 255s   The First Number in the Network ID Cannot Be 127   The Host ID Must Be Unique to the Local Network ID
Assigning Network IDs http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] 1 2 3 10. 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Router
http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] 1 2 172.16.   0.12 172.16.   0.11 172.16.   0.10 10 .0.0.12 10 .0.0.11 10 .0.0.10 192.168.2 .11 192.168.2 .10 192.168.2. 1 10. 0.0.1 172.16.   0.1 3 10 . 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Assigning Network IDs Router
http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Lab B:  Identifying Valid IP Addresses
Assigning TCP/IP Addresses ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Viewing TCP/IP Configuration http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address: IP address: Us e  the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 .  1  . 200 192.  168 .  1  .  1 255 . 255 . 255.  0 Subnet mask : Default gateway: OK Cancel
Static IP Addressing http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address : IP address: Us e  the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 .  1  . 200 192.  168 .  1  .  1 255 . 255 . 255.  0 Subnet mask : Default gateway: OK Cancel
Automatic IP Addressing http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings . O btain an IP address automatically U s e the following IP address: IP address: Us e  the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: Subnet mask : Default gateway : OK Cancel
Configuring TCP/IP to Obtain an  IP Address Automatically http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Assign IP address    of 192.168.120.133 DHCP Client DHCP Server  Request for IP address ,[object Object],[object Object],Automatic Private  IP Addressing Generates IP Address OR If No  IP Address  Returned
Viewing TCP/IP Configuration Using c:gt;ipconfig http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Command Prompt Microsoft Windows 2000 [version 5.00.2195] (C) Copyright 1985-1999 Microsoft Corp. C:gt;ipconfig Windows 2000 IP Configuration Ethernet adapter Local Area Connection: Connection-specific DNS Suffix  . : IP Address. . . . . . . . . . . . : 192.168.1.200 Subnet Mask . . . . . . . . . . . : 255.255.255.0 Default Gateway . . . . . . . . . : 192.168.1.1 C:gt;_
Viewing Trace Using  c:gt;tracert (ip address) http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
SPEEDTEST ,[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] http://speedtest.streamyx.com.my/
Viewing Trace Using http://geobytes.com/ http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Overview ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] The Internet  & Web
Identifying Internet Concepts ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Intranets http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Intranet Extranet Internet
The Internet  & Web http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Client Connection Using TCP/IP Protocol Server Text, Audio, Video, and Graphics Data Internet
Uniform Resource Locator (URL) ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] http:// example.microsoft.com / tutorial / default.html
Domain Naming ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] http://www.checkdomain.com/list.html   edu Library.uitm.edu.my uitm.edu istudent.uitm.edu.my
Static Static  vs  Dynamic Web Site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Static Static vs  Dynamic Web Site http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Dynamic Web Sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Dynamic Web Sites cont. ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
History of the Web ,[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
History Internet & WWW   http://www.netvalley.com/intval1.html http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Web Browsers http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Mainstream Browsers (free and not free) Commercial Browsers (not free) Shareware Browsers (not free) Freeware Browsers (free) Browsers for People with Disabilities (semi)Browsers that Require IE 4/5 to Run Other Accessibility Software for the Web Demo Programs/Non-fullfledged Browsers/Mini-Browsers Obsolete browsers ~ rarely used anymore, if at all (free and not free) Clearly Obsolete browsers (free and not free) Browsers under Development Mail Readers & News Clients that Understand HTML Other Programs that can Browse the Web Offline HTML browsers (no http support) Palm-top and Hand-held Browsers (free and not free)   http://www.browserlist.fmajor.com/browser-list.shtml Browser Contoh:  Internet Explorer
http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] ,[object Object],Web Browsers
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Web Browsers
http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] How World Wide Web works WWW Server Methods to Use to Connect: Home user – Direct Modem Organization - LAN PC Browser Contoh:  Internet Explorer
[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Multimedia  http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Internet Protocols ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Server Data Client Connection Using an Internet Protocol Internet
Hypertext Markup Language http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] < HTML> <HEAD> <TITLE>Sales Report</TITLE> </HEAD> <BODY> <H2>Q3 Sales by Region</H2> </BODY> </HTML> Hypertext Markup Language ( HTML ) http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Hypertext Markup Language ,[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
How To Make a Hyperlink   http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] http://www.hyperlinkcode.com/make-hyperlink.php The following is the most basic hyperlink code. To make a hyperlink, add the href attribute to the Anchor (a) tag. The href attribute can have an absolute value (http://www.hyperlinkcode.com/make-hyperlink.php) or a relative value (make-hyperlink.php).  HTML Hyperlink Code Code   <a href=&quot;http://www.hyperlinkcode.com&quot;>Hyperlink Code</a>  Output >   Hyperlink Code   Code In Context   Make <a href=&quot;http://www.hyperlinkcode.com&quot;>Hyperlink Code</a> easily.  Output>  Make  Hyperlink Code  easily.
What is Hyperlink A  hyperlink , or simply a  link , is a reference in a  hypertext  document to another document or other resource. It is similar to a  citation  in literature. Combined with a data network and suitable access protocol, it can be used to fetch the resource referenced. This can then be saved, viewed, or displayed as part of the referencing document. The most common type of hyperlink is the  URL  used in the  World Wide Web . A  web browser  usually displays a hyperlink in some distinguishing way, e.g. in a different colour, font or style.  http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Hypertext ,[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
T imeline  of  hypertext  technology…. http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Types of links ,[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
Types of links… ,[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
How hyperlinks work in HTML ,[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  ,[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
PageRank ,[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] PageRank
  ,[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] PageRank
[object Object],[object Object],[object Object],[object Object],PageRank… http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] http://www.knowledgerush.com/kr/encyclopedia/PageRank/ http://www.webworkshop.net/pagerank.html
Conclusions ,[object Object],[object Object],[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
http://koleksi.uitm.edu.my/eqps/   http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
[object Object],http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]

Weitere ähnliche Inhalte

Was ist angesagt?

Hybrid IP PBX February 2014
Hybrid IP PBX February 2014Hybrid IP PBX February 2014
Hybrid IP PBX February 2014
Matrixcomsec Ttg
 
2014 ETERNITY Level 1 Module
2014 ETERNITY Level 1 Module2014 ETERNITY Level 1 Module
2014 ETERNITY Level 1 Module
Matrixcomsec Ttg
 
Basic tp link configure
Basic tp link configureBasic tp link configure
Basic tp link configure
Sambath Hem
 
ระบบเครือข่ายคอมพิวเตอร์
ระบบเครือข่ายคอมพิวเตอร์ระบบเครือข่ายคอมพิวเตอร์
ระบบเครือข่ายคอมพิวเตอร์
Noii Kittiya
 
How to configure IPA-Server & Client-Centos 7
How to configure IPA-Server & Client-Centos 7How to configure IPA-Server & Client-Centos 7
How to configure IPA-Server & Client-Centos 7
Tola LENG
 
SORACOM-Global Hands-on Series: SORACOM Harvest
SORACOM-Global Hands-on Series: SORACOM HarvestSORACOM-Global Hands-on Series: SORACOM Harvest
SORACOM-Global Hands-on Series: SORACOM Harvest
SORACOM
 
Configurar grandstream bt 200
Configurar grandstream bt 200Configurar grandstream bt 200
Configurar grandstream bt 200
che190382
 

Was ist angesagt? (20)

IP and VoIP Fundamentals
IP and VoIP FundamentalsIP and VoIP Fundamentals
IP and VoIP Fundamentals
 
Hybrid IP PBX February 2014
Hybrid IP PBX February 2014Hybrid IP PBX February 2014
Hybrid IP PBX February 2014
 
Ccna 1 5
Ccna 1  5Ccna 1  5
Ccna 1 5
 
2014 ETERNITY Level 1 Module
2014 ETERNITY Level 1 Module2014 ETERNITY Level 1 Module
2014 ETERNITY Level 1 Module
 
Basic command to configure mikrotik
Basic command to configure mikrotikBasic command to configure mikrotik
Basic command to configure mikrotik
 
Vpn
VpnVpn
Vpn
 
Basic tp link configure
Basic tp link configureBasic tp link configure
Basic tp link configure
 
ระบบเครือข่ายคอมพิวเตอร์
ระบบเครือข่ายคอมพิวเตอร์ระบบเครือข่ายคอมพิวเตอร์
ระบบเครือข่ายคอมพิวเตอร์
 
VoIP on LTE -packet Filter
VoIP on LTE -packet FilterVoIP on LTE -packet Filter
VoIP on LTE -packet Filter
 
Nat 03
Nat 03Nat 03
Nat 03
 
Module3
Module3Module3
Module3
 
Ip phone boot up process
Ip phone boot up processIp phone boot up process
Ip phone boot up process
 
How to configure IPA-Server & Client-Centos 7
How to configure IPA-Server & Client-Centos 7How to configure IPA-Server & Client-Centos 7
How to configure IPA-Server & Client-Centos 7
 
Ip seminar
Ip seminarIp seminar
Ip seminar
 
Manual linksys router_rv082
Manual linksys router_rv082Manual linksys router_rv082
Manual linksys router_rv082
 
SORACOM-Global Hands-on Series: SORACOM Harvest
SORACOM-Global Hands-on Series: SORACOM HarvestSORACOM-Global Hands-on Series: SORACOM Harvest
SORACOM-Global Hands-on Series: SORACOM Harvest
 
Visual ip subnetting
Visual ip subnettingVisual ip subnetting
Visual ip subnetting
 
Ccna pres
Ccna presCcna pres
Ccna pres
 
Configurar grandstream bt 200
Configurar grandstream bt 200Configurar grandstream bt 200
Configurar grandstream bt 200
 
Matrix Telecom Solutions: ETERNITY NE - IP-PBX
Matrix Telecom Solutions: ETERNITY NE - IP-PBXMatrix Telecom Solutions: ETERNITY NE - IP-PBX
Matrix Telecom Solutions: ETERNITY NE - IP-PBX
 

Andere mochten auch

Lesson plan 2
Lesson plan 2Lesson plan 2
Lesson plan 2
loveroman
 
RDA: Resource Description and Access
RDA: Resource Description and AccessRDA: Resource Description and Access
RDA: Resource Description and Access
Rieta Drinkwine
 
Indexing or dividing_head
Indexing or dividing_headIndexing or dividing_head
Indexing or dividing_head
Javaria Chiragh
 

Andere mochten auch (20)

Lesson plan 2
Lesson plan 2Lesson plan 2
Lesson plan 2
 
Internet lesson
Internet lessonInternet lesson
Internet lesson
 
Rebranding opac
Rebranding opacRebranding opac
Rebranding opac
 
Bida'ah Dalam Masyarakat
Bida'ah Dalam MasyarakatBida'ah Dalam Masyarakat
Bida'ah Dalam Masyarakat
 
Understanding MARC Session 4 - Winter 2011
Understanding MARC Session 4 - Winter 2011Understanding MARC Session 4 - Winter 2011
Understanding MARC Session 4 - Winter 2011
 
Understanding MARC Session 1 - Winter 2011
Understanding MARC Session 1 - Winter 2011Understanding MARC Session 1 - Winter 2011
Understanding MARC Session 1 - Winter 2011
 
Introduction to RDA Part 1
Introduction to RDA Part 1Introduction to RDA Part 1
Introduction to RDA Part 1
 
Metadata Library-Catalog
Metadata Library-CatalogMetadata Library-Catalog
Metadata Library-Catalog
 
Introduction to Metadata
Introduction to MetadataIntroduction to Metadata
Introduction to Metadata
 
RDA: Resource Description and Access
RDA: Resource Description and AccessRDA: Resource Description and Access
RDA: Resource Description and Access
 
Managing electronic collections
Managing electronic collectionsManaging electronic collections
Managing electronic collections
 
Introduction to RDA
Introduction to RDAIntroduction to RDA
Introduction to RDA
 
Manper03 failure
Manper03 failureManper03 failure
Manper03 failure
 
BU PRSSA: What is Advertising
BU PRSSA: What is AdvertisingBU PRSSA: What is Advertising
BU PRSSA: What is Advertising
 
Abstracts & abstracting
Abstracts & abstractingAbstracts & abstracting
Abstracts & abstracting
 
Indexing or dividing_head
Indexing or dividing_headIndexing or dividing_head
Indexing or dividing_head
 
Indexing
IndexingIndexing
Indexing
 
Indexing
IndexingIndexing
Indexing
 
Abstracting
AbstractingAbstracting
Abstracting
 
5013 Indexing Presentation
5013 Indexing Presentation5013 Indexing Presentation
5013 Indexing Presentation
 

Ähnlich wie Hyperlink

Application Layer and Socket Programming
Application Layer and Socket ProgrammingApplication Layer and Socket Programming
Application Layer and Socket Programming
elliando dias
 
119163798 icnd1-practice-questions-9tut
119163798 icnd1-practice-questions-9tut119163798 icnd1-practice-questions-9tut
119163798 icnd1-practice-questions-9tut
nicolelemmimg
 

Ähnlich wie Hyperlink (20)

Konsep pembangunan tapak web & laman web
Konsep pembangunan tapak web & laman webKonsep pembangunan tapak web & laman web
Konsep pembangunan tapak web & laman web
 
Cyber security and ethical hacking 3
Cyber security and ethical hacking 3Cyber security and ethical hacking 3
Cyber security and ethical hacking 3
 
Introduction To Web Technology
Introduction To Web TechnologyIntroduction To Web Technology
Introduction To Web Technology
 
TCP/IP basics
TCP/IP basicsTCP/IP basics
TCP/IP basics
 
IP, DNS and MAC concepts
IP, DNS and MAC conceptsIP, DNS and MAC concepts
IP, DNS and MAC concepts
 
Chapter
ChapterChapter
Chapter
 
Networking 101
Networking 101Networking 101
Networking 101
 
Networking 101
Networking 101Networking 101
Networking 101
 
Networking 101
Networking 101Networking 101
Networking 101
 
Networking 101
Networking 101Networking 101
Networking 101
 
acn-practical_manual-19-20-1 final.pdf
acn-practical_manual-19-20-1 final.pdfacn-practical_manual-19-20-1 final.pdf
acn-practical_manual-19-20-1 final.pdf
 
Configure Mikrotik Khmer.pdf
Configure Mikrotik Khmer.pdfConfigure Mikrotik Khmer.pdf
Configure Mikrotik Khmer.pdf
 
Networking For Application Developers by Roy Kim
Networking For Application Developers by Roy KimNetworking For Application Developers by Roy Kim
Networking For Application Developers by Roy Kim
 
MikroTik Basic Training Class - Online Moduls - English
 MikroTik Basic Training Class - Online Moduls - English MikroTik Basic Training Class - Online Moduls - English
MikroTik Basic Training Class - Online Moduls - English
 
Konfigurasi Server Gateway dengan fitur PROXY, WEBSERVER dan DHCP
Konfigurasi Server Gateway dengan fitur PROXY, WEBSERVER dan DHCPKonfigurasi Server Gateway dengan fitur PROXY, WEBSERVER dan DHCP
Konfigurasi Server Gateway dengan fitur PROXY, WEBSERVER dan DHCP
 
Application Layer and Socket Programming
Application Layer and Socket ProgrammingApplication Layer and Socket Programming
Application Layer and Socket Programming
 
119163798 icnd1-practice-questions-9tut
119163798 icnd1-practice-questions-9tut119163798 icnd1-practice-questions-9tut
119163798 icnd1-practice-questions-9tut
 
Presentation
PresentationPresentation
Presentation
 
versa router teletronics
versa router teletronicsversa router teletronics
versa router teletronics
 
16.) layer 3 (basic tcp ip routing)
16.) layer 3 (basic tcp ip routing)16.) layer 3 (basic tcp ip routing)
16.) layer 3 (basic tcp ip routing)
 

Mehr von Bhgn. Pembangunan Bibliografik & Pemprosesan Teknikal (8)

Bida'ah dalam masyarakat
Bida'ah dalam masyarakatBida'ah dalam masyarakat
Bida'ah dalam masyarakat
 
Perkara yang Merosakkan Akidah
Perkara yang Merosakkan AkidahPerkara yang Merosakkan Akidah
Perkara yang Merosakkan Akidah
 
Isu Halal Haram Pemakanan
Isu Halal Haram PemakananIsu Halal Haram Pemakanan
Isu Halal Haram Pemakanan
 
Isu dan Cabaran Rumahtangga Masakini
Isu dan Cabaran Rumahtangga MasakiniIsu dan Cabaran Rumahtangga Masakini
Isu dan Cabaran Rumahtangga Masakini
 
Keutamaan Zakat dan Sedekah
Keutamaan Zakat dan SedekahKeutamaan Zakat dan Sedekah
Keutamaan Zakat dan Sedekah
 
Budaya Perdana Siri 01
Budaya Perdana Siri 01Budaya Perdana Siri 01
Budaya Perdana Siri 01
 
RDA
RDARDA
RDA
 
Introduction to RDA
Introduction to RDAIntroduction to RDA
Introduction to RDA
 

Kürzlich hochgeladen

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Kürzlich hochgeladen (20)

How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 

Hyperlink

  • 1. Internet & Hyperlinks WEB Oleh Ahmad Faizar Jaafar Unit Web & Digital Komponen Jabatan Pengurusan Sistem & Teknologi Maklumat (JPSTM) PTAR http://faizar.onestop.net http://faizar.multiply.com http://faizar.ning.com http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 2. What is Internet ? http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] The Internet (also known simply as the Net) is the worldwide, publicly accessible system of interconnected computer networks that transmit data by packet switching using the standard Internet Protocol (IP). It consists of millions of smaller domestic, academic, business, and government networks, which together carry various information and services, such as electronic mail , online chat , and the interlinked Web pages and other documents of the World Wide Web . Contrary to some common usage, the Internet and the World Wide Web (WWW) are not synonymous: the INTERNET is a collection of interconnected computer networks , linked by copper wires, fiber-optic cables, wireless connections etc.; the WEB(WWW) is a collection of interconnected documents , linked by hyperlinks and URLs , and is accessible using the Internet. The Internet also provides many other services including e-mail , file sharing
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Network Connectivity http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Bindings Bindings Network Adapter (0) Protocols Services Client for Microsoft Networks Gateway (and Client) Services for NetWare TCP/IP NWLink Windows Network Novell NetWare Network Windows client
  • 8. IP Addresses http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] 192.168.1.0 192.168.3.0 192.168.1.100 192.168.2.101 192.168.2.100 192.168.3.100 192.168.2.0 Host ID Network ID 192.168.1.100 IP Address
  • 9. IP Address Classes http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] w x y z Class A Network ID Host ID Class B Network ID Host ID Class C Network ID Host ID
  • 10.
  • 11. Subnets http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Router Subnet 1 Subnet 2 1 2 Hub Hub
  • 12. Subnet Masks http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] IP Address Host ID Network ID 192.168. 2.200 Subnet Mask 255.255. 0.0 192.168. IP Address 10. 50.100.200 Subnet Mask 255. 0.0.0 Network ID 10. 0.0.0 IP Address 10.50. 100.200 Subnet Mask 255.255. 0.0 Network ID 10.50. 0.0 IP Address 10.50.100. 200 Subnet Mask 255.255.255. 0 Network ID 10.50.100. 0
  • 13. http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Lab A: Determining Class Addresses and Subnet Masks
  • 14.
  • 15. Addressing Guidelines http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] The Host ID Cannot Be All Zeros The Host ID Cannot Be All 255s The First Number in the Network ID Cannot Be 127 The Host ID Must Be Unique to the Local Network ID
  • 16. Assigning Network IDs http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] 1 2 3 10. 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Router
  • 17. http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] 1 2 172.16. 0.12 172.16. 0.11 172.16. 0.10 10 .0.0.12 10 .0.0.11 10 .0.0.10 192.168.2 .11 192.168.2 .10 192.168.2. 1 10. 0.0.1 172.16. 0.1 3 10 . 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Assigning Network IDs Router
  • 19.
  • 20. Viewing TCP/IP Configuration http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address: IP address: Us e the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 . 1 . 200 192. 168 . 1 . 1 255 . 255 . 255. 0 Subnet mask : Default gateway: OK Cancel
  • 21. Static IP Addressing http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address : IP address: Us e the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 . 1 . 200 192. 168 . 1 . 1 255 . 255 . 255. 0 Subnet mask : Default gateway: OK Cancel
  • 22. Automatic IP Addressing http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings . O btain an IP address automatically U s e the following IP address: IP address: Us e the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: Subnet mask : Default gateway : OK Cancel
  • 23.
  • 24. Viewing TCP/IP Configuration Using c:gt;ipconfig http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Command Prompt Microsoft Windows 2000 [version 5.00.2195] (C) Copyright 1985-1999 Microsoft Corp. C:gt;ipconfig Windows 2000 IP Configuration Ethernet adapter Local Area Connection: Connection-specific DNS Suffix . : IP Address. . . . . . . . . . . . : 192.168.1.200 Subnet Mask . . . . . . . . . . . : 255.255.255.0 Default Gateway . . . . . . . . . : 192.168.1.1 C:gt;_
  • 25. Viewing Trace Using c:gt;tracert (ip address) http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 26.
  • 27. Viewing Trace Using http://geobytes.com/ http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 28.
  • 29.
  • 30. Intranets http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Intranet Extranet Internet
  • 31. The Internet & Web http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Client Connection Using TCP/IP Protocol Server Text, Audio, Video, and Graphics Data Internet
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. History Internet & WWW http://www.netvalley.com/intval1.html http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 40. Web Browsers http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] Mainstream Browsers (free and not free) Commercial Browsers (not free) Shareware Browsers (not free) Freeware Browsers (free) Browsers for People with Disabilities (semi)Browsers that Require IE 4/5 to Run Other Accessibility Software for the Web Demo Programs/Non-fullfledged Browsers/Mini-Browsers Obsolete browsers ~ rarely used anymore, if at all (free and not free) Clearly Obsolete browsers (free and not free) Browsers under Development Mail Readers & News Clients that Understand HTML Other Programs that can Browse the Web Offline HTML browsers (no http support) Palm-top and Hand-held Browsers (free and not free) http://www.browserlist.fmajor.com/browser-list.shtml Browser Contoh: Internet Explorer
  • 41.
  • 42.
  • 43. http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] How World Wide Web works WWW Server Methods to Use to Connect: Home user – Direct Modem Organization - LAN PC Browser Contoh: Internet Explorer
  • 44.
  • 45.
  • 46. Multimedia http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 47.
  • 48. Hypertext Markup Language http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] < HTML> <HEAD> <TITLE>Sales Report</TITLE> </HEAD> <BODY> <H2>Q3 Sales by Region</H2> </BODY> </HTML> Hypertext Markup Language ( HTML ) http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
  • 49.
  • 50. How To Make a Hyperlink http://faizar.onestop.net/ http://faizar.ning.com/ [email_address] http://www.hyperlinkcode.com/make-hyperlink.php The following is the most basic hyperlink code. To make a hyperlink, add the href attribute to the Anchor (a) tag. The href attribute can have an absolute value (http://www.hyperlinkcode.com/make-hyperlink.php) or a relative value (make-hyperlink.php). HTML Hyperlink Code Code <a href=&quot;http://www.hyperlinkcode.com&quot;>Hyperlink Code</a> Output > Hyperlink Code Code In Context Make <a href=&quot;http://www.hyperlinkcode.com&quot;>Hyperlink Code</a> easily. Output> Make Hyperlink Code easily.
  • 51. What is Hyperlink A  hyperlink , or simply a  link , is a reference in a  hypertext  document to another document or other resource. It is similar to a  citation  in literature. Combined with a data network and suitable access protocol, it can be used to fetch the resource referenced. This can then be saved, viewed, or displayed as part of the referencing document. The most common type of hyperlink is the  URL  used in the  World Wide Web . A  web browser  usually displays a hyperlink in some distinguishing way, e.g. in a different colour, font or style. http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67. http://koleksi.uitm.edu.my/eqps/ http://faizar.onestop.net/ http://faizar.ning.com/ [email_address]
  • 68.

Hinweis der Redaktion

  1. 1957: The United States Department of Defense formed a small agency called ARPA (Advanced Research Projects Agency) to develop military science and technology. 1961-1965: The Massachusetts Institute of Technology (MIT) started to research sharing information in small, phone-linked networks. ARPA is one of their main sponsors. 1966: The first ARPANET plan is unveiled by Larry Roberts of MIT. Packet switching technology is getting off the ground, and small university networks are beginning to be developed. 1969: The Department of Defense commissions the fledgling ARPAnet for network research. The first official network nodes were UCLA, Standford Research Institute,UCSB, and the University of Utah. The first node to node message was sent from UCLA to SRI. 1971: more nodes join the network, bringing the total to 15. These new nodes include Harvard and NASA. 1973: ARPAnet goes global when the the University College of London and Norway&apos;s Royal Radar Establishment join up. 1974: Network intercommunication is becoming more sophisticated; data is now transmitted more quickly and efficiently with the design of TCP (Transmission Control Program). 1976: Unix is developed at AT and T; Queen Elizabeth sends out her first email message. 1979: USENET, the mother of all networked discussion groups, is developed. 1982: Internet technology protocols are developed, commonly known as TCP/IP (Transmission Control Protocol and Internet Protocol). This leads to one of the first definitions of an &amp;quot;internet&amp;quot; being a connected set of networks. 1984: Number of hosts is now up to 1000, with more being added every day. 1985: The first registered domain is Symbolics.com. 1987: Number of hosts breaks the 10,000 mark. 1988: First large-scale Internet worm affects thousands of Internet hosts. 1991: Tim Berners-Lee develops the World Wide Web.
  2. Kimberly, the or has to be in the same build as “If no IP Address returned, and the second (bottom 2) has to come after the blue arrow pointing to it.
  3. 1991: Tim Berners-Lee develops the World Wide Web. 1993: The World Wide Web&apos;s annual growth is now at a staggering 341,634%. 1994: ARPAnet celebrates 25th anniversary. 1995-1997: RealAudio introduces Internet streaming technology, dial-up systems emerge (America Online, Compuserve), the Internet backbone continues to be strengthened with the addition of MCI, Microsoft and Netscape fight for WWW browser supremacy, and there are now more than 70,000 mailing lists. 1998-present: The Internet continues to experience staggering growth. More people use the Internet to get connected to others, find information, conduct business, and share information than ever before in history.
  4. http://old.no/icon/applications/
  5. KEY OBJECTIVES: Establish a baseline of a simple HTML page that everyone can understand Show that just by looking at the tags, it’s possible to see what a page will look like Now the key to understanding how easy it is to use ColdFusion is to take a look at how the dynamic pages are created. To begin with here on the screen we have a very basic HTML page that is not being dynamically generated. Those of you familiar with HTML know what this page will display by just looking at the HTML code. [CLICK1] This page will simply place a heading of ‘Sales Report’ on our web page and a title “Q3 Sales by Region” Now let’s create a dynamic ColdFusion page using this HTML file as a foundation.