制作網(wǎng)站網(wǎng)頁的四十個建議和技巧

2010-08-28 10:53:54來源:西部e網(wǎng)作者:

  一、內(nèi)容

  1、讓讀者有理由逗留。要把網(wǎng)頁作得趣味盎然,引人入勝。但首要的是要讓它有用處。這樣做的一個很簡單的辦法是提供相互參與——讓讀者做一些事情,如報(bào)名獲取定期發(fā)送的通訊,并用某種方式報(bào)答他們的參與,如每周抽獎或給予下載一些東西的機(jī)會。

  2、對訪問者來說最具價值的站點(diǎn)是那些立刻就能讓人明白哪些信息可以獲取,怎樣獲取,以及可能還有怎樣讓讀者來更正他自己認(rèn)為有錯誤的地方或加上他自己的內(nèi)容。

  3、簽上自己的名字,并展示得到的榮譽(yù)——但不要在這里弄上一個長長的簽名。少許的自我宣傳可能是中肯的,尤其是當(dāng)你想讓自己的網(wǎng)頁具有個人特色時,但這可能會帶來困窘和妨礙實(shí)質(zhì)內(nèi)容。你所要作的只是連接到關(guān)于作者的那一頁,該頁也是棄權(quán)、版權(quán)聲明及類似說明的合適地方。

  4、不要包括一些一般化的Web參考信息和人人都有的已不再是熱點(diǎn)的連接。連接到Alta Vista和Yahoo可能就已足夠了,否則你的外部連接應(yīng)該是具有特殊意義和讀者還沒有遇到過的地方。

  5、要是有以評論或讀者意見的形式取得的肯定性的反饋,可考慮把它包括在主頁之內(nèi)——也許在開頭的某個地方,或者作為到榮譽(yù)頁的一個連接。如果做得恰到好處,可以鼓勵新的訪問者并使他們放心。相反,要是做得不合適,就會被認(rèn)為是自我吹噓,而真正的內(nèi)容反而處于次要地位。

  6、忘掉已學(xué)會的在紙上寫作的大多數(shù)習(xí)慣;谖淖、面向紙張的寫作所面臨的任務(wù)是精心安排的敘述,在提供知識、愉悅心情或說服別人的過程當(dāng)中要能保持讀者的興趣;但是文字并不是大多數(shù)Web版面的主要組成部分——即便是頁面上的文字比其他元素多,也常常是其他組成部分(圖像、超媒體連接)被認(rèn)為比單純的文字更重要。

  7、結(jié)構(gòu)至關(guān)重要。網(wǎng)頁可能會看起來是二維的,但不應(yīng)如此理解。印刷頁面的原有結(jié)構(gòu)在Web已不復(fù)存在;作者要著重于文件以可見的方式表現(xiàn)出來的結(jié)構(gòu),因?yàn)樗赡芤丫哂懈⒚畹慕涣鞴δ堋?/P>

  8、Web的讀者不會去讀每一個詞,他們的閱讀方式更近似于快速閱讀而不是象讀呆板的樹式文件那樣的逐行閱讀。通過計(jì)算機(jī)屏幕閱讀并不是件格外舒服的事情,因此讀者希望最好能盡快得到結(jié)果。

  9、在Web頁面創(chuàng)作中讀者實(shí)際上是一個配合者。除了要注意在任何類型的寫作中都要考慮的詞匯、語調(diào)和其他事項(xiàng)外,網(wǎng)頁作者還要意識和具體考慮到讀者的身體運(yùn)動——按鼠標(biāo)鍵、滾動頁面、寫作郵件——也是交流過程的一部分。

  二、頁面設(shè)計(jì)

  10、在開始編寫文字、尋找圖像和進(jìn)行HTML標(biāo)記之前應(yīng)該先把基本的網(wǎng)頁結(jié)構(gòu)組織好。要是開始的時候在腦子里沒有一個相當(dāng)明確的結(jié)構(gòu),那幾乎肯定會以一團(tuán)糟而告終。卸載一些你喜歡的頁面,核對HTML源文件,看它是怎樣寫的,把它全部或部分粘貼到一個試驗(yàn)文件進(jìn)行檢驗(yàn)。整頁地拷貝別人的東西是剽竊行為,但是向別人學(xué)習(xí)則是研究過程。

  11、人們第一次進(jìn)入你的主頁時,他們通常不是在尋找值得閱讀的地方,他們可能正在尋找可供選擇的東西,以超文本術(shù)語說即是可用鼠標(biāo)點(diǎn)擊的詞句、圖像、按鈕等等,接下來是閱讀文字,選定一個可選項(xiàng),按鼠標(biāo)鍵,下頁出現(xiàn)后又重復(fù)此過程。這里的技巧是確定閱讀時按鍵的適當(dāng)比率。提供的可選項(xiàng)要是太少,訪問者會覺得沒意思,要是太多又會嚇倒別人。

  12、要是頁面包含的內(nèi)容信息量大,在開始設(shè)計(jì)頁面之前就要先確定好讀者對象。對新手或新的訪問者來說用一種固定的文件結(jié)構(gòu)并在開始的時候給予說明是有意義的。例如,關(guān)于內(nèi)容的說明表格或某種類似結(jié)構(gòu)。如果你要滿足知識或經(jīng)驗(yàn)不在同一個層次的讀者,提供限制性的線索可以讓某些讀者跳過基本內(nèi)容直達(dá)目標(biāo)。提供鏈接時要考慮到各個層次的讀者。

  13、不要讓讀者不知所措。不必非要用聲音和圖像充斥網(wǎng)頁,也不要把文件做得太長以至于在裝載文件時讓讀者等得腳后跟發(fā)涼,因此使用圖像時要謹(jǐn)慎:大的圖像顯然會降低頁面建立的速度,但許多需要順序裝載的小圖像也會如此。

  三、布局

  14、別輕易讓文字居中和使用粗體或斜體字符。

  15、利用短的段落,加點(diǎn)列示,適當(dāng)?shù)恼麎K引用文字,用水平線分節(jié),用影像地圖指引主要鏈接,使你的頁面能吸引人和容易閱讀。

  16、不要在每一頁使用風(fēng)格不同的圖標(biāo)。

  17、不必在以頁面上填滿圖像來增加視覺趣味。盡量使用彩色圓點(diǎn)——它們較小并能為列表項(xiàng)增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的情況下增強(qiáng)圖形感。

  18、對用作背景的GIF要謹(jǐn)慎。它們可以使一個頁面看起來很有趣,甚至很專業(yè),但是裝飾背景很容易使文字變得不可辨讀。要把背景做得好,光有顏色對比是不夠的。背景要么很亮(文字較暗)要么很暗(文字較亮)。如果背景含有圖像,對比度要較低才不至于過于分散讀者的注意力。

  19、在 IMG 行加 ALT 標(biāo)記。

  20、也可以在分隔條上使用ALT標(biāo)記,這樣就使得使用基于文本的瀏覽器的讀者能看到一些更有趣的東西,而不只是一條直線。

  21、不要把重要的內(nèi)容放到頁尾——有些讀者可能不會往下看那么遠(yuǎn)。

  22、不要讓什么東西看起來象是一個按鈕卻不起按鈕的作用。

  四、HTML格式

  23、應(yīng)避免使用交叉標(biāo)記。不同的瀏覽器對交叉標(biāo)記的反映會不同。

  24、使用交織 GIF 和 Jpeg 。因?yàn)榻豢棃D像是分級顯示出來的——首先以很低的分辨率顯示,然后逐步提高分辨率,直至最后達(dá)到正常顯示——這種方式有時候會使較大的圖像看起來好象裝載得快一些(實(shí)際上并非如此,但這是一種有益的錯覺)。這樣也便于讀者在圖像裝載的過程中看到它的模樣,如果他們不喜歡或不想看的話就有機(jī)會中斷傳輸或轉(zhuǎn)向別的地方。

  25、可以在一個 HTML 元素內(nèi)嵌入一個連接,但不能反其道而行之,把一個標(biāo)題或其他HTML元素嵌入一個連接。

  五、長文件

  26、努力確保讀者瀏覽長文件時瀏覽器滾動條小的移動不會在頁面上產(chǎn)生大的跳躍。作為一條經(jīng)驗(yàn)規(guī)則,按一次滾動條頁面移動的范圍要少于一頁,這樣就還看得見上一個窗口的部分內(nèi)容。

  27、要不然就把一個長文件分成幾個子文件,在主頁給予連接。不過要記住子頁可能會成為死頁——有時候命中率要低于10%。做得聰明一點(diǎn),給讀者一個很好的理由裝入子頁或給他們一個很好的理由瀏覽它。

  28、如果頁面很多,在主頁給出一個內(nèi)容列表或目錄顯然是個好辦法。不要作成那種常規(guī)的、令人厭煩的、死板的樹形布局,把它做得有趣一些,讓讀者有理由進(jìn)入連接,幫助他們了解他們可能看不出來的內(nèi)容。

  29、要是你必須把所有的內(nèi)容都放在一個文件里面,使用一個內(nèi)容列表,從表的項(xiàng)目可直接跳到各部分的開頭;蛘咦龅酶,提供一個獨(dú)立的文本文件用于下傳——去掉所有的格式符——使下傳的時間減到最少。

  六、鏈接

  30、盡管你已做了一個漂亮的首頁作為入口,其他人可能會對你的杰作內(nèi)的具體指針或子頁給出鏈接。向這些新的訪問者提供一些關(guān)于他們在什么地方以及為什么在這里的線索是有意義的。

  31、從頭至尾都要使用導(dǎo)航圖標(biāo),尤其是要用“返回到首頁”鏈接。比如在每頁的頂端(或底部)都有一小串圖標(biāo),第一個回到首頁,第二個回到章,第三個回到節(jié)。

  32、在頁面上應(yīng)該有一些鏈接幫助訪問者來回跳轉(zhuǎn)。總是以相同的格式把這些鏈接放到所有頁面上,這樣讀者就總能知道到哪兒去找到它們以及怎樣使用它們。

  33、一般來說應(yīng)該使用相對鏈接。

  34、鏈接到不直接相關(guān)的文件時使用絕對路徑。

  35、確?蛇x擇的鏈接清楚直觀——用標(biāo)題或明顯相關(guān)的圖像來表明它有什么內(nèi)容。不要讓鏈接的名稱與鏈接的 URL 相同,這樣會使讀者要作的工作增加。

  七、通則

  36、鼓勵讀者通過填表或發(fā)郵件反饋意見。但要準(zhǔn)備處理隨之而來的事務(wù)——要盡快地回E-mail,增加連接,修改輸入錯誤等等。給通過 E-mail 進(jìn)行評論的人回感謝信。

  37、在頁內(nèi)告訴讀者如果他們在自己的主頁內(nèi)設(shè)置一個指向你的鏈接你不會介意,并表明你也同樣會設(shè)置一個指向他的主頁的鏈接。每個人都希望有人訪問自己的網(wǎng)頁,而這種相互支持會鼓勵對見解類似的網(wǎng)點(diǎn)的訪問。

  38、想辦法告訴讀者下傳要用的時間——告訴他們要出現(xiàn)的圖像的大小或下傳一個文本文件或二進(jìn)制文件要用多久的時間

  39、Web上好的寫作就很突出。

  40、為你的主頁加一個描述性的標(biāo)題。

關(guān)鍵詞:網(wǎng)頁

贊助商鏈接: