Post on 30-Oct-2014
description
transcript
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?
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
How do Web Browsers work?
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>
<h1>Welcome</h1><p>This is a demonstration.</p>
</body></html> HTML
How does the Server know which HTML to give me?
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
How does the Server know which HTML to give me?
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>
<h1>Welcome</h1><p>This is a demonstration.</p>
</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>