誤區(qū)一:人人都可以做網(wǎng)頁設(shè)計(jì)
很多人認(rèn)為自己就可以制作網(wǎng)頁,但是他真正做出來的東西,可能并不是那么一回事。真正的的網(wǎng)頁設(shè)計(jì)是一門綜合學(xué)科,集合了信息架構(gòu)設(shè)計(jì),用戶界面設(shè)計(jì),排版設(shè)計(jì),色彩搭配,字體設(shè)計(jì)等多門學(xué)科,只有真正將這些方面都正確兼顧到了才能做好網(wǎng)頁的設(shè)計(jì)。
誤區(qū)二:過分追求CSS的“最小化”
CSS的重用性注定了會比HTML要“更小”,但使用CSS并不是因?yàn)樗〔攀褂盟。而是因(yàn)镃SS能使網(wǎng)頁結(jié)構(gòu)更清晰。很多人為了CSS文件能更小而絞盡腦汁的壓縮代碼,合并屬性。你如果要追求“網(wǎng)頁更小”,推薦你多了解下各種WEB圖片格式的優(yōu)缺點(diǎn),以及他們的壓縮優(yōu)化方法。會比你壓縮CSS代碼更有作用。建議CSS的書寫以方便閱讀、結(jié)構(gòu)清晰為重點(diǎn),而不是為了幾K大小去壓縮和合并代碼,增加后期糾錯和修改的難度。
誤區(qū)三:內(nèi)容填滿頁面所有的空間
千萬別這么干!留白(或者負(fù)空間)有著非常重要的作用,它與網(wǎng)頁上的其他的視覺元素相互依托,是構(gòu)建一個優(yōu)秀網(wǎng)頁的重要組成部分。有留白,才能創(chuàng)造出網(wǎng)頁的視覺焦點(diǎn),讓網(wǎng)頁的設(shè)計(jì)感更強(qiáng),更易于瀏覽和使用,當(dāng)然,留白并不一定非要是白色的。
誤區(qū)四:網(wǎng)頁中使用表格就代表落后
DIV+CSS沒出現(xiàn)以前表格是制作頁面的主要容器。現(xiàn)在所有瀏覽器都仍然支持HTML的舊標(biāo)簽,并且HTML技術(shù)也是相對成熟的,合理使用表格的一些HTML屬性可以解決一些CSS兼容性問題。W3C標(biāo)準(zhǔn)只是一種指導(dǎo),沒有必要強(qiáng)求。況且表格的強(qiáng)項(xiàng)是數(shù)據(jù)的呈現(xiàn),表格可不落后!
誤區(qū)五:網(wǎng)頁應(yīng)該在所有瀏覽器里面效果都完全一樣
不同瀏覽器的渲染機(jī)制不一樣,所以同一個網(wǎng)頁在不同的瀏覽器里面看起來也不會完全一樣,這主要是因?yàn)榫W(wǎng)站所用的內(nèi)核不一樣造成的。所以,請接受這一事實(shí)。退一萬步講,對于絕大多數(shù)的網(wǎng)站,你的瀏覽器兼容性優(yōu)化得再好也很難達(dá)到100%的一模一樣。
誤區(qū)六:圖片切割得越小越好
為了使網(wǎng)頁逐一顯示,讓用戶能看到網(wǎng)頁LOADING的“等待過程”而將圖片切割得過于細(xì)小是一個典型的誤區(qū)。
這會帶來兩個方面的問題:服務(wù)器請求數(shù)過多會嚴(yán)重影響服務(wù)器的性能。所以推薦盡量發(fā)揮CSS Sprites的作用。甚至CSS、JS都盡量不要拆分得過于細(xì)小,能整合就整合。
其實(shí)無論你如何切割,越切得小,總?cè)萘亢驼加玫目臻g反而會略大。得不償失!
誤區(qū)七:所有的細(xì)節(jié)都必須醒目
對于網(wǎng)頁排版有種誤解,認(rèn)為網(wǎng)頁中所有的東西都要要大,要粗,要閃,要亮。是的,我們將內(nèi)容放到網(wǎng)站中是希望它們能被注意到,能脫穎而出。可問題在于,如果所有的內(nèi)容和元素都加粗了,閃耀了,那么什么內(nèi)容都不會突出來的。突出是需要通過合理的布局、差異和負(fù)空間烘托出來的。使用不同的字體,主次內(nèi)容相互依托,圖文混拍,優(yōu)質(zhì)的內(nèi)容才會被眼睛捕捉到。