Graphics For Web

13
The Web Wizard’s The Web Wizard’s Guide to HTML Guide to HTML Chapter One World Wide Web Basics

description

 

Transcript of Graphics For Web

Page 1: Graphics For Web

The Web Wizard’s The Web Wizard’s Guide to HTMLGuide to HTML

Chapter OneWorld Wide Web

Basics

Page 2: Graphics For Web

Chapter ObjectivesChapter Objectives

Show how Web page authors and computers work together

Look behind the scenes when a browser displays a Web page

Explain what HTML is and how Web pages use HTML

Demonstrate how to create Web pages with nothing more than a text editor and a browser

Explore the role of HTML standards on the Web

Page 3: Graphics For Web

To View the World Wide WebTo View the World Wide WebYou NeedYou Need

An Internet-ready computerAn Internet access accountA Web browser

Page 4: Graphics For Web

To Create a Web SiteTo Create a Web SiteYou NeedYou Need

An Internet-ready computerA text editor (or Web page construction kit)An Internet access accountA password-protected account on a Web server

Page 5: Graphics For Web

Uniform Resource LocatorUniform Resource Locator(URL)(URL)

All Web pages are addressed with URLsThe URL specifies

– A server name– A directory path– A filename

URLs are part of the HTTP (Hypertext Transfer Protocol) communications protocol.

Page 6: Graphics For Web

Web Page DisplaysWeb Page Displays

All browsers are designed to display .html and .htm files

Browsers have to rework their page displays whenever a browser window is resized

Web pages can look a little different on different computers

Web page authors cannot completely control their page displays

Page 7: Graphics For Web

The Hypertext Markup The Hypertext Markup Language (HTML)Language (HTML)

HTML formatting commands control Web page displays

All HTML formatting is achieved with HTML elements

All HTML elements are based on HTML tags and tag-pairs

HTML files can be created with text editors

Page 8: Graphics For Web

A HTML TagTemplateA HTML TagTemplate<html><head>

<title> (insert text for the browser’s title bar here)</title>

</head><body>

(insert visible Web page elements here)</body>

</html>

Page 9: Graphics For Web

HTML EditorsHTML Editors

Pros– Offer lots of useful features– Help you avoid tagging errors– Can save time

Cons– Can interfere with HTML mastery – Can be intimidating for beginners

Page 10: Graphics For Web

The Web Page The Web Page Development CycleDevelopment Cycle

1. Save your HTML file

2. Load the file into your Web browser

3. Review the file with your Web browser

4. Revise your HTML file with a text editor

Repeat this cycle as often as needed

Page 11: Graphics For Web

Industry StandardsIndustry Standards

Most HTML tags are in the official HTML standard

All HTML-compliant browsers recognize the standard HTML tag set

The World Wide Web Consortium (W3C) sets the industry standard for HTML

Page 12: Graphics For Web

Non-Standard HTMLNon-Standard HTML

Some HTML tags are browser-specific extensions to HTML

Netscape Navigator and Internet Explorer do not always recognize each other’s HTML extensions

Web pages that use non-standard HTML may not display well for all users

Browser manufacturers create their own HTML extensions to influence the industry standard

Page 13: Graphics For Web

HTML Validation ServicesHTML Validation Services

A validation service on the Web can check an HTML file for you

A validation service can be used to identify tagging errors and HTML extensions

Some HTML tagging errors are difficult to locate by manual inspection

If you don’t use an HTML editor, a validation service can be very helpful