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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 4. 理智和有條理地應(yīng)用字體

 

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

 

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

  5. 懂得色彩無障礙性

 

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

 

   6. 曉得若何編寫代碼

 

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

 

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

 

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

 

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

 

    8. 理解人是沒有耐性的

 

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

 

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

 

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