怎么讓自己的網(wǎng)站更優(yōu)秀 |
發(fā)布時(shí)間:2020-03-01 文章來(lái)源:本站 瀏覽次數(shù):2381 |
一個(gè)規(guī)劃杰出的網(wǎng)頁(yè)應(yīng)該能夠被寬帶網(wǎng)上的多媒體高檔電腦或許仍然運(yùn)用慢速M(fèi)ODEM銜接的等級(jí)低電腦上裝置的閱讀器閱讀?墒,許多新的網(wǎng)站規(guī)劃者均不是十分的了解怎么盡量的讓這些HTML文件堅(jiān)持很好的兼容性。 當(dāng)然,這里有太多的不確定因素影響網(wǎng)頁(yè)終究呈現(xiàn)的結(jié)果。首要,計(jì)算機(jī)的顯現(xiàn)器有不同的分辨率和顯現(xiàn)質(zhì)量,其次,運(yùn)行著各式各樣的操作系統(tǒng),運(yùn)用著不通版別的WEB閱讀器 ,不同INTERNET銜接辦法和各種速度的MODEM。咱們不能想當(dāng)然的去武斷地判定閱讀者的喜好。咱們?nèi)允腔c(diǎn)時(shí)刻來(lái)測(cè)驗(yàn)頁(yè)面,這樣能夠讓每一個(gè)拜訪者感到愉快?墒牵z憾的是咱們沒(méi)有辦法為每一個(gè)拜訪者來(lái)優(yōu)化頁(yè)面,可是下面講述的幾個(gè)進(jìn)程將有助于您確保大多數(shù)拜訪者的閱讀作用。 1、確定受眾 一般的來(lái)說(shuō),絕大多數(shù)一般受眾圖形,插件,applets和其它有關(guān)的高級(jí)Web閱讀器特性。對(duì)咱們來(lái)說(shuō),頁(yè)面的實(shí)用或許比美麗更重要,關(guān)于用戶(hù)來(lái)說(shuō),沒(méi)有什么比頁(yè)面能夠快速下載更重要了,簡(jiǎn)而言之,精簡(jiǎn)你的站點(diǎn),這是一條最佳的捷徑。 波士頓一位圖形規(guī)劃者兼美術(shù)講師說(shuō):"你有必要考慮什么,這一切都應(yīng)該來(lái)自自于你的觀眾"! 為了讓每個(gè)人滿(mǎn)足,一個(gè)站點(diǎn)的實(shí)用比美麗愈加重要。并且首要,它有必要能夠快速的被用戶(hù)端的較老版別的閱讀器快速解說(shuō)。簡(jiǎn)化你的站點(diǎn),可是,那未必是最好的辦法。 考慮一下站點(diǎn)拜訪者的操作系統(tǒng),監(jiān)視器,閱讀器,和的銜接類(lèi)型。然后,想想理論上他們需求從你的站點(diǎn)取得什么?他們是想取得銜接仍是需求實(shí)際的內(nèi)容?假如是一般的站點(diǎn)是否會(huì)絕望,是否需求為閱讀下載特別的插件。有一個(gè)竅門(mén)便是沒(méi)有必要為每一個(gè)人優(yōu)化你的站點(diǎn),要滿(mǎn)足每一個(gè)拜訪者明顯不或許,你有必要為拜訪者采納適當(dāng)?shù)募寄堋?/p> 2、不要依賴(lài)圖形 就站點(diǎn)規(guī)劃而言,的確能夠經(jīng)過(guò)成功的圖形規(guī)劃招徠或許丟失拜訪者。并非一切的拜訪者能夠徹底看到圖片,某些人為了加速存取網(wǎng)絡(luò)的速度現(xiàn)已封閉了閱讀器端的圖形。簡(jiǎn)而言之,圖形并不能正確的在客戶(hù)端加載。 可是,圖形常常被用來(lái)作為導(dǎo)航按鈕。舉例來(lái)說(shuō),拜訪者常常按向左的箭頭回來(lái)上一頁(yè),或許一個(gè)包含問(wèn)號(hào)的圖形能夠得到更多的信息,或許按公司的標(biāo)志(LOGO)會(huì)告知用戶(hù)公司的地址和電話號(hào)碼。圖形映射(IMAGE MAP)允許你按圖像的不同區(qū)域銜接到不同的當(dāng)?shù)兀@個(gè)常常被用來(lái)用作站點(diǎn)地圖,你給拜訪者供給站點(diǎn)內(nèi)容指引?墒羌偃缒銉H僅經(jīng)過(guò)圖片來(lái)供給站點(diǎn)導(dǎo)航的話,某些拜訪者將不能徹底或許正確的脫離你的站點(diǎn)。 總是告知用戶(hù)你的站點(diǎn)需求什么樣類(lèi)型的技能才干正確閱讀你的網(wǎng)站是一個(gè)十分愚笨的辦法。假如拜訪者需求裝置插件才干處理,假如你僅僅給出一個(gè)銜接讓拜訪者去下載。這個(gè)自認(rèn)為十分酷的頁(yè)面臨用戶(hù)來(lái)說(shuō)底子不是什么幽默的作業(yè),這是和用戶(hù)的等待所恰恰相反的。至于為什么恰恰相反,期望你能反思一下,假如是你,你會(huì)為了閱讀一個(gè)你底子不知道什么樣的站點(diǎn)而去下載一堆你不知道的插件么? 怎么解決這個(gè)矛盾呢?你或許想到的解決辦法有二種:一個(gè)是單純的文本,別的便是徹底的圖形辦法。其實(shí)不然。假如你運(yùn)用一個(gè)圖形映射的辦法給內(nèi)容列表,能夠在該頁(yè)的終究運(yùn)用一個(gè)純文本辦法的表格來(lái)處理,這樣會(huì)好許多。假如運(yùn)用圖形按鈕,最好仍是包含簡(jiǎn)略的導(dǎo)航文字提示。 大多數(shù)的時(shí)分,通常咱們要養(yǎng)成運(yùn)用"ALT"符號(hào)的習(xí)氣,這樣當(dāng)圖形未能正確顯現(xiàn)的時(shí)分可用準(zhǔn)備的文本代替顯現(xiàn)。這樣,用戶(hù)至少能夠看到關(guān)于這個(gè)圖形的表述,便知道這個(gè)圖形終究意味著什么。舉例來(lái)說(shuō)某個(gè)圖象符號(hào)的準(zhǔn)備文本就能夠這樣寫(xiě): 運(yùn)用"ALT"符號(hào)也有別的一個(gè)優(yōu)點(diǎn)。文字將顯現(xiàn)在圖象的上面,這樣會(huì)給用戶(hù)形成一個(gè)頁(yè)面快說(shuō)引導(dǎo)的感覺(jué)。 3、堅(jiān)持頁(yè)面小巧 這個(gè)小節(jié)咱們議論的是關(guān)于圖形的處理。最好的辦法是咱們呼吁廣大的讀者堅(jiān)持讓圖形文件的尺度盡量的小。即便是那些僥幸擁有快速I(mǎi)nternet銜接的用戶(hù),他們不會(huì)訴苦說(shuō)你的站點(diǎn)加載速度太快。 第一個(gè)根本原則是讓每一個(gè)圖形文件的尺度小于30KB。這肯定不是一個(gè)壞的主張。更"極端"的某些頁(yè)面規(guī)劃專(zhuān)家說(shuō),堅(jiān)持整個(gè)頁(yè)面的尺度大概在30KB, 40KB左右(也便是包含圖形和文本以及其它多媒體對(duì)象之后的整個(gè)頁(yè)面)才是比較適宜的。并勸告咱們"千萬(wàn)不要運(yùn)用十分大的頁(yè)面"。 要堅(jiān)持頁(yè)面尺度小巧,花些時(shí)刻來(lái)處理一下圖形,在確保圖形質(zhì)量的情況下運(yùn)用盡量高的緊縮比例,讓圖形盡量的小。 別的,讓圖形運(yùn)用較少的色彩也是一個(gè)讓圖形盡量小的辦法。運(yùn)用單調(diào)的色彩比運(yùn)用梯度的色彩要好。運(yùn)用梯度色彩能夠在閱讀器端快速填充色彩調(diào)色板供客戶(hù)端顯現(xiàn)。此外,減少圖形的色彩深度進(jìn)而能夠運(yùn)用較少的色彩樹(shù)也是能夠的。 假如你需求供給較大的圖象和多媒體文件,盡量不要插入頁(yè)面里邊,供給一個(gè)銜接就能夠了。這樣,假如運(yùn)用快速的銜接點(diǎn)擊圖象就能夠馬上看到,低速的銜接不看圖象也能夠看到他最關(guān)懷的內(nèi)容,閱讀感覺(jué)上沒(méi)有什么推遲是最好的。 4、不要假設(shè)用戶(hù)的顯現(xiàn)器和分辨率巨細(xì) 一個(gè)常見(jiàn)的過(guò)錯(cuò)的是好多的網(wǎng)頁(yè)規(guī)劃師都認(rèn)為拜訪者都有一個(gè)他們相同顯現(xiàn)作用杰出的大屏幕顯現(xiàn)器。按照現(xiàn)在的狀況,你能夠?yàn)槟愕恼军c(diǎn)優(yōu)化規(guī)劃為標(biāo)準(zhǔn)的800×600分辨率,這是現(xiàn)在主流顯現(xiàn)器的的默許顯現(xiàn)分辨率。 搜索引擎,比方Excite,咱們能夠發(fā)現(xiàn)一些為增加大量用戶(hù)拜訪量的好主意。舉例來(lái)說(shuō),多運(yùn)用表格單元格色彩填充。該頁(yè)的網(wǎng)頁(yè)規(guī)劃師為該網(wǎng)頁(yè)添加了背景色,這樣用戶(hù)就不會(huì)在感覺(jué)上覺(jué)得下載頁(yè)面耗費(fèi)的時(shí)刻過(guò)多。別的,大多數(shù)的顯現(xiàn)器只能顯現(xiàn)256色,而不是規(guī)劃師所運(yùn)用的真彩上百萬(wàn)種色彩設(shè)置。閱讀器能顯現(xiàn)的色彩在閱讀器"安全色彩范圍",即256色以?xún)?nèi)。后邊咱們將詳細(xì)評(píng)論這個(gè)問(wèn)題。 5、當(dāng)心運(yùn)用插件(plug-ins)和Applets 杰出交互性或許多媒體特性的站點(diǎn)通常運(yùn)用plug-ins和applets。Plug-ins是Web閱讀器功用的擴(kuò)展。閱讀者假如裝置了Plug-ins,他們就能夠運(yùn)行不同類(lèi)型的文件,比方動(dòng)畫(huà),視頻和音頻。Applets是小的程序片斷或許是東西,常常用Java言語(yǔ)編寫(xiě),能夠借助比方閱讀器這樣的大型程序完結(jié)一些有用的功用。 盡管plug-ins和applets能大大增強(qiáng)站點(diǎn)的交互性和多媒體功用,可是關(guān)于一些較老裝備的機(jī)器來(lái)說(shuō),這無(wú)疑又是一個(gè)剩余的功用。舉例來(lái)說(shuō),Java applets僅能作業(yè)在32位的操作系統(tǒng)下,Windows 3. 盡管plug-ins和applets能大大增強(qiáng)站點(diǎn)的交互性和多媒體功用,可是關(guān)于一些較老裝備的機(jī)器來(lái)說(shuō),這無(wú)疑又是一個(gè)剩余的功用。舉例來(lái)說(shuō),Java applets僅能作業(yè)在32位的操作系統(tǒng)下,Windows 3.x就行不通(盡管現(xiàn)在很少有人運(yùn)用了)。別的,plug-ins需求花費(fèi)時(shí)刻下載裝置,但并不是每一個(gè)用戶(hù)都能嫻熟的完結(jié)下載后裝置這樣一個(gè)進(jìn)程。不嫻熟的用戶(hù)裝置plug-ins的時(shí)分或許會(huì)遇到故障,不嫻熟的用戶(hù)不需求這樣的煩惱。 假如你判斷你的受眾能夠裝置plug-ins和applets,你有必要要在相關(guān)的部分提示用戶(hù),下載plug-ins和applets的時(shí)刻和地址,并且裝置進(jìn)程中需求注意哪些方面的內(nèi)容。這樣能夠方便用戶(hù)的運(yùn)用。假如是十分重要的信息,主張你供給一個(gè)可用的如純文本型的可用信息,以方便那些的確無(wú)法裝置plug-ins和applets的拜訪者。
運(yùn)用幀能夠把一個(gè)閱讀器分成幾個(gè)不同的窗口,關(guān)于站點(diǎn)的結(jié)構(gòu)的把握是一個(gè)不錯(cuò)的辦法?墒牵闳允怯斜匾,仍是有人在運(yùn)用不支持幀的閱讀器。在你開(kāi)端計(jì)劃規(guī)劃一個(gè)幀的時(shí)分,你該仔細(xì)的考慮考慮你是否的確真的需求。常常,你這樣的需求能夠經(jīng)過(guò)表格來(lái)組織站點(diǎn)的結(jié)構(gòu)。當(dāng)然,有些特別特別老的閱讀器的確連表格也不支持。哎,這樣說(shuō)來(lái),咱們似乎真的是沒(méi)有辦法了。 假如你有必要運(yùn)用幀,設(shè)法為還在運(yùn)用那些古玩閱讀器的用戶(hù)供給其它的解決辦法。最壞的計(jì)劃便是,假如真的沒(méi)有辦法解決,給這些用戶(hù)一些抱歉的信息,不要讓他們感覺(jué)到你忽視了他們的存在。 7、不要忘掉Web閱讀器 你應(yīng)該知道,終究的閱讀者有許多的辦法能夠操控網(wǎng)頁(yè)在客戶(hù)端閱讀器的顯現(xiàn)作用(包含字體巨細(xì),色彩等等),不過(guò)從市場(chǎng)占有率來(lái)看,網(wǎng)景公司的航海家(Navigator)相比微軟公司的探險(xiǎn)家(Internet Explorer)的比例正逐漸減小。 對(duì)一個(gè)指定的站點(diǎn)來(lái)說(shuō),假如考慮到某些拜訪者不喜歡運(yùn)用圖形辦法的導(dǎo)航條,測(cè)驗(yàn)的時(shí)分你就需求封閉圖形顯現(xiàn)。所以,在制作的時(shí)分,你就有必要要考慮到大部分(不是悉數(shù),當(dāng)是至少應(yīng)該考慮到導(dǎo)航條圖形)的圖形有必要要運(yùn)用文字提示,這樣即便在閱讀者客戶(hù)端不顯現(xiàn)導(dǎo)航圖片的時(shí)分還有文字給予適當(dāng)?shù)奶崾,這樣的感覺(jué),會(huì)好許多,至少面臨無(wú)法顯現(xiàn)圖形的紅叉而言,這樣的文字提示就給人以友好的感覺(jué)二不至于無(wú)所適從。 8、堅(jiān)持蘋(píng)果和PC格局兼容 許多的頁(yè)面在蘋(píng)果環(huán)境中規(guī)劃而閱讀者運(yùn)用的確是PC。對(duì)大部分頁(yè)面來(lái)說(shuō),這個(gè)理由。實(shí)際上,閱讀器比操作系統(tǒng)更多的影響站點(diǎn)的閱讀作用。有一個(gè)需求指出的事實(shí),在IBM兼容PC機(jī)上看到的圖片似乎比蘋(píng)果機(jī)上的小,并且色彩稍深。假如你的站點(diǎn)圖形大部分在蘋(píng)果機(jī)上規(guī)劃,主張?jiān)诎l(fā)布之前,在PC機(jī)上進(jìn)行預(yù)覽,看是否有較大的作用差異。 蘋(píng)果機(jī)和PC上顯現(xiàn)的相同的色彩在某種程度上看上去往往有些不同。說(shuō)的更準(zhǔn)確些便是咱們?cè)缜疤岬降年P(guān)于調(diào)色板的差異在起著決定性的作用。這二個(gè)不同的渠道,有216個(gè)通用的色彩,所以,網(wǎng)頁(yè)規(guī)劃師在規(guī)劃的時(shí)分盡量運(yùn)用這通用的216色就能夠最大程度的確保這二個(gè)渠道的頁(yè)面色彩顯現(xiàn)作用根本一致。 9、測(cè)驗(yàn)、測(cè)驗(yàn)、再測(cè)驗(yàn) 不要為我的羅嗦而感到厭煩。為了確保在眾多的閱讀者閱讀器里邊能正確的看到咱們所想表達(dá)的頁(yè)面作用,所以正式發(fā)布站點(diǎn)之前的測(cè)驗(yàn)顯得十分的重要,是重中之重。從你自己的電腦開(kāi)端,一遍又一遍的開(kāi)端測(cè)驗(yàn),運(yùn)用不同的閱讀器,試著調(diào)整閱讀器窗口的寬度和高度,封閉圖形顯現(xiàn),試著運(yùn)用不同的顯現(xiàn)分辨率。然后,在朋友、同事甚至街坊的電腦上重復(fù)方才作過(guò)的作業(yè)。 有專(zhuān)業(yè)的網(wǎng)頁(yè)規(guī)劃師主張?jiān)蹅儗y(cè)驗(yàn)作業(yè)交給熟識(shí)的一般的用戶(hù)去進(jìn)行,由于這樣才契合大多數(shù)的運(yùn)用者的習(xí)氣,并且這些用戶(hù)運(yùn)用的閱讀器版別較老,這樣能夠確保終究用戶(hù)的閱讀作用。有必要著重這一步的重要性。在辦公室里邊,咱們常常能夠看到一些似乎是作為裝點(diǎn)運(yùn)用的陳舊的機(jī)器(簡(jiǎn)直能見(jiàn)證電腦的開(kāi)展歷史),咱們無(wú)妨用作咱們的測(cè)驗(yàn)機(jī)器,似乎更能表現(xiàn)這些古玩機(jī)器的價(jià)值。而這些古玩機(jī)器得出的測(cè)驗(yàn)結(jié)果,往往比咱們運(yùn)用的專(zhuān)業(yè)的規(guī)劃師一切的電腦測(cè)驗(yàn)的作用愈加客觀,愈加具有代表性。 10、能夠告知你的拜訪者了 即便咱們作了上面咱們要作的一切作業(yè),你有必要理解,咱們?nèi)允菬o(wú)法確保這個(gè)精心規(guī)劃的站點(diǎn)能讓每一個(gè)拜訪者都有很好的顯現(xiàn)作用。假如你在首頁(yè)上明確指出閱讀你的站點(diǎn)需求具備什么什么樣的條件,你有必要理解并非一切的用戶(hù)都能具備你所要求的條件。你能夠?yàn)檫@些不能滿(mǎn)足你認(rèn)為的根本條件的用戶(hù)一個(gè)別的的挑選,這樣能夠讓他們知道你并沒(méi)有忽視他們。你能夠告知他們?cè)趺唇?jīng)過(guò)電話,信件或許電子郵件的辦法與你取得聯(lián)系,這樣也不至于讓他們空手而歸。 終究,經(jīng)過(guò)測(cè)驗(yàn)、驗(yàn)收合格的站點(diǎn)才干向全世界發(fā)布。閱讀者是否有愛(ài)好閱讀你的站點(diǎn)或許在你的站點(diǎn)逗留很長(zhǎng)事情現(xiàn)已徹底擺脫你的操控了。有些用戶(hù)由于運(yùn)用速度過(guò)慢的調(diào)制解調(diào)器而變得煩躁不安,或許是頁(yè)面無(wú)法顯現(xiàn)圖形或許,或許用戶(hù)運(yùn)用了他們個(gè)性化的閱讀器無(wú)法正常顯現(xiàn)站點(diǎn)……這些問(wèn)題都將存在,一點(diǎn)也不用感到驚訝。咱們現(xiàn)在所能作的,便是從客戶(hù)的反應(yīng)信息當(dāng)中剖析和測(cè)驗(yàn)用戶(hù)的多樣性和或許性不斷的進(jìn)行調(diào)整。
祝賀你,你現(xiàn)已成功了一半,接下來(lái)要告知你的便是"持之以恒,精益求精"。期望你能記住! |
|