• What is Validation?
• Why Validate Your Websites?
• Validation Techniques
• The Importance of W3C Validation
• Validatio...
WHAT IS VALIDATION
• Validation is a process of checking documents
against a formal Standard, published by
Standard organi...
WHAT IS VALIDATION
• W3C – World Wide Web Consortium has it’s
own standard for internet (web) based
documents, which inclu...
WHY VALIDATE A WEBSITE
• In simple terms, validation ensures that your
website complies with the standards accepted
by mos...
WHY VALIDATE A WEBSITE
• The base issue that the non-validated
websites face are, they rely on auto-
correction methodolog...
WHY VALIDATE A WEBSITE
• The purpose of W3C’s appearance in the early
90s was to develop certain standards for
HTML to fol...
WHY VALIDATE A WEBSITE
• Now we are on 2014 and now every standard
organization is following the rulesets of HTML
standard...
WHY VALIDATE A WEBSITE
• There are many reasons to write valid HTML,
XHTML, and CSS and to check for valid links.
Here are...
WHY VALIDATE A WEBSITE
• SEARCH ENGINES
• BETTER, FASTER RENDERING
• A CONSISTENT DOCUMENT OBJECT MODEL
• AVOID UGLY PAGES...
VALIDATION TECHNIQUES
• Validators detect problems in your web page and
style sheet. It could be a tag that was opened and...
VALIDATION TECHNIQUES
• Validation doesn't just mean putting your
pages through some web driven testers. It
also means tes...
IMPORTANCE OF W3C VALIDATION
• As we already discussed, W3C validation is the
process of checking a websites code follow
t...
IMPORTANCE OF W3C VALIDATION
IMPORTANCE OF W3C VALIDATION
IMPORTANCE OF W3C VALIDATION
• W3C validation not only functions as a code
debugging tool to check for coding errors, it
a...
IMPORTANCE OF W3C VALIDATION
• Improved User Experience
• Browser Friendliness and Accessibility
• Allows You to Debug You...
WORDPRESS WEBSITE VALIDATION
• To validate your WordPress site, here is a
quick checklist:
WORDPRESS WEBSITE VALIDATION
• Validate HTML/XHTML
• Validate CSS
• Validate Links (check for dead links)
• Validate Feeds...
VALIDATION SOURCES
• HTML – Validation
The W3C's HTML Validation Service (URL and upload)
• Link Checker
http://validator....
VALIDATION SOURCES
• HTML Validator Pro
http://html.validator.pro/
• OnlineWebCheck.com
http://www.onlinewebcheck.com/
• C...
VALIDATION SOURCES
• Walidator
http://www.walidator.com/
• RSS Feed Validator
http://feedvalidator.org/
• Redland RSS 1.0 ...
VALIDATING A WORDPRESS THEME
• Along with W3C's standards, WordPress has
its standards, too:
VALIDATING A WORDPRESS THEME
• PHP Coding Standards includes using single &
double quotes correctly, using full PHP tags a...
VALIDATING A WORDPRESS THEME
• HTML Coding Standards refers to writing valid
HTML code; using attribute values with
lowerc...
VALIDATING A WORDPRESS THEME
• CSS Coding Standards includes structuring the
stylesheet properly, using lowercase names
(w...
VALIDATING A WORDPRESS THEME
• JavaScript Coding Standards calls that we
use braces appropriately, name functions and
vari...
VALIDATING A WORDPRESS THEME
• Theme Review Standards includes writing
quality code (naturally), separating
functionality ...
CONCLUSION
• Without any questions, it is a mandatory task
for every web designers and web developers
to validate their we...
REFERECES
• Code.tutsplus.com
• Wordpress.org
CONNECT US
www.mindfiresolutions.com
https://www.facebook.com/MindfireSolutions
http://www.linkedin.com/company/mindfire-s...
Effectively Validate A Website
Effectively Validate A Website
Effectively Validate A Website
Effectively Validate A Website
Upcoming SlideShare
Loading in …5
×

Effectively Validate A Website

666 views

Published on

This presentation is for those who are unfamiliar with what validating a web page means. It involves using a program or an online service to check that the web page as created is free of errors and meets the standards.

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

No Downloads
Views
Total views
666
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
12
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Effectively Validate A Website

  1. 1. • What is Validation? • Why Validate Your Websites? • Validation Techniques • The Importance of W3C Validation • Validation Tools for Your WordPress Website • Validating a Wordpress Theme • Conclusion AGENDA
  2. 2. WHAT IS VALIDATION • Validation is a process of checking documents against a formal Standard, published by Standard organizations. • It serves a similar purpose to spell checking and proofreading for grammar and syntax, but is much more precise, because of it’s dealing with machine languages.
  3. 3. WHAT IS VALIDATION • W3C – World Wide Web Consortium has it’s own standard for internet (web) based documents, which includes: HTML, XHTML, CSS etc. • Similarly Apple has it’s own IOS standard for Mobile APP validation and WordPress has it’s standard for plugin / theme validation.
  4. 4. WHY VALIDATE A WEBSITE • In simple terms, validation ensures that your website complies with the standards accepted by most web designers. • This allows your site to be accessible to more people, across more web browsers, operation systems, and search engines.
  5. 5. WHY VALIDATE A WEBSITE • The base issue that the non-validated websites face are, they rely on auto- correction methodology of the web browsers. • But in certain instance, if the browser doesn’t have the capability to do so, the website breaks down it’s user experience.
  6. 6. WHY VALIDATE A WEBSITE • The purpose of W3C’s appearance in the early 90s was to develop certain standards for HTML to follow. • This was important because different vendors had begun creating their own versions of HTML and W3C worked to agree the vendors on supporting the standards and principles made by it.
  7. 7. WHY VALIDATE A WEBSITE • Now we are on 2014 and now every standard organization is following the rulesets of HTML standard prepared by W3C. • So, validation of a web page means making the page's code compliant with the World Wide Web Consortium's (W3C) standards.
  8. 8. WHY VALIDATE A WEBSITE • There are many reasons to write valid HTML, XHTML, and CSS and to check for valid links. Here are some of them:
  9. 9. WHY VALIDATE A WEBSITE • SEARCH ENGINES • BETTER, FASTER RENDERING • A CONSISTENT DOCUMENT OBJECT MODEL • AVOID UGLY PAGES • BE STANDARDS COMPLIANT • WRITE IT ONCE
  10. 10. VALIDATION TECHNIQUES • Validators detect problems in your web page and style sheet. It could be a tag that was opened and never closed. • It could be a misspelled piece of code or forgotten element the tag or style requires to work properly. • You become a detective, hunting and solving the little problems occurring in your web page.
  11. 11. VALIDATION TECHNIQUES • Validation doesn't just mean putting your pages through some web driven testers. It also means test-driving it with friends, relatives, co-workers, and strangers. • Everyone has a different system and way of working, so ask for others to test-drive your styles or themes before you make them public.
  12. 12. IMPORTANCE OF W3C VALIDATION • As we already discussed, W3C validation is the process of checking a websites code follow the formatting standards put up by the World Wide Web Consortium otherwise known as W3C.
  13. 13. IMPORTANCE OF W3C VALIDATION
  14. 14. IMPORTANCE OF W3C VALIDATION
  15. 15. IMPORTANCE OF W3C VALIDATION • W3C validation not only functions as a code debugging tool to check for coding errors, it also makes sure that websites are formatted using international and professional W3C standards. • There are also many other reasons why your website should undergo web page validation including:
  16. 16. IMPORTANCE OF W3C VALIDATION • Improved User Experience • Browser Friendliness and Accessibility • Allows You to Debug Your Pages • Results in Better SEO • Easy Coding and Maintenance
  17. 17. WORDPRESS WEBSITE VALIDATION • To validate your WordPress site, here is a quick checklist:
  18. 18. WORDPRESS WEBSITE VALIDATION • Validate HTML/XHTML • Validate CSS • Validate Links (check for dead links) • Validate Feeds • Check across different browsers (include handheld devices) • Re-validate HTML and CSS • Have friends, relatives, co-workers check your site • When ready, you can post your site on the WordPress Forum's for review
  19. 19. VALIDATION SOURCES • HTML – Validation The W3C's HTML Validation Service (URL and upload) • Link Checker http://validator.w3.org/checklink • QA Tools http://www.w3.org/QA/Tools/ • Watson Addy's Validator http://watson.addy.com/
  20. 20. VALIDATION SOURCES • HTML Validator Pro http://html.validator.pro/ • OnlineWebCheck.com http://www.onlinewebcheck.com/ • CSS Validation W3.org's CSS Validator (URL, upload, and direct paste in) • WDG and HTMLhelp.com's CSS Validator and Checker http://www.htmlhelp.com/tools/csscheck/
  21. 21. VALIDATION SOURCES • Walidator http://www.walidator.com/ • RSS Feed Validator http://feedvalidator.org/ • Redland RSS 1.0 Validator http://librdf.org/rss/
  22. 22. VALIDATING A WORDPRESS THEME • Along with W3C's standards, WordPress has its standards, too:
  23. 23. VALIDATING A WORDPRESS THEME • PHP Coding Standards includes using single & double quotes correctly, using full PHP tags at all times, using white space properly, utilizing Conditions and so on.
  24. 24. VALIDATING A WORDPRESS THEME • HTML Coding Standards refers to writing valid HTML code; using attribute values with lowercase characters, wrapping the attribute values with quotes, using white space with logical indentation, etc.
  25. 25. VALIDATING A WORDPRESS THEME • CSS Coding Standards includes structuring the stylesheet properly, using lowercase names (with hyphens for separating words) in selectors, ordering the properties nicely, commenting and such.
  26. 26. VALIDATING A WORDPRESS THEME • JavaScript Coding Standards calls that we use braces appropriately, name functions and variables with camelCase, defining an anonymous function if jQuery is going to be used, and so forth.
  27. 27. VALIDATING A WORDPRESS THEME • Theme Review Standards includes writing quality code (naturally), separating functionality by using plugins, utilizing template tags and hooks properly, supporting WordPress-generated CSS classes, securing the theme, licencing appropriately, organizing the theme files properly, writing a sufficient documentation... There's just too much!
  28. 28. CONCLUSION • Without any questions, it is a mandatory task for every web designers and web developers to validate their websites before releasing for the web. • As long as you validate your web pages and maintain them to stay valid, you will only benefit from it.
  29. 29. REFERECES • Code.tutsplus.com • Wordpress.org
  30. 30. CONNECT US www.mindfiresolutions.com https://www.facebook.com/MindfireSolutions http://www.linkedin.com/company/mindfire-solutions http://twitter.com/mindfires

×