The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics
Chapter Objectives <ul><li>Show how Web page authors and computers work together </li></ul><ul><li>Look behind the scenes ...
To View the World Wide Web You Need <ul><li>An Internet-ready computer </li></ul><ul><li>An Internet access account </li><...
To Create a Web Site You Need <ul><li>An Internet-ready computer </li></ul><ul><li>A text editor (or Web page construction...
Uniform Resource Locator (URL) <ul><li>All Web pages are addressed with URLs </li></ul><ul><li>The URL specifies  </li></u...
Web Page Displays <ul><li>All browsers are designed to display .html and .htm files </li></ul><ul><li>Browsers have to rew...
The Hypertext Markup Language (HTML) <ul><li>HTML formatting commands control Web page displays </li></ul><ul><li>All HTML...
A HTML TagTemplate <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>  </li></ul><ul><li>  (insert text for...
HTML Editors <ul><li>Pros </li></ul><ul><ul><li>Offer lots of useful features </li></ul></ul><ul><ul><li>Help you avoid ta...
The Web Page  Development Cycle <ul><li>1. Save your HTML file </li></ul><ul><li>2. Load the file into your Web browser </...
Industry Standards <ul><li>Most HTML tags are in the official HTML standard </li></ul><ul><li>All HTML-compliant browsers ...
Non-Standard HTML <ul><li>Some HTML tags are browser-specific extensions to HTML </li></ul><ul><li>Netscape Navigator and ...
HTML Validation Services <ul><li>A validation service on the Web can check an HTML file for you </li></ul><ul><li>A valida...
Upcoming SlideShare
Loading in …5
×

Graphics For Web

681
-1

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Graphics For Web

  1. 1. The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics
  2. 2. Chapter Objectives <ul><li>Show how Web page authors and computers work together </li></ul><ul><li>Look behind the scenes when a browser displays a Web page </li></ul><ul><li>Explain what HTML is and how Web pages use HTML </li></ul><ul><li>Demonstrate how to create Web pages with nothing more than a text editor and a browser </li></ul><ul><li>Explore the role of HTML standards on the Web </li></ul>
  3. 3. To View the World Wide Web You Need <ul><li>An Internet-ready computer </li></ul><ul><li>An Internet access account </li></ul><ul><li>A Web browser </li></ul>
  4. 4. To Create a Web Site You Need <ul><li>An Internet-ready computer </li></ul><ul><li>A text editor (or Web page construction kit) </li></ul><ul><li>An Internet access account </li></ul><ul><li>A password-protected account on a Web server </li></ul>
  5. 5. Uniform Resource Locator (URL) <ul><li>All Web pages are addressed with URLs </li></ul><ul><li>The URL specifies </li></ul><ul><ul><li>A server name </li></ul></ul><ul><ul><li>A directory path </li></ul></ul><ul><ul><li>A filename </li></ul></ul><ul><li>URLs are part of the HTTP (Hypertext Transfer Protocol) communications protocol. </li></ul>
  6. 6. Web Page Displays <ul><li>All browsers are designed to display .html and .htm files </li></ul><ul><li>Browsers have to rework their page displays whenever a browser window is resized </li></ul><ul><li>Web pages can look a little different on different computers </li></ul><ul><li>Web page authors cannot completely control their page displays </li></ul>
  7. 7. The Hypertext Markup Language (HTML) <ul><li>HTML formatting commands control Web page displays </li></ul><ul><li>All HTML formatting is achieved with HTML elements </li></ul><ul><li>All HTML elements are based on HTML tags and tag-pairs </li></ul><ul><li>HTML files can be created with text editors </li></ul>
  8. 8. A HTML TagTemplate <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title> </li></ul><ul><li> (insert text for the browser’s title bar here) </li></ul><ul><li></title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li> (insert visible Web page elements here) </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  9. 9. HTML Editors <ul><li>Pros </li></ul><ul><ul><li>Offer lots of useful features </li></ul></ul><ul><ul><li>Help you avoid tagging errors </li></ul></ul><ul><ul><li>Can save time </li></ul></ul><ul><li>Cons </li></ul><ul><ul><li>Can interfere with HTML mastery </li></ul></ul><ul><ul><li>Can be intimidating for beginners </li></ul></ul>
  10. 10. The Web Page Development Cycle <ul><li>1. Save your HTML file </li></ul><ul><li>2. Load the file into your Web browser </li></ul><ul><li>3. Review the file with your Web browser </li></ul><ul><li>4. Revise your HTML file with a text editor </li></ul><ul><li>Repeat this cycle as often as needed </li></ul>
  11. 11. Industry Standards <ul><li>Most HTML tags are in the official HTML standard </li></ul><ul><li>All HTML-compliant browsers recognize the standard HTML tag set </li></ul><ul><li>The World Wide Web Consortium (W3C) sets the industry standard for HTML </li></ul>
  12. 12. Non-Standard HTML <ul><li>Some HTML tags are browser-specific extensions to HTML </li></ul><ul><li>Netscape Navigator and Internet Explorer do not always recognize each other’s HTML extensions </li></ul><ul><li>Web pages that use non-standard HTML may not display well for all users </li></ul><ul><li>Browser manufacturers create their own HTML extensions to influence the industry standard </li></ul>
  13. 13. HTML Validation Services <ul><li>A validation service on the Web can check an HTML file for you </li></ul><ul><li>A validation service can be used to identify tagging errors and HTML extensions </li></ul><ul><li>Some HTML tagging errors are difficult to locate by manual inspection </li></ul><ul><li>If you don’t use an HTML editor, a validation service can be very helpful </li></ul>
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×