設(shè)計(jì)網(wǎng)站中有哪些關(guān)鍵技巧？有哪些陷阱？在這里，世界上一流的網(wǎng)站設(shè)計(jì)專家，讓你共享他們的秘密，告訴你：使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛(ài)和厭惡的網(wǎng)站。
　　 01 明確內(nèi)容
　　 如果你想成為一個(gè)網(wǎng)站設(shè)計(jì)者，并正想建一個(gè)網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來(lái)進(jìn)行。
　　 02 抓住用戶
　　 如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對(duì)手的網(wǎng)站。
　　 03 優(yōu)化內(nèi)容
　　 內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊(cè)子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個(gè)世紀(jì)才能下載完。
　　 Chanels網(wǎng)站（www.channels.co.uk）在設(shè)計(jì)的某些方面是成功的，但是內(nèi)容太貪乏，并且要花很長(zhǎng)時(shí)間才能找到所要的東西，因此不能算是一個(gè)成功的網(wǎng)站。
　　 04 快速下載
　　 沒(méi)有什么比要花很長(zhǎng)時(shí)間下載頁(yè)面更槽糕的了。作為一條經(jīng)驗(yàn)，一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)應(yīng)不大于60K，通過(guò)56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說(shuō)網(wǎng)頁(yè)加載應(yīng)在15秒內(nèi)。
　　 05 網(wǎng)站升級(jí)
　　 時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問(wèn)人數(shù)的增加，可能會(huì)運(yùn)行緩慢。但是，如果你不想失去訪問(wèn)者的話，一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。
　　 06 堅(jiān)持基本原則
　　 即使你不懂HTML語(yǔ)言，你只需購(gòu)買(mǎi)一個(gè)有版權(quán)的所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以創(chuàng)建一個(gè)看起來(lái)很合理的網(wǎng)站。但是，在設(shè)計(jì)時(shí)，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降。
　　 為了成功地設(shè)計(jì)網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書(shū)中去尋找答案，用Notepad制作網(wǎng)頁(yè)。
　　 07 學(xué)習(xí)HTML
　　 用HTML設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過(guò)程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過(guò)程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見(jiàn)即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。
　　 08 用筆畫(huà)一個(gè)網(wǎng)站的框架
　　 圣人云：筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前，用筆畫(huà)一個(gè)網(wǎng)站的框架，顯示出所有網(wǎng)頁(yè)的相互關(guān)系。計(jì)劃好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。
　　 09 “在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案”。 ——專家忠告
　　 10 網(wǎng)站地圖
　　 許多設(shè)計(jì)者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問(wèn)者上網(wǎng)是尋找一些特別的信息，他們對(duì)于你的網(wǎng)站是如何工作的，并沒(méi)有興趣。如果你覺(jué)得你的網(wǎng)站需要地圖，那很可能是需要改進(jìn)你的導(dǎo)航和工具條。
　　 11 “睜大你的眼睛，留意所有的事情。對(duì)最不相關(guān)的東西的觀察可以得到最好的靈感。觀察一個(gè)站點(diǎn)的結(jié)構(gòu)和設(shè)計(jì)。理解站點(diǎn)結(jié)構(gòu)的關(guān)鍵元素，確保你的設(shè)計(jì)是圍繞站點(diǎn)瀏覽進(jìn)行的。” 　　 ——專家忠告
　　 12 點(diǎn)擊規(guī)則
　　 聽(tīng)說(shuō)過(guò)3次點(diǎn)擊規(guī)則嗎？對(duì)于小型網(wǎng)站，在你的主頁(yè)上，沒(méi)有任何一條信息，需要點(diǎn)擊次數(shù)超過(guò)3次的。對(duì)于大型網(wǎng)站，使用導(dǎo)航和工具條來(lái)改善操作。
　　 13 特殊字體的應(yīng)用
　　 雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測(cè)你的訪問(wèn)者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來(lái)相當(dāng)好的頁(yè)面，在另一個(gè)不同的平臺(tái)上看起來(lái)可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來(lái)定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問(wèn)者的計(jì)算機(jī)上不能顯示。級(jí)聯(lián)風(fēng)格表CSS有助于解決這些問(wèn)題，但是只有最新版的瀏覽器才支持CSS。
　　 14 “使用切合實(shí)際的簡(jiǎn)便的命名規(guī)則。” 　　 ——專家忠告
　　 15 檢查錯(cuò)別字
　　 好的拼寫(xiě)是人們一生中重要的技能。但是遺憾的是，許多設(shè)計(jì)者都缺少這種技能。確保你拼寫(xiě)正確，并且格外注意平常容易誤寫(xiě)的錯(cuò)別字。
　　 16 避免長(zhǎng)文本頁(yè)面
　　 在一個(gè)站點(diǎn)上有許多只有文本的頁(yè)面，是令人乏味的，且也浪費(fèi)Web的潛力。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來(lái)放置，以便你的訪問(wèn)者能離線閱讀。
　　 17 不要使用卷滾條
　　 人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站（www.Trouble.co.uk）是一個(gè)典型的設(shè)計(jì)很差的網(wǎng)站。它基于一個(gè)浮動(dòng)的架構(gòu)，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。
　　 18 專家最喜愛(ài)的Web設(shè)計(jì)工具
　　 1.Adobe Photoshop
　　 2.Macromedia Flash
　　 3.Adobe Illustrator
　　 4.Adobe ImageRead
　　 5.Dreamweaver
　　 6.Macromedia Fireworks
　　 7. Allaire Homesites
　　 8.Microsoft Notepad
　　 9. Macromedia Director
　　 10. Lightwave
　　 11. Macromedia Freehand
　　 12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
　　 19 網(wǎng)站介紹
　　 你應(yīng)當(dāng)有一個(gè)很清晰的網(wǎng)站介紹，告訴訪問(wèn)者你的網(wǎng)站能夠提供些什么，以便訪問(wèn)者能找到想要的東西。但是，許多設(shè)計(jì)者都沒(méi)有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對(duì)訪問(wèn)者很重要。告訴訪問(wèn)者你所提供的正是他們想要的信息。
　　 20 “網(wǎng)站一旦發(fā)布，網(wǎng)站設(shè)計(jì)的優(yōu)點(diǎn)和缺陷全都公布于世。沒(méi)有什么方法使你能夠比從自己的錯(cuò)誤、傾聽(tīng)其他人的建議和用戶反饋意見(jiàn)中學(xué)到更多的東西。” ——專家忠告
　　 21 閃爍讓人頭痛
　　 通過(guò)使用標(biāo)識(shí)可以吸引訪問(wèn)者對(duì)你的主頁(yè)特殊部分的注意，但這也讓你的訪問(wèn)者頭痛。如果你想使訪問(wèn)者再次光顧你的網(wǎng)站，就少用此方法。
　　 22 背景顏色
　　 背景顏色也會(huì)產(chǎn)生一些問(wèn)題，可能會(huì)使網(wǎng)頁(yè)難于閱讀。你應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本，另外還應(yīng)當(dāng)堅(jiān)持使用通用字體。
　　 23 向前和向后按鈕
　　 應(yīng)當(dāng)避免強(qiáng)迫用戶使用向前和向后按鈕。你的設(shè)計(jì)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁(yè)同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁(yè)上訪問(wèn)網(wǎng)站的任何部分。
　　 24 “堅(jiān)持你的信念。嚴(yán)格遵守各種規(guī)則。避免想當(dāng)然。絕不停止學(xué)習(xí)。” 　　 ——專家忠告
　　 25 點(diǎn)擊記數(shù)器
　　 不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給訪問(wèn)者提供服務(wù)，而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無(wú)意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個(gè)鏈接，顯示訪問(wèn)日志。
　　 26 不要用框架
　　 與記數(shù)器一樣，框架在網(wǎng)頁(yè)上越來(lái)越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問(wèn)題。使用框架時(shí)如果沒(méi)有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站。框架也使得網(wǎng)站內(nèi)個(gè)人主頁(yè)不能夠成為書(shū)簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。
　　 27 去掉圖像
　　 在瀏覽器中即使去掉了圖像功能，也要保證訪問(wèn)者能夠在你的網(wǎng)站上獲得滿意的效果。對(duì)于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問(wèn)者，還能獲得好的網(wǎng)頁(yè)加載性能。可以通過(guò)在網(wǎng)頁(yè)底部提供另外的鏈接和使用替代文字，而不是圖像來(lái)滿足訪問(wèn)者的需要。
　　 28 重復(fù)使用圖像
　　 一些網(wǎng)站由于使用大量不重復(fù)的圖像而錯(cuò)過(guò)了使用更好的技巧的機(jī)會(huì)。在創(chuàng)建商標(biāo)時(shí)，在網(wǎng)頁(yè)上多次使用同樣的圖像是一個(gè)好的方法，并且一旦它們被裝入，以后重新載入就會(huì)很快
。
　　 29 避免使用過(guò)大的圖像
　　 不要使用橫跨整個(gè)屏幕的圖像。避免訪問(wèn)者向右滾動(dòng)屏幕。占75%的屏幕寬度是一個(gè)好的建議。
　　 30 “避免使用炫耀的技巧。” 　　 ——專家忠告

本文章由南寧網(wǎng)站建設(shè)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)絡(luò)公司整理，轉(zhuǎn)載請(qǐng)注明出處：http://m.starit.com.cn/