DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 讓網頁更有閱讀性的幾個網頁設計技巧
讓網頁更有閱讀性的幾個網頁設計技巧
編輯:HTML和Xhtml     

網頁制作poluoluo文章簡介:那麼如何設計好一個網頁呢?一些小細節和一些操作習慣就會讓你的網站內容更有閱讀性。

    合理的設計好一個網頁,可以使讀者快速閱讀網站的文章,並且會饒有興趣的閱讀其他的內容,如果設計的網頁很另類很個性,導致讀者無法迅速找到想要進入的主題,那麼讀者會很快離開你的網站。那麼如何設計好一個網頁呢?一些小細節和一些操作習慣就會讓你的網站內容更有閱讀性。

      1:把文章內容字體改大一點,字太小看起來很累,尤其是在內容很多的時候。目前文章內容流行的字體是14PX(像素),和180%或150%的行距,這樣不容易造成視覺疲勞。
例如在CSS文件中可以加入如下代碼:
body{font-family: "宋體","微軟雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}
這段代碼的意思是 BODY區域也就是整個頁面默認是宋體,如果沒有宋體則改為微軟雅黑,以此類推。font-size的意思是字體大小,line-height是意思是行距。
(非常抱歉,我犯了一個嚴重的錯誤,目前流行字體應該是14px,結果我打成16px,這裡向各位修改成16px的朋友說一聲抱歉。)

      2:給文章內容的鏈接添加下劃線,這樣讀者可以清楚的知道哪裡可以點擊。例如:顯示下劃線代碼text-decoration: underline;

      3:文章內容盡量簡潔明了.更不要把文章弄成花花綠綠的字體顏色。

      4:要勤分段落。太多的段落總比太少的段落要好很多,這樣文章看上去錯落有致,而且讀者也容易閱讀.

      5:內容摘要很重要,這樣讀者在閱讀完標題,再閱讀摘要時就能大致了解文章要表達的內容。

      6:給重點的句子或者段落加粗體現實。這樣不僅方便快速閱讀,而且搜索引擎也會著重閱讀。

      7:如果文章內容很長,可以使用分頁。分頁導航一定要清晰明了易於點擊。

      8:把文章保持在一個合理的寬度,盡量不要直接從word文檔粘貼到文章編輯器當中。以免把樣式代碼也粘貼到編輯器中。我一般都使用記事本來寫文章。

      9:可以考慮使用插圖.如果文字太多的情況下,配圖可以提高文章的可讀性。

      10:最後一點也是最重要的一點,網站一定要有清晰的導航,方便讀者浏覽。我曾經去過幾個非常有個性的博客,但有接近30秒的時間都是在找從哪裡能點進文章內容。這樣的設計雖然很另類,但很不合理。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved