如果你對網頁設計里最基本的一些概念都不明白，那么想做出好的網頁來說是不容易的。

基于互聯網技術的飛速發展，提供給網站建設者的平臺也越來越廣闊，但是，對網站設計和規劃一無所知就開始莽撞地創建網站無論在什么時候都是不合時宜的，下面我們為剛開始接觸網站建設和設計這門學問的網站設計初學者普及一些基本的建站知識。

圖片

盡量用小的圖片，比如說10-12KB大小的圖片。根據可靠數據表明，寬帶用戶正在不斷增加。即使你使用的是T1(北美的24路脈碼調制PCM簡稱T1，速率是1.544Mbit/s),但圖片載入速度緩慢的問題仍然很令人煩惱。圖片載入速度最主要的原因就是圖片太大了。優化你的圖片也是輕而易舉的事。

一定要用符合網站內容的圖片。如果你有一張可愛的小狗的照片并不意味著在你的網站或網站設計中一定要把它放進去。（對不起，這樣做是不可取的）。對于設計圖片有一個例外。設計圖片是組成頁面設計的照片或其它什么圖片，并不一定要用來闡釋網站內容。

要么不要在網頁上使用任何閃動、運動、變化、旋轉或Flash效果的圖片。要么小范圍的使用。很多調查顯示Flash效果圖片分散擾亂人的注意力并且令人厭煩。事實上，這些Flash效果圖會影響到搜索引擎排名情況，對SEO產生不利的影響。

布局

堅持用標準的網頁布局。我曾將看到過在一個頁面上有6-8塊區域。另一個網站則使用了這樣一種布局：要想完整地閱讀網頁信息，你必須不停地向右拉滾動條（但是事實上你應該不用的）。這些設計布局可能很漂亮但是不實用，因為瀏覽者會因此抓狂的。為什么三欄布局設計很普遍是因為在網站和報紙版面中它很實用。雖然看起來有點俗，但是如果內容充實，它會吸引更多的讀者。

空白并不僅僅是CSS屬性，它是你設計布局的一項功能。你應該注意一下網頁上的空白地帶，了解一下在讀者閱讀內容時它會起什么影響。網頁布局上的空白就跟一張紙上的空白一樣重要。在網頁布局中放入你的圖片。在你把圖片放入布局中的時候這些圖片就不僅僅是一些圖片了。我們都看到過一張圖片周圍環繞著文字的例子，這些應用到布局中的圖片也應該如同這張圖片一樣受到重視。

字體

大字標題用Serif 字體，內容文字用Sans-Serif。如果你做過印刷設計的話，這可能與你平時的做法背道而馳。但是要知道網站并不是用來打印的。因為電腦分辨率沒有印刷分辨率那么高，所以Sans-serif字體更容易閱讀。如果對于一般的文字也使用serif fonts，那么在電腦屏幕上文字顯示會很模糊，閱讀起來會很困難。對于要用于打印的網頁來說要使用相反的字體（大字標題用Serif 字體，內容文字用Sans-Serif）。

控制不同字體的數量。如果在網頁上不停的變換字體會使你的網站看起來很不專業。是的，情況的確是這樣的，所以網頁上的字體要控制在2-3種標準字體。這樣看來更便于閱讀并且更專業。

使用標準字體。是的，你可以在網頁上選擇使用Rockwood LT Standard。但是用戶機器上很少設有這種字體。也許一直使用Verdana, Geneva, Arial, 和 Helvetica字體看起來會枯燥，但是你的頁面看起來會更好并且在大多數瀏覽器上設計看起來會不走樣。

廣告

不要貪得無厭。如果你想在網站上放廣告，注意一定要控制廣告數量。因為讀者到你的網站上來不是來看廣告的，他們是來閱讀網站內容的。如果網頁上廣告占據了大部分空間，很多讀者就不會繼續閱讀你的網站內容。是的，從網站上賺錢是很重要的，但是如果你的廣告把用戶嚇跑了，無疑你肯定會有損失的。

對待廣告也要像對待其他圖片一樣，廣告一定要小，避免閃動或者閃光效果，并且要與網站內容相關。你可以在網站上放置廣告但并不疑問著你必須在網站上放廣告。如果內容是讀者感興趣的他們更有可能點擊閱讀。

記住你的讀者

在大多數瀏覽器上測試你的網頁。如果網頁設計只適合當下最流行的瀏覽器，那么這種做法是很愚蠢的并且很令人厭煩。除非你的網站只在固定瀏覽器的企業內部互聯網或者其他小范圍內使用，否則你會遇到很大麻煩的。

對操作系統來說，情況是一樣的。你不能保證在Windows IE5.0中正常運行的網頁在IE5.0 Macintosh運行也是正常的。

網站內容一定要寫讀者想看的內容否則你的網站只是寫給你自己看的。一定要保證你的內容包括讀者想要閱讀的話題或內容。

新聞標題：你必須知道的網頁設計知識
網頁網址：http://www.2m8n56k.cn/news/96286.html

成都網站建設公司_創新互聯，為您提供手機網站建設、定制開發、企業網站制作、品牌網站制作、網站排名、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