[2008]网站重构 -who am i

1,325 views

Published on

2008年webrebuild年会分享

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

No Downloads
Views
Total views
1,325
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

[2008]网站重构 -who am i

  1. 1. —— Who
am
I TwinsenLiang 2008.08.12
  2. 2. --Who am I ——TwinsenLiang • • • 2008.08.12
  3. 3. --Who am I ——TwinsenLiang WEB2.0 • WEB2.0 2004 3 O’Reilly Media Inc. · Dale Dougherty • WEB2.0 • WEB2.0 • WEB2.0 2008.08.12
  4. 4. --Who am I ——TwinsenLiang • Dale Dougherty API • • 2008.08.12
  5. 5. --Who am I ——TwinsenLiang What is WEB2.0 http://www.oreillynet.com/pub/a/oreilly/tim/ news/2005/09/30/what-is-web-20.html?page=1 http://www.enet.com.cn/article/2005/1122/ A20051122474593.shtml 2008.08.12
  6. 6. --Who am I ——TwinsenLiang WEB2.0 2008.08.12
  7. 7. --Who am I ——TwinsenLiang WEB2.0 CSS 2008.08.12
  8. 8. --Who am I ——TwinsenLiang WEB2.0 CSS SEO 2008.08.12
  9. 9. --Who am I ——TwinsenLiang WEB2.0 CSS AJAX SEO 2008.08.12
  10. 10. --Who am I ——TwinsenLiang WEB2.0 CSS AJAX SEO 2008.08.12
  11. 11. --Who am I ——TwinsenLiang WEB2.0 CSS AJAX SEO API 2008.08.12
  12. 12. --Who am I ——TwinsenLiang WEB2.0 CSS XHTML AJAX SEO API 2008.08.12
  13. 13. --Who am I ——TwinsenLiang 1 XHTML HTML XML a. b. c. XHTML HTML Hypertext Markup Language , , XML The Extensible Markup Language( ) XHTML EXtensible HyperText Markup Language , 2008.08.12
  14. 14. --Who am I ——TwinsenLiang “DIV+CSS” • Table+CSS • DIV+CSS • DIV+CSS TABLE XHTML DIV XHTML 2008.08.12
  15. 15. --Who am I ——TwinsenLiang 1.a. DIV+CSS Jeffrey Zeldman http://www.zeldman.com/ ——“ div table ” http:// www.zeldman.com/daily/1003b.shtml 2008.08.12
  16. 16. --Who am I ——TwinsenLiang 1.b. <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-cn" /> <meta name="robots" content="all" /> <meta name=“author” content=“ ." /> <meta name=“copyright" content="Copyright (c) 1998-2008 Tencent Inc." /> <meta name=“description” content=“ ." /> <meta name=“keywords” content=“ " /> <title> </title> <link href="/style/screen/index.css" rel="stylesheet" type="text/css" media="screen" /> <link href="/style/handheld/index.css" rel="stylesheet" type="text/css" media="handheld" /> <!--[if IE 7]> <link href="/style/screen/ie7.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> <!--[if lt IE 7]> <link href="/style/screen/ie7lt.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" /> <link rel="Bookmark" href=“/favicon.ico" type="image/x-icon" /> <link rel="alternate" type="application/rss+xml" title="RSS news feed" href="/rss.xml" /> </head> <body> </body> </html> 2008.08.12
  17. 17. --Who am I ——TwinsenLiang 1.c. XHTML xhtml 1.0 h1-h6 div p img table  colgroup col caption thead th tfoot tbody tr td a span strong sup sub form input button select option textarea label fieldset legend ul ol li dl dt dd 2008.08.12
  18. 18. --Who am I ——TwinsenLiang 2 CSS a. XHTML CSS b. c. CSS d. CSS CSS Cascading Style Sheets( ) 2008.08.12
  19. 19. --Who am I ——TwinsenLiang 2.a. XHTML CSS CSS CSS • • id • classname 2008.08.12
  20. 20. --Who am I ——TwinsenLiang 2.a. XHTML CSS CSS CSS • • id • classname id=“list_title” id=“ListTitle” id=“list-title” class =“list_title” class =“ListTitle” class=“list-title” 2008.08.12
  21. 21. --Who am I ——TwinsenLiang 2.b. • IE5.5 padding • IE • OP Margin 2008.08.12
  22. 22. --Who am I ——TwinsenLiang 2.b. • IE5.5 padding • IE • OP 1 HTML IE Hack CSS Hack 2 Margin 2008.08.12
  23. 23. --Who am I ——TwinsenLiang 2.c. CSS • CSS CSS • CSS • • margin padding Hack • CSS “ ” • CSS 2008.08.12
  24. 24. --Who am I ——TwinsenLiang 2.d.CSS • all • aural • braille • embossed • handheld • print • projection • screen • tty CSS2.0-2.1 2008.08.12
  25. 25. --Who am I ——TwinsenLiang 3 AJAX a. AJAX frame work b. AJAX c. AJAX d. AJAX Client Ajax JavaScript XML Asynchronous JavaScript and XML Javascript 2008.08.12
  26. 26. --Who am I ——TwinsenLiang 4 SEO a. SEO XHTML b. SEO c. SEO d. SEO Portal e. SEO SEO Search Engine Optimization to use some technics to make your website in the f. SEO top places in Search Engine when somebody is using Search Engine to find something “ ” Search Engine Positioning Search 2008.08.12
  27. 27. --Who am I ——TwinsenLiang • HTTP . HTTP • HTTP Header • HTTP , , GZIP CPU . • , . • . • . • . • . • Cache. 2008.08.12
  28. 28. --Who am I ——TwinsenLiang 2008.08.12
  29. 29. --Who am I ——TwinsenLiang • 22.447 S 19194 KB • 0.012 S 19180 KB 2008.08.12
  30. 30. --Who am I ——TwinsenLiang 2008.08.12
  31. 31. --Who am I ——TwinsenLiang 2008.08.12
  32. 32. --Who am I ——TwinsenLiang Demo
