設(shè)計(jì)網(wǎng)站需要嚴(yán)謹(jǐn)?shù)乃伎己椭苋挠?jì)劃。
更重要的事情是了解您的受眾(用戶)。
用戶都是瀏覽者
如果您認(rèn)為一般的用戶會完完整整地閱讀您的網(wǎng)頁,那么您就錯了。
無論您在網(wǎng)頁中發(fā)布了多么有用的信息,一個訪問者在決定是否繼續(xù)閱讀之前**會花幾秒鐘的時間進(jìn)行瀏覽。
如果您希望用戶閱讀您的文字,請確保在頁面段落的前幾句就說明您的觀點(diǎn)。另外,您還需要在整個頁面中使用簡短的段落以及有趣的標(biāo)題。
少即是多
使所有的句子盡可能地短。使所有的段落盡可能地短。使所有的章節(jié)盡可能地短。使您的頁面盡可能地短。
請?jiān)诙温浜驼鹿?jié)之間使用很多的留白。充斥著冗長文字的頁面會趕走您的用戶。
也不要在單一的頁面上放置太多的內(nèi)容。如果確實(shí)有必要傳遞大量的信息,請盡量把內(nèi)容分為小塊,然后放入不同的頁面中。不要指望每個訪問者都能把一張數(shù)千字的頁面一路滾動到底。
導(dǎo)航
盡量創(chuàng)建通用于網(wǎng)站中所有頁面的導(dǎo)航結(jié)構(gòu)。
把文本段落中的超鏈接使用量降至更低。請不要使用文本段落內(nèi)的超鏈接隨意地把訪問者帶到別的頁面。因此這樣做會破壞導(dǎo)航結(jié)構(gòu)一致性的感覺。
如果您必須使用超級鏈接,請把它們添加到段落的底部,或站點(diǎn)的導(dǎo)航菜單。
下載速度
更常見的錯誤是用于網(wǎng)站**的開發(fā)環(huán)境造成的,例如使用一臺本地的機(jī)器開發(fā)站點(diǎn),或者使用一條高速的因特網(wǎng)連接。開發(fā)人員有時不會意識到下載他們的頁面要花很長的時間。
因特網(wǎng)可用性方面的研究告訴我們,如果網(wǎng)頁的下載時間超過7秒,大多數(shù)的訪問者會選擇離開。
在您發(fā)布任何大量的內(nèi)容前,請確保這些頁面在低速的調(diào)制解調(diào)器連接上進(jìn)行過測試。如果您的頁面需要花大量的時間下載,您或許應(yīng)當(dāng)考慮刪除某些圖片或多媒體內(nèi)容。
允許您的用戶發(fā)言!
得到來自用戶的反饋是件好事情。您的訪問者就是你的“客戶”。他們經(jīng)常會給您一些有價值的點(diǎn)子,或者無償?shù)叵蚰峁└倪M(jìn)的建議。
如果您提供了某種方便的聯(lián)系途徑,您將得到來自很多技能和知識都各不相同的人們大量有益的反饋。
他們使用什么顯示器?
請記住,在 web 上并非所有用戶都使用與您相同的顯示器。如果您針對 1024x768 分辨率的現(xiàn)實(shí)設(shè)計(jì)網(wǎng)頁,那么某些使用低分辨率顯示器的訪問者在閱讀您的網(wǎng)頁時就會出現(xiàn)問題。
盡管某些用戶仍然在使用 640x480 分辨率的顯示器,但是 800x600 是低分辨率標(biāo)準(zhǔn)的趨勢。W3SCHOOL 被設(shè)計(jì)為支持 1024x768 以上的分辨率。
如果您是擁有更高分辨率的開發(fā)人員中的一員,請確保使用了不同的低分辨率顯示器來測試您的網(wǎng)頁。
當(dāng)設(shè)計(jì)網(wǎng)頁布局時有一種明智的方法是,把頁面的某個部分設(shè)計(jì)為可變的尺寸,這樣就可以適應(yīng)更大或更小的分辨率顯示器。
他們使用什么瀏覽器?
兩種主要的瀏覽器 (Netscape 和 Microsoft) 都有自己的特征和怪癖,這些都是您在設(shè)計(jì)網(wǎng)頁時必須考慮的。
如果您很重視您的網(wǎng)站,那么請您不要忘記使用不同類型的瀏覽器來測試每張頁面。
目前,更常見的瀏覽器是 Microsoft Internet Explorer 和 Mozilla Firefox。
此外,某些訪問者也許會使用純文本的瀏覽器,比如 Lynx,或者他們可能會通過某個類似 AOL 的在線服務(wù)來訪問您的站點(diǎn)。這些瀏覽器中的某些可能不會按照您的預(yù)想來顯示網(wǎng)頁。
明智的做法是,使用嚴(yán)謹(jǐn)?shù)?、正式的且正確的 HTML(或 XHTML)。嚴(yán)謹(jǐn)且正確的編碼總是有助于瀏覽器正確地顯示您的頁面。
他們安裝了什么插件?
某些網(wǎng)頁中的元素,比如聲音和視頻片斷或者其他的多媒體內(nèi)容,也許需要使用單前幾的程序(助手應(yīng)用程序或插件)。
請不要在您的網(wǎng)頁中使用這些元素,除非您能夠保證訪問者有權(quán)使用所需的軟件來查看它們。
怎樣幫助殘疾人士?
一些人們擁有嚴(yán)重的視力或聽力問題。這些用戶也許同樣需要訪問您站點(diǎn)。
他們中的一些人會使用盲文點(diǎn)字法或基于語言的瀏覽器來設(shè)法閱讀您的站點(diǎn)。請記住,如果您不為他們提供某些基于文本的選擇來替代圖象和其他圖形元素,那么所有的視覺內(nèi)容都會失去作用。
為殘疾人士設(shè)計(jì)網(wǎng)站并非易事,但是有一件小事您是可以做到的 - 至少對于弱視的人們來說 - 令您的網(wǎng)頁可使用可調(diào)節(jié)的字體尺寸。
用戶都是瀏覽者
如果您認(rèn)為一般的用戶會完完整整地閱讀您的網(wǎng)頁,那么您就錯了。
無論您在網(wǎng)頁中發(fā)布了多么有用的信息,一個訪問者在決定是否繼續(xù)閱讀之前**會花幾秒鐘的時間進(jìn)行瀏覽。
如果您希望用戶閱讀您的文字,請確保在頁面段落的前幾句就說明您的觀點(diǎn)。另外,您還需要在整個頁面中使用簡短的段落以及有趣的標(biāo)題。
為什么使用 web 標(biāo)準(zhǔn)?
由于存在不同的瀏覽器版本,web **常常需要為耗時的多版本開發(fā)而艱苦工作。當(dāng)新的硬件(比如移動電話)和軟件(比如微瀏覽器)開始瀏覽 web 時,這種情況開始會變得更加嚴(yán)重。
為了 web 更好地發(fā)展,對于開發(fā)人員和更終用戶而言非常重要的事情是,在開發(fā)新的應(yīng)用程序時,瀏覽器開發(fā)商和站點(diǎn)開發(fā)商共同遵守標(biāo)準(zhǔn)。
web 的不斷壯大,使得越來越有必要依靠標(biāo)準(zhǔn)實(shí)現(xiàn)其全部潛力。web 標(biāo)準(zhǔn)可確保每個人都有權(quán)利訪問相同的信息。如果沒有 web 標(biāo)準(zhǔn),那么未來的 web 應(yīng)用,包括我們所夢想的應(yīng)用程序,都是不可能實(shí)現(xiàn)的。
同時,Web 標(biāo)準(zhǔn)也可以使站點(diǎn)開發(fā)更快捷,更令人愉快。為了縮短開發(fā)和維護(hù)時間,未來的網(wǎng)站將不得不根據(jù)標(biāo)準(zhǔn)來進(jìn)行編碼。開發(fā)人員不必為了得到相同的結(jié)果,而掙扎于多版本的開發(fā)。
其他的考慮
一旦 web 開發(fā)人員遵守了 web 標(biāo)準(zhǔn),由于開發(fā)人員可以更容易地理解彼此的編碼,web 開發(fā)的團(tuán)隊(duì)協(xié)作將得到簡化。
某些開發(fā)人員認(rèn)為標(biāo)準(zhǔn)等同于約束,并認(rèn)為利用特殊的瀏覽器特性會為其工作成果增加保障。但是當(dāng)訪問方式日益增加時,未來對這些頁面的調(diào)整會變得越來越困難。遵守標(biāo)準(zhǔn)是您解決此問題需要走出的前幾步。只有使用 web 標(biāo)準(zhǔn),才能確保在不頻繁和費(fèi)時地重寫代碼的情況下,所有的瀏覽器,無論新的或老式的,都可以正確地顯示您的站點(diǎn)。
Standardization 可增加網(wǎng)站的訪問量。
標(biāo)準(zhǔn)的 web 文檔更易被搜索引擎訪問,也更易被準(zhǔn)確地索引。
標(biāo)準(zhǔn)的 web 文檔更易被轉(zhuǎn)換為其他格式。
標(biāo)準(zhǔn)的 web 文檔更易被程序代碼訪問(比如 JavaScript 和 DOM)。
希望節(jié)省大量的時間嗎?請養(yǎng)成使用驗(yàn)證服務(wù)來驗(yàn)證頁面的習(xí)慣吧。驗(yàn)證可使您的文檔與標(biāo)準(zhǔn)保持一致,并免于嚴(yán)重的錯誤。
易用性
易用性是 HTML 標(biāo)準(zhǔn)的一個重要部分。
標(biāo)準(zhǔn)使得殘疾人士更容易地使用 web。盲人可使用計(jì)算機(jī)為他們讀出網(wǎng)頁。而弱視的人士可重新排列并放大網(wǎng)頁。簡單的 web 標(biāo)準(zhǔn),比如 HTML 和 CSS,將使您的網(wǎng)頁更容易被語音閱讀器和其他不常見的輸出設(shè)備理解。
萬維網(wǎng)聯(lián)盟(World Wide Web Consortium)
萬維網(wǎng)聯(lián)盟,建立于 1994 年,是一個國際性的聯(lián)盟,其宗旨是投身于“** web 以激發(fā)其全部潛能”。
作為開發(fā)人員,特別是當(dāng)創(chuàng)建這個教育性的網(wǎng)站時,我們愿意幫助其實(shí)現(xiàn)這個夢想。
您可以在下一節(jié)閱讀更多有關(guān) W3C 的內(nèi)容。
ECMA
歐洲計(jì)算機(jī)工業(yè)協(xié)會 (ECMA),1961 年創(chuàng)建于瑞士,其目標(biāo)是滿足對計(jì)算機(jī)語言和輸入輸出代碼進(jìn)行標(biāo)準(zhǔn)化的需要。
ECMA 不是一個官方的標(biāo)準(zhǔn)化機(jī)構(gòu),而是一個與其它官方機(jī)構(gòu),比如國際標(biāo)準(zhǔn)化組織 (ISO) 和歐洲通信標(biāo)準(zhǔn)機(jī)構(gòu) (ETSI),進(jìn)行合作的公司聯(lián)合體。
對于 web 開發(fā)人員來說,更重要的標(biāo)準(zhǔn)是 ECMAScript,JavaScript 的標(biāo)準(zhǔn)化。
ECMAScript 是一種標(biāo)準(zhǔn)化的腳本語言,用來處理由 W3C 文檔對象模型 (DOM) 所規(guī)定的網(wǎng)頁對象。通過 ECMAScript,可對 DOM 對象進(jìn)行添加、刪除或修改。
ECMAScript 標(biāo)準(zhǔn)基于 Netscape 的 JavaScript 和微軟的 JScript。
更新的 ECMAScript 規(guī)范是 ECMA-262:
有關(guān)于網(wǎng)站設(shè)計(jì),希望對您有參考價值。