一個(gè)設(shè)計(jì)良好的網(wǎng)頁應(yīng)當(dāng)能夠被寬帶網(wǎng)上的多媒體高級(jí)電腦或者依然應(yīng)用慢速M(fèi)ODEM連接的低檔電腦上安裝的瀏覽器瀏覽。然而,很多新的網(wǎng)站設(shè)計(jì)者均不是非常的懂得如何盡量的讓這些hTML文件保持很好的兼容性。當(dāng)然,這里有太多的不斷定因素影響網(wǎng)頁最后浮現(xiàn)的成果。首先,盤算機(jī)的顯示器有不同的分辨率和顯示質(zhì)量,其次,運(yùn)行著各種各樣的把持系統(tǒng),應(yīng)用著不通版本的WEB瀏覽器,不同INTERNET連接方法和各種速度的MODEM。我們不能想當(dāng)然的往果斷地判定瀏覽者的愛好。我們還是花點(diǎn)時(shí)間來測(cè)試頁面,這樣可以讓每一個(gè)拜訪者感到高興。然而,遺憾的是我們沒有措施為每一個(gè)拜訪者來優(yōu)化頁面,但是下面講述的幾個(gè)步驟將有助于您保證大多數(shù)拜訪者的瀏覽后果。
1、斷定受眾。
一般的來說,盡大多數(shù)普通受眾圖形,插件,applets和其它有關(guān)的高級(jí)Web瀏覽器特征.對(duì)我們來說,頁面的實(shí)用可能比美麗更重要,對(duì)于用戶來說,沒有什么比頁面能夠快速下載更重要了,簡(jiǎn)而言之,精簡(jiǎn)你的站點(diǎn),這是一條最佳的捷徑。
波士頓一位圖形設(shè)計(jì)者兼美術(shù)講師說:"你必需考慮什么,這一切都應(yīng)當(dāng)來自自于你的觀眾"!為了讓每個(gè)人滿足,一個(gè)站點(diǎn)的實(shí)用比美麗更加重要。并且首先,它必需能夠快速的被用戶真?zhèn)€較老版本的瀏覽器快速說明。簡(jiǎn)化你的站點(diǎn),然而,那未必是最好的措施。
考慮一下站點(diǎn)拜訪者的把持系統(tǒng),監(jiān)督器,瀏覽器,和的連接類型。然后,想想理論上他們需要從你的站點(diǎn)獲得什么?他們是想獲得連接還是需要實(shí)際的內(nèi)容?假如是普通的站點(diǎn)是否會(huì)掃興,是否需要為瀏覽下載特別的插件。有一個(gè)竅門就是沒有必要為每一個(gè)人優(yōu)化你的站點(diǎn),要滿足每一個(gè)拜訪者顯然不可能,你必需為拜訪者采用適當(dāng)?shù)募记伞?/P>
2、不要依附圖形。
就站點(diǎn)設(shè)計(jì)而言,的確能夠通過成功的圖形設(shè)計(jì)招徠或者喪失拜訪者。并非所有的拜訪者可以完整看到圖片,某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)封閉了瀏覽器真?zhèn)€圖形。簡(jiǎn)而言之,圖形并不能準(zhǔn)確的在客戶端加載 然而,圖形經(jīng)常被用來作為導(dǎo)航按鈕。舉例來說,拜訪者經(jīng)常按向左的箭頭返回上一頁,或者一個(gè)包含問號(hào)的圖形可以得到更多的信息,或者按公司的標(biāo)記(LOGO)會(huì)告訴用戶公司的地址和電話號(hào)碼。圖形映射(IMAG MAp)答應(yīng)你按圖像的不同區(qū)域連接到不同的處所,這個(gè)經(jīng)常被用來用作站點(diǎn)輿圖,你給拜訪者供給站點(diǎn)內(nèi)容指引。但是假如你僅僅通過圖片來供給站點(diǎn)導(dǎo)航的話,某些拜訪者將不能完整或者準(zhǔn)確的離開你的站點(diǎn)??偸歉嬖V用戶你的站點(diǎn)需要什么樣類型的技巧才干準(zhǔn)確瀏覽你的網(wǎng)站是一個(gè)非常笨拙的方法。假如拜訪者需要安裝插件才干處理,假如你僅僅給出一個(gè)連接讓拜訪者往下載。這個(gè)自認(rèn)為非??岬捻撁鎸?duì)用戶來說基本不是什么風(fēng)趣的事情,這是和用戶的等待所恰恰相反的。至于為什么恰恰相反,盼看你能反思一下,假如是你,你會(huì)為了瀏覽一個(gè)你基本不知道什么樣的站點(diǎn)而往下載一堆你不知道的插件么?
如何解決這個(gè)抵觸呢?你可能想到的解決方法有二種:一個(gè)是單純的文本,另外就是完整的圖形方法。實(shí)在不然。假如你應(yīng)用一個(gè)圖形映射的方法給內(nèi)容列表,可以在該頁的最后應(yīng)用一個(gè)純文本方法的表格來處理,這樣會(huì)好很多。假如應(yīng)用圖形按鈕,最好還是包含簡(jiǎn)略的導(dǎo)航文字提示。
大多數(shù)的時(shí)候,通常我們要養(yǎng)成應(yīng)用"ALT"標(biāo)記的習(xí)慣,這樣當(dāng)圖形未能準(zhǔn)確顯示的時(shí)候可用準(zhǔn)備的文本調(diào)換顯示。這樣,用戶至少可以看到關(guān)于這個(gè)圖形的表述,便知道這個(gè)圖形畢竟意味著什么。舉例來說某個(gè)圖象標(biāo)記的準(zhǔn)備文本就可以這樣寫:
應(yīng)用"ALT"標(biāo)記也有另外一個(gè)利益。文字將顯示在圖象的上面,這樣會(huì)給用戶造成一個(gè)頁面快說領(lǐng)導(dǎo)的感到。 3、保持頁面小巧。
這個(gè)小節(jié)我們談?wù)摰氖顷P(guān)于圖形的處理。最好的方法是我們呼吁寬大的讀者保持讓圖形文件的尺寸盡量的小。即使是那些僥幸擁有快速Internet連接的用戶,他們不會(huì)埋怨說你的站點(diǎn)加載速度太快。第一個(gè)基礎(chǔ)原則是讓每一個(gè)圖形文件的尺寸小于30KB。這盡對(duì)不是一個(gè)壞的建議。更"極端"的某些頁面設(shè)計(jì)專家說,保持全部頁面的尺寸大概在30KB,40KB左右(也就是包含圖形和文本以及其它多媒體對(duì)象之后的全部頁面)才是比擬合適的。并忠告我們"千萬不要應(yīng)用非常大的頁面"。要保持頁面尺寸小巧,花些時(shí)間來處理一下圖形,在保證圖形質(zhì)量的情況下應(yīng)用盡量高的壓縮比例,讓圖形盡量的小。
另外,讓圖形應(yīng)用較少的色彩也是一個(gè)讓圖形盡量小的措施。應(yīng)用單調(diào)的色彩比應(yīng)用梯度的色彩要好。應(yīng)用梯度色彩可以在瀏覽器端快速填充色彩調(diào)色板供客戶端顯示。此外,減少圖形的色彩深度進(jìn)而可以應(yīng)用較少的色彩樹也是可以的。
假如你需要供給較大的圖象和多媒體文件,盡量不要插進(jìn)頁面里面,供給一個(gè)連接就可以了。這樣,假如應(yīng)用快速的連接點(diǎn)擊圖象就可以立即看到,低速的連接不看圖象也可以看到他最關(guān)心的內(nèi)容,瀏覽感到上沒有什么延遲是最好的。
4、不要假設(shè)用戶的顯示器和分辨率大小。
一個(gè)常見的錯(cuò)誤的是好多的網(wǎng)頁設(shè)計(jì)師都認(rèn)為拜訪者都有一個(gè)他們一樣顯示后果良好的大屏幕顯示器。按照目前的狀態(tài),你可認(rèn)為你的站點(diǎn)優(yōu)化設(shè)計(jì)為尺度的800×600分辨率,這是現(xiàn)在主流顯示器的的默認(rèn)顯示分辨率。搜索引擎,比如Excite,我們可以發(fā)明一些為增加大批用戶拜訪量的好主意。舉例來說,多應(yīng)用表格單元格色彩填充。該頁的網(wǎng)頁設(shè)計(jì)師為該網(wǎng)頁添加了背風(fēng)景,這樣用戶就不會(huì)在感到上感到下載頁面耗費(fèi)的時(shí)間過多。另外,大多數(shù)的顯示器只能顯示256色,而不是設(shè)計(jì)師所應(yīng)用的真彩上百萬種色彩設(shè)置。瀏覽器能顯示的色彩在瀏覽器"安全色彩范疇",即256色以內(nèi)。后面我們將具體討論這個(gè)標(biāo)題。
5、警惕應(yīng)用插件(plug-ins)和Applets。
突出交互性或者多媒體特征的站點(diǎn)通常應(yīng)用plug-ins和applets plug-ins是Web瀏覽器功效的擴(kuò)大。瀏覽者假如安裝了plug-ins,他們就能夠運(yùn)行不同類型的文件,比如動(dòng)畫,視頻和音頻。Applets是小的程序片段或者是工具,經(jīng)常用Java語言編寫,可以借助諸如瀏覽器這樣的大型程序完成一些有用的功效。
固然plug-ins和applets能大大加強(qiáng)站點(diǎn)的交互性和多媒體性能,但是對(duì)于一些較老配置的機(jī)器來說,這無疑又是一個(gè)過剩的功效。舉例來說,Java applets僅能工作在32位的把持系統(tǒng)下,Windows
3. 固然plug-ins和applets能大大加強(qiáng)站點(diǎn)的交互性和多媒體性能,但是對(duì)于一些較老配置的機(jī)器來說,這無疑又是一個(gè)過剩的功效。舉例來說,Java applets僅能工作在32位的把持系統(tǒng)下,Windows 3.x就行不通(固然現(xiàn)在很少有人應(yīng)用了)。另外,plug-ins需要花費(fèi)時(shí)間下載安裝,但并不是每一個(gè)用戶都能熟練的完成下載后安裝這樣一個(gè)過程。不熟練的用戶安裝plug-ins的時(shí)候可能會(huì)碰到故障,不熟練的用戶不需要這樣的煩惱。
假如你判定你的受眾可以安裝plug-ins和applets,你必需要在相干的部分提示用戶,下載plug-ins和applets的時(shí)間和地址,并且安裝過程中需要注意哪些方面的內(nèi)容。這樣可以方便用戶的應(yīng)用。假如是非常重要的信息,建議你供給一個(gè)可用的如純文本型的可用信息,以方便那些確實(shí)無法安裝plug-ins和applets的拜訪者。
6、僅僅在需要的時(shí)候應(yīng)用幀(FRAME)。
應(yīng)用幀可以把一個(gè)瀏覽器分成幾個(gè)不同的窗口,對(duì)于站點(diǎn)的結(jié)構(gòu)的把握是一個(gè)不錯(cuò)的方法。但是,你還是必需知道,還是有人在應(yīng)用不支撐幀的瀏覽器。在你開端打算設(shè)計(jì)一個(gè)幀的時(shí)候,你該仔細(xì)的考慮考慮你是否的確真的需要。經(jīng)常,你這樣的需求可以通過表格來組織站點(diǎn)的結(jié)構(gòu)。當(dāng)然,有些特別特別老的瀏覽器的確連表格也不支撐。哎,這樣說來,我們似乎真的是沒有措施了。
假如你必需應(yīng)用幀,想法為還在應(yīng)用那些古董瀏覽器的用戶供給其它的解決措施。最壞的打算就是,假如真的沒有措施解決,給這些用戶一些報(bào)歉的信息,不要讓他們感到到你疏忽了他們的存在。
7、不要忘記Web瀏覽器。
你應(yīng)當(dāng)知道,終極的瀏覽者有很多的方法可以節(jié)制網(wǎng)頁在客戶端瀏覽器的顯示后果(包含字體大小,色彩等等),不過從市場(chǎng)占領(lǐng)率來看,網(wǎng)景公司的航海家(Navigator)相比微軟公司的探險(xiǎn)家(Internet Explorer)的份額正逐漸減小。
對(duì)一個(gè)指定的站點(diǎn)來說,假如考慮到某些拜訪者不愛好應(yīng)用圖形方法的導(dǎo)航條,測(cè)試的時(shí)候你就需要封閉圖形顯示。所以,在制作的時(shí)候,你就必需要考慮到大部分(不是全部,當(dāng)是至少應(yīng)當(dāng)考慮到導(dǎo)航條圖形)的圖形必需要應(yīng)用文字提示,這樣即使在瀏覽者客戶端不顯示導(dǎo)航圖片的時(shí)候還有文字給予適當(dāng)?shù)奶崾?,這樣的感到,會(huì)好很多,至少面對(duì)無法顯示圖形的紅叉而言,這樣的文字提示就給人以友愛的感到二不至于無所適從。事實(shí)上,微軟公司出品的WEB探險(xiǎn)家和美國Netscape公司航海家已經(jīng)有越來越多的類似之處了,實(shí)在,早在一年前,他們之間的兼容已經(jīng)不是一個(gè)大標(biāo)題了。但是在細(xì)節(jié)上還是有差別的,某些在某個(gè)瀏覽器看上往的后果用另外一個(gè)瀏覽器看就完整不是那么一回事了。你可以懂得這些差別,但是你無法安排他,不同的瀏覽器看上往就是不同,就象不同的人眼里的某個(gè)人各自會(huì)有不同的印象一樣。你所需要的,就是知道他們存在差別,你應(yīng)當(dāng)盡量的往避免應(yīng)用導(dǎo)致宏大差別的代碼或者方法.好消息是,這二個(gè)瀏覽器都可以免費(fèi)下載,對(duì)用戶來說,完整可以嘗試用二個(gè)瀏覽器往看看你的站點(diǎn)有什么不同的瀏覽感受,選擇的權(quán)利在于瀏覽者,而你作為站點(diǎn)設(shè)計(jì)者,要做的只是往傾聽瀏覽者可能的反饋。壞消息就是,你不能節(jié)制拜訪者應(yīng)用什么樣的瀏覽器,或者額外的往轉(zhuǎn)變?yōu)g覽器窗口的大小,設(shè)置字體類型、色彩和大小。你能作的就是當(dāng)拜訪者不能拜訪某些部分的時(shí)候建議他們應(yīng)用什么樣的配置,怎么樣看你的站點(diǎn),這樣他們就可以應(yīng)用默認(rèn)的設(shè)置或者你建議的瀏覽器。