1. 優(yōu)化圖片，得到更好的頁面加載速率

 

    進修若何經(jīng)由過程抉擇準確的格局，來優(yōu)化網(wǎng)頁圖片，并確保文件巨細在可行的規(guī)模你是充足小的。固然如今人們曾經(jīng)都在應用寬帶，但仍舊有人是撥號上彀。別的，固然挪動裝配技能的遍及，但挪動裝配卻不一定支撐像寬頻同樣的速率，圖片文件的巨細能夠照樣會延伸網(wǎng)頁的加載光陰，有能夠把用戶趕走的。

 

    這里有個抉擇得當?shù)奈募窬值募寄埽杭偃鐖D片是單色，那最佳保留成PNG或許GIF格局;假如是持續(xù)性的色彩(如照片)則最佳保留成 JPG格局。

 

    有很多的對象能夠贊助你進一步優(yōu)化你的圖片，低落他們的文件巨細。能夠參考這個對象列表來贊助優(yōu)化你的圖片。只管即便把圖片數(shù)目減到最低，而且機動應用圖片，而且只管即便地減小文件巨細。如此一來，將能夠大大的削減頁面的讀取光陰和改良網(wǎng)頁的機能。

 

    2. 堅持清潔和簡略(即：簡練)

 

    一個好的網(wǎng)頁設(shè)計不但只是看起來悅目罷了，還假如用戶友愛型的。平日來講，一個清潔、簡略的網(wǎng)頁設(shè)計最終會成為一個可用性高的網(wǎng)頁設(shè)計，由于它在與用戶的交互中不會使其發(fā)生混雜。當頁面上有太多的網(wǎng)站功能和組件時，將會疏散網(wǎng)站用戶的注意力而落空底本閱讀網(wǎng)站的目標。確保每一個頁面元素都有其目標，而后問自己如下成績：

 

 3. 導航(條/欄)是最重要的計劃

 

    一個網(wǎng)站最重要的部門便是全部網(wǎng)站的導航。沒有它，不管在哪一個頁面中，用戶都邑產(chǎn)生卡在這個頁面離不開的狀態(tài)。有了這顯著的現(xiàn)實偏向，我們將評論辯論一些建構(gòu)網(wǎng)站導航時重要的點。

 

    起首，在網(wǎng)站的導航結(jié)構(gòu)上，投入充足的光陰和許多計劃是異常重要的。固然這是知識，但仍舊有許多計劃師想當然地計劃網(wǎng)站導航。

 

    擺放地位、作風、所用技巧(javascript或CSS)、可用性和網(wǎng)頁易讀性，這些是你制造導航計劃時必要斟酌的。

 

 4. 理智和有條理地應用字體

 

    固然有不計其數(shù)的字體，但你真的能用的只是一小部分(至多要比及主要的瀏覽器完整支撐CSS3)。 以是保持應用網(wǎng)頁平安字體。假如你不喜歡網(wǎng)頁平安字體，能夠斟酌應用sIFR或Cufon慢慢增強的網(wǎng)頁設(shè)計。

 

    保持字體的一致性，確認題目和段落的內(nèi)容看起來有所不同。應用空缺、調(diào)整行高、字體大小和字母間距屬性，應用戶輕松高興地瀏覽和掃描內(nèi)容。

  5. 懂得色彩無障礙性

 

    說完字體后，咱們還必要指出應用準確色彩的重要性。比方，玄色筆墨在赤色配景，假如應用高對比度，橙色配景上的赤色筆墨會令你的眼睛覺得重要。

 

   6. 曉得若何編寫代碼

 

    隨著各類所見即所得的網(wǎng)頁編輯器充滿市場，網(wǎng)頁計劃曾經(jīng)成為簡略的1-2-3步調(diào)就能夠計劃好一個網(wǎng)站。但是，大多數(shù)網(wǎng)頁編輯器攙雜了不用要的代碼，使你的HTML布局計劃欠妥，難以保護和更新，招致網(wǎng)頁收縮。

 

    經(jīng)由過程本身編寫的網(wǎng)頁代碼，能獲得簡練的代碼，能夠或許高興便利地瀏覽和保護。你能夠驕傲地說是本身寫進去的代碼。但曉得若何應用所見即所得的IDE或預覽功效并不會妨害進修 HTML和CSS。你要曉得發(fā)生了甚么工作，能力發(fā)明有用并高度優(yōu)化的網(wǎng)頁計劃。

 

    7. 不要忘懷搜索引擎優(yōu)化

 

    在計劃網(wǎng)站時，一個好的網(wǎng)頁計劃師應當永久切記根本的SEO觀點。比方，網(wǎng)頁內(nèi)容布局、用筆墨表現(xiàn)題目(即網(wǎng)頁的題目和標記)。此時，曩昔進修的若何正當編碼的能力就派上用處。熟悉精確、語義和基于尺度的HTML/CSS 后，你會很快熟悉到Div比表格布局好得多，不只更加精確地展示內(nèi)容，并且對搜索引擎排名也有幫助。別的，曉得用CSS調(diào)換配景、筆墨和圖片也是一個好主意。

 

    8. 理解人是沒有耐性的

 

    通俗人用幾秒鐘就決議能否要瀏覽更多網(wǎng)頁內(nèi)容或到另一個網(wǎng)站。是以，作為一個網(wǎng)頁計劃師，要有個好辦法，能在這珍貴的幾秒鐘勉勵用戶抉擇前者(看更多內(nèi)容)。

 

 9. 懂得(并意想到)瀏覽器的兼容性

 

    當一個網(wǎng)頁設(shè)計師必需要曉得的一件事，便是你的事情情況(瀏覽器)是抉剔和難以預料的。假如你的網(wǎng)頁設(shè)計只能運轉(zhuǎn)在的幾種網(wǎng)頁瀏覽器，那是不敷的，你必要盡量多瀏覽器下測試。這里有一款對象Browsershots，能夠測試瀏覽器兼容性。