This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. The.

Slides:



Advertisements
Similar presentations
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
Advertisements

1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
XHTML Basics.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Virtual SharePoint Summit 2010 hosted by Rackspace Overcoming Collaboration Challenges with SharePoint Chris Samson Leslie Sistla Virtual SharePoint Summit.
Web Standards & Techniques Why Should I Care? I’m so sick of the attitude I run into “well, web standards inhibit innovation.” What a crock. What’s inhibiting.
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
Project 1 Introduction to HTML.
Chapter Concepts Review Markup Languages
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
Tutorial 1 Developing a Basic Web Page
Chapter 1 Understanding the Web Design Environment
W3C Activities HTML: is the lingua franca for publishing on the Web XHTML: an XML application with a clean migration path from HTML 4.01 CSS: Style sheets.
XML October 24, Unit 6. What is XML? Stands for eXtensible Markup Language It is a markup language, like HTML But, –XML is designed to markup data –HTML.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Chapter 1 Variables in the Web Design Environment.
Chapter 1 Variables in the Web Design Environment
Chapter 1 Introduction to HTML, XHTML, and CSS
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
1 HTML/XHTML Objectives Explain what HTML is and how Web pages use HTML Explain what HTML is and how Web pages use HTML Demonstrate how to create Web pages.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
XHTML The Basics A brief history of HTML SGML (Standard Generalized Markup Language) Then came HTML Followed by the browser…and the great browser wars.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Web Standards Best Practice in the Workplace Foundation Degree Presentation created by Phil James Last Updated: 24/01/05.
Master the MULTI-SCREEN WORLD. AGENDA What is a multi-screen website? The growing importance of multi-screen sites What Google recommends What Google.
Creating sustainable web-based resources: more standards Online Qualitative Data Resources: Best Practice in Metadata Creation and Web Standards 15 November.
Web Standards Web Design – Sec 2-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
CSS : Cascading Style Sheets Ann Dobbs Class: i385e.
INTRODUCTION TO CSS. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features of CSS Features of CSS  Creating Style Sheet Creating Style Sheet.
XML and SVG as an Aid to Distance Learning Lez Bullwer MSc Information Technology.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Web Standards 99.9% of Website are still obsolete Designing & building with standards The trouble with standards Findability, Syndication, Blogs, Podcasts,
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
May 6, 2009 Browser Compatibility Testing Definition It is a non functional type of testing where web based applications are tested on various browsers(IE.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Joomla Bird ! Joomla Bird is a Web Design, Consultancy and Software Development Company catering to the wide range of clients globally.
Designed & Developed By:- Trieffects Technologies Pvt.Ltd. PSD to HTML Conversion.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Master the MULTI-SCREEN WORLD.
Project 1 Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
Web Standards Web Design – Sec 2-3
XHTML Basics.
Project 1 Introduction to HTML.
3.02B Authoring Languages 3.02 Develop webpages..
Master the MULTI-SCREEN WORLD.
Web Standards Web Design – Sec 2-3
Web Programming– UFCFB Lecture 9
XHTML Basics.
XHTML Basics.
4.01B Authoring Languages and Web Authoring Software
3.02B Authoring Languages 3.02 Develop webpages..
Why use Web Standards?.
Tutorial Developing a Basic Web Page
XHTML Basics.
XHTML Basics.
Web Programming– UFCFB Lecture 9
Presentation transcript:

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. The Case for Web Standards (A reusable presentation for website managers worldwide)

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Agenda Benefits of web standards –Lower your development and maintenance costs –Future-proof your sites –Reach more customers and improve the user experience Considerations Conclusion

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. It’s about reducing costs, future proofing, and customer acquisition and satisfaction By using web standards as defined by the W3C, companies can reduce costs and gain many strategic advantages. These advantages are detailed in the following slides.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Lower Costs: Much easier to manage a site- wide look and feel Getting rid of the painful mix of content and presentation by separating them Use Strict HTML and CSS to enforce the separation Store presentation in a separate file, aka « Style Sheet » It is possible to update style sheets (and change the layout on all pages) without updating the documents.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Lower Costs: Simplified development and deployment Using CSS for special effects on text makes one’s web site much easier to update. Well-formed (valid) HTML code reduces quality assurance costs –Errors are spotted by W3C’s Validator –Rendering differences still exist, but are limited Asking a vendor to produce a standard-compliant web site is a way to ensure a measurable quality control on what is delivered. See Requirements

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Lower Costs: Standards use less bandwidth, load faster Separating presentation from content using style sheets reduces the size of documents. Therefore web pages load much faster, which translates into a better user experience. “CSS has made it possible to transform table-based layouts into CSS-based layouts. Typically this reduces page size by 25 to 50%. “ InterviewInterview with Andy King (Author of Speed Up Your Site: Web Site Optimization)Speed Up Your Site: Web Site Optimization

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Future-proof: Standardized code Content needs to be ready for non-PC devices (phones, handhelds, etc.) Using valid standards-compliant markup ensures that data will still be re-usable for a long time on many devices, as specification on how to interpret the standards are well documented and here to stay. Coding to standards does not mean producing less compelling content. –As a matter of fact almost anything taking advantage of proprietary extensions can be done in a standards-compliant way.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Future proof: Extensible architecture Using Strict HTML and CSS paves the way to XML XHTML is an XML-compatible version of HTML Tools and standards are becoming available for leverage in the near future: –SVG – Scalable Vectors Graphics (Animated graphics) –MathML – to manipulate Mathematical equations –XSLT to transform data in an XML-language into another. These XML technologies have been built around interoperability.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Future proof: Avoids lock in to particular developers See Requirementshttp:// Requirements Most organizations have experienced difficulties in re- using code written by a former vendor or employee, because of undocumented "hacks" and specific coding practices. Valid standards-based code ensures that code is on par with best practices.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. More customers: Better search engine ranking Separating presentation from content augments the information/markup ratio. Since most search engines rely on text placed on top of the page, using standards such as CSS give such web pages a higher rank. Using text and CSS to do special effects such as roll- overs instead of graphics also help.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. More customers: Compatible with more browsers and platforms Overall, 5 different rendering engines are used to surf the web in dozens of browsers on 3 platforms. More and more browsers, other than Internet Explorer for Windows, are used to surf the web. –Windows : MSIE, Netscape Gecko, Opera. –Mac: MS-Tasman (IE/Mac), Netscape Gecko, KHTML, Opera –Linux: Netscape Gecko, KHTML, Opera Coding to standards (instead one or two specific browsers) is then the only practical solution.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. More customers: Accessibility Accessibility is a major mandate –Section 508 in the US –2003 European year of people with disabilities Recent W3C standards (HTML 4.01, CSS, XHTML) have been designed with accessibility in mind, simplifying accessibility compliance. Your site better serves disabled people as well as those using non-PC devices, increasing a web site’s effectiveness as a broad communication tool.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Considerations Support for older browsers –Netscape 4 and IE4 have difficulties in rendering CSS-styled content. –These browsers have major security flaws; visitors should be encouraged to upgrade. Standards support by third-party application developers –Enterprise application providers still coding proprietary, non-standards based code. –Customers should request them to update their applications for W3C standards compliance. Standards compliance may not be a major task. –IE 6 supports many standards and code that works in IE6 may work in other standards-compliant browsers.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. Conclusion: It’s smart to invest in web standards today Using standards today means –Reducing cost of developing and managing content –Reaching a wider audience (wider compatibility with browsers, accessibility, better ranking in search engines) –Compliance with accessibility law Tomorrow –Reduced lock-in to particular developers and vendors –Reduced cost of maintenance –Flexibility of presentation, including non-PC devices –A door open to XML technologies and benefits

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. “To hedge one's product success and longevity bets, preserving a path to cross-platform support should be a development action item from day one.” –Eweek, “If You Don't Build It, They May Never Come” Dec. 9, 2002