Intro 1 sept_14_2010

Building and Marketing Websites

Foundations

What is a “Web Browser”?

Web Browser

• Program to access the Web• Popular examples:

Other Web Browsers

Other Web Browsers

Other Web Browsers

How do Web Browsers work?


Web Server

Request

Reply

What is a Web Server?

Web Server

• A computer that delivers Web pages• Always connected to the Internet and waiting

Data Center

Data Center

Data Center


Web Server

Request

Reply

HTML

What is HTML?

HTML

• Language of Web Browsers• Tells Web Browser how to display a page• “Plain text”

HTML Example<html>

<head><title>Simple Website</title>

</head><body>

<h1>Welcome</h1><p>This is a demonstration.</p>

</body></html>

Web Server

Request

Reply

<html><head>

<title>Simple Website</title> </head><body>


</body></html> HTML

How does the Server know which HTML to give me?


Answer #1: By the URL

URL

• Fancy word for “web address”• Every website has a URL

http://www.facebook.com/profile.php?id=631766246

Domain NameAllows Browser to find Server

Server sees this, and returns appropriate HTML

http://www.facebook.com/profile.php?id=631766246


Answer #2: Your past activity• Web Server “remembers”

Web Server

Request

Reply

HTML

Web Browser

URL

URL

HTML Example<html>

<head><title>Simple Website</title>

</head><body>


</body></html>

HTML Tags <…>

• Surround text• Tell Web Browser about structure and

meaning of your text

Header/Subheader Tags

• <h1> … </h1>• <h2> … </h2>

Paragraph Tag

• <p> … </p>

Documents

Intro 1 sept_14_2010