上海網(wǎng)頁設(shè)計中細(xì)節(jié)處理的常識
2015-10-26 分類： 網(wǎng)站建設(shè)
網(wǎng)站建設(shè)技術(shù)早已經(jīng)不是少數(shù)人掌握的了，但是很多人掌握了建站技術(shù)，卻不知道如何把控細(xì)節(jié)，本文談?wù)?a href="http://jinyejixie.com/city/shanghai.html">上海網(wǎng)頁設(shè)計中細(xì)節(jié)處理的常識。
宣傳網(wǎng)站的建議
· 確保每張網(wǎng)頁的左上方出現(xiàn)logo。
· logo旁邊出現(xiàn)標(biāo)語或者是介紹企業(yè)特點的語言，比如說，“創(chuàng)新互聯(lián)，才多藝多，滿意多多”是創(chuàng)新互聯(lián)網(wǎng)站的標(biāo)語。
· 創(chuàng)建favicon。Favicon就是出現(xiàn)在地址欄URL旁邊的圖形。
· 所有網(wǎng)頁外觀設(shè)計要一致。網(wǎng)站的顏色、布局要一致。
· 網(wǎng)站設(shè)置“聯(lián)系我們”板塊，包含所有關(guān)于你與公司的相關(guān)信息。
· 網(wǎng)頁底部包含版權(quán)信息。
網(wǎng)站導(dǎo)航系統(tǒng)
· 網(wǎng)頁下載時間控制在10秒之內(nèi)(50kb，包括圖片)。
· 相關(guān)的導(dǎo)航內(nèi)容放在一起。
· 菜單欄選項使用常用的名稱：主頁，關(guān)于我們，聯(lián)系我們，幫助，產(chǎn)品，避免出現(xiàn)時尚、流行的選項。
· 如果網(wǎng)站利用Flash，確保出現(xiàn)HTML版本，有些用戶不喜歡眩目的網(wǎng)站。
· 網(wǎng)頁底部出現(xiàn)簡單的文本鏈接，這樣用戶就不必退回網(wǎng)頁頂部。
· logo與主頁進(jìn)行鏈接(除去主頁logo之外)，另外所有二級頁面要與主頁進(jìn)行鏈接。
· 展示網(wǎng)站瀏覽路線，就是指從主頁進(jìn)入各級頁面的路徑，比如說，主頁 > 主菜單>次級菜單 > 二級頁面。這樣用戶可以方便地操作網(wǎng)站。
· 如果網(wǎng)站內(nèi)容太多，你可以提供站內(nèi)搜索。網(wǎng)站主頁的右上方可以設(shè)計搜索框，或者提供搜索頁面，以及內(nèi)部頁面與搜索頁面的鏈接。網(wǎng)站需要具備功能強(qiáng)大、免費(fèi)的搜索引擎。
· 搜索框用來搜索網(wǎng)站內(nèi)容，而不是所有網(wǎng)絡(luò)內(nèi)容。
· 創(chuàng)建常用的錯誤頁面，頁面中呈現(xiàn)站點地圖，以及與網(wǎng)站主要內(nèi)容的鏈接。這樣，網(wǎng)站就不會流失鏈接無效或者URL輸入錯誤的訪問者。
布局與內(nèi)容的設(shè)計技巧
· 網(wǎng)頁頂部的內(nèi)容應(yīng)該是最重要的內(nèi)容，請記?。汉脙?nèi)容必須放置在頂部。
· 網(wǎng)頁可以用表格布局，表格寬度用百分比設(shè)定，避免利用固定像素數(shù)字。這樣網(wǎng)頁會永遠(yuǎn)與顯示屏相適應(yīng)，不會出現(xiàn)水平滾動條。
· 優(yōu)化網(wǎng)頁，確保在800600(最常用)分辨率狀態(tài)下，網(wǎng)頁呈現(xiàn)好狀態(tài)。
· 網(wǎng)頁文本內(nèi)容顏色對比要明顯：黑色文本搭配白色背景，或者白色文本搭配黑色背景。
· 網(wǎng)頁避免出現(xiàn)太多字體，同時避免使用小字號的serif字體(例如Times Roman)，這樣的字體出現(xiàn)在電腦顯示屏中，不便于閱讀。Verdana是一種最適合網(wǎng)站的字體，因為它寬度大、整潔、易于閱讀。
· 避免出現(xiàn)大段文字。利用有助于用戶瀏覽網(wǎng)站的工具，比如，點式列表、副標(biāo)題、關(guān)鍵詞以及超鏈接等等。
· 網(wǎng)站避免出現(xiàn)以下特征：數(shù)字計數(shù)器、大量感嘆詞、全部大寫字母、全部文本內(nèi)容居中、大量動畫圖片、復(fù)雜的背景等等。
· 避免使用彈出框。彈出框類似于廣告，會分散訪問者的注意力。
· 在不同的瀏覽器以及分辨率狀態(tài)下，測試網(wǎng)站。
網(wǎng)站文本內(nèi)容設(shè)計方法
· 避免出現(xiàn)專業(yè)術(shù)語，保證所有瀏覽著理解網(wǎng)站內(nèi)容，除非網(wǎng)站是為技術(shù)人員提供專業(yè)技術(shù)服務(wù)的網(wǎng)站。
· 閱讀電腦顯示器中的文字確實有一定難度，所以網(wǎng)站文字要少于印刷品文字的50%。
· 如果網(wǎng)頁太長，就需要把它拆成幾張網(wǎng)頁，并且與這些網(wǎng)頁進(jìn)行鏈接。
· 網(wǎng)頁文本字號不小于10pt。利用百分比指定網(wǎng)站字體，而避免利用像素，這樣用戶可以根據(jù)自己的喜好，利用瀏覽器文本選項，確定字號。
· 利用拼寫檢查程序。網(wǎng)站避免出現(xiàn)尷尬的拼寫錯誤，這樣會降低網(wǎng)站信譽(yù)度。
了解網(wǎng)站消費(fèi)者的方法
· 征求反饋信息：“聯(lián)系我們”的網(wǎng)頁中出現(xiàn)反饋表格。
· 出版電子雜志，網(wǎng)站主頁出現(xiàn)訂閱方式。為用戶提供有價值信息，鼓勵他們與你聯(lián)系。
· 利用投票系統(tǒng)以及其它工具收集營銷資料。
鏈接方法
· 鏈接應(yīng)該是描述性的，應(yīng)該說明用戶鏈接的地址，而不要僅僅出現(xiàn)“點擊這兒”。
· 非鏈接內(nèi)容，不能出現(xiàn)下劃線。
· 網(wǎng)站鏈接內(nèi)容應(yīng)該出現(xiàn)下劃線，并且網(wǎng)站所有鏈接內(nèi)容的下劃線顏色應(yīng)該相同。
· 已訪問的鏈接顏色應(yīng)該不同，這樣訪問者可以了解已經(jīng)瀏覽過哪些內(nèi)容(未訪問的鏈接最好使用紫色或者其它比較柔和的顏色)，
· 當(dāng)與Excel、Word、Acrobat等非HTML文件鏈接時，可以在鏈接附近增加一個小圖標(biāo)，這樣更明顯。
· 避免出現(xiàn)與“在建中”網(wǎng)頁的鏈接。
· 確保鏈接的有效性，避免出現(xiàn)無效鏈接，這時你可以利用網(wǎng)上的免費(fèi)工具。
· 運(yùn)用圖片鏈接時，使用ALT標(biāo)簽。ALT標(biāo)簽應(yīng)該說明你所鏈接的內(nèi)容。
利用圖片的方法
· 優(yōu)化圖片。圖片最好只利用.gif與.jpg格式，在保證圖片質(zhì)量前提下，盡量壓縮文本。你可以使用網(wǎng)上提供的免費(fèi)圖片優(yōu)化工具。
· 使用圖片的縮小版本，并且使用戶可以與它們的原版本鏈接。
· 避免出現(xiàn)與廣告外形相似的圖片，網(wǎng)站訪問者會忽視這些圖片。
· 利用圖片的ALT屬性，即使圖片不可以鏈接。這樣有助于不喜歡圖片的用戶瀏覽網(wǎng)站。
網(wǎng)站的搜索引擎優(yōu)化
· 創(chuàng)建簡短、描述性的網(wǎng)頁標(biāo)題，促使搜索引擎用戶點擊網(wǎng)站鏈接。
· 創(chuàng)建包含所有網(wǎng)頁的站點地圖，并且與主頁直接進(jìn)行鏈接。搜索引擎機(jī)器人會根據(jù)鏈接瀏覽站點地圖，把所有網(wǎng)頁添加到索引中。
· 確定每張網(wǎng)頁的2-3個關(guān)鍵詞(你認(rèn)為用戶會鍵入搜索引擎，尋找網(wǎng)頁的詞語)，并且確保關(guān)鍵詞經(jīng)常出現(xiàn)在網(wǎng)頁標(biāo)題、敘述meta標(biāo)簽以及網(wǎng)頁文字內(nèi)容中。
· 創(chuàng)建鏈接頁面。在鏈接頁面中，與同意與本網(wǎng)站鏈接的其它網(wǎng)站進(jìn)行鏈接。如果信譽(yù)度高的網(wǎng)站與本網(wǎng)站鏈接內(nèi)容越多，那么本網(wǎng)站在搜索引擎中的排名就會越高
· 網(wǎng)站多使用文字內(nèi)容，盡量減少使用圖片、Flash、Javascript。搜索引擎更喜歡文字內(nèi)容，可以更快對網(wǎng)站做索引。
網(wǎng)站標(biāo)題：上海網(wǎng)頁設(shè)計中細(xì)節(jié)處理的常識
標(biāo)題來源：http://jinyejixie.com/news/33068.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、外貿(mào)建站、企業(yè)建站、面包屑導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 中小企業(yè)網(wǎng)站怎樣為企業(yè)賺錢？ 2015-01-13
- 北京網(wǎng)頁制作沒層次？來點透明效果試試 2015-01-13
- 網(wǎng)頁設(shè)計新趨勢：逼真的頁面場景 2015-10-22
- 有哪些好的建筑類網(wǎng)站？建筑設(shè)計網(wǎng)站整理 2015-10-22
- 量身定制的移動版網(wǎng)站該如何著手 2015-01-12
- 一個好的建網(wǎng)站的10個因素 2015-01-12
- 影響網(wǎng)站安全性的因素有哪些 2015-01-12
- 銀行l(wèi)ogo設(shè)計要點 2015-10-21
- 不同類型網(wǎng)站的SEO有何不同？ 2016-02-21
- 武漢網(wǎng)站如何設(shè)計才能留住用戶？ 2015-10-24
- 怎樣做網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計難嗎？ 2015-10-23
- 建站是用企業(yè)模板建站還是定制建站呢？ 2015-01-13
- 如何評定一個建立網(wǎng)站價格呢？ 2015-01-13
- logo設(shè)計中的字體選擇 2015-10-21
- 優(yōu)秀網(wǎng)站中的LOGO圖標(biāo)設(shè)計 2015-10-21
- 如何為客戶設(shè)計好的標(biāo)志？ 2015-10-20
- LOGO設(shè)計中怎樣更好地使用漸變效果？ 2015-10-20
- 你見過這些有趣的網(wǎng)頁導(dǎo)航設(shè)計嗎？ 2015-10-20
- 重新設(shè)計網(wǎng)站需要經(jīng)過哪些環(huán)節(jié)？ 2015-10-19