Asas Pelayaran Internet, Asas Pelayaran Internet, WEB & eMailWEB & eMail
OlehOleh
Ahmad Faizar JaafarAhmad Faizar JaafarUnit Web & Digital KomponenUnit Web & Digital Komponen
Bahagian Sistem & Teknologi Maklumat Bahagian Sistem & Teknologi Maklumat
(BSTM) PTAR(BSTM) PTAR
http://faizar.onestop.nethttp://faizar.onestop.net
http://faizar.multiply.comhttp://faizar.multiply.com
Asas Pelayaran Laman WEBAsas Pelayaran Laman WEB Tahap Tahap : Asas : Asas
Panjang Kursus : 1 hariPanjang Kursus : 1 hari
Objektif KursusObjektif KursusUntuk mengetahui konsep-konsep asas laman web dan Untuk mengetahui konsep-konsep asas laman web dan internetinternetMelayari serta belajar kaedah pencarian maklumat di laman Melayari serta belajar kaedah pencarian maklumat di laman web dengan menggunakan web bowser dan keperluan web web dengan menggunakan web bowser dan keperluan web browser (plugin dsb)browser (plugin dsb)Mendaftar email dan beberapa kemudahan percuma yang Mendaftar email dan beberapa kemudahan percuma yang ada di laman web( spt kalendar, blog, portal)ada di laman web( spt kalendar, blog, portal)Melayari dan mengunakan kemudahan applikasi online uitmMelayari dan mengunakan kemudahan applikasi online uitmMenggunakan kemudahan multimediaMenggunakan kemudahan multimedia
PROGRAMPROGRAM
8.30 pagi 8.30 pagi Peserta Mengambil TempatPeserta Mengambil Tempat 8.45 pagi 8.45 pagi Bahagian PertamaBahagian Pertama -Pengenalan -Pengenalan
Internet & wwwInternet & www 9.45 pagi 9.45 pagi Rehat Rehat 10.00 pagi 10.00 pagi Melayari serta belajar kaedah Melayari serta belajar kaedah
pencarian maklumat di laman web pencarian maklumat di laman web dengan menggunakan web bowser dengan menggunakan web bowser
dan dan keperluan web browser (plugin dsb) keperluan web browser (plugin dsb) 12.30 t/hari 12.30 t/hari RehatRehat 2.00 ptg 2.00 ptg Bahagian KeduaBahagian Kedua - Melayari dan - Melayari dan
mengunakan kemudahan applikasi mengunakan kemudahan applikasi online uitm online uitm
3.00 ptg 3.00 ptg RehatRehat 3.15 ptg 3.15 ptg Menggunakan kemudahan Menggunakan kemudahan
multimedia multimedia 4.30 ptg 4.30 ptg BersuraiBersurai
Learn
Discover
Apa di Internet?Apa di Internet?
Web definitions for Web definitions for InternetInternet
The Internet (also known simply as the Net) is the worldwide, publicly The Internet (also known simply as the Net) is the worldwide, publicly accessible system of interconnected accessible system of interconnected computer networkscomputer networks that transmit that transmit datadata by by packet switchingpacket switching using the standard using the standard Internet ProtocolInternet Protocol (IP). (IP).
It consists of millions of smaller domestic, academic, business, and government It consists of millions of smaller domestic, academic, business, and government networks, which together carry various networks, which together carry various informationinformation and services, such as and services, such as electronic mailelectronic mail, , online chatonline chat, and the interlinked , and the interlinked Web pagesWeb pages and other and other documents of the documents of the World Wide WebWorld Wide Web..
Contrary to some common usage, the Internet and the Contrary to some common usage, the Internet and the World Wide WebWorld Wide Web are are not synonymous: the Internet is a collection of interconnected not synonymous: the Internet is a collection of interconnected computer computer networksnetworks, linked by , linked by coppercopper wires, wires, fiber-opticfiber-optic cables, cables, wirelesswireless connections connections etc.; the Web is a collection of interconnected etc.; the Web is a collection of interconnected documentsdocuments, linked by , linked by hyperlinkshyperlinks and and URLsURLs, and is accessible using the Internet. The Internet also , and is accessible using the Internet. The Internet also provides many other services including provides many other services including e-maile-mail, , file sharingfile sharing
Internet HistoryInternet History• • 19571957- The USSR launches Sputnik, the first artificial earth - The USSR launches Sputnik, the first artificial earth
satellite. In response,the United States forms the satellite. In response,the United States forms the Advanced Research Projects Agency (ARPA) Advanced Research Projects Agency (ARPA) within the within the Department of Defense (Department of Defense (DoDDoD)) to establish US lead in science to establish US lead in science and technology applicable to the military.and technology applicable to the military.
• • ARPANET, used Network Control Protocol (NCP) as its ARPANET, used Network Control Protocol (NCP) as its transmission protocol from 1969 to 1982, when NCP was transmission protocol from 1969 to 1982, when NCP was replaced with the now widespread TCP-IP (Transmission replaced with the now widespread TCP-IP (Transmission Control Protocol - Internet Protocol).Control Protocol - Internet Protocol).
• • 1982:1982: Internet technology protocols are developed, commonly Internet technology protocols are developed, commonly known as TCP/IP (Transmission Control Protocol and Internet known as TCP/IP (Transmission Control Protocol and Internet Protocol). This leads to one of the first definitions of an Protocol). This leads to one of the first definitions of an "internet" being a connected set of networks."internet" being a connected set of networks.
The rest is historyThe rest is historyhttp://www.internet-story.comhttp://www.internet-story.comhttp://ben.home.cern.ch/ben/TCPHIST.htmlhttp://ben.home.cern.ch/ben/TCPHIST.htmlhttp://http://www.computerhistory.org/exhibits/internet_historywww.computerhistory.org/exhibits/internet_history//http://www.davesite.com/webstation/net-history.shtmlhttp://www.davesite.com/webstation/net-history.shtmlhttp://www.pbs.org/opb/nerds2.0.1/timeline/index.htmlhttp://www.pbs.org/opb/nerds2.0.1/timeline/index.htmlhttp://websearch.about.com/od/whatistheinternet/a/historyinternhttp://websearch.about.com/od/whatistheinternet/a/historyinternet.htm?termset.htm?terms==internet+historyinternet+history
Overview Of InternetOverview Of Internet
Classful IP AddressingClassful IP Addressing Subnetting a NetworkSubnetting a Network Planning IP AddressingPlanning IP Addressing Assigning TCP/IP AddressesAssigning TCP/IP Addresses
•Classful IP Classful IP AddressingAddressing
IP AddressesIP Addresses IP Address ClassesIP Address Classes
Network ConnectivityNetwork Connectivity
Bindings
Bindings
Network Adapter (0)Network Adapter (0)
ProtocolsProtocols
ServicesServicesClient for MicrosoftClient for MicrosoftNetworksNetworks
Client for MicrosoftClient for MicrosoftNetworksNetworks
Gateway (and Client) Gateway (and Client) Services for NetWareServices for NetWare Gateway (and Client) Gateway (and Client) Services for NetWareServices for NetWare
TCP/IPTCP/IPTCP/IPTCP/IP NWLinkNWLinkNWLinkNWLink
Windows Windows NetworkNetwork
Windows Windows NetworkNetwork
Novell NetWareNovell NetWareNetworkNetwork
Novell NetWareNovell NetWareNetworkNetwork
Windows client
IP AddressesIP Addresses
192.168.1.0192.168.1.0 192.168.3.0192.168.3.0
192.168.1.100192.168.1.100 192.168.2.101192.168.2.101
192.168.2.100192.168.2.100 192.168.3.100192.168.3.100
192.168.2.0192.168.2.0
192.168.1.100192.168.1.100192.168.1.100192.168.1.100IPAddress
Host IDHost ID
Network IDNetwork ID
IP Address ClassesIP Address Classes
ww xx yy zz
Class A Network IDNetwork IDNetwork IDNetwork ID Host IDHost ID
Class B Network IDNetwork IDNetwork IDNetwork ID Host IDHost ID
Class C Network IDNetwork IDNetwork IDNetwork ID Host IDHost ID
•Subnetting a Subnetting a NetworkNetwork
SubnetsSubnets Subnet MasksSubnet Masks Determining Local and Determining Local and
Remote HostsRemote Hosts
SubnetsSubnets
RouterRouter
Subnet 1 Subnet 2
1111 2222
HubHub HubHub
Subnet MasksSubnet Masks
IPAddress
Host IDNetwork ID
192.168.192.168.192.168.192.168. 2.200
SubnetMask 255.255.255.255.255.255.255.255. 0.00.0
192.168.
IPAddress 10.10.10.10. 50.100.20050.100.200
SubnetMask 255.255.255.255. 0.0.00.0.0
NetworkID 10.10.10.10. 0.0.00.0.0
IPAddress 10.50.10.50.10.50.10.50. 100.200100.200
SubnetMask 255.255.255.255.255.255.255.255. 0.00.0
NetworkID 10.50.10.50.10.50.10.50. 0.00.0
IPAddress 10.50.100.10.50.100.10.50.100.10.50.100. 200200
SubnetMask 255.255.255.255.255.255.255.255.255.255.255.255. 00
NetworkID 10.50.100.10.50.100.10.50.100.10.50.100. 00
Lab A: Determining Class Addresses and Subnet Masks
•Planning IP Planning IP AddressingAddressing
Addressing GuidelinesAddressing Guidelines Assigning Network IDsAssigning Network IDs Assigning Host IDsAssigning Host IDs
Addressing Addressing GuidelinesGuidelines
The Host ID Cannot Be All Zeros The Host ID Cannot Be All Zeros
The Host ID Cannot Be All 255s The Host ID Cannot Be All 255s
The First Number in the Network ID Cannot Be 127 The First Number in the Network ID Cannot Be 127
The Host ID Must Be Unique to the Local Network ID The Host ID Must Be Unique to the Local Network ID
Assigning Network Assigning Network IDsIDs
1111 2222
3333
RouterRouter
10.0.0.010.0.0.0 192.168.2.0192.168.2.0 172.16.0.0172.16.0.0
Assigning Host IDsAssigning Host IDs
1111 2222
RouterRouter
172.16. 0.12172.16. 0.12
172.16. 0.11172.16. 0.11
172.16. 0.10172.16. 0.10
10.0.0.1210.0.0.12
10.0.0.1110.0.0.11
10.0.0.1010.0.0.10
192.168.2.11192.168.2.11
192.168.2.10192.168.2.10
192.168.2.1192.168.2.1
10.0.0.110.0.0.1 172.16. 0.1172.16. 0.1
3333
10.0.0.010.0.0.0 192.168.2.0192.168.2.0 172.16.0.0172.16.0.0
Lab B: Identifying Valid IP Addresses
•Assigning TCP/IP Assigning TCP/IP AddressesAddresses
Static IP AddressingStatic IP Addressing Automatic IP AddressingAutomatic IP Addressing Viewing TCP/IP ConfigurationViewing TCP/IP Configuration Viewing TCP/IP ConfigurationViewing TCP/IP Configuration
Using IpconfigUsing Ipconfig
Viewing TCP/IP Viewing TCP/IP ConfigurationConfigurationInternet 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.
Obtain an IP address automatically
Use the following IP address:
IP address:
Use the following DNS server addresses:
Preferred DNS server:
Obtain DNS server address automatically
Advanced...
Alternate DNS server:
192 . 168 . 1 . 200
192. 168 . 1 . 1
255 . 255 . 255. 0Subnet mask :
Default gateway:
OK Cancel
Static IP Static IP AddressingAddressing
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.
Obtain an IP address automatically
Use the following IP address:
IP address:
Use the following DNS server addresses:
Preferred DNS server:
Obtain DNS server address automatically
Advanced...
Alternate DNS server:
192 . 168 . 1 . 200
192. 168 . 1 . 1
255 . 255 . 255. 0Subnet mask :
Default gateway:
OK Cancel
Automatic IP Automatic IP AddressingAddressing
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.
Obtain an IP address automatically
Use the following IP address:
IP address:
Use the following DNS server addresses:
Preferred DNS server:
Obtain DNS server address automatically
Advanced...
Alternate DNS server:
Subnet mask :
Default gateway:
OK Cancel
Configuring TCP/IP to Obtain an IP Configuring TCP/IP to Obtain an IP Address AutomaticallyAddress Automatically
Assign IP address Assign IP address of 192.168.120.133 of 192.168.120.133
Assign IP address Assign IP address of 192.168.120.133 of 192.168.120.133
DHCP Client DHCP Server
Request for IP addressRequest for IP address Request for IP addressRequest for IP address
DHCP Automatically Assigns IP Addresses and Other Configuration DHCP Automatically Assigns IP Addresses and Other Configuration Information to DHCP ClientsInformation to DHCP Clients
Automatic Private IP Addressing Enables the Configuration of IP Addresses Automatic Private IP Addressing Enables the Configuration of IP Addresses
Without Using Static IP Addresses or Installing the DHCP Server Service.Without Using Static IP Addresses or Installing the DHCP Server Service.
Automatic Private Automatic Private IP AddressingIP Addressing
Generates IP AddressGenerates IP Address
Automatic Private Automatic Private IP AddressingIP Addressing
Generates IP AddressGenerates IP Address
If No IP Address Returned
If No IP Address Returned
OR
Viewing TCP/IP Viewing TCP/IP Configuration Using c:\Configuration Using c:\>ipconfig>ipconfig
Command Prompt
Microsoft Windows 2000 [version 5.00.2195](C) Copyright 1985-1999 Microsoft Corp.
C:\>ipconfig
Windows 2000 IP Configuration
Ethernet adapter Local Area Connection:
Connection-specific DNS Suffix . :IP Address. . . . . . . . . . . . : 192.168.1.200Subnet Mask . . . . . . . . . . . : 255.255.255.0Default Gateway . . . . . . . . . : 192.168.1.1
C:\>_
Viewing Trace Using c:\Viewing Trace Using c:\>tracert (ip address)>tracert (ip address)
Viewing Trace Using Viewing Trace Using http://geobytes.com/http://geobytes.com/
Lab C: Examining the Configuration of TCP/IP
Verifying and Testing a Verifying and Testing a TCP/IP ConfigurationTCP/IP ConfigurationVerify and Test Configuration Process Verify and Test Configuration Process Verify and Test Configuration Process Verify and Test Configuration Process
IpconfigIpconfig
Ping 127.0.0.1 (loopback address)Ping 127.0.0.1 (loopback address)
Ping IP address of the local computerPing IP address of the local computer
Ping IP address of the default gatewayPing IP address of the default gateway
Ping IP address of the remote hostPing IP address of the remote host
Internet Internet ProtocolsProtocols
Internet
FTPFTP SMTPSMTP NNTPNNTP HTTPHTTP HTTPSHTTPS HTMLHTML DHTMLDHTML
Server
Data
Client
Connection Using anInternet Protocol
Internet ServicesInternet Services
Internet
TelnetTelnet File Transfer Protocol (FTP)File Transfer Protocol (FTP) Electronic MailElectronic Mail (e-mail) (e-mail) World Wide Web (WWW)World Wide Web (WWW) ChatChat Internet NewsInternet News
•Using Client TechnologiesUsing Client Technologies
NewsreadersNewsreaders Web BrowsersWeb Browsers Internet ProtocolsInternet Protocols Uniform Resource Locator (URL)Uniform Resource Locator (URL)
NewsreaderNewsreaderss
msnews.microsoft.com - Outlook ExpressFile Edit Tools Message Help
New Post Reply GroupReply Group ReplyReply ForwardForward PrintPrint StopStop Send/Recv Addresses Find Newsgroups
msnews.microsoft.comFolders
msnews.microsoft.comSynchronization of Newsgroups on msnews.microsoft.comTo change offline settings, first select a newsgroup, then click Settings
Synchronize Account Newsgroups... SettingsSettings
Newsgroup Unread Total
microsoft.public.ddk.win2000.general (18)microsoft.public.ddk.win2000.networkmicrosoft.public.ddk.win2000.setup (3)microsoft.public.win2000.accessibilitymicrosoft.public.win2000.advancedservmicrosoft.public.win2000.announcemenmicrosoft.public.win2000.app_deploymicrosoft.public.win2000.applicationsmicrosoft.public.win2000.clusterservicemicrosoft.public.win2000.networkingmicrosoft.public.win2000.outlook.expiresmicrosoft.public.win2000.printingmicrosoft.public.win2000.radiusmicrosoft.public.win2000.ras_routingmicrosoft.public.win2000.securitymicrosoft.public.win2000.setupmicrosoft.public.win2000.setup.deploymmicrosoft.public.win2000.setup.upgrademicrosoft.public.win2000.storagemicrosoft.public.win2000.system_adminmicrosoft.public.win2000.terminal_srvmicrosoft.public.win2000.terminal_srv_hmicrosoft.public.win2000.user_interface
microsoft.public.ddk.win2000.generalmicrosoft.public.ddk.win2000.networkmicrosoft.public.ddk.win2000.setup microsoft.public.win2000.accessibilitymicrosoft.public.win2000.advancedservermicrosoft.public.win2000.announcementsmicrosoft.public.win2000.applications microsoft.public.win2000.app_deploymicrosoft.public.win2000.clusterservicemicrosoft.public.win2000.networkingmicrosoft.public.win2000.outlook.expressmicrosoft.public.win2000.printingmicrosoft.public.win2000.radiusmicrosoft.public.win2000.ras_routingmicrosoft.public.win2000.securitymicrosoft.public.win2000.setupmicrosoft.public.win2000.setup.deploymentmicrosoft.public.win2000.setup.upgrademicrosoft.public.win2000.storagemicrosoft.public.win2000.system_admin
18536
1386
152
2163112113
84714
102
1812
36
1386
182
2164142113
84
1054
102
Web BrowsersWeb Browsers
Windows 2000 Server Overview - Microsoft Internet ExplorerFile Edit View Favorites Tools Help
Back Search Favorites HistoryAddress http://www.microsoft.com/windows2000/server/overview/default.asp Go
All products Support Search microsoft.com Guide
Windows Home PagesWindows 2000 Home Page
Product GuideWindows 2000 PlatformClientServer
Technical LibraryUpgrading to Window 2000Beta UsersIT ProsDevelopers
Search for: GoHome Product Guide
Windows 2000 Server Family
ServerServer FeaturesSystem RequirementsWhat Others are SayingComparisons
With the Windows® 2000 Server operating system, Microsoft has accomplished a goal rarely achieved in the software industry: delivered a product that is evolutionary and revolutionary at the same time. Evolutionary in that Windows 2000 builds on the great things about the Windows NT® Server 4.0 operating system. Revolutionary in that Windows 2000 Server sets a new standard for how well am operating system can be integrated with Web, application, networking, communication, and infrastructureservices. For the first time, you have an easy choice to make about the next server
operating system you deploy - whatever your needs. Continued
Browse the features that make the Windows 2000 Server Family the leading solution for running more reliable and manageable file, print, intranet, communications, e-commerce, and infrastructure server.Find out what it takes to run Windows 2000 Server and Windows 2000 Advanced Server.Check out the buzz on Windows 2000 Server: reviews and commentary from technology journalists and industry analysts.See how Windows 2000 Server compares with other operating systems.
The InternetThe Internet
Client
Connection UsingTCP/IP Protocol
Internet
Server
Text, Audio, Video, and Graphics Data
IntranetIntranetss
Intranet
Extranet
Internet
OverviewOverview
Identifying Internet ConceptsIdentifying Internet Concepts Using Client TechnologiesUsing Client Technologies Connecting to the InternetConnecting to the Internet Identifying Web Server ConceptsIdentifying Web Server Concepts
•Identifying Internet ConceptsIdentifying Internet Concepts
The InternetThe Internet Internet ServicesInternet Services IntranetsIntranets Domain NamingDomain Naming
History of the WebHistory of the Web
• • Tim Berners- Lee “invented” the Web Tim Berners- Lee “invented” the Web in 1990 writing the first Web server in 1990 writing the first Web server and browser.and browser.
• • Marc Andreesen exposed the Web to Marc Andreesen exposed the Web to the masses with Mosaic the first GUI the masses with Mosaic the first GUI Web browser in 1993.Web browser in 1993.
• • The rest is history...The rest is history... History WWWHistory WWW
http://www.netvalley.com/intval1.htmlhttp://www.netvalley.com/intval1.html http://ben.home.cern.ch/ben/TCPHIST.htmlhttp://ben.home.cern.ch/ben/TCPHIST.html
SejarahSejarah Internet & WWW Internet & WWW http://www.netvalley.com/intval1.htmlhttp://www.netvalley.com/intval1.html
ReviewReview
Identifying Internet ConceptsIdentifying Internet Concepts Using Client TechnologiesUsing Client Technologies Connecting to the InternetConnecting to the Internet Identifying Web Server ConceptsIdentifying Web Server Concepts
Lab B: Identifying Web Concepts
Web BrowsersWeb Browsers
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 RunOther Accessibility Software for the WebDemo Programs/Non-fullfledged Browsers/Mini-BrowsersObsolete browsers ~ rarely used anymore, if at all (free and not free)Clearly Obsolete browsers (free and not free)Browsers under DevelopmentMail Readers & News Clients that Understand HTMLOther Programs that can Browse the WebOffline HTML browsers (no http support)Palm-top and Hand-held Browsers (free and not free)
http://www.browserlist.fmajor.com/browser-list.shtml
Among Popular BrowserAmong Popular Browser
Web BrowsersWeb Browsers
Web BrowserWeb Browser MozillaMozilla
dir.yahoo.com/.../Browsers/Mozilla dir.yahoo.com/.../Browsers/Mozilla
NetscapeNetscape dir.yahoo.com/.../Browsers/Netscape dir.yahoo.com/.../Browsers/Netscape
OperaOpera dir.yahoo.com/.../Browsers/Opera dir.yahoo.com/.../Browsers/Opera
SafariSafari dir.yahoo.com/.../Browsers/Safari dir.yahoo.com/.../Browsers/Safari
Microsoft Internet Explorer (IE)Microsoft Internet Explorer (IE) (29) (29) dir.yahoo.com/.../Browsers/Microsoft_Internet_Explorer__IE_ dir.yahoo.com/.../Browsers/Microsoft_Internet_Explorer__IE_
LynxLynx (13) (13) dir.yahoo.com/.../Browsers/Lynx dir.yahoo.com/.../Browsers/Lynx
AmayaAmaya W3C's testbed browser.W3C's testbed browser.www.w3.org/Amaya www.w3.org/Amaya
KonquerorKonqueror Unix-based Web browser, file manager, and universal viewer from KDE.Unix-based Web browser, file manager, and universal viewer from KDE.www.konqueror.org www.konqueror.org
Bagaimana World Wide Web berfungsi
WWW ServerWWW ServerBrowserContoh:
Internet Explorer
BrowserContoh:
Internet Explorer
Methods to Use to Connect: Home user – Direct Modem Organization - LAN
PCPC
EMAILEMAIL
EMAILEMAIL
Among Popular emailAmong Popular email
Multimedia Multimedia
Internet ProtocolsInternet Protocols
Internet
HTTPHTTP HTTPSHTTPS FTPFTP SMTPSMTP NNTPNNTP HTMLHTML DHTMLDHTML
Server
Data
Client
Connection Using anInternet Protocol
Hypertext Markup LanguageHypertext Markup Language<HTML>
<HEAD>
<TITLE>Sales Report</TITLE>
</HEAD>
<BODY>
<H2>Q3 Sales by Region</H2>
</BODY>
</HTML>
Hypertext Markup Language ( HTML )
Hypertext Markup LanguageHypertext Markup Language Generally text is unformatted in your Web Generally text is unformatted in your Web
documents. However, to emphasize specific documents. However, to emphasize specific letters, words, or phrases you can use some text letters, words, or phrases you can use some text formatting options including boldfacing and formatting options including boldfacing and italicizing. Depending on your browser, you may italicizing. Depending on your browser, you may also be able to add underlining to emphasize also be able to add underlining to emphasize characters. The following examples show the characters. The following examples show the code for boldfacing and italicizing. code for boldfacing and italicizing.
<B><B>This is bold.This is bold.</B></B><STRONG><STRONG>This is also bold.This is also bold.</STRONG></STRONG>
<I><I>This is italics.This is italics.</I></I><EM><EM>This is also italics.This is also italics.</EM> </EM>
Heading StylesHeading StylesHeading styles are used to emphasize different levels of information Heading styles are used to emphasize different levels of information
in Web documents. Heading style level one (H1) is the largest. in Web documents. Heading style level one (H1) is the largest. The phrase "formatting basics" at the top of this page is an The phrase "formatting basics" at the top of this page is an example of heading one. Heading styles range from level one example of heading one. Heading styles range from level one (the largest) to the level six (the smallest). In addition to the font (the largest) to the level six (the smallest). In addition to the font size, heading styles also include boldfacing and/or italicizing and size, heading styles also include boldfacing and/or italicizing and some paragraph spacing. some paragraph spacing.
Text Formatted as Heading Level with Code Sample Text Formatted as Heading Level with Code Sample
<H1>Heading 1</H1><H1>Heading 1</H1>Heading 1Heading 1<H4>Heading 4</H4><H4>Heading 4</H4>Heading 4Heading 4<H2>Heading 2</H2><H2>Heading 2</H2>Heading 2Heading 2<H5>Heading 5</H5><H5>Heading 5</H5>Heading 5Heading 5<H3>Heading 3</H3><H3>Heading 3</H3>Heading 3Heading 3<H6>Heading 6</H6><H6>Heading 6</H6>Heading 5Heading 5
Uniform Resource Locator Uniform Resource Locator (URL)(URL)
URL URL (http://example.microsoft.com/tutorial/default.html)(http://example.microsoft.com/tutorial/default.html)• Protocol used (http://)Protocol used (http://)• DNS address (example.microsoft.com)DNS address (example.microsoft.com)• Path on the server (/tutorial/default.html)Path on the server (/tutorial/default.html)
http://example.microsoft.com/tutorial/default.htmlhttp://example.microsoft.com/tutorial/default.html
Domain NamingDomain Naming
Domain Name (istudent.uitm.edu.my)Domain Name (istudent.uitm.edu.my)• Top-level domain (edu)Top-level domain (edu)• Second-level domain (uitm.edu)Second-level domain (uitm.edu)• Subdomain (istudent.uitm.edu.my)Subdomain (istudent.uitm.edu.my)
eduedu
istudent,.uitm.edu.myistudent,.uitm.edu.my
uitm.eduuitm.edu
Static Static vs Static Static vs Dynamic Web SiteDynamic Web Site
Static Web SiteStatic Web Site• • HTML page content is HTML page content is
same for each requestsame for each request• • Change to content Change to content
requires HTML page editrequires HTML page edit• • No user interactionNo user interaction• • No access to live dataNo access to live data•“ •“ Web Site”Web Site”
Static Static vs Static Static vs Dynamic Web SiteDynamic Web Site
Dynamic Web Site• HTML pages dynamically enerated for each request• Content changes based on data, user login, etc.• Allows user interaction• Access to data real- time• “Web Application”
Dynamic Web SitesDynamic Web Sites
• • Web serverWeb server• • responds to HTTP requests and retrieves responds to HTTP requests and retrieves
resourcesresources• • Expand Web server capabilities by Expand Web server capabilities by
providing a gateway between it and providing a gateway between it and external programsexternal programs
• • Common Gateway Interface (CGI)Common Gateway Interface (CGI)• • uses standard I/ Ouses standard I/ O• • new process for each requestnew process for each request• • slow and inefficientslow and inefficient
Dynamic Web Sites cont.Dynamic Web Sites cont.
• • NSAPI, ISAPINSAPI, ISAPI
• • Web Server APIWeb Server API
• • runs in- process, making it faster than CGIruns in- process, making it faster than CGI
• • Java ServletsJava Servlets
Lab A: Accessing an FTP Site by Using Internet Explorer
•Connecting to the InternetConnecting to the Internet
Network Address Translators Network Address Translators (NATs)(NATs)
Proxy ServersProxy Servers FirewallsFirewalls Microsoft Proxy Server Microsoft Proxy Server
Network Address Translators Network Address Translators (NATs)(NATs)
Internet
192.168.0.10192.168.0.10
w1.x1.y1.z1w1.x1.y1.z1
w2.x2.y2.z2w2.x2.y2.z2
Web Browser
NAT
Web Server
Proxy ServersProxy Servers
Internet
Proxy Server
AuthorizedWeb Site
Restricted Web Site
LAN
LAN
LAN
FirewallsFirewalls
LAN
LAN
LAN
Internet
Firewall
AuthorizedUser
Unauthorized User
Microsoft Proxy ServerMicrosoft Proxy Server
LAN
LAN
LAN
Internet
Microsoft Proxy Server
AuthorizedUser or Web Site
Unauthorized User or Web Site
Defining a Web ServerDefining a Web Server Microsoft Internet Information Microsoft Internet Information
Services (IIS) Services (IIS)
Identifying Web Server ConceptsIdentifying Web Server Concepts
Defining a Web ServerDefining a Web Server
Web ServerClient with Web Browser
Network
TCP/IPTCP/IP TCP/IPTCP/IP
HTTPHTTP
IP AddressIP Address
Internet ExplorerInternet Explorer
HTTPHTTP
Features of IIS
Microsoft Internet Microsoft Internet Information Services (IIS)Information Services (IIS)
Indexing ServiceIndexing Service Secure Sockets LayerSecure Sockets Layer Windows Media ServicesWindows Media Services Additional Developer Additional Developer
SupportSupport• Active Server PagesActive Server Pages• VBScript and JavaScript VBScript and JavaScript
supportsupport• Remote administrationRemote administration
Internet
IIS
Big PictureBig Picture
User User Interface
user User interface Web server applicationserver
Database
Keperluan host laman webKeperluan host laman web
Perkakasan / Hardware Perkakasan / Hardware • Ada beberapa jenamaAda beberapa jenama
Perisian / SoftwarePerisian / Software• Ada beberapa jenamaAda beberapa jenama• http://www.serverwatch.com/stypes/http://www.serverwatch.com/stypes/• http://http://
www.serverwatch.com/stypes/compare/index.pwww.serverwatch.com/stypes/compare/index.phphp//
• http://search.about.com/fullsearch.htm?terms=http://search.about.com/fullsearch.htm?terms=Internet%20%20HTTP%20%20web%20%20serInternet%20%20HTTP%20%20web%20%20serverver
Asas Pelayaran Internet, Asas Pelayaran Internet, WEB & eMailWEB & eMail
OlehOleh
Ahmad Faizar JaafarAhmad Faizar JaafarUnit Web & Digital KomponenUnit Web & Digital Komponen
Bahagian Sistem & Teknologi Maklumat Bahagian Sistem & Teknologi Maklumat
(BSTM) PTAR(BSTM) PTAR
http://faizar.onestop.nethttp://faizar.onestop.net
http://faizar.multiply.comhttp://faizar.multiply.com