誤區(qū)一：人人都可以做網(wǎng)頁(yè)設(shè)計(jì)

   很多人認(rèn)為自己就可以制作網(wǎng)頁(yè)，但是他真正做出來(lái)的東西，可能并不是那么一回事。真正的的網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)綜合學(xué)科，集合了信息架構(gòu)設(shè)計(jì)，用戶(hù)界面設(shè)計(jì)，排版設(shè)計(jì)，色彩搭配，字體設(shè)計(jì)等多門(mén)學(xué)科，只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁(yè)的設(shè)計(jì)。

誤區(qū)二：過(guò)分追求CSS的“最小化”

   CSS的重用性注定了會(huì)比HTML要“更小”，但使用CSS并不是因?yàn)樗�小才使用它。而是因�(yàn)镃SS能使網(wǎng)頁(yè)結(jié)構(gòu)更清晰。很多人為了CSS文件能更小而絞盡腦汁的壓縮代碼，合并屬性。你如果要追求“網(wǎng)頁(yè)更小”，推薦你多了解下各種WEB圖片格式的優(yōu)缺點(diǎn)，以及他們的壓縮優(yōu)化方法。會(huì)比你壓縮CSS代碼更有作用。建議CSS的書(shū)寫(xiě)以方便閱讀、結(jié)構(gòu)清晰為重點(diǎn)，而不是為了幾K大小去壓縮和合并代碼，增加后期糾錯(cuò)和修改的難度。

誤區(qū)三：內(nèi)容填滿頁(yè)面所有的空間

   千萬(wàn)別這么干!留白(或者負(fù)空間)有著非常重要的作用，它與網(wǎng)頁(yè)上的其他的視覺(jué)元素相互依托，是構(gòu)建一個(gè)優(yōu)秀網(wǎng)頁(yè)的重要組成部分。有留白，才能創(chuàng)造出網(wǎng)頁(yè)的視覺(jué)焦點(diǎn)，讓網(wǎng)頁(yè)的設(shè)計(jì)感更強(qiáng)，更易于瀏覽和使用，當(dāng)然，留白并不一定非要是白色的。

誤區(qū)四：網(wǎng)頁(yè)中使用表格就代表落后

   DIV+CSS沒(méi)出現(xiàn)以前表格是制作頁(yè)面的主要容器。現(xiàn)在所有瀏覽器都仍然支持HTML的舊標(biāo)簽，并且HTML技術(shù)也是相對(duì)成熟的，合理使用表格的一些HTML屬性可以解決一些CSS兼容性問(wèn)題。W3C標(biāo)準(zhǔn)只是一種指導(dǎo)，沒(méi)有必要強(qiáng)求。況且表格的強(qiáng)項(xiàng)是數(shù)據(jù)的呈現(xiàn)，表格可不落后!

誤區(qū)五：網(wǎng)頁(yè)應(yīng)該在所有瀏覽器里面效果都完全一樣

   不同瀏覽器的渲染機(jī)制不一樣，所以同一個(gè)網(wǎng)頁(yè)在不同的瀏覽器里面看起來(lái)也不會(huì)完全一樣，這主要是因?yàn)榫W(wǎng)站所用的內(nèi)核不一樣造成的。所以，請(qǐng)接受這一事實(shí)。退一萬(wàn)步講，對(duì)于絕大多數(shù)的網(wǎng)站，你的瀏覽器兼容性?xún)?yōu)化得再好也很難達(dá)到100%的一模一樣。

誤區(qū)六：圖片切割得越小越好

   為了使網(wǎng)頁(yè)逐一顯示，讓用戶(hù)能看到網(wǎng)頁(yè)LOADING的“等待過(guò)程”而將圖片切割得過(guò)于細(xì)小是一個(gè)典型的誤區(qū)。

   這會(huì)帶來(lái)兩個(gè)方面的問(wèn)題：服務(wù)器請(qǐng)求數(shù)過(guò)多會(huì)嚴(yán)重影響服務(wù)器的性能。所以推薦盡量發(fā)揮CSS Sprites的作用。甚至CSS、JS都盡量不要拆分得過(guò)于細(xì)小，能整合就整合。

   其實(shí)無(wú)論你如何切割，越切得小，總?cè)萘亢驼加玫目臻g反而會(huì)略大。得不償失!

誤區(qū)七：所有的細(xì)節(jié)都必須醒目

   對(duì)于網(wǎng)頁(yè)排版有種誤解，認(rèn)為網(wǎng)頁(yè)中所有的東西都要要大，要粗，要閃，要亮。是的，我們將內(nèi)容放到網(wǎng)站中是希望它們能被注意到，能脫穎而出。可問(wèn)題在于，如果所有的內(nèi)容和元素都加粗了，閃耀了，那么什么內(nèi)容都不會(huì)突出來(lái)的。突出是需要通過(guò)合理的布局、差異和負(fù)空間烘托出來(lái)的。使用不同的字體，主次內(nèi)容相互依托，圖文混拍，優(yōu)質(zhì)的內(nèi)容才會(huì)被眼睛捕捉到。