- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)中該選哪種布局方式
別具一格的網(wǎng)頁頁面，是維持網(wǎng)站的重要因素，下面是小編為大家整理關(guān)于網(wǎng)頁設(shè)計(jì)中的局方式，歡迎大家閱讀!
一、 TABLE方式
優(yōu)點(diǎn)：
1、簡單易用：比較適合入門級的用戶操作，用戶可直接利用Dreamweaver(以下簡寫為“DW”)工具欄插入表格，設(shè)置長寬、對齊方式、屬性等就可以輕松制作出一個(gè)頁面了。
2、立見效果：當(dāng)用戶插入一個(gè)TABLE的時(shí)候就可立即看到效果。
3、可讀性好：語句編寫較為簡便，主要代碼就是<TABLE></TABLE>、<TR></TR>、<TD></TD>等語句。
4、制作較快：新建網(wǎng)站時(shí)，從DW中直接拖入TABLE比編寫DIV要快速很多。
5、兼容性較強(qiáng)：TABLE設(shè)計(jì)由來已久，得到瀏覽器的廣泛支持，故而基本上沒什么錯(cuò)位現(xiàn)象。
缺點(diǎn)：
1、代碼繁多，
< /TABLE>這是構(gòu)成一個(gè)表格的最基本元素，相對編寫來說，代碼繁多。
2、網(wǎng)頁打開速度較慢：后臺(tái)代碼太多，導(dǎo)致網(wǎng)站打開速度慢。
二、 DIV+CSS方式
優(yōu)點(diǎn)：
1、標(biāo)準(zhǔn)化的頁面結(jié)構(gòu)：DIV+CSS是行業(yè)標(biāo)準(zhǔn)，是WEB發(fā)展的趨勢。
2、代碼簡潔：
較TABLE來說代碼精簡許多。
3、頁面瀏覽速度較快： 對于同一個(gè)頁面視覺效果，采用DIV+CSS重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多，代碼相對而言是很少的，瀏覽器加載的不多，故而速度相對較快。
4、頁面布局靈活：DIV+CSS使得頁面布局方便操作靈活，改版時(shí)只需改CSS樣式即可實(shí)現(xiàn)頁面重新布局，而不用改動(dòng)程序，從而降低了網(wǎng)站改版的成本。
缺點(diǎn)：
1、可觀性差：用戶在編輯的時(shí)候并不能立即看到編輯效果，需要預(yù)覽才可看到。
2、建站繁瑣：相對于新手來說，對代碼不是很了解，操作起來很是麻煩。
3、兼容性較差：DIV+CSS設(shè)計(jì)的網(wǎng)站在IE瀏覽器里面正常顯示，到火狐瀏覽器中有可能面目全非，故設(shè)計(jì)時(shí)需要把不同瀏覽器樣式都考慮進(jìn)去。
以上TABLE與DIV+CSS的對比中我可以得出，用DIV+CSS建設(shè)頁面要好的多，同時(shí)也是網(wǎng)站建設(shè)的發(fā)展趨勢。如果對html語言已經(jīng)很了解，或者需要進(jìn)行SEO優(yōu)化，想做關(guān)鍵詞推廣，那最好是用DIV+CSS來實(shí)現(xiàn)，這樣網(wǎng)站的流量和頁面瀏覽速度會(huì)快一些。
【網(wǎng)頁設(shè)計(jì)中該選哪種布局方式】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)的布局的方式有哪些08-06
網(wǎng)頁設(shè)計(jì)中美麗的布局05-13
關(guān)于網(wǎng)頁設(shè)計(jì)布局的分析09-26
數(shù)據(jù)在網(wǎng)頁設(shè)計(jì)中顯示方式設(shè)計(jì)的基本方法10-27
常見的網(wǎng)頁布局設(shè)計(jì)有哪些09-11
網(wǎng)頁設(shè)計(jì)要明確的那些布局細(xì)節(jié)09-11
網(wǎng)頁布局基礎(chǔ)08-10