<HTML>FacilitatingUser’sLife<br />Improving Web UserExperiencewith Web Standards<br />Miguel López<br />C.E.O.<br />Symbia...
< html ><br />
< Web Standards Matters ><br />< Good Practices ><br />
< Expression Web ><br /><Visual Studio 2010><br /><Internet Explorer 9><br />
< More people/users use><br />< MultiPlatform/Devices><br />< Betteruserexperience ><br />< Lesscost -more benefits><br />
Bad use of Web Standards<br />174 tables<br />84 <br><br />245 <img><br />60 <font><br />116 Kb filesize<br />
< Less people use><br />< No Multi Platform><br />< Bad user experience ><br />< Loosing money! ><br />
Thesolution<br />(X)HTML<br />CSS, XSLT<br />ECMAScript<br />
Magic? transformations…<br /><  t a  b  l  e > 	174				1<br />< b  r  > 		8  4		 		7<br />< i  m  g > 		24 5		 		15<br ...
Easy tips<br />Valid (X)HTML<br />Valid CSS<br />Correct use of JavaScript<br />Microsoft Expression Web isyourfriend<br /...
Summing up<br /><Web Standards Matters><br /><ul><li>More users use applications
Multiple platforms / devices
Upcoming SlideShare
Loading in...5
×

HTML: Facilitating User's Life

531

Published on

Easy tips to success in HTML design (with standards!)

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
531
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • You can changetheworld,becauseyou are convincedaboutit, becauseyouhaveallthetools and applicationstoimproveyour HTML code
  • Allthisscaredus!
  • Si tenemos, pongamos por ejemplo un site con 1M visitantes/mes, de un fichero de 133 Kb  130Mb caudal x 12 = 1560 Mb/añoSi tenemos, pongamos por ejemplo un site con 1M visitantes/mes, de un fichero de 18 Kb  17,5Mb caudal x 12 = 210 Mb/año
  • Toend up, header 1, “Lifeisbeautiful”, let’smakeevenbetter!
  • Transcript of "HTML: Facilitating User's Life"

    1. 1. <HTML>FacilitatingUser’sLife<br />Improving Web UserExperiencewith Web Standards<br />Miguel López<br />C.E.O.<br />Symbia IT: www.symbiait.com<br />Blog: www.augurarte.com<br />
    2. 2. < html ><br />
    3. 3. < Web Standards Matters ><br />< Good Practices ><br />
    4. 4. < Expression Web ><br /><Visual Studio 2010><br /><Internet Explorer 9><br />
    5. 5. < More people/users use><br />< MultiPlatform/Devices><br />< Betteruserexperience ><br />< Lesscost -more benefits><br />
    6. 6. Bad use of Web Standards<br />174 tables<br />84 <br><br />245 <img><br />60 <font><br />116 Kb filesize<br />
    7. 7. < Less people use><br />< No Multi Platform><br />< Bad user experience ><br />< Loosing money! ><br />
    8. 8. Thesolution<br />(X)HTML<br />CSS, XSLT<br />ECMAScript<br />
    9. 9. Magic? transformations…<br />< t a b l e > 174  1<br />< b r > 8 4  7<br />< i m g > 24 5  15<br />< f o n t > 6 0  0<br />Filesize 1 15 Kb  18 Kb<br />
    10. 10. Easy tips<br />Valid (X)HTML<br />Valid CSS<br />Correct use of JavaScript<br />Microsoft Expression Web isyourfriend<br />Use a DOCTYPE!<br />Structure <> Presentation <> Behavior<br />Use tagssemantically<br />
    11. 11. Summing up<br /><Web Standards Matters><br /><ul><li>More users use applications
    12. 12. Multiple platforms / devices
    13. 13. Better user experience
    14. 14. Quick Return Of Investment (ROI)</li></ul><Follow Good Practices><br /><ul><li>Separate HTML/CSS/JavaScript
    15. 15. Use DOCTYPE
    16. 16. Expression Web | VS2010</li></li></ul><li><h1><br /></h1><br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×