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