隨著網(wǎng)站優(yōu)化越來越熱門,傳統(tǒng)的表格(table)進(jìn)行網(wǎng)站頁面雖然制作速度相對較快,上手也相對比較容易,但是表格(table)排版始終無法擺脫代碼過多、表格之間重疊結(jié)搜索引擎不利等毛病。所以越來越多的網(wǎng)站開始使用DIV+CSS這種新技術(shù)進(jìn)行頁面的排版。
用DIV+CSS進(jìn)行網(wǎng)頁排版的好處在此就不做說明了，相信大多數(shù)人也明白。不過DIV+CSS排版對許多新手來說還是比較困難的一件事，因為一方面它不像表格排版那樣所見所得的，另一方面還要在不同瀏覽器的不同版本上進(jìn)行測試，工作量也會更大。那我們應(yīng)該如何方便快捷地進(jìn)行DIV+CSS排版呢， 寧波易商網(wǎng)絡(luò)經(jīng)過多年的實踐和總結(jié)認(rèn)為要進(jìn)行DIC+CSS排版應(yīng)該要做好幾下幾點：
1． 做好網(wǎng)頁各部份的CSS命名
很多用DIV+CSS進(jìn)行頁面排版的新手都經(jīng)歷過這樣的情況，頁面用DIV+CSS進(jìn)行排版后，一測試頁面有錯誤，想改卻發(fā)現(xiàn)問題不知道出在那里，并且頁面的代碼也很亂，增加了查找的難度。用DIV+CSS進(jìn)行頁面排版做好頁面各部份的命名是很重要的，比如頭部命名為
,菜單導(dǎo)航條命名為
等,這樣方便日后的查找,對日后進(jìn)行新頁面的排版時也可以直接引用,提高排版的效率。
2.頁面排版運用先框架后細(xì)節(jié)的原則
用DIV+CSS排版最好先把網(wǎng)站頁的框架編排出來后先在不同瀏覽環(huán)境中進(jìn)行一次測試,發(fā)現(xiàn)問題及時解決.因為等到頁面整個排版好后再測試往往查找的范圍會太大而增加您的工作量.框架排版測試后沒有問題,再進(jìn)行細(xì)節(jié)方面的排版,每個部份有相對獨立的命名,那樣發(fā)現(xiàn)問題也好及時解決。
3.針對DIV在不同瀏覽器中出現(xiàn)的問題進(jìn)行記錄
DIV+CSS排版目前最大的問題就是不同瀏覽器的兼容性不好。一個頁面往往在IE中測試好好的,到了其他瀏覽器中一看就面目全非了。所以新手最好在遇到相關(guān)問題的時候做一下記錄,那樣下次再遇到同樣的問題時就很容易進(jìn)行解決了。
以上幾點是我們寧波易商網(wǎng)絡(luò)地進(jìn)行DIV+CSS網(wǎng)頁排版實際運用中的一點心得,希望對那些想進(jìn)行DIV+CSS網(wǎng)頁排版的新手們帶去一點點幫助。 | 
