網(wǎng)站設(shè)計(jì)必讀50要點(diǎn)

2022-10-31    分類(lèi): 網(wǎng)站設(shè)計(jì)

網(wǎng)站品牌建設(shè)要點(diǎn)

1 每一頁(yè)都包含一個(gè)logo 標(biāo)志 目前流行放在頁(yè)面頂部左上角位置

2 logo 旁邊使用一句簡(jiǎn)短易記的體現(xiàn)商業(yè)利基的口號(hào) 如沃而瑪著名的"Always low prices" 天天低價(jià)

3 創(chuàng)建一個(gè)favicon 圖標(biāo) 出現(xiàn)在瀏覽器中URL 前面 替換原來(lái)的 E 符號(hào)

4 所有頁(yè)面要有一致的外觀和風(fēng)格 整個(gè)網(wǎng)站的色彩布局清晰統(tǒng)一識(shí)別

5 擁有 關(guān)于我們 的欄目 其中包含所有與你和業(yè)務(wù)相關(guān)的信息

6 每頁(yè)底部都加上版權(quán)聲明

網(wǎng)站導(dǎo)航要點(diǎn)

7 網(wǎng)頁(yè)下載時(shí)間控制在10 秒以內(nèi) 文件大不超過(guò)50K 包括圖片在內(nèi)

8 將導(dǎo)航選項(xiàng)分列相關(guān)類(lèi)目下

9 菜單名稱使用常用語(yǔ) Home首頁(yè), About Us關(guān)于我們, Contact Us聯(lián)系我們,Help幫助, Products 產(chǎn)品等 避免使用一些自以為聰明 新潮的名稱來(lái)標(biāo)新立異

10 如果網(wǎng)站用到Flash 應(yīng)同時(shí)提供HTML 版本 為那些喜歡平實(shí) 快速進(jìn)入網(wǎng)站的用戶

11 在長(zhǎng)長(zhǎng)的頁(yè)面底部提供簡(jiǎn)單的文本導(dǎo)航鏈接 這樣用戶無(wú)須再拖回頁(yè)面頂端

12 除了首頁(yè)以外 其它頁(yè)面的logo都加上首頁(yè)的鏈接 所有內(nèi)頁(yè)都要有回首頁(yè)的鏈接

13 每頁(yè)都顯示一條通往首頁(yè)的路徑 如 時(shí)代營(yíng)銷(xiāo) 首頁(yè) > 理論與方法 > 自動(dòng)營(yíng)銷(xiāo) 讓用戶知道自己在網(wǎng)站中所處位置 對(duì)導(dǎo)航幫助極大

14 如果網(wǎng)站太大 內(nèi)容太多 提供搜索功能 一般在首頁(yè)右上角放一個(gè)搜索框Freefind 可以免費(fèi)提供站內(nèi)搜索

15 搜索應(yīng)該是搜索你的網(wǎng)站內(nèi)容 而不是整個(gè)網(wǎng)絡(luò)

16 定制一個(gè)錯(cuò)誤提示頁(yè) 顯示你的網(wǎng)站地圖并鏈接到主要頁(yè)面 這樣就不會(huì)因?yàn)殒溄踊騏RL 失誤而失去用戶

版面設(shè)計(jì)和內(nèi)容顯示要點(diǎn)

17 最重要的內(nèi)容一定要放在頁(yè)面頂部

18 用表格布局頁(yè)面 并將表格寬度設(shè)為百分比而不是固定的像素值 這樣頁(yè)面就自動(dòng)適應(yīng)屏幕寬度 而不需要水平拖動(dòng)滾動(dòng)條來(lái)適應(yīng)

19 優(yōu)化頁(yè)面 使其達(dá)到在800x600 像素條件下 作者寫(xiě)該文時(shí)最流行的像素現(xiàn)在更多的人使用1024x768 象素 視覺(jué)效果好

20 文字色彩與背景色彩對(duì)比明顯 黑色文本與白色背景最經(jīng)典

21 一頁(yè)中不要使用太多不同的字體 要避免使用襯線字體 字體轉(zhuǎn)折處帶修飾

性的細(xì)線 如Times Roman 通過(guò)電腦屏幕閱讀困難 Verdana字體是最友好的字體 體寬 清楚 易讀

