網(wǎng)頁(yè)制作注意事項(xiàng)

1、網(wǎng)頁(yè)制作的原則
通常遵循的三個(gè)基本原則：內(nèi)容、速度和美觀。
內(nèi)容是最重要的，一個(gè)成功的網(wǎng)頁(yè)首先在內(nèi)容上有吸引力。故首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和用戶需求。整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。 在確定內(nèi)容的基礎(chǔ)上，盡量提高速度十分必要，以免影響網(wǎng)站的訪問量。要提高速度有時(shí)必須犧牲頁(yè)面美觀，拋棄太大的圖片或者動(dòng)畫。

在以上兩點(diǎn)為前提的情況下，再考慮頁(yè)面的美觀性，提高網(wǎng)頁(yè)的親和力。這要求設(shè)計(jì)者有較高的創(chuàng)意，懂得使用眾多的工具軟件。

2、關(guān)于網(wǎng)頁(yè)導(dǎo)航

主頁(yè)的一個(gè)很重要的功能就是導(dǎo)航，指引用戶查閱信息?；谇逦鞔_和速度的考慮，主頁(yè)上的超級(jí)鏈接應(yīng)限于幾個(gè)大的類別。

此外，超級(jí)鏈接的層數(shù)不能太多，不能超過4層。應(yīng)在廣度和深度之間求取平衡。

3、關(guān)于網(wǎng)頁(yè)布局

網(wǎng)頁(yè)的布局一定要簡(jiǎn)潔清晰，以最少的元素表達(dá)最多的信息。一個(gè)頁(yè)面應(yīng)該只有一個(gè)重點(diǎn)的屏幕元素作為頁(yè)面的主體，它可以是文字塊或圖像，具體隨內(nèi)容而定。其他屏幕元素不應(yīng)比主體元素更醒目，而應(yīng)該圍繞主體，突出主體。
在繪畫和攝影中常采用畫面橫豎比三等分的方式得到4個(gè)三等分交叉點(diǎn)，這4個(gè)點(diǎn)基本上符合美學(xué)中的黃金比定律。這種布局是網(wǎng)頁(yè)中常用的方式之一，重點(diǎn)元素應(yīng)該放在這些點(diǎn)周圍，而不應(yīng)放在正中央，以免太過呆板。
在網(wǎng)頁(yè)布局時(shí)要保持平衡，即以布面中心為支點(diǎn)，給人以平衡的感覺。平衡包括兩種：對(duì)稱平衡和非對(duì)稱平衡。對(duì)稱平衡給人以莊重、穩(wěn)定的感覺。而非對(duì)稱平衡更有變化感。

在處理平衡問題時(shí)，不僅需要考慮形體上的平衡，而且應(yīng)該考慮顏色上的平衡。因?yàn)樯铑伾屓烁杏X重，而淺顏色則讓人感覺輕，因此必須充分考慮顏色給人的視覺影響。

4、關(guān)于表格

現(xiàn)在許多門戶網(wǎng)站的布局方式往往應(yīng)用表格，使網(wǎng)頁(yè)內(nèi)容整齊合一。不要將網(wǎng)站內(nèi)容簡(jiǎn)單的羅列，要注意多用表格把內(nèi)容的層次性和空間性突出顯示出來，以便重點(diǎn)突出，結(jié)構(gòu)分明。

5、關(guān)于圖形

圖形是WWW網(wǎng)站的特色之一，是兩大網(wǎng)頁(yè)元素之一，它帶有醒目、吸引人以及傳達(dá)訊息形象的功能，應(yīng)用好的圖形可以使網(wǎng)頁(yè)增色不少，但圖形應(yīng)用不當(dāng)則會(huì)帶來反效果。
使用圖形時(shí)應(yīng)盡量縮小或省略圖形，且一定要考慮傳輸時(shí)間的問題。一般超過90秒鐘的傳輸會(huì)使瀏覽者放棄打開頁(yè)面。因此必須依據(jù)HTML文件、圖形文件的大小，考慮傳輸速率、延遲時(shí)間、網(wǎng)絡(luò)交通狀況，以及服務(wù)端與客戶端的軟硬件條件，估算網(wǎng)頁(yè)的傳輸與顯示時(shí)間。
在圖形使用上，盡量采用瀏覽器支持的壓縮圖形格式，目前因特網(wǎng)上大多使用Gif和Jpeg格式的圖象。在這兩種圖像中JPEG的壓縮效果較好，適合中大型的圖形，以節(jié)省傳輸時(shí)間。給圖像加上替代文字及低分辨率圖像替代也很重要。

6、關(guān)于背景
在頁(yè)面上添加背景圖案，雖可增加美觀，但卻會(huì)耗費(fèi)傳輸時(shí)間，且有時(shí)影響視覺，反而給人不好的印象。若沒有絕對(duì)必要，最好避免，保持干凈清爽的背景。如果要用背景底色，最好使用單一色系，且要跟前景文字有明顯區(qū)別，最忌諱花俏多色的背景。背景音樂的添加也要慎重。

7、關(guān)于動(dòng)畫
動(dòng)畫很耗費(fèi)系統(tǒng)資源，使操作較困難，網(wǎng)頁(yè)中應(yīng)使用盡量少的動(dòng)畫，F(xiàn)lash動(dòng)畫雖然有許多優(yōu)點(diǎn)，但需要瀏覽者的電腦安裝插件，多采用Gif動(dòng)畫，其文件格式要小得多。
閃爍的文字也不能應(yīng)用太多，以免給人眼花繚亂的感覺。

