HTML页面编写的点点感受小结

在口碑工作的三四个月里，我深深地感受到了编写HTML页面的魅力。从最初的视觉稿到网页DEMO，我经历了从wap整站、杭州首页、bug需求到广州首页、上海首页、店铺大全等页面改版的历程。每次面对新的项目，我的心情都会从最初的烦躁和枯燥的调试，逐渐转变为轻松自如，甚至信手拈来、游刃有余。尤其难忘的是，终于摆脱了IE6、7的bug束缚，每次无需写hack就能完成整个页面布局时，那种成就感油然而生。

在同事的帮助下，我总结了一套自己的开发步骤，每次按照步骤进行，都能使工作更加有条不紊。

第一步：整体分析页面布局。在拿到视觉稿后，我会先从整体上分析页面的布局，包括各个模块的间距、header、body、footer的划分，页面色调、背景设置等。这一步是关键的，它为我后续的编码工作提供了一个整体的框架。

第二步：归纳统一、分类，进行切图（CSS Sprites）。在整体分析过后，我会对相似的模块样式进行归类，如ul列表、图文编排等。这样做可以最大化地精简CSS代码，为后续的工作带来便利。

第三步：拆分模块、规划HTML结构、规划并编写CSS。在前两步的基础上，我会开始动手写代码。我喜欢将每个模块或列拆分开来编写，从HTML语意化的角度架构HTML结构。这样可以使我在编写CSS和查看HTML代码时更加高效。

第四步：组合成页面。在完成每个模块的编写后，我会借助页面布局生成器，将拆分的模块整合起来。我会清理CSS文件的代码，整合CSS代码。在CSS Sprites中设置HTML元素的背景时，我会将所有元素集中在一处，使代码整洁、结构清晰。我还会谨慎使用margin和padding。在IE6、7下，margin可能会引发很多问题，因此我会在编写CSS和规划HTML布局时考虑到这一点，尽量使用padding，特别是在涉及float的时候。

每个开发步骤都是我在工作中的亲身体验和摸索，我享受着这个过程带来的乐趣。我相信，只有不断学习和总结，才能不断进步，更好地完成每一个项目。