建站常識
制作主頁的四十個技巧
2006-06-23 14:00:00
一、內(nèi)容
1、讓讀者有理由逗留。要把網(wǎng)頁作得趣味盎然,引人入勝。但首要的是要讓它有用處。這樣做的一個很簡單的辦法是提供相互參與——讓讀者做一些事情,如報名獲取定期發(fā)送的通訊,并用某種方式報答他們的參與,如每周抽獎或給予下載一些東西的機會。
2、對訪問者來說最具價值的站點是那些立刻就能讓人明白哪些信息可以獲取,怎樣獲取,以及可能還有怎樣讓讀者來更正他自己認為有錯誤的地方或加上他自己的內(nèi)容。
3、簽上自己的名字,并展示得到的榮譽——但不要在這里弄上一個長長的簽名。少許的自我宣傳可能是中肯的,尤其是當你想讓自己的網(wǎng)頁具有個人特色時,但這可能會帶來困窘和妨礙實質內(nèi)容。你所要作的只是連接到關于作者的那一頁,該頁也是棄權、版權聲明及類似說明的合適地方。
4、不要包括一些一般化的Web參考信息和人人都有的已不再是熱點的連接。連接到Alta Vista和Yahoo可能就已足夠了,否則你的外部連接應該是具有特殊意義和讀者還沒有遇到過的地方。
5、要是有以評論或讀者意見的形式取得的肯定性的反饋,可考慮把它包括在主頁之內(nèi)——也許在開頭的某個地方,或者作為到榮譽頁的一個連接。如果做得恰到好處,可以鼓勵新的訪問者并使他們放心。相反,要是做得不合適,就會被認為是自我吹噓,而真正的內(nèi)容反而處于次要地位。
6、忘掉已學會的在紙上寫作的大多數(shù)習慣?;谖淖?、面向紙張的寫作所面臨的任務是精心安排的敘述,在提供知識、愉悅心情或說服別人的過程當中要能保持讀者的興趣;但是文字并不是大多數(shù)Web版面的主要組成部分——即便是頁面上的文字比其他元素多,也常常是其他組成部分(圖像、超媒體連接)被認為比單純的文字更重要。
7、結構至關重要。網(wǎng)頁可能會看起來是二維的,但不應如此理解。印刷頁面的原有結構在Web已不復存在;作者要著重于文件以可見的方式表現(xiàn)出來的結構,因為它可能已具有更微妙的交流功能。
8、Web的讀者不會去讀每一個詞,他們的閱讀方式更近似于快速閱讀而不是象讀呆板的樹式文件那樣的逐行閱讀。通過計算機屏幕閱讀并不是件格外舒服的事情,因此讀者希望最好能盡快得到結果。
9、在Web頁面創(chuàng)作中讀者實際上是一個配合者。除了要注意在任何類型的寫作中都要考慮的詞匯、語調(diào)和其他事項外,網(wǎng)頁作者還要意識和具體考慮到讀者的身體運動——按鼠標鍵、滾動頁面、寫作郵件——也是交流過程的一部分。
二、頁面設計
10、在開始編寫文字、尋找圖像和進行HTML標記之前應該先把基本的網(wǎng)頁結構組織好。要是開始的時候在腦子里沒有一個相當明確的結構,那幾乎肯定會以一團糟而告終。卸載一些你喜歡的頁面,核對HTML源文件,看它是怎樣寫的,把它全部或部分粘貼到一個試驗文件進行檢驗。整頁地拷貝別人的東西是剽竊行為,但是向別人學習則是研究過程。
11、人們第一次進入你的主頁時,他們通常不是在尋找值得閱讀的地方,他們可能正在尋找可供選擇的東西,以超文本術語說即是可用鼠標點擊的詞句、圖像、按鈕等等,接下來是閱讀文字,選定一個可選項,按鼠標鍵,下頁出現(xiàn)后又重復此過程。這里的技巧是確定閱讀時按鍵的適當比率。提供的可選項要是太少,訪問者會覺得沒意思,要是太多又會嚇倒別人。
12、要是頁面包含的內(nèi)容信息量大,在開始設計頁面之前就要先確定好讀者對象。對新手或新的訪問者來說用一種固定的文件結構并在開始的時候給予說明是有意義的。例如,關于內(nèi)容的說明表格或某種類似結構。如果你要滿足知識或經(jīng)驗不在同一個層次的讀者,提供限制性的線索可以讓某些讀者跳過基本內(nèi)容直達目標。提供鏈接時要考慮到各個層次的讀者。
13、不要讓讀者不知所措。不必非要用聲音和圖像充斥網(wǎng)頁,也不要把文件做得太長以至于在裝載文件時讓讀者等得腳后跟發(fā)涼,因此使用圖像時要謹慎:大的圖像顯然會降低頁面建立的速度,但許多需要順序裝載的小圖像也會如此。
三、布局
14、別輕易讓文字居中和使用粗體或斜體字符。
15、利用短的段落,加點列示,適當?shù)恼麎K引用文字,用水平線分節(jié),用影像地圖指引主要鏈接,使你的頁面能吸引人和容易閱讀。
16、不要在每一頁使用風格不同的圖標。
17、不必在以頁面上填滿圖像來增加視覺趣味。盡量使用彩色圓點——它們較小并能為列表項增加色彩活力(并能用于彩色列表)。彩色分隔條也能在不擾亂帶寬的情況下增強圖形感。
18、對用作背景的GIF要謹慎。它們可以使一個頁面看起來很有趣,甚至很專業(yè),但是裝飾背景很容易使文字變得不可辨讀。要把背景做得好,光有顏色對比是不夠的。背景要么很亮(文字較暗)要么很暗(文字較亮)。如果背景含有圖像,對比度要較低才不至于過于分散讀者的注意力。
19、在 IMG 行加 ALT 標記。
20、也可以在分隔條上使用ALT標記,這樣就使得使用基于文本的瀏覽器的讀者能看到一些更有趣的東西,而不只是一條直線。
21、不要把重要的內(nèi)容放到頁尾——有些讀者可能不會往下看那么遠。
22、不要讓什么東西看起來象是一個按鈕卻不起按鈕的作用。
四、HTML格式
23、應避免使用交叉標記。不同的瀏覽器對交叉標記的反映會不同。
24、使用交織 GIF 和 Jpeg 。因為交織圖像是分級顯示出來的——首先以很低的分辨率顯示,然后逐步提高分辨率,直至最后達到正常顯示——這種方式有時候會使較大的圖像看起來好象裝載得快一些(實際上并非如此,但這是一種有益的錯覺)。這樣也便于讀者在圖像裝載的過程中看到它的模樣,如果他們不喜歡或不想看的話就有機會中斷傳輸或轉向別的地方。
25、可以在一個 HTML 元素內(nèi)嵌入一個連接,但不能反其道而行之,把一個標題或其他HTML元素嵌入一個連接。
五、長文件
26、努力確保讀者瀏覽長文件時瀏覽器滾動條小的移動不會在頁面上產(chǎn)生大的跳躍。作為一條經(jīng)驗規(guī)則,按一次滾動條頁面移動的范圍要少于一頁,這樣就還看得見上一個窗口的部分內(nèi)容。
27、要不然就把一個長文件分成幾個子文件,在主頁給予連接。不過要記住子頁可能會成為死頁——有時候命中率要低于10%。做得聰明一點,給讀者一個很好的理由裝入子頁或給他們一個很好的理由瀏覽它。
28、如果頁面很多,在主頁給出一個內(nèi)容列表或目錄顯然是個好辦法。不要作成那種常規(guī)的、令人厭煩的、死板的樹形布局,把它做得有趣一些,讓讀者有理由進入連接,幫助他們了解他們可能看不出來的內(nèi)容。
29、要是你必須把所有的內(nèi)容都放在一個文件里面,使用一個內(nèi)容列表,從表的項目可直接跳到各部分的開頭。或者做得更好,提供一個獨立的文本文件用于下傳——去掉所有的格式符——使下傳的時間減到最少。
六、鏈接
30、盡管你已做了一個漂亮的首頁作為入口,其他人可能會對你的杰作內(nèi)的具體指針或子頁給出鏈接。向這些新的訪問者提供一些關于他們在什么地方以及為什么在這里的線索是有意義的。
31、從頭至尾都要使用導航圖標,尤其是要用“返回到首頁”鏈接。比如在每頁的頂端(或底部)都有一小串圖標,第一個回到首頁,第二個回到章,第三個回到節(jié)。
32、在頁面上應該有一些鏈接幫助訪問者來回跳轉??偸且韵嗤母袷桨堰@些鏈接放到所有頁面上,這樣讀者就總能知道到哪兒去找到它們以及怎樣使用它們。
33、一般來說應該使用相對鏈接。
34、鏈接到不直接相關的文件時使用絕對路徑。
35、確??蛇x擇的鏈接清楚直觀——用標題或明顯相關的圖像來表明它有什么內(nèi)容。不要讓鏈接的名稱與鏈接的 URL 相同,這樣會使讀者要作的工作增加。
七、通則
36、鼓勵讀者通過填表或發(fā)郵件反饋意見。但要準備處理隨之而來的事務——要盡快地回E-mail,增加連接,修改輸入錯誤等等。給通過 E-mail 進行評論的人回感謝信。
37、在頁內(nèi)告訴讀者如果他們在自己的主頁內(nèi)設置一個指向你的鏈接你不會介意,并表明你也同樣會設置一個指向他的主頁的鏈接。每個人都希望有人訪問自己的網(wǎng)頁,而這種相互支持會鼓勵對見解類似的網(wǎng)點的訪問。
38、想辦法告訴讀者下傳要用的時間——告訴他們要出現(xiàn)的圖像的大小或下傳一個文本文件或二進制文件要用多久的時間
39、Web上好的寫作就很突出。
40、為你的主頁加一個描述性的標題。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2010-05-11 10:50:00] 設計中的色彩:黑色
- [2009-06-02 22:27:00] 35網(wǎng)站建設專題頁面設計全過程
- [2009-10-11 22:29:00] 可用性和用戶體驗的關系
- [2010-03-16 08:31:00] 產(chǎn)品交互原型設計工具分享
- [2009-07-16 14:43:00] 設計中的同理心
- [2009-12-17 11:51:00] 交互中的色彩
- [2006-12-14 22:26:00] web設計95%是排版,5%?
- [2010-02-25 08:34:00] 淺談易用性測試及GUI常見的測試要求(z)
- [2009-11-12 14:36:00] 視覺設計前瞻實用性研究(PNVD) 第一期
- [2009-06-27 22:43:00] 可訪問性—前端的使命(二)
- [2009-06-09 22:34:00] 圖片投射方法在會員官網(wǎng)視覺風格調(diào)研中的運用
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島IT資訊 青島不錯的英文網(wǎng)站建設公司 青島高端網(wǎng)站設計公司哪家好 網(wǎng)站的速度 青島高端網(wǎng)站建設公司哪家好 青島flash網(wǎng)站 膠南網(wǎng)站建設公司 H5 網(wǎng)站動畫 微官網(wǎng) 企業(yè)網(wǎng)站建設 企業(yè)網(wǎng)站 中小型企業(yè)網(wǎng)站建設 微信開發(fā) 青島網(wǎng)站建設公司哪家好 網(wǎng)站規(guī)劃 H5定制設計 新的元素 搜索引擎蜘蛛 青島好的網(wǎng)站優(yōu)化公司 青島高端網(wǎng)站建設 企業(yè)網(wǎng)站為什么要備案 青島網(wǎng)站制作 GOOGLE 青島做網(wǎng)站多少錢 H5專題頁面 扁平化設計 集團公司網(wǎng)站建設 程序開發(fā) 網(wǎng)站推廣