110 likes | 180 Views
Explore the importance of validating and testing HTML code to ensure web pages function as intended, adhere to W3C standards, and maintain consistency in the digital realm. Learn about DTD, types of validators, and tools like W3C validator and Dreamweaver for checking errors and improving accessibility and usability.
E N D
Validationchecking and testingthat your web pages functionas intended
Code(HTML*)Validationthe process of ensuring that your documents adhere to the rules of the particular markup language used *HyperText Markup Language
W3C -World Wide Web Consortium • Organisation started in 1994 to lead the World Wide • Web to its full potential by developing common • rules that ensure the www works for everyone. • Manyorganisations around the world pay to be • members of W3C • W3C employs staff around the world who develop • web specifications and software • Director is Tim Berners-Lee, said to be the inventor • of the www • Set the standards and try to maintain • consistency in the unregulated world of cyberspace
DTD (Document Type Definition) • The DTD defines the tags and syntax • that are used to structure web pages • and declares what the code means. • Use DTDs to validate against W3C standards. • By default, Macromedia Dreamweaver MX • always adds the relevant DTD • to your web page code. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Dreamweaver 4.0 or lower, didnot automatically include the DTD declaration.
TYPES of Code Validators Validators can be on-line, installed as a separate program on your computer, part of an existing program, free or cost $ … *Use W3C validator to check webpages against the DTD (Document Type Definition) http://validator.w3.org/ *There are programs that scan webpages looking for code errors and will often warn you of common style problems, accessibilityand other issues http://watson.addy.com/
DreamweaverVarious built-in Validation, Checking & Testing Tools
Have you checked how your page looks at different Screen Resolutions?
Good Designers validate/check/test their Web Pages • Spelling • Grammar • Accuracy • Different Browsers and Versions of Browser • Usability • Accessibility for disabled • Computer Systems - screen resolution, colours • Download Time • Plug ins …