11
Web Authoring Topic 29 – W3C and Page Validation

Web topic 29 w3 c page validation

  • Upload
    ck-yang

  • View
    126

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Web topic 29  w3 c page validation

Web Authoring

Topic 29 –W3C and Page Validation

Page 2: Web topic 29  w3 c page validation

Objectives

1. Perform the web page validity test.2. Explain the benefits of a standard-based

design web page. - Access and interpret the relevant W3C standards correctly - Take appropriate steps to ensure web contents follow the relevant W3C standards and guidelines

Students should able to:

Page 3: Web topic 29  w3 c page validation

W3C

The W3C provides guidelines and rules for specifications including HTML and XHTML. One way to determine the validity of the HTML or XHTML code you generate is to use W3C’s free online validation service.

W3C is the World Wide Web consortium — a non-profit group that helps guide the evolution of the web.

Page 4: Web topic 29  w3 c page validation

Page Validation

Three methods to validate page:

Open your web browser and navigate to http://validator.w3.org.

i) By URL;ii) By File Upload;iii) By Direct Input

This validator checks the markup validity of Web documents in HTML, XHTML

Page 5: Web topic 29  w3 c page validation

Markup Validity

Most pages on the World Wide Web are written in computer languages (such as HTML) that allow Web authors to structure text, add multimedia content, and specify what appearance, or style, the result should have.

Page 6: Web topic 29  w3 c page validation

Markup Validity

The process of verifying whether a document actually follows the rules for the language it uses is called validation, and the tool used for that is a validator.

A document that passes this process with success is called valid.

Page 7: Web topic 29  w3 c page validation

Standards-Based Design

Less code: Using HTML and CSS allows you to create similar pages with fewer lines of code — less work for you and faster download times for the viewer.

Benefits of Standards-based design:

Page 8: Web topic 29  w3 c page validation

Standards-Based Design

Ease of maintenance: Less code means a website that is easier to maintain. This helps you, the author of a page, as well as any members of a team working on maintaining or revising a website.

Benefits of Standards-based design:

Page 9: Web topic 29  w3 c page validation

Standards-Based Design

Accessibility: Web documents marked up semantically, meaning those that use the best HTML tag for the job, can be easier to navigate by users with visual impairments and the information they contain is more likely to be found by a visitor to the site.

Benefits of Standards-based design:

Page 10: Web topic 29  w3 c page validation

Standards-Based Design

Search engine optimization: Web pages with clear and logically named sections, are easier for search engines to index and categorize because content that is organized and well-labeled is easier for search engines to evaluate content and relevance of content on the page.

Benefits of Standards-based design:

Page 11: Web topic 29  w3 c page validation

Standards-Based Design

Device compatibility:Websites that separate the structure from the style are more easily repurposed for mobile devices and other browsers. CSS also allows for alternative style sheets that optimize the appearance based on the device being used to view the page.

Benefits of Standards-based design: