網站設計師設計出網站平面頁面以后，接下來就是網站前端制作負責將平面頁面切圖，并按照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實現響應式網站和自適應網站，更完美地實現網站的兼容性問題。