Effectively Validate A Website
Download as PPT, PDF6 likes1,054 views
Validation is the process of ensuring a website's code adheres to established standards to improve accessibility, user experience, and SEO. It is crucial for web developers to use validation techniques, including checking for coding errors and testing across various platforms. The document outlines W3C standards, importance of validation, techniques for validating web pages, and specific guidelines for validating WordPress themes.
Effectively Validate A Website
- 3. • 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
- 4. 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.
- 5. 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.
- 6. 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.
- 7. 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.
- 8. 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.
- 9. 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.
- 10. 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:
- 11. WHY VALIDATE A WEBSITE • SEARCH ENGINES • BETTER, FASTER RENDERING • A CONSISTENT DOCUMENT OBJECT MODEL • AVOID UGLY PAGES • BE STANDARDS COMPLIANT • WRITE IT ONCE
- 12. 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.
- 13. 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.
- 14. 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.
- 15. IMPORTANCE OF W3C VALIDATION
- 16. IMPORTANCE OF W3C VALIDATION
- 17. 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:
- 18. 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
- 19. WORDPRESS WEBSITE VALIDATION • To validate your WordPress site, here is a quick checklist:
- 20. 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
- 21. 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/
- 22. 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/
- 23. VALIDATION SOURCES • Walidator http://www.walidator.com/ • RSS Feed Validator http://feedvalidator.org/ • Redland RSS 1.0 Validator http://librdf.org/rss/
- 24. VALIDATING A WORDPRESS THEME • Along with W3C's standards, WordPress has its standards, too:
- 25. 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.
- 26. 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.
- 27. 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.
- 28. 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.
- 29. 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!
- 30. 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.