一、 网站结构布局

何必呢？ 哇哈哈，拿到设计图后一定要静静的想，然后多多观察。先分个框架，然后规划个结构，再编个代码。在大型项目中，要合理使用模块化的开发，这样不论是整体进行还是拓展维护dou有hen大的好处。

成dou网站建设公司_创新互联， 提供虚拟主机、网站收录、定制网站、网站导航、网站维护、网站制作。当前文章：网站前端建设开发需要注意的事项有这些。分享路径：https://www.cdcxhl.com/news/.html，走捷径。

二、 优化代码

kan到合理的标签使用、良好的注释、清晰的代码结构、用意准确的css，就像欣赏个艺术品一样，不仅美，而且下游开发和协同开发沟通成本也低了不少。特别是HTML5提供了geng丰富的语义化标签，它们dou在等我们，让我们去解放它们吧，好家伙...！

以后要geng好地利用HTML5实现响应式网站和自适应网站， 我始终觉得... geng好地解决网站的兼容性问题。

三、 关于hack

hen多小伙伴在页面开发时上网搜索Zui多的就是hack了。是不是我们完全要依赖hack来实现页面兼容性呢？答案是不是的。比如IE6就是一个大坏蛋，但它让我们不得不撒一百个谎来圆这个谎。但是 大部分情况下我们Ke以通过变换思路调整HTML结构，或者使用一些虽然无法解释但相对平安的css来干掉hack。谁dou不Neng预知使用hack什么时候会让我们栽个大跟头。比如触发layout或position:relative就Ke以帮助解决hen多IE6的问题，geng好地保证网页的浏览器兼容性。

四、 与HTML5的结合

网站设计师设计出网站平面页面后接下来就是网站前端制作负责将平面页面切图，并按照SEO优化等标准生成html静态页面。 放心去做... 其中，网站前端制作有hen多细节要注意，以便网站geng有利于搜索引擎的抓取。

HTML5时代的来临伴因为移动互联网的兴起，创造了geng大的机会。HTML5提供了丰富的JSAPI接口， CSS3的绚丽吸引了足够多的眼球，移动设备上如何开发geng加适配的页面这些dou是我们需要去思考的。

五、工具的使用

工欲善其事，必先利其器。除了实战经验和代码习惯的形成Ke以帮助我们提高效率外还有hen多辅助工具Ke以帮助我们进行页面开发。 我晕... 比如使用Less或SassKe以帮助我们拓展和组织CSS，大大提高CSS的编写效率增加了可维护性。