22 避免長(zhǎng)段的文本塊 使用分行 副標(biāo)題 突出關(guān)鍵詞 鏈接等手段來(lái)分割文本

23 避免帶有業(yè)余水平特征 諸如 計(jì)數(shù)器 大量使用感嘆號(hào) 太多GIF 動(dòng)態(tài)花哨的背景等

24 不要使用彈出窗口 它們侵?jǐn)_訪問(wèn)者 往往被當(dāng)作廣告立即刪除

25 測(cè)試網(wǎng)站 使其在不同的瀏覽器和分辨率下都具有良好的視覺(jué)效果網(wǎng)站內(nèi)容寫(xiě)作要點(diǎn)

26 站在外行人看網(wǎng)站的角度來(lái)寫(xiě)網(wǎng)站內(nèi)容 除非你的網(wǎng)站是為專為技術(shù)人員準(zhǔn)備的

27 通過(guò)屏幕閱讀是很困難的 因此網(wǎng)上內(nèi)容應(yīng)比你寫(xiě)在印刷冊(cè)上的內(nèi)容減少一半的文字

28 如果一個(gè)頁(yè)面太長(zhǎng) 將它截?cái)喑蓭醉?yè) 再鏈接起來(lái)

29 不要使用小于10pt大小的字體 在百分比而不是像素條件下設(shè)定字體 這樣用戶就可以通過(guò)瀏覽器的 查看 選擇 字體大小 來(lái)設(shè)定優(yōu)先字體大小

30 英文網(wǎng)頁(yè)使用拼寫(xiě)檢測(cè)程序 文字拼寫(xiě)錯(cuò)誤總是有損網(wǎng)站的可信度了解客戶的要點(diǎn)

31 反饋要求 在聯(lián)系頁(yè)面中放一個(gè)反饋表格

32 發(fā)布電子雜志 并在首頁(yè)上添加一個(gè)訂閱條 給予客戶有價(jià)值的信息并鼓勵(lì)他們與你聯(lián)系

33 添加小調(diào)查和其它功能 以收集市場(chǎng)信息

鏈接要點(diǎn)

34 鏈接的文字應(yīng)具有描述性 告訴用戶鏈接的內(nèi)容 而不是單純來(lái)個(gè) 點(diǎn)擊此處 之類(lèi)文字

35 沒(méi)有鏈接的地方不要使用任何下劃線來(lái)突出內(nèi)容

36 有鏈接的地方使用下劃線 色彩與網(wǎng)站協(xié)調(diào) 最適宜用藍(lán)色

37 訪問(wèn)過(guò)的鏈接使用不同的色彩 這樣訪問(wèn)者才知道哪些鏈接已經(jīng)去過(guò)了 最適宜使用紫色或更柔和的色彩

38 鏈接非HTML 文件如Excel, Word 或 Acrobat 時(shí) 鏈接處用一個(gè)顯著的小圖
標(biāo)

39 不要鏈接 本頁(yè)建設(shè)中 的頁(yè)面

40 確信每個(gè)鏈接有效 不要出現(xiàn)死鏈接 有不少免費(fèi)工具可以幫你查找死鏈接

41 如果使用圖片鏈接 別忘了運(yùn)用ALT 屬性 ALT屬性要描述鏈接的內(nèi)容
圖片運(yùn)用要點(diǎn)

42 優(yōu)化圖片 src="/upload/pic19/的格式 在保證圖片質(zhì)量的前提下盡量壓縮圖
片 有一些免費(fèi)的圖片優(yōu)化工具可采用

43 使用微縮圖片 并可點(diǎn)擊放大查看

44 避免使用看起來(lái)象廣告的圖片 會(huì)被人忽視

45 即使圖片沒(méi)有鏈接 也使用ALT 屬性 這樣即使圖片在用戶端沒(méi)能打開(kāi) 或
由于用戶預(yù)設(shè)拒絕圖片的情況下 也知道圖片的內(nèi)容

搜索引擎優(yōu)化要點(diǎn)

46 創(chuàng)建簡(jiǎn)短 描述性的網(wǎng)頁(yè)標(biāo)題title

分享標(biāo)題:網(wǎng)站設(shè)計(jì)必讀50要點(diǎn)
新聞來(lái)源:http://www.bm7419.com/news41/209841.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)