40
A Web Design and Hosting Company

A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Embed Size (px)

Citation preview

Page 1: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

A Web Design and Hosting Company

Page 2: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Internet 101

The basics of how the technology works

Page 3: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Internet Terms Access provider Anonymous FTP server AS (Autonomous system) ASN (asynchronous system number ATM (asynchronous transfer mode Backbone provider Bong Broadband Busy signal analysis ccTLD (country code top level domain Client Copper line Country code top level domain Cracker Crosstalk DCC (data collection Center) Denial of Service Destination Dialup account Digital subscriber line (DSL) E-commerce

DNS (Domain Name System) Domain name DoS DSL Event File transfer protocol FTP Server FTP Generic top level domain gTLD Hacker Host HTML Hypertext Markup Language IAP IETF (Internet engineering task force) ISDN (integrated services digital network) Ping Traceroute Whois Gopher

Page 1 of 20

Page 4: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Internet Terms TCP/IP

(Transmission Control Protocol/Internet Protocol)

HTTP(Hyper Text Transmission Protocol) The World Wide Web protocol

DNS(Domain name Service) The process of converting a domain name to an IP address

HTML(Hyper Text Markup Language) The World Wide Web page description language

Cookies Web/Application

ServerASP(Active Server Pages) Server side programming scripting language – Microsoft

Cold FusionServer Side Scripting language – Macromedia/Allaire

Page 5: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

TCP/IP – The Transport Layer! Stands for:

Transmission Control Protocol / Internet Protocol

TCP/IP is the common method that allows two computers to talk to each other

Every other protocol rides on top of TCP/IP

TCP/IP

Page 6: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

TCP/IP – We Number Everything!

The InternetThe Internet192.168.0.125

192.168.0.205

192.168.0.15

192.168.0.35

Every Computerhas an IP number

NNN.NNN.NNN.NNN

Page 7: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

DNS – What we call things! Stands for:

Domain Name Service

English language names for computers

Hierarchical grouping of computers

Read from left to right

.com

uxbinternet.com

mail.uxbinternet.com

reports.uxbinternet.com

www.uxbinternet.com

yahoo.com

maps.yahoo.com

Page 8: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

DNS – We Name Everything!

The InternetThe InternetStudent.yale.edu192.168.0.125

yahoo.com192.168.0.205

ns.uxb.net192.168.0.15

Almost Every Computerhas a Domain name

uxbinfo.comuxbinternet.com

192.168.0.35

Page 9: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

DNS – Domain Name Servers

The InternetThe InternetStudent.yale.edu192.168.0.125

yahoo.com192.168.0.205

ns.uxb.net192.168.0.15

uxbinfo.comuxbinternet.com

192.168.0.35

Domain servers contain a database of what IP is associated with each domain name

Domain Name Server

Page 10: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

DNS/HTTP - The World Wide Web

The InternetThe InternetStudent.yale.edu192.168.0.125

ns.uxb.net192.168.0.15

Client program (web browser) asks the DNS server what the IP is for uxbinternet.com

Domain Name Server

uxbinfo.comuxbinternet.com

192.168.0.35

Web Server

www.uxinternet.com

Page 11: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

DNS/HTTP - The World Wide Web

The InternetThe InternetStudent.yale.edu192.168.0.125

ns.uxb.net192.168.0.15

The DNS responds with the IP address and uses the HTTP protocol to request a web page

Domain Name Server

uxbinfo.comuxbinternet.com

192.168.0.35

Page 12: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

<html><head>

<title>UXB Internet - A web design and hosting company</title><link href="mystyle.css" rel="stylesheet" rev="stylesheet" type="text/css">

</head><body bgcolor="#7B3A5B" ><table width="732" border="0" cellspacing="0" cellpadding="0">

<tr> <td width="160" align="left" valign="top" bgcolor="#E4DDD3"> <img src="images/cor_top_lft.gif" width=12 height=12 border=0 alt=""> </td>

<td width="560" bgcolor="#E4DDD3"></td> <td width="12" valign="top" bgcolor="#E4DDD3"> <img src="images/cor_top_rt.gif" width=12 height=12 border=0 alt=""> </td> </tr></table></body></html>

HTML – Hyper Text Markup Language

Page 13: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Web Server – Sends HTML files

Web server

Web Server

- index.html- menu.html- directions.htmlHard drive

Page 14: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Application Server – Server side logic

Web server

ApplicationServer Database

Application files - index.asp - index.cfm

Web Server

* Cold Fusion* ASP (Active Server pages)

Page 15: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Web server

ApplicationServer

Cold Fusion & ASP - Differences

Web server

ApplicationServer

Cold Fusion runs as a separate process

ASP runs within the web server process

Page 16: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Cookies, Privacy & Tracking

The Web is StatelessThe Web is Stateless

Page 17: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

The Web is StatelessWith a State Machine (like your PC) a program keeps track of every process at all times

The PC can always know what is and has happened at all times.

Page 18: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

The Web is StatelessThe Web Server is optimized for speed so it can send multiple objects simultaneously to multiple users

After it sends an object or page it promptly forgets about it and concentrates on sending the next object.

Page 19: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

The Web is Stateless

Therefore at any given time the web server can not determine the “state” of the program.

At any given time, the web server can never be sure what object was sent, what order it was received processed or who requested it…?

??

Page 20: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

The Web is StatelessTo determine the state of the program the client (web

browser) MUST constantly remind the web server where it is.

There are two ways to for the client to return information:

• CookiesCookies• URL VariablesURL Variables

Page 21: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

COOKIE:CUSTID=12345ShoppingCart=On

The Web is StatelessA Cookie is a small bit of text the server asks to be held by the browser

On each request for a page, the browser returns the cookies (text) to the server

Page Request

Send Cookie

Return Cookie

Serve Page

Page 22: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

URL Variables

URL Variables are included with the page request

On each request for a page, the server is told where in the program it is

Page Request

Serve Page

http://www.uxbinternet.com/index.cfm?Level=4&itemno=AMA-234&CFID=10&CFTOKEN=10405114

Page 23: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Design Issues - The Web is Stateless

CookiesCookies Server level

can be used regardless of the pages being served (HTML, TXT, CFM…etc)

Users can (and do) turn off cookies in the browser

With Cookies off you can’t track the user

URL VariablesURL Variables Application Level

Variables only used by application programs (Cold Fusion, ASP, CGI) and not HTML pages

Special Coding required Security issues

Users can change the URL variable in their browser

Page 24: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Cookies & Security Are used to track

movement though the web site

The web site determines what information is in the cookie

Can only be read by web site (domain) that sent them

Flaws: A web page can have

embedded information from several web sites. Each web site can set a cookie

Users can turn off accepting cookies and the web site may become unusable.

Page 25: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

A Database Driven Web Site

Page 26: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Why a Database? Structured Data

All data about a product is in a structured format

Easier to manage and organizeRelational data structures clearly defines the products and all associated information

Decisions can be made based on user input

Content can be changed without the need to know HTML or page layout

Page 27: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Interacting with a database

Web server

ApplicationServer Database

Application files - index.asp - index.cfm

Web Server

* Cold Fusion* ASP (Active Server pages)

Page 28: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

InteractivityExample: The Company Directory

1,000 employees, List by First letter of last name, display Detail page for each employee.

Using HTML: 26 pages for the list + 1,000 pages for the

details= 1,026 pagesUsing Cold Fusion: 1 template for the list + 1 template for the

details = 2 pages

Page 29: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

The Company Directory

{Last name}, {First name}

Company List for {letter}

Enter First letter of last name: GO

Find all records where the first letter of the last name equals {input}

Display using the format

Create link to detail page

Output as html to web server

Using Cold Fusion Template

Page 30: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Maintenance Using HTML: Edit two pages for

each employee change

Must know HTML More difficult to

search Cannot use data

for other functions

Using Cold Fusion: Maintain the data

in the database – Automatically updates the web pages – no html

Easy to do searches

Can use the data for other functions

Page 31: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Uses & Marketing

Should you have a web site?

Page 32: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions

1. If you build it they will come!(apologies to: Field of Dreams screenwriter/director Phil Alden Robinson and Author William P. Kinsella)

2. You need to use the latest and greatest technology!

3. Selling on the web will make you rich!

Page 33: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 1

If you build it they will come!

WRONG!

Page 34: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 1 You need to market your web site

In Print/Radio/TV or other advertising On all business correspondence and cards Targeted Internet ads or sponsorships (industry

centric sites) Do not rely on search engines

Most now charge for listings Yahoo=$299.00 a year Lycos=$18.00 a year for 1 page InfoSeek= $99.00 Plus $0.05 per click-thru Google = $0.00 4 to 8 weeks for inclusion no

guarantee

Page 35: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 2

You need to use the latest and greatest technology!

WRONG!

Page 36: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 2 Know the browser technology level

of your target market. High Tech Products – Latest & greatest Commercial Market – AOL (America On-

Line), No Microsoft specific HTML formatting Government – No Java, No JavaScript, No

Flash, No HTML email Academia / Education – No HTML email,

limited Java and Flash

Page 37: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 3

Selling on the web will make you rich!

WRONG!

Page 38: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 3 Evaluate the investment and return.

Know your market. What is the market potential? What will it cost to get/keep customers?

Know your customers. What percentage will/can use the web?

Know your business process. What is saved by the customer using the web? What is the cost to do business on the web?

(development, infrastructure, personnel)

Page 39: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Common Misconceptions - 3 What is the ROI (Return on Investment) ?

Is the business model sound?

Page 40: A Web Design and Hosting Company. Internet 101 The basics of how the technology works

Why do youyou want a

web site?