网站设计师设计出网站平面页面以后，接下来就是网站前端制作负责将平面页面切图，并按照SEO优化等标准生成html静态页面。其中，网站前端制作有许多细节要注意，以便网站更有利于搜索引擎的抓取，接下来成都网站建设开发公司就详细介绍这些注意事项。

　　1、能够给网站结构布局带来良好的展现：拿到设计图后一定要静心思考，多观察。先分框架然后规划结构，编写代码。特别在大型项目中，合理使用模块化的开发不论从整体进行还是拓展维护都有相当大的好处。

　　2、关于hack。很多小伙伴在页面开发时上网搜索最多的就是hack了，是否我们完全要依赖hack来实现页面兼容性，答案是否定的。大家经常比喻IE6向我们撒了一个谎，结果我们要再撒一百个谎来圆这个谎。不否认IE6经常让我们口吐鲜血，但不代表我们用更多的“谎言”来弥补就可以心安理得。大部分情况下可以通过变换思路调整HTML结构，或使用一些虽然无法解释但相对安全的css来干掉hack。谁都无法预计使用hack什么时候会让我们栽一个大跟头。比如触发layout或position:relative就可以帮助解决很多IE6的问题，更好地保证网页的浏览器兼容性。

　　3、优化代码：看到合理的标签使用、良好的注释、清晰的代码结构、用意准确的css不仅犹如欣赏一个艺术品，更为下游开发和协同开发降低了不小的沟通成本。特别是HTML5提供了更丰富的语义化标签，它们都苦苦地在等待战场上的冲锋号，让我们去解放它们吧!

　　4、工欲善其事，必先利其器”，除了实战经验和代码习惯的形成可以帮助我们提高效率外，想要提高对自己开发的进度掌控能力，还有很多辅助工具可以帮助我们进行页面开发。比如使用Less或Sass可以帮助我们拓展和组织CSS，大大提高CSS的编写效率增加了可维护性。

　　5、与HTML5的结合，HTML5时代的来临伴随着移动互联网的兴起创造了更大的机会，还有太多的东西值得我们去学习去发现。HTML5提供了丰富的JSAPI接口，需要我们去思考;CSS3的绚丽吸引了足够多的眼球，需要我们去思考;移动设备上如何开发更加适配的页面，需要我们去思考……

　　以上是网站前端制作需要注意的事项，接下来几年后需要更好地利用HTML5实现响应式网站和自适应网站，更完美地实现网站的兼容性问题。