WebRebuild北京第一届交流会之5：《网站重构who am i》——Tommy[范俊豪]

WebRebuild北京第一届交流会之5： 《网站重构who am i》——Tommy[范俊豪] 点击tag“WebRebuild北京第一届交流会”下载全部6个PPT 北京Google技术用户组与W3C、Webrebuild联合在Google公司成功地举办了第一次Webrebuild北京交流会。 网站重构是一种优化网页和应用程序的过程，旨在提高网页的性能、可维护性和用户体验，同时保持页面外观不变。在《网站重构who am i》的分享中，Tommy范俊豪探讨了这个主题，强调了从传统开发模式到现代Web开发思维的转变。 网站重构涉及到的角色包括程序开发人员、产品经理等，他们需要对页面结构、代码组织和文档编写有深入理解。重构不仅仅是技术层面的改进，更重要的是思维方式的改变。Tommy提到，对于技术型人士来说，不应只关注技术细节，而应理解并追求以用户为中心的设计理念，即Web2.0的核心思想。Web2.0并不只是一个技术概念，而是关于如何创造更具互动性和参与性的网络体验。 在讨论Web2.0时，Tommy提出了一个问题：第一批用户从哪里来？这是每个新项目启动时都需要考虑的关键问题。他引用了《What is WEB2.0》一文，强调了Web2.0的特性，如API开放、XHTML、CSS、AJAX和SEO（搜索引擎优化）的重要性。这些技术帮助开发者构建更高效、响应更快、可访问性更强的网站。 在重构实践中，Tommy特别指出了关于“div+CSS”的误区。他指出，不应简单地将“div+CSS”视为优于“table+CSS”的解决方案，而是应该根据实际需求选择合适的HTML元素。例如，正确使用h1-h6进行标题标记，使用div和p组织内容，img、table等元素各司其职，确保语义化编码。 在XHTML方面，Tommy强调了遵循标准的重要性，比如使用正确的DOCTYPE声明，设置meta标签以提供元数据，以及使用合适的HTML元素来表示内容。他还提到了启用CSS规范的几种方法，包括选择器、id和class的使用，并提倡良好的命名习惯。 CSS是网站重构中的关键部分，Tommy提醒开发者记住几个原则：没有复杂的CSS，只有需要时间调试的CSS；使用绝对定位处理简单布局；浮动元素后记得清除浮动；巧妙利用负边界解决定位问题；并建议根据项目需求选择合适的CSS解决方案，摆脱单纯依赖图片切割的旧观念。 此外，他还谈到了CSS媒体查询的未来，如all、aural、braille等，这些是为不同类型的设备设计界面的重要工具，确保网站在多种设备上都能提供良好体验，这在当前多屏幕、响应式设计的时代尤为重要。 关于AJAX，Tommy提到了框架的局限性，以及它如何适应互联网的快速发展。AJAX虽然提高了用户体验，但需要考虑到框架的可扩展性和适应性，以及对不同浏览器的兼容性问题。 《网站重构who am i》的主题分享深入浅出地讲解了网站重构的各个方面，从角色转变到技术实践，再到未来的趋势，为参会者提供了宝贵的见解和指导。