8、關(guān)于頁(yè)面
頁(yè)面的長(zhǎng)度要適中，因?yàn)殚L(zhǎng)頁(yè)面的傳輸時(shí)間明顯比短頁(yè)面的傳輸時(shí)間長(zhǎng)，防止嚇跑訪問者。而且長(zhǎng)文本的頁(yè)面閱讀不便，單頁(yè)不易放置過多的文字。且不要把重要的內(nèi)容放到頁(yè)尾，訪問者注重頁(yè)面頭部，尾部可能來不及看就跳轉(zhuǎn)啦。 整個(gè)頁(yè)面的風(fēng)格要統(tǒng)一，網(wǎng)頁(yè)上所有的圖像、文字，包括背景色、分隔線、字體、標(biāo)題、注腳等，要統(tǒng)一風(fēng)格，貫穿全站，給瀏覽者一個(gè)專業(yè)的印象。另外，網(wǎng)頁(yè)中應(yīng)有供訪問者表達(dá)意見的E_mail信箱。為網(wǎng)頁(yè)添加描述性的標(biāo)題不可少，以便收藏網(wǎng)頁(yè)。

9、關(guān)于鏈接
在制作超級(jí)鏈接時(shí)，盡可能地使用相對(duì)鏈接，以增強(qiáng)可移植性，因?yàn)橄鄬?duì)路徑在一組文件轉(zhuǎn)移后仍然有效，其目標(biāo)地址不用修改。如果是鏈接到不直接相關(guān)的文件時(shí)，則采用絕對(duì)路徑較好。

10、更新與維護(hù)

成功的網(wǎng)頁(yè)一定是要時(shí)時(shí)更新，精心維護(hù)的，在網(wǎng)頁(yè)內(nèi)容上一定要注意即時(shí)性，時(shí)時(shí)保持新鮮感才較容易成功。另外，與訪問者產(chǎn)生互動(dòng)是制作成功網(wǎng)頁(yè)的重要方法，網(wǎng)站推廣也很重要。
在圖形使用上，盡量采用瀏覽器支持的壓縮圖形格式，目前因特網(wǎng)上大多使用Gif和Jpeg格式的圖象。在這兩種圖像中JPEG的壓縮效果較好，適合中大型的圖形，以節(jié)省傳輸時(shí)間。給圖像加上替代文字及低分辨率圖像替代也很重要。 6、關(guān)于背景
在頁(yè)面上添加背景圖案，雖可增加美觀，但卻會(huì)耗費(fèi)傳輸時(shí)間，且有時(shí)影響視覺，反而給人不好的印象。若沒有絕對(duì)必要，最好避免，保持干凈清爽的背景。如果要用背景底色，最好使用單一色系，且要跟前景文字有明顯區(qū)別，最忌諱花俏多色的背景。背景音樂的添加也要慎重。 7、關(guān)于動(dòng)畫
動(dòng)畫很耗費(fèi)系統(tǒng)資源，使操作較困難，網(wǎng)頁(yè)中應(yīng)使用盡量少的動(dòng)畫，F(xiàn)lash動(dòng)畫雖然有許多優(yōu)點(diǎn)，但需要瀏覽者的電腦安裝插件，多采用Gif動(dòng)畫，其文件格式要小得多。
閃爍的文字也不能應(yīng)用太多，以免給人眼花繚亂的感覺。 8、關(guān)于頁(yè)面
頁(yè)面的長(zhǎng)度要適中，因?yàn)殚L(zhǎng)頁(yè)面的傳輸時(shí)間明顯比短頁(yè)面的傳輸時(shí)間長(zhǎng)，防止嚇跑訪問者。而且長(zhǎng)文本的頁(yè)面閱讀不便，單頁(yè)不易放置過多的文字。且不要把重要的內(nèi)容放到頁(yè)尾，訪問者注重頁(yè)面頭部，尾部可能來不及看就跳轉(zhuǎn)啦。 整個(gè)頁(yè)面的風(fēng)格要統(tǒng)一，網(wǎng)頁(yè)上所有的圖像、文字，包括背景色、分隔線、字體、標(biāo)題、注腳等，要統(tǒng)一風(fēng)格，貫穿全站，給瀏覽者一個(gè)專業(yè)的印象。另外，網(wǎng)頁(yè)中應(yīng)有供訪問者表達(dá)意見的E_mail信箱。為網(wǎng)頁(yè)添加描述性的標(biāo)題不可少，以便收藏網(wǎng)頁(yè)。 9、關(guān)于鏈接
在制作超級(jí)鏈接時(shí)，盡可能地使用相對(duì)鏈接，以增強(qiáng)可移植性，因?yàn)橄鄬?duì)路徑在一組文件轉(zhuǎn)移后仍然有效，其目標(biāo)地址不用修改。如果是鏈接到不直接相關(guān)的文件時(shí)，則采用絕對(duì)路徑較好。

分享標(biāo)題：網(wǎng)頁(yè)制作注意事項(xiàng)
URL標(biāo)題：http://muchs.cn/news/181725.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、全網(wǎng)營(yíng)銷推廣、商城網(wǎng)站、網(wǎng)站排名、微信公眾號(hào)、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)