link 























































 2008.11.07
  33. 33. --Who am I ——TwinsenLiang Demo
link 























































 2008.11.07
  34. 34. --Who am I ——TwinsenLiang Demo
link 























































 Tmenu http:// 2008.11.07
  35. 35. --Who am I ——TwinsenLiang Demo
link 























































 Tmenu http:// 2008.11.07
  36. 36. --Who am I ——TwinsenLiang Background‐image: Demo
link 2008.11.07
  37. 37. --Who am I ——TwinsenLiang 


















 2008.11.07
  38. 38. --Who am I ——TwinsenLiang 























































 2008.11.07
  39. 39. --Who am I ——TwinsenLiang 























































 2008.11.07
  40. 40. --Who am I ——TwinsenLiang 























































 2008.11.07
  41. 41. --Who am I ——TwinsenLiang 























































 2008.11.07
  42. 42. --Who am I ——TwinsenLiang 























































 2008.11.07
  43. 43. --Who am I ——TwinsenLiang 2008.11.07
  44. 44. --Who am I ——TwinsenLiang 2008.11.07
  45. 45. --Who am I ——TwinsenLiang 2008.11.07
  46. 46. --Who am I ——TwinsenLiang DHTML Css20 2008.11.07
  47. 47. --Who am I ——TwinsenLiang (IE ): Multiple_IE( IE ): http://tredosoft.com/Multiple_IE HttpWatch(http request   ): http://www.httpwatch.com/download/ Internet Explorer Developer Toolbar(IE , DOM ): http://www.microsoft.com/downloads/details.aspx? 2008.11.07
  48. 48. --Who am I ——TwinsenLiang (Firefox ): Firebug: http://www.getfirebug.com/ Yslow( Firebug ): http://developer.yahoo.com/yslow/ Web Developer: https://addons.mozilla.org/en-US/firefox/addon/60 Ie tab( Firefox IE ): https://addons.mozilla.org/en-US/firefox/addon/1419 2008.11.07
  49. 49. --Who am I ——TwinsenLiang ( ) Virtual PC: http://www.microsoft.com/windows/products/winfamily/virtualpc/default.mspx VMware Workstation: http://www.vmware.com/download/ws/ 2008.11.07
  50. 50. 2008.11.07
  51. 51. Thanks 2008.11.07
  52. 52. Thanks Q&A 2008.11.07

×