把视觉稿经过页面代码的方式表现出来包含了两个根本诉求：

1.能够实在反映视觉稿；

2.能够经过浏览器的兼容。

这两个诉求的到达需求咱们有追求细节的情绪和必定的页面功底，能完成这两个内容就能够开端进入页面前端的从业者行列了，但这就代表着咱们能够担任页面开发的作业了？不，才刚刚开端！ 

交流很重要。先抛出几个疑问：咱们有网站建设没有和计划师讨论过某些作用对低端浏览器烘托功率影响对比大？有没有讨论过有些作用能够用CSS3完成然后使得构造愈加简练明晰？有没有在代码和视觉中寻追求过平衡？页面前端的开发向根本用户，编写的代码也直接作用在浏览器上，咱们有义务对页面的稳定性和烘托功率担任。咱们也常常碰到项目在全体进展压力下致使的计划与页面前端开发同步进行，这时更有必要尽量多地获取项目信息，了解咱们还要做些啥，这些能够协助咱们充分思考重用和构造拓宽。 
 

页面构造的编写比方盖房的地基建造，其好坏会直接影响到CSS代码的质量、js开发、后台开发还会影响到今后的页面拓宽、迭代和页面调整。拿到视觉稿后，不要忙着着手开端，多观察思考。先剖析计划，区分构造，然后计划构造，编写代码。特别在大型项目中，合理运用模块化的开发不管从全体进行仍是拓宽保护都有相当大的优点。 
 

许多同学在页面开发时上网查找最多的即是hack了，是不是咱们完全要依靠hack来完成页面兼容性，答案是不是定的。咱们常常比方IE6向咱们撒了一个谎，成果咱们要再撒一百个谎来圆这个谎。不否定IE6常常让咱们口吐鲜血，但不代表咱们用更多的“谎话”来弥补就能够心安理得。大多数情况下能够经过变换思路调整HTML构造，或运用一些尽管无法解释但相对安全的css来干掉hack。谁都无法估计运用hack啥时分会让咱们栽一个大跟头。比方触发layout或position:relative就能够协助处理许多IE6的疑问。 
 

如今许多web项目功能杂乱，代码规划也会变得很无穷，怎么十分好地进行协同开发和保护是咱们面对的一个疑问。需求思考完善一致的计划，还有要养成杰出的代码开发习气才会在面对各种情况时挥洒自如。翻阅页面代码，看到合理的标签运用、杰出的注释、明晰的代码构造、意图精确的css不只犹如赏识一个艺术品，更为下流开发和协同开发降低了不小的交流本钱，咱们有啥理由不去这么做呢？举个不和比方：div滥用是如今对比典型的一个疑问。数数看自个运用的标签有多少个呢？不一样的语义都该运用对应的标签代码，特别是HTML5供给了更丰厚的语义化标签，它们都苦苦地在等候战场上的冲锋号，让咱们去解放它们吧！ 
 

可拜访性与易用性是十分片面且人性化的东西。普通人看上去上完满出现的页面在特别群体中不必定显得那么交心。当瞎子用读屏软件在页面某个区域内堕入循环时，咱们应当感到愧疚。只能说目前国内的网站对此的注重程度还远远不够，这就需求咱们共同尽力，让更多的人感受到咱们的热心。