HTML for ISD

Brown Bag PresentationSession 1

Why?

What will be covered?

TerminologyHistory of the InternetHTMLBrowsersWeb environment at Selective

Notes?

http://home.selectiveinsurance.com/brown_bag

Quiz

Internet TimeHow long is one ‘web year’?

Answer

2.6 calendar months = 1 web year

Terminology

Internet - A standards based public network. The Internet is a loose association of thousands of networks and millions of computers across the world that all work together to share information.

Terminology

Intranet - A private network for internal users using Internet technology. It is a smaller version of the Internet that only the members of an organization can see.

Terminology

Extranet - A private network for internal and external users using Internet technology. Extranets are becoming a very popular means for business partners to exchange information.

Terminology

They all use the same technology.The difference is scope and audience not hardware and software.

Terminology Links:

http://webopedia.internet.com/

http://www.intranetroadmap.com/whatis.cfm

http://www.learnthenet.com/english/index.html

http://coverage.cnet.com/Content/Features/Techno/Networks/ss01.html

http://www.albany.edu/library/internet/internet.html

Internet Timeline

1945 Vennevar Bush publishes paper on memex

1958 ARPA formed

1969 ARPANET online with 4 sites

1971 Telnet

1972 Email

1973 FTP

1974 TCP

Internet Timeline

Internet Timeline

1979 Usenet

1982 TCP/IP

1984 DNS

1989 Web

Internet Timeline

1990 Archie, end of ARPANET

1991 Gopher, Browser

1992 Veronica

1995 Web becomes top Internet service

Names to Remember

Tim Berners-Lee invented the World Wide Web in late 1990 while working at CERN, the European Particle Physics Laboratory in Geneva, Switzerland. He wrote the first WWW client (a browser-editor running under NeXTStep) and the first WWW server along with most of the communications software, defining URLs, HTTP and HTML. He is a graduate of Oxford University.

First Web Browser (1990)

Names to Remember

In 1993 Marc Andreesen was an undergraduate student at the University of Illinois working on a project for the National Center for Supercomputing Applications (NCSA) when he led a team that developed the graphic interface browser called Mosaic. He left NCSA in March 1994 and formed a company later known as Netscape Communication Corporation.

Internet History Links

http://www.isoc.org/internet/history/

http://www.isoc.org/guest/zakon/Internet/History/HIT.html

http://www.pbs.org/opb/nerds2.0.1/index.html

Terminology

URL - Uniform Resource Locator"if it's out there, we can point at it”

http://home.selectiveinsurance.com

Terminology

HTMLHyper Text Markup Language

HTML Hyper Text Markup Language

HTML is a collection of formatting commands that create hypertext documents--Web pages, to be exact.

Terminology

HTML HTML provides a device-independent way of describing information. The elements of HTML describe what your information is, not how it should be displayed.

Terminology

What HTML is notNot a programming language

Not a publishing solution in the exact-placement, printed page sense.

Terminology

Browser

Interface to the World Wide Web

It interprets hypertext links and lets you view sites and navigate from one Internet node to another.

Browser Flavors

Internet Explorer Netscape Everyone else

Mosaic Opera Lynx

How it works

Browser program running on a ‘host’ (PC) requests a web page

Web server gets the page and sends it to requestor.

If the page contains graphics, each file generates another request.

How it works

Web Server

Web Browser

Request

Service

Service

Service

How it works

Once the pieces have been received, the browser renders the page.

Variations on a theme

Internet Explorer Netscape

Selective’s Environment

Ethernet

Token Ring

Ethernet

home.selectiveinsurance.com home3.selectiveinsurance.com home4.selectiveinsurance.com

test.selectiveinsurance.comdev.selectiveinsurance.com

Oracle(PCLM)

DB2(Prod)

SQL Server(test)

Oracle(FRAPP)

Oracle(TCLM)

Oracle(FRAPT)

DB2(Test)

LDAP(Prod)

LDAP(test)

PC

IBM Global Networkor

Internet VPN router(s)

Selective’s Environment

Connection Service Data

FirewallInternetVPNModemRouterSwitchHubEthernetToken Ring

Web ServerApplication ServerFTPPOP3SMTP

DB2OracleSQL ServerSilver PlumeLDAP

Selective’s Web Servers

Windows NTIISASPCold FusionOracle Net8DB2 Connect

Clients Supported

Current and one prior version of Internet Explorer (5.x and 4.x) and Netscape (4.x and 3.x)Resolution of 640x480 (VGA)Internally we are using Internet Explorer 5.00.2014.0216

Next Session

Basics of HTML What it is How to make your first page Links Text formatting

Less Material in More Detail

Notes?

http://home.selectiveinsurance.com/brown_bag

SurveyWas this presentation paced: too fast, too slow, just right

Was the material covered: too much,too little, just right

List one topic you would like in a future brown-bag lunchList one web-based application you think would benefit the companyAny other comments