與DIV+CSS相比，傳統(tǒng)的表格(table)進(jìn)行網(wǎng)站頁面雖然上手相對(duì)比較容易,制作速度也相對(duì)較快,合肥網(wǎng)絡(luò)公司小編認(rèn)為，表格(table)排版的缺點(diǎn)在于擺脫代碼過多、表格之間重疊結(jié)搜索引擎不利。因此更多的網(wǎng)站都在使用DIV+CSS這種新技術(shù)進(jìn)行頁面的排版。
大多數(shù)人也明白，用DIV+CSS進(jìn)行網(wǎng)頁排版的好處在此就不做說明了。但是DIV+CSS排版對(duì)許多新手來說還是比較困難的一件事，因?yàn)橐环矫嫠幌癖砀衽虐婺菢铀娝玫?，另一方面還要在不同瀏覽器的不同版本上進(jìn)行測(cè)試，工作量也會(huì)更大。那我們應(yīng)該如何方便快捷地進(jìn)行DIV+CSS排版呢， 合肥網(wǎng)站制作經(jīng)過多年的實(shí)踐和總結(jié)認(rèn)為要進(jìn)行DIC+CSS排版應(yīng)該要做好幾下幾點(diǎn)：
1． 做好網(wǎng)頁各部份的CSS命名很多用DIV+CSS進(jìn)行頁面排版的新手都經(jīng)歷過這樣的情況，頁面用DIV+CSS進(jìn)行排版后，一測(cè)試頁面有錯(cuò)誤，想改卻發(fā)現(xiàn)問題不知道出在那里，并且頁面的代碼也很亂，增加了查找的難度。用DIV+CSS進(jìn)行頁面排版做好頁面各部份的命名是很重要的，比如頭部命名為”head”,菜單導(dǎo)航條命名為”menu”等,優(yōu)勢(shì)在于方便日后的查找,對(duì)日后進(jìn)行新頁面的排版時(shí)也可以直接引用,提高排版的效率。
2.頁面排版運(yùn)用先框架后細(xì)節(jié)的原則用DIV+CSS排版最好先把網(wǎng)站頁的框架編排出來后先在不同瀏覽環(huán)境中進(jìn)行一次測(cè)試,發(fā)現(xiàn)問題及時(shí)解決.因?yàn)榈鹊巾撁嬲麄€(gè)排版好后再測(cè)試往往查找的范圍會(huì)太大而增加您的工作量.框架排版測(cè)試后沒有問題,再進(jìn)行細(xì)節(jié)方面的排版,每個(gè)部份有相對(duì)獨(dú)立的命名,那樣發(fā)現(xiàn)問題也好及時(shí)解決。
3.針對(duì)DIV在不同瀏覽器中出現(xiàn)的問題進(jìn)行記錄不同瀏覽器的兼容性不好是DIV+CSS排版目前最大的問題。通常，在IE中測(cè)試一個(gè)頁面好好的,使用其他瀏覽器中打開網(wǎng)站就會(huì)出現(xiàn)網(wǎng)站布局混亂的情況。因此，在遇到相關(guān)問題的時(shí)候有必要記錄一下,這樣再遇到同樣的問題時(shí)解決就容易了。
歡迎訪問更多網(wǎng)站推廣,網(wǎng)絡(luò)營銷,網(wǎng)站優(yōu)化,SEO相關(guān)內(nèi)容
.png)