Graphics For Web


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
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>