“動(dòng)易DIV+CSS官方模板”現(xiàn)提供下載測(cè)試 

近些年來(lái)，網(wǎng)頁(yè)設(shè)計(jì)中對(duì)“WEB標(biāo)準(zhǔn)”或“DIV+CSS”的呼聲比較高，這反應(yīng)出網(wǎng)站運(yùn)用盡可能要考慮到其最終用戶的訪問(wèn)與使用。國(guó)內(nèi)一般客戶端上網(wǎng)瀏覽所用的工具以IE瀏覽器較多，但在瀏覽器發(fā)展的紛爭(zhēng)中，還有一些其它的瀏覽工具，如： Netscape, Mozilla, FireFox，Opera等等，如果您的網(wǎng)站不是只考慮到使用IE瀏覽器的瀏覽效果，則其它瀏覽器的用戶就無(wú)法正常瀏覽您網(wǎng)站的設(shè)計(jì)效果。因此，“WEB標(biāo)準(zhǔn)”的宗旨之一是使用一種國(guó)際通用的標(biāo)準(zhǔn)，使客戶使用任何一種瀏覽器來(lái)瀏覽您的網(wǎng)站，都能保證得到相同的效果，從而最大化地保證網(wǎng)站客戶能擁有率。

在“WEB標(biāo)準(zhǔn)”中，一個(gè)顯著的特點(diǎn)是以“DIV+CSS”的設(shè)計(jì)方式，其網(wǎng)頁(yè)主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。利用“DIV+CSS”構(gòu)建的網(wǎng)頁(yè)能簡(jiǎn)化網(wǎng)頁(yè)代碼、加快網(wǎng)頁(yè)顯示速度。如果您熟悉DIV與CSS的知識(shí)，則網(wǎng)頁(yè)維護(hù)與樣式更換將會(huì)比較容易，當(dāng)然，如果您不熟悉DIV與CSS的知識(shí)，則相對(duì)修改會(huì)比較困難。

“DIV”的一個(gè)解釋是“區(qū)塊”，它與以“br”這樣表格構(gòu)建的網(wǎng)頁(yè)相比，更能加快瀏覽器對(duì)網(wǎng)頁(yè)頁(yè)面內(nèi)容。尤其是在一些表格無(wú)法分割的頁(yè)面布局下，以DIV的布局更能顯示其優(yōu)越性。同時(shí)因?yàn)镈IV可以由CSS來(lái)控制其進(jìn)行定位，而不需要過(guò)多的嵌套布局，這樣可以邊緩存邊顯示，可避免因“br”布局時(shí)因?yàn)榍短變?nèi)容而造成瀏覽內(nèi)容需緩存結(jié)束后再全部顯示的弊病，因此在頁(yè)面內(nèi)容比較多時(shí)瀏覽速度上會(huì)有極大的提高。

“DIV+CSS”的設(shè)計(jì)并不是完全拋棄“br”的布局，在某些內(nèi)容的布局上“br”比“DIV+CSS”代碼更簡(jiǎn)潔、布局更明了，只不過(guò)盡可能以“DIV+CSS”方式實(shí)現(xiàn)更快瀏覽速度的設(shè)計(jì)，畢竟客戶瀏覽是第一需要。同時(shí)，“DIV+CSS”的設(shè)計(jì)使得頁(yè)面設(shè)計(jì)簡(jiǎn)潔明了，同時(shí)也會(huì)犧牲一些獨(dú)特的設(shè)計(jì)布局，這兩種設(shè)計(jì)方式各有利有弊。

因此，對(duì)于目前階段的網(wǎng)頁(yè)設(shè)計(jì)，我們的理解是：速度與兼容。提高網(wǎng)頁(yè)顯示速度，最大化兼容其他瀏覽器瀏覽是我們目前要解決的主要目標(biāo)，而不是僅僅去夸夸其談一定要通過(guò)“W3C”的校驗(yàn)。

這里我們提供“動(dòng)易DIV+CSS官方模板”以供大家進(jìn)行測(cè)試、使用與參考，這方面我們也在探索期間，有許多經(jīng)驗(yàn)也正在逐步總結(jié)，這也需要一定的時(shí)間，對(duì)于有些用戶的高聲急呼“模板都沒(méi)人管”我們表示理解與感謝，同時(shí)也希望大家也能理解我們的工作。本模板以獲獎(jiǎng)模板“策動(dòng)中國(guó)”為藍(lán)本，進(jìn)行了優(yōu)化與再設(shè)計(jì)，建議您在本機(jī)利用多種瀏覽器進(jìn)行瀏覽測(cè)試，如果您在測(cè)試使用過(guò)程中發(fā)現(xiàn)的問(wèn)題請(qǐng)?jiān)诖颂�子中反��，以方便我們進(jìn)一步改進(jìn)與完善。

MD5:dfca4223621df41483b98e1796d9e1cc
    202e22ab0e8c917402d478068e3e3fc3

查看更多 動(dòng)易教程  動(dòng)易模板