Godzilla. 2016-10-14
網(wǎng)站建設(shè)
上海網(wǎng)頁(yè)設(shè)計(jì)中細(xì)節(jié)處理的常識(shí)
網(wǎng)站建設(shè)技術(shù)早已經(jīng)不是少數(shù)人掌握的了，但是很多人掌握了建站技術(shù)，卻不知道如何把控細(xì)節(jié)，本文談?wù)?strong>上海網(wǎng)頁(yè)設(shè)計(jì)中細(xì)節(jié)處理的常識(shí)。
宣傳網(wǎng)站的建議
· 確保每張網(wǎng)頁(yè)的左上方出現(xiàn)logo。
· logo旁邊出現(xiàn)標(biāo)語(yǔ)或者是介紹企業(yè)特點(diǎn)的語(yǔ)言，比如說，“摩恩網(wǎng)絡(luò)，才多藝多，滿意多多”是摩恩網(wǎng)絡(luò)網(wǎng)站的標(biāo)語(yǔ)。
· 創(chuàng)建favicon。Favicon就是出現(xiàn)在地址欄URL旁邊的圖形。
· 所有網(wǎng)頁(yè)外觀設(shè)計(jì)要一致。網(wǎng)站的顏色、布局要一致。
· 網(wǎng)站設(shè)置“聯(lián)系我們”板塊，包含所有關(guān)于你與公司的相關(guān)信息。
· 網(wǎng)頁(yè)底部包含版權(quán)信息。
網(wǎng)站導(dǎo)航系統(tǒng)
· 網(wǎng)頁(yè)下載時(shí)間控制在10秒之內(nèi)(50kb，包括圖片)。
· 相關(guān)的導(dǎo)航內(nèi)容放在一起。
· 菜單欄選項(xiàng)使用常用的名稱：主頁(yè)，關(guān)于我們，聯(lián)系我們，幫助，產(chǎn)品，避免出現(xiàn)時(shí)尚、流行的選項(xiàng)。
· 如果網(wǎng)站利用Flash，確保出現(xiàn)HTML版本，有些用戶不喜歡眩目的網(wǎng)站。
· 網(wǎng)頁(yè)底部出現(xiàn)簡(jiǎn)單的文本鏈接，這樣用戶就不必退回網(wǎng)頁(yè)頂部。
· logo與主頁(yè)進(jìn)行鏈接(除去主頁(yè)logo之外)，另外所有二級(jí)頁(yè)面要與主頁(yè)進(jìn)行鏈接。
· 展示網(wǎng)站瀏覽路線，就是指從主頁(yè)進(jìn)入各級(jí)頁(yè)面的路徑，比如說，主頁(yè) > 主菜單>次級(jí)菜單 > 二級(jí)頁(yè)面。這樣用戶可以方便地操作網(wǎng)站。
· 如果網(wǎng)站內(nèi)容太多，你可以提供站內(nèi)搜索。網(wǎng)站主頁(yè)的右上方可以設(shè)計(jì)搜索框，或者提供搜索頁(yè)面，以及內(nèi)部頁(yè)面與搜索頁(yè)面的鏈接。網(wǎng)站需要具備功能強(qiáng)大、免費(fèi)的搜索引擎。
· 搜索框用來(lái)搜索網(wǎng)站內(nèi)容，而不是所有網(wǎng)絡(luò)內(nèi)容。
· 創(chuàng)建常用的錯(cuò)誤頁(yè)面，頁(yè)面中呈現(xiàn)站點(diǎn)地圖，以及與網(wǎng)站主要內(nèi)容的鏈接。這樣，網(wǎng)站就不會(huì)流失鏈接無(wú)效或者URL輸入錯(cuò)誤的訪問者。
布局與內(nèi)容的設(shè)計(jì)技巧
· 網(wǎng)頁(yè)頂部的內(nèi)容應(yīng)該是最重要的內(nèi)容，請(qǐng)記?。汉脙?nèi)容必須放置在頂部。
· 網(wǎng)頁(yè)可以用表格布局，表格寬度用百分比設(shè)定，避免利用固定像素?cái)?shù)字。這樣網(wǎng)頁(yè)會(huì)永遠(yuǎn)與顯示屏相適應(yīng)，不會(huì)出現(xiàn)水平滾動(dòng)條。
· 優(yōu)化網(wǎng)頁(yè)，確保在800600(最常用)分辨率狀態(tài)下，網(wǎng)頁(yè)呈現(xiàn)最佳狀態(tài)。
· 網(wǎng)頁(yè)文本內(nèi)容顏色對(duì)比要明顯：黑色文本搭配白色背景，或者白色文本搭配黑色背景。
· 網(wǎng)頁(yè)避免出現(xiàn)太多字體，同時(shí)避免使用小字號(hào)的serif字體(例如Times Roman)，這樣的字體出現(xiàn)在電腦顯示屏中，不便于閱讀。Verdana是一種最適合網(wǎng)站的字體，因?yàn)樗鼘挾却?、整潔、易于閱讀。
· 避免出現(xiàn)大段文字。利用有助于用戶瀏覽網(wǎng)站的工具，比如，點(diǎn)式列表、副標(biāo)題、關(guān)鍵詞以及超鏈接等等。
· 網(wǎng)站避免出現(xiàn)以下特征：數(shù)字計(jì)數(shù)器、大量感嘆詞、全部大寫字母、全部文本內(nèi)容居中、大量動(dòng)畫圖片、復(fù)雜的背景等等。
· 避免使用彈出框。彈出框類似于廣告，會(huì)分散訪問者的注意力。
· 在不同的瀏覽器以及分辨率狀態(tài)下，測(cè)試網(wǎng)站。
網(wǎng)站文本內(nèi)容設(shè)計(jì)方法
· 避免出現(xiàn)專業(yè)術(shù)語(yǔ)，保證所有瀏覽著理解網(wǎng)站內(nèi)容，除非網(wǎng)站是為技術(shù)人員提供專業(yè)技術(shù)服務(wù)的網(wǎng)站。
· 閱讀電腦顯示器中的文字確實(shí)有一定難度，所以網(wǎng)站文字要少于印刷品文字的50%。
· 如果網(wǎng)頁(yè)太長(zhǎng)，就需要把它拆成幾張網(wǎng)頁(yè)，并且與這些網(wǎng)頁(yè)進(jìn)行鏈接。
· 網(wǎng)頁(yè)文本字號(hào)不小于10pt。利用百分比指定網(wǎng)站字體，而避免利用像素，這樣用戶可以根據(jù)自己的喜好，利用瀏覽器文本選項(xiàng)，確定字號(hào)。
· 利用拼寫檢查程序。網(wǎng)站避免出現(xiàn)尷尬的拼寫錯(cuò)誤，這樣會(huì)降低網(wǎng)站信譽(yù)度。
了解網(wǎng)站消費(fèi)者的方法
· 征求反饋信息：“聯(lián)系我們”的網(wǎng)頁(yè)中出現(xiàn)反饋表格。
· 出版電子雜志，網(wǎng)站主頁(yè)出現(xiàn)訂閱方式。為用戶提供有價(jià)值信息，鼓勵(lì)他們與你聯(lián)系。
· 利用投票系統(tǒng)以及其它工具收集營(yíng)銷資料。
鏈接方法
· 鏈接應(yīng)該是描述性的，應(yīng)該說明用戶鏈接的地址，而不要僅僅出現(xiàn)“點(diǎ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文件鏈接時(shí)，可以在鏈接附近增加一個(gè)小圖標(biāo)，這樣更明顯。
· 避免出現(xiàn)與“在建中”網(wǎng)頁(yè)的鏈接。
· 確保鏈接的有效性，避免出現(xiàn)無(wú)效鏈接，這時(shí)你可以利用網(wǎng)上的免費(fèi)工具。
· 運(yùn)用圖片鏈接時(shí)，使用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)站訪問者會(huì)忽視這些圖片。
· 利用圖片的ALT屬性，即使圖片不可以鏈接。這樣有助于不喜歡圖片的用戶瀏覽網(wǎng)站。
網(wǎng)站的搜索引擎優(yōu)化
· 創(chuàng)建簡(jiǎn)短、描述性的網(wǎng)頁(yè)標(biāo)題，促使搜索引擎用戶點(diǎn)擊網(wǎng)站鏈接。
· 創(chuàng)建包含所有網(wǎng)頁(yè)的站點(diǎn)地圖，并且與主頁(yè)直接進(jìn)行鏈接。搜索引擎機(jī)器人會(huì)根據(jù)鏈接瀏覽站點(diǎn)地圖，把所有網(wǎng)頁(yè)添加到索引中。
· 確定每張網(wǎng)頁(yè)的2-3個(gè)關(guān)鍵詞(你認(rèn)為用戶會(huì)鍵入搜索引擎，尋找網(wǎng)頁(yè)的詞語(yǔ))，并且確保關(guān)鍵詞經(jīng)常出現(xiàn)在網(wǎng)頁(yè)標(biāo)題、敘述meta標(biāo)簽以及網(wǎng)頁(yè)文字內(nèi)容中。
· 創(chuàng)建鏈接頁(yè)面。在鏈接頁(yè)面中，與同意與本網(wǎng)站鏈接的其它網(wǎng)站進(jìn)行鏈接。如果信譽(yù)度高的網(wǎng)站與本網(wǎng)站鏈接內(nèi)容越多，那么本網(wǎng)站在搜索引擎中的排名就會(huì)越高
· 網(wǎng)站多使用文字內(nèi)容，盡量減少使用圖片、Flash、Javascript。搜索引擎更喜歡文字內(nèi)容，可以更快對(duì)網(wǎng)站做索引。
文章標(biāo)簽：
上海網(wǎng)頁(yè)設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：