Building and Marketing Websites<br />Foundations<br />
What is a “Web Browser”?<br />
Web Browser<br />Program to access the Web<br />Popular examples:<br />
Other Web Browsers<br />
Other Web Browsers<br />
Other Web Browsers<br />
How do Web Browsers work?<br />
How do Web Browsers work?<br />Request<br />Reply<br />Web Server<br />
What is a Web Server?<br />
Web Server<br />A computer that delivers Web pages<br />Always connected to the Internet and waiting<br />
Data Center<br />
Data Center<br />
Data Center<br />
How do Web Browsers work?<br />Request<br />Reply<br />HTML<br />Web Server<br />
What is HTML?<br />
HTML<br />Language of Web Browsers<br />Tells Web Browser how to display a page<br />“Plain text”<br />
HTML Example<br /><html><br /><head><br /><title>Simple Website</title> <br />	</head><br /><body><br /><h1>Welcome</h1><b...
Request<br />Reply<br /><html><br />	<head><br />		<title>Simple Website</title> <br />	</head><br />	<body><br />		<h1>We...
How does the Server know which HTML to give me?<br />
How does the Server know which HTML to give me?<br />Answer #1: By the URL<br />
URL<br />Fancy word for “web address”<br />Every website has a URL<br />http://www.facebook.com/profile.php?id=631766246<b...
How does the Server know which HTML to give me?<br />Answer #2: Your past activity<br />Web Server “remembers”<br />
URL<br />URL<br />Request<br />Reply<br />Web Browser<br />HTML<br />Web Server<br />
HTML Example<br /><html><br /><head><br /><title>Simple Website</title> <br />	</head><br /><body><br /><h1>Welcome</h1><b...
HTML Tags <…><br />Surround text<br />Tell Web Browser about structure and meaning of your text<br />
Header/Subheader Tags<br /><h1> … </h1><br /><h2> … </h2><br />
Paragraph Tag<br /><p> … </p><br />
Upcoming SlideShare
Loading in...5
×

Intro 1 sept_14_2010

234

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
234
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
  • Transcript of "Intro 1 sept_14_2010"

    1. 1. Building and Marketing Websites<br />Foundations<br />
    2. 2. What is a “Web Browser”?<br />
    3. 3. Web Browser<br />Program to access the Web<br />Popular examples:<br />
    4. 4. Other Web Browsers<br />
    5. 5. Other Web Browsers<br />
    6. 6. Other Web Browsers<br />
    7. 7. How do Web Browsers work?<br />
    8. 8. How do Web Browsers work?<br />Request<br />Reply<br />Web Server<br />
    9. 9. What is a Web Server?<br />
    10. 10. Web Server<br />A computer that delivers Web pages<br />Always connected to the Internet and waiting<br />
    11. 11. Data Center<br />
    12. 12. Data Center<br />
    13. 13. Data Center<br />
    14. 14. How do Web Browsers work?<br />Request<br />Reply<br />HTML<br />Web Server<br />
    15. 15. What is HTML?<br />
    16. 16. HTML<br />Language of Web Browsers<br />Tells Web Browser how to display a page<br />“Plain text”<br />
    17. 17. HTML Example<br /><html><br /><head><br /><title>Simple Website</title> <br /> </head><br /><body><br /><h1>Welcome</h1><br /><p>This is a demonstration.</p><br /> </body><br /></html><br />
    18. 18. Request<br />Reply<br /><html><br /> <head><br /> <title>Simple Website</title> <br /> </head><br /> <body><br /> <h1>Welcome</h1><br /> <p>This is a demonstration.</p><br /> </body><br /></html><br />Web Server<br />HTML<br />
    19. 19. How does the Server know which HTML to give me?<br />
    20. 20. How does the Server know which HTML to give me?<br />Answer #1: By the URL<br />
    21. 21. URL<br />Fancy word for “web address”<br />Every website has a URL<br />http://www.facebook.com/profile.php?id=631766246<br />Server sees this, and returns appropriate HTML<br />Domain Name<br />Allows Browser to find Server<br />
    22. 22. How does the Server know which HTML to give me?<br />Answer #2: Your past activity<br />Web Server “remembers”<br />
    23. 23. URL<br />URL<br />Request<br />Reply<br />Web Browser<br />HTML<br />Web Server<br />
    24. 24. HTML Example<br /><html><br /><head><br /><title>Simple Website</title> <br /> </head><br /><body><br /><h1>Welcome</h1><br /><p>This is a demonstration.</p><br /> </body><br /></html><br />
    25. 25. HTML Tags <…><br />Surround text<br />Tell Web Browser about structure and meaning of your text<br />
    26. 26. Header/Subheader Tags<br /><h1> … </h1><br /><h2> … </h2><br />
    27. 27. Paragraph Tag<br /><p> … </p><br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×