網(wǎng)頁設(shè)計(jì)簡介.doc

網(wǎng)站設(shè)計(jì)目錄1、網(wǎng)站設(shè)計(jì) 2、網(wǎng)站設(shè)計(jì)的要點(diǎn) 3、網(wǎng)站設(shè)計(jì)的全過程 4、如何設(shè)計(jì)電視/電影類網(wǎng)站 5、網(wǎng)站設(shè)計(jì)的 7Cs 6、網(wǎng)站設(shè)計(jì)9條原則 1、網(wǎng)站設(shè)計(jì)什么是網(wǎng)站設(shè)計(jì)：網(wǎng)站它是由域名（俗稱網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。其中域名它是類似于互聯(lián)網(wǎng)上的門牌號碼，是用于識別和定位互聯(lián)網(wǎng)上計(jì)算機(jī)的層次結(jié)構(gòu)式字符標(biāo)識，與該計(jì)算機(jī)的互聯(lián)網(wǎng)協(xié)議（IP）地址相對應(yīng)。而網(wǎng)站設(shè)計(jì)是設(shè)計(jì)師通過像Frontpage或Dreamweaver等工具來對網(wǎng)站進(jìn)行編輯的！ WWW是“WorldWideWeb的縮寫 網(wǎng)站設(shè)計(jì)的實(shí)質(zhì)內(nèi)容包括： 01、明確內(nèi)容 如果你想成為一個(gè)網(wǎng)站設(shè)計(jì)者，并正想建一個(gè)網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。 02、抓住用戶 如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。 03、優(yōu)化內(nèi)容 內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個(gè)世紀(jì)才能下載完。 Chanels網(wǎng)站（www.channels.co.uk）在設(shè)計(jì)的某些方面是成功的，但是內(nèi)容太貧乏，并且要花很長時(shí)間才能找到所要的東西，因此不能算是一個(gè)成功的網(wǎng)站。 04、快速下載 沒有什么比要花很長時(shí)間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn)，一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K，通過56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。 05、網(wǎng)站升級 時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會(huì)運(yùn)行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計(jì)劃好你的升級計(jì)劃。 06、堅(jiān)持基本原則 即使你不懂HTML語言，你只需購買一個(gè)有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以創(chuàng)建一個(gè)看起來很合理的網(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的書中去尋找答案，用Notepad制作網(wǎng)頁。 07、學(xué)習(xí)HTML 用HTML設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。 08、用筆畫一個(gè)網(wǎng)站的框架 圣人云：筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前，用筆畫一個(gè)網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關(guān)系。計(jì)劃好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。 09、“在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案”。 專家忠告 10、網(wǎng)站地圖 許多設(shè)計(jì)者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進(jìn)你的導(dǎo)航和工具條。 11、“睜大你的眼睛，留意所有的事情?！?“對最不相關(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ī)則 聽說過3次點(diǎn)擊規(guī)則嗎？對于小型網(wǎng)站，在你的主頁上，沒有任何一條信息，需要點(diǎn)擊次數(shù)超過3次的。對于大型網(wǎng)站，使用導(dǎo)航和工具條來改善操作。 13、特殊字體的應(yīng)用 雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測你的訪問者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來相當(dāng)好的頁面，在另一個(gè)不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計(jì)算機(jī)上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。 14、“使用切合實(shí)際的簡便的命名規(guī)則?！?專家忠告 15、檢查錯(cuò)別字 目前做網(wǎng)站設(shè)計(jì)的公司很多，具體還要看你公司所在區(qū)域，以上資料僅供參考 好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設(shè)計(jì)者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯(cuò)別字。 16、避免長文本頁面 在一個(gè)站點(diǎn)上有許多只有文本的頁面，是令人乏味的，且也浪費(fèi)Web的潛力。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。 17、不要使用卷滾條 人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站（www.Trouble.co.uk）是一個(gè)典型的設(shè)計(jì)很差的網(wǎng)站。它基于一個(gè)浮動(dòng)的架構(gòu)，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。 18、專家最喜愛的Web設(shè)計(jì)工具 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageReady 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ǎng)站能夠提供些什么，以便訪問者能找到想要的東西。但是，許多設(shè)計(jì)者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 20 、“網(wǎng)站一旦發(fā)布，網(wǎng)站設(shè)計(jì)的優(yōu)點(diǎn)和缺陷全都公布于世。沒有什么方法使你能夠比從自己的錯(cuò)誤、傾聽其他人的建議和用戶反饋意見中學(xué)到更多的東西。” 專家忠告 21、閃爍讓人頭痛 通過使用標(biāo)識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網(wǎng)站，就少用此方法。 22、背景顏色 背景顏色也會(huì)產(chǎn)生一些問題，可能會(huì)使網(wǎng)頁難于閱讀。你應(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)在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁上訪問網(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ù)，而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個(gè)鏈接，顯示訪問日志。 26、不要用框架 與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站。框架也使得網(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。 27、去掉圖像 在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問者，還能獲得好的網(wǎng)頁加載性能?？梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。 28、重復(fù)使用圖像 一些網(wǎng)站由于使用大量不重復(fù)的圖像而錯(cuò)過了使用更好的技巧的機(jī)會(huì)。在創(chuàng)建商標(biāo)時(shí)，在網(wǎng)頁上多次使用同樣的圖像是一個(gè)好的方法，并且一旦它們被裝入，以后重新載入就會(huì)很快。 29、避免使用過大的圖像 不要使用橫跨整個(gè)屏幕的圖像。避免訪問者向右滾動(dòng)屏幕。占75%的屏幕寬度是一個(gè)好的建議。 30、“避免使用炫耀的技巧?！?專家忠告 31、選擇使用Flash動(dòng)畫 許多使用比較慢的計(jì)算機(jī)的訪問者發(fā)現(xiàn)動(dòng)畫圖標(biāo)很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應(yīng)該給用戶一個(gè)跳過使用Flash動(dòng)畫的選擇。 32、盡量少使用Flash插件 雖然許多Web設(shè)計(jì)者認(rèn)為Flash功能很強(qiáng)大，并且Netscape5.0將支持Flash，在使用時(shí)不必再下載任何插件。 但是，最好還是取消使用Flash做各接口的想法。 33、讓用戶先預(yù)覽小圖像 如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來，這樣用戶就不必浪費(fèi)金錢和時(shí)間去下載他們根本不想看的大圖像。 34、動(dòng)畫與內(nèi)容應(yīng)有機(jī)結(jié)合 確保動(dòng)畫和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁渾然一體，而不是干巴巴的。動(dòng)畫并不只是MacromediaDirector等制作的東西的簡單堆積。 35、慎用聲音 聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計(jì)者的另一個(gè)禁地。因?yàn)檫^多地使用聲音會(huì)使下載速度很慢，同時(shí)并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣，但是多次以后肯定會(huì)很煩人。使用聲音前，應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來什么。 36、少用Java 和AxtiveX 在網(wǎng)頁上應(yīng)盡量少使用Java 和AxtiveX。因?yàn)椴⒉皇敲恳环N瀏覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac（蘋果機(jī)）在處理Java時(shí)也存在問題，過分地使用Java，會(huì)使Mac崩潰。 發(fā)展趨勢： 目前國內(nèi)從事網(wǎng)站建設(shè)業(yè)務(wù)的企業(yè)有很多，幾乎每個(gè)網(wǎng)絡(luò)公司都在開展網(wǎng)站建設(shè)業(yè)務(wù)，同時(shí)，因發(fā)展方向的不同，產(chǎn)生了三大塊主體網(wǎng)站建設(shè)群體： 第一類，行業(yè)門戶網(wǎng)站。許多行業(yè)門戶網(wǎng)站，在其VIP會(huì)員服務(wù)項(xiàng)目當(dāng)中，包含了為VIP企業(yè)會(huì)員提供網(wǎng)站建設(shè)的服務(wù)，像阿里巴巴、中國紡織網(wǎng)等公司，吸引了大批行業(yè)類的企業(yè)注冊成為他們的VIP會(huì)員，獲得包括網(wǎng)站建設(shè)和維護(hù)在內(nèi)的多種服務(wù)項(xiàng)目。行業(yè)門戶網(wǎng)站的企業(yè)建站服務(wù)占到所有企業(yè)網(wǎng)站建設(shè)服務(wù)市場的20%；這類網(wǎng)站以模板型居多。 第二類，網(wǎng)絡(luò)綜合應(yīng)用服務(wù)公司。指提供包括網(wǎng)絡(luò)基礎(chǔ)應(yīng)用服務(wù)（如域名、主機(jī)、郵箱）和網(wǎng)絡(luò)增值應(yīng)用服務(wù)（如網(wǎng)站建設(shè)和推廣）等業(yè)務(wù)在內(nèi)的綜合應(yīng)用服務(wù)公司，企業(yè)網(wǎng)站建設(shè)是重要業(yè)務(wù)之一，業(yè)務(wù)總量占到所有企業(yè)網(wǎng)站建設(shè)市場的60%。像深圳九曲網(wǎng)等公司，通過網(wǎng)絡(luò)綜合應(yīng)用服務(wù)業(yè)務(wù)的宣傳與拓展，在業(yè)界具有良好的形象和口碑，提供的網(wǎng)站建設(shè)服務(wù)也普遍為客戶所接受。 第三類，專業(yè)網(wǎng)站建設(shè)服務(wù)公司，以個(gè)性化網(wǎng)站建設(shè)業(yè)務(wù)為主，大多體現(xiàn)在制作出3D全景網(wǎng)站，F(xiàn)LASH全景網(wǎng)站等，突出個(gè)性化制作和客戶長期跟蹤服務(wù)，業(yè)務(wù)總量占到所有企業(yè)網(wǎng)站建設(shè)市場的20%。 在這三類中，第一類行業(yè)門戶網(wǎng)站需要長期的客戶資源積累，大量的資本運(yùn)作，操作起來資金門檻不低。而第三類專業(yè)網(wǎng)站個(gè)性化設(shè)計(jì)需要高端技術(shù)人才，從而提高了技術(shù)成本門檻。因此，真正在市場上拼殺的主力軍就成了技術(shù)和資金門檻相對低很多的第二類：網(wǎng)絡(luò)綜合應(yīng)用服務(wù)公司。2、網(wǎng)站設(shè)計(jì)的要點(diǎn)網(wǎng)站設(shè)計(jì)要注意的兩個(gè)要點(diǎn)：整體風(fēng)格和色彩搭配。一、確定網(wǎng)站的整體風(fēng)格 網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。 風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。 在這里，我提供給大家一些參考經(jīng)驗(yàn)： 1將你的標(biāo)志logo，盡可能的放在每個(gè)頁面上最突出的位置。 2突出你的標(biāo)準(zhǔn)色彩。 3總結(jié)一句能反映貴站精髓的宣傳標(biāo)語！ 4相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！ 二、網(wǎng)頁色彩的搭配 無論是平面設(shè)計(jì)，還是網(wǎng)頁設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁的色彩。 關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時(shí)的小技巧。 1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。 2用兩種色彩。先選定一種色彩，然后選擇它的對比色。 3用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。 在網(wǎng)頁配色中，還要切記一些誤區(qū)： 1不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。 2背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。 動(dòng)態(tài)網(wǎng)站設(shè)計(jì) 網(wǎng)絡(luò)技術(shù)日新月異，細(xì)心的網(wǎng)友會(huì)發(fā)現(xiàn)許多網(wǎng)頁文件擴(kuò)展名不再只是“.htm”，還有“.php”、“.asp”等，這些都是采用動(dòng)態(tài)網(wǎng)頁技術(shù)制作出來的。 早期的動(dòng)態(tài)網(wǎng)頁主要采用CGI技術(shù)，CGI即CommonGateway Interface(公用網(wǎng)關(guān)接口)。您可以使用不同的程序編寫適合的CGI程序，如Visual Basic、Delphi或C/C等。雖然CGI技術(shù)已經(jīng)發(fā)展成熟而且功能強(qiáng)大，但由于編程困難、效率低下、修改復(fù)雜，所以有逐漸被新技術(shù)取代的趨勢。下面介紹幾種目前頗受關(guān)注的新技術(shù)： 1、PHP 即Hypertext Preprocessor(超文本預(yù)處理器)，它是當(dāng)今Internet上最為火熱的腳本語言，其語法借鑒了C、Java、PERL等語言，但只需要很少的編程知識你就能使用PHP建立一個(gè)真正交互的Web站點(diǎn)。 它與HTML語言具有非常好的兼容性，使用者可以直接在腳本代碼中加入HTML標(biāo)簽，或者在HTML標(biāo)簽中加入腳本代碼從而更好地實(shí)現(xiàn)頁面控制。PHP提供了標(biāo)準(zhǔn)的數(shù)據(jù)庫接口，數(shù)據(jù)庫連接方便，兼容性強(qiáng)；擴(kuò)展性強(qiáng)；可以進(jìn)行面向?qū)ο缶幊獭?2、ASP 即ActiveServer Pages，它是微軟開發(fā)的一種類似HTML(超文本標(biāo)識語言)、Script(腳本)與CGI(公用網(wǎng)關(guān)接口)的結(jié)合體，它沒有提供自己專門的編程語言，而是允許用戶使用許多已有的腳本語言編寫ASP的應(yīng)用程序。ASP的程序編制比HTML更方便且更有靈活性。它是在Web服務(wù)器端運(yùn)行，運(yùn)行后再將運(yùn)行結(jié)果以HTML格式傳送至客戶端的瀏覽器。因此ASP與一般的腳本語言相比，要安全得多。 ASP的最大好處是可以包含HTML標(biāo)簽，也可以直接存取數(shù)據(jù)庫及使用無限擴(kuò)充的ActiveX控件，因此在程序編制上要比HTML方便而且更富有靈活性。通過使用ASP的組件和對象技術(shù)，用戶可以直接使用ActiveX控件，調(diào)用對象方法和屬性，以簡單的方式實(shí)現(xiàn)強(qiáng)大的交互功能。 但ASP技術(shù)也非完美無缺，由于它基本上是局限于微軟的操作系統(tǒng)平臺之上，主要工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu)，又因ActiveX對象具有平臺特性，所以ASP技術(shù)不能很容易地實(shí)現(xiàn)在跨平臺Web服務(wù)器上工作。 3、JSP 即JavaServerPages，它是由SunMicrosystem公司于1999年6月推出的新技術(shù)，是基于Java Servlet以及整個(gè)Java體系的Web開發(fā)技術(shù)。 JSP和ASP在技術(shù)方面有許多相似之處，不過兩者來源于不同的技術(shù)規(guī)范組織，以至 ASP一般只應(yīng)用于Windows NT/2000平臺，而JSP則可以在85以上的服務(wù)器上運(yùn)行，而且基于JSP技術(shù)的應(yīng)用程序比基于ASP的應(yīng)用程序易于維護(hù)和管理，所以被許多人認(rèn)為是未來最有發(fā)展前途的動(dòng)態(tài)網(wǎng)站技術(shù)。 雖然以上3種新技術(shù)在制作動(dòng)態(tài)網(wǎng)頁上各有特色，但目前仍都在發(fā)展中，不夠普及。對于廣大個(gè)人主頁的愛好者、制作者來說，建議盡量少用難度大的CGI技術(shù)。如果您對微軟的產(chǎn)品情有獨(dú)鐘，采用ASP技術(shù)會(huì)讓您得心應(yīng)手；如果是Linux的追求者，運(yùn)用PHP技術(shù)在目前是最明智的選擇。當(dāng)然，不要忽略了JSP技術(shù).3、網(wǎng)站設(shè)計(jì)的全過程這篇文章獻(xiàn)給希望想建設(shè)成功網(wǎng)站的人士看看! 1. 準(zhǔn)備內(nèi)容 在注冊網(wǎng)址之前就應(yīng)該先搜集至少一百頁的內(nèi)容，這些內(nèi)容必須是有價(jià)值的、不違反著作權(quán)的內(nèi)容。 2. 網(wǎng)址 想個(gè)比較有意義，好記的網(wǎng)址（喔，好吧，中文網(wǎng)站比較不需要在網(wǎng)址里放關(guān)鍵字，這一項(xiàng)我們可以忽略）。 3. 網(wǎng)站設(shè)計(jì) 對搜索引擎來說，他們看不到網(wǎng)站里的flash、java applet和javascript，也看不到你圖檔里寫的字，所以在網(wǎng)站設(shè)計(jì)上，只要盡量簡潔有利，讓內(nèi)容可以好好的呈現(xiàn)，就是一個(gè)成功的seo網(wǎng)站頁面。 另外呢，網(wǎng)頁要盡量符合w3c的標(biāo)準(zhǔn)，如果懶得作網(wǎng)頁，可以參考這里，有提供一些免費(fèi)的網(wǎng)頁范本，幾乎都是cc授權(quán)，所以可以自由的使用，他們的網(wǎng)頁都是符合w3c標(biāo)準(zhǔn)的。 4. 每頁檔案大小 作者建議每個(gè)網(wǎng)頁盡量在15k以下，如果可以縮減到12k，甚至10k那就更好，但是不能在5k以下。其實(shí)我們都知道，搜索引擎最佳化的目的，實(shí)際上是為了使用者，而不是為了搜索引擎本身（這個(gè)我過幾天再補(bǔ)一篇文章介紹）。 不過這一項(xiàng)到底是不是真的，我也不曉得，曾經(jīng)有長輩跟我說，在臺灣Yahoo，網(wǎng)頁大小越大越好.這有待實(shí)驗(yàn)證明。 5. 內(nèi)容 每天建立一個(gè)5001000字的網(wǎng)頁，當(dāng)然這個(gè)網(wǎng)頁里面必須包含你重要的關(guān)鍵字，如果想不出關(guān)鍵字來的話，可以使用Yahoo的關(guān)鍵字建議工具 6. 關(guān)鍵字密度以及關(guān)鍵字放置位置 拿出你的關(guān)鍵字，在下列六個(gè)地方各使用一次： * 標(biāo)題 * meta標(biāo)簽 * 網(wǎng)址里面（好吧，中文關(guān)鍵字做不到） * 粗體關(guān)鍵字 （就是寫出你的關(guān)鍵字，然后把他加粗） * 斜體關(guān)鍵字 （就是寫出你的關(guān)鍵字，然后把他斜體） * 頁面上半部 （網(wǎng)頁內(nèi)容比較前面的地方，我是建議用個(gè)標(biāo)題，像是h1） 另外，英文的話，文句要通暢，拼字要正確，雖然搜索引擎本身就會(huì)幫你校正 7. 外部鏈接 每一個(gè)內(nèi)容頁面都應(yīng)該鏈接一、二個(gè)該關(guān)鍵字的有名大站（我不是針對無名小站= =），要注意的是鏈接的方式，要先寫出你的關(guān)鍵字，再將這個(gè)關(guān)鍵字直接鏈接到該站臺。 8. 內(nèi)部鏈接 你的網(wǎng)站里面可能有很多類的內(nèi)容，請確定同類內(nèi)容互相鏈接，而不同類內(nèi)容千萬不要互相鏈接。例如講食品的頁面請鏈接到講水果的頁面這樣。 為什么要這樣作呢？同類內(nèi)容的內(nèi)部鏈接可以讓google的pagerank在你的網(wǎng)頁里互相傳遞，如果你只對個(gè)別網(wǎng)頁作最佳化，有可能會(huì)發(fā)生的情況是，網(wǎng)站里只有少數(shù)幾個(gè)頁面的排名可以往前，但是若是做好內(nèi)部鏈接的話，可以讓每個(gè)網(wǎng)頁的排名都往前。 你想要五十個(gè)網(wǎng)頁每天都可以帶來一位訪客，還是只有一個(gè)網(wǎng)頁，每天帶來五十位訪客呢？前者還有機(jī)會(huì)可以努力，后者要再增加應(yīng)該有其限度才對。 9. 網(wǎng)站上線 最好不要用虛擬主機(jī)，若是能有自己的代管主機(jī)或者是固定ip位置就最好了。若是租用虛擬主機(jī)廠商的虛擬主機(jī)方案，你可能遇到的就是一臺主機(jī)里面放了上萬個(gè)網(wǎng)站，盡管Yahoo和Google宣稱，他們對待虛擬主機(jī)一視同仁，但是我還是擔(dān)心要他們開始把同一主機(jī)ip數(shù)量加入排名公式的那天 確認(rèn)網(wǎng)站的每一頁都可以被搜索引擎索引進(jìn)去，網(wǎng)站里的鏈接要做好。另外呢，在網(wǎng)站還稱不上是個(gè)好網(wǎng)站的時(shí)候，不要讓網(wǎng)站上線，若是隨便讓你的爛網(wǎng)站進(jìn)入搜索引擎，并且被打了低分之后，我想，要讓分?jǐn)?shù)上升似乎就不是那麼容易了。 接著，把自己加入到odp（open directory project），這是一個(gè)大家可以手動(dòng)加入的目錄索引，這樣至少你的網(wǎng)站已經(jīng)在一個(gè)索引里面了，接著，若是有錢的話，可以使用Yahoo的搜索引擎快速付費(fèi)登錄，這可以讓你的網(wǎng)站在七天內(nèi)進(jìn)入Yahoo!奇摩的索引里，若是沒錢的話也沒關(guān)系，慢慢等還是會(huì)被Yahoo登錄進(jìn)去的。 10. 送交搜索引擎以及目錄索引 把你的網(wǎng)站登錄到Google、Yahoo!奇摩以及MSN，接著，就放著不管了。別忘了，這篇文章的目的是建立成功的網(wǎng)站，過程是一年，所以把網(wǎng)站送交登錄之后，請耐心等待六個(gè)月。（最慘的情況下啦，不過一般來說，新網(wǎng)站最遲三五個(gè)星期就會(huì)進(jìn)入索引里面了） 11.網(wǎng)站推廣 毋庸置疑任何一個(gè)想盈利的網(wǎng)站都無法回避付費(fèi)推廣服務(wù)，推廣方面最主要的就是競價(jià)排名。國內(nèi)首推百度，任何人也不可否認(rèn)百度的強(qiáng)大流量，google雖然在世界范圍內(nèi)是老大，但是百度在中國的流量是google的4-10倍。不點(diǎn)擊不收費(fèi)是競價(jià)排名能夠?qū)俣葞У截?cái)富巔峰的，不可否認(rèn)也有大量的企業(yè)通過競價(jià)排名帶來了不小的收益！網(wǎng)站推廣在建站之后是最重要的一步！ 12 紀(jì)錄與追蹤 申請一個(gè)不錯(cuò)的網(wǎng)頁計(jì)數(shù)器（現(xiàn)在這個(gè)時(shí)候的話，當(dāng)然是推薦使用Google Analytics，畢竟繁體中文內(nèi)容已經(jīng)可以使用Google AFC了；當(dāng)然cnzz站長統(tǒng)計(jì)也是一個(gè)不錯(cuò)的選擇。） 13、網(wǎng)站設(shè)計(jì)包括前臺用戶視覺體驗(yàn)的設(shè)計(jì)和后臺程序功能設(shè)計(jì)，兩個(gè)方面都是非常重要的；視覺設(shè)計(jì)對于客戶的閱讀帶來愉悅和信任，后臺注重操作的方便行； 網(wǎng)站設(shè)計(jì)時(shí)候的一些基本原則 設(shè)計(jì)網(wǎng)站中有哪些關(guān)鍵技巧？有哪些陷阱？在這里，世界上一流的網(wǎng)站設(shè)計(jì)專家，讓你共享他們的秘密，告訴你：使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛和厭惡的網(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)該圍繞這些方面來進(jìn)行。 02 抓住用戶 如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。 03 優(yōu)化內(nèi)容 內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個(gè)世紀(jì)才能下載完。 Chanels網(wǎng)站（www.channels.co.uk）在設(shè)計(jì)的某些方面是成功的，但是內(nèi)容太貪乏，并且要花很長時(shí)間才能找到所要的東西，因此不能算是一個(gè)成功的網(wǎng)站。 04 快速下載 沒有什么比要花很長時(shí)間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn)，一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K，通過56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。 05 網(wǎng)站升級 時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會(huì)運(yùn)行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計(jì)劃好你的升級計(jì)劃。 06 堅(jiān)持基本原則 即使你不懂HTML語言，你只需購買一個(gè)有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以創(chuàng)建一個(gè)看起來很合理的網(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的書中去尋找答案，用Notepad制作網(wǎng)頁。 07 學(xué)習(xí)HTML 用HTML設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。 08 用筆畫一個(gè)網(wǎng)站的框架 圣人云：筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前，用筆畫一個(gè)網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關(guān)系。計(jì)劃好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。 09 “在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案”。 專家忠告 10 網(wǎng)站地圖 許多設(shè)計(jì)者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進(jìn)你的導(dǎo)航和工具條。 11 “睜大你的眼睛，留意所有的事情。對最不相關(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ī)則 聽說過3次點(diǎn)擊規(guī)則嗎？對于小型網(wǎng)站，在你的主頁上，沒有任何一條信息，需要點(diǎn)擊次數(shù)超過3次的。對于大型網(wǎng)站，使用導(dǎo)航和工具條來改善操作。 13 特殊字體的應(yīng)用 雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測你的訪問者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來相當(dāng)好的頁面，在另一個(gè)不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計(jì)算機(jī)上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。 14 “使用切合實(shí)際的簡便的命名規(guī)則?！?專家忠告 15 檢查錯(cuò)別字 好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設(shè)計(jì)者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯(cuò)別字。 16 避免長文本頁面 在一個(gè)站點(diǎn)上有許多只有文本的頁面，是令人乏味的，且也浪費(fèi)Web的潛力。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。 17 不要使用卷滾條 人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站（www.Trouble.co.uk）是一個(gè)典型的設(shè)計(jì)很差的網(wǎng)站。它基于一個(gè)浮動(dòng)的架構(gòu)，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。 18 專家最喜愛的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ǎng)站能夠提供些什么，以便訪問者能找到想要的東西。但是，許多設(shè)計(jì)者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 20 “網(wǎng)站一旦發(fā)布，網(wǎng)站設(shè)計(jì)的優(yōu)點(diǎn)和缺陷全都公布于世。沒有什么方法使你能夠比從自己的錯(cuò)誤、傾聽其他人的建議和用戶反饋意見中學(xué)到更多的東西?！?專家忠告 21 閃爍讓人頭痛 通過使用標(biāo)識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網(wǎng)站，就少用此方法。 22 背景顏色 背景顏色也會(huì)產(chǎn)生一些問題，可能會(huì)使網(wǎng)頁難于閱讀。你應(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)在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁上訪問網(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ù)，而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個(gè)鏈接，顯示訪問日志。 26 不要用框架 與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。 27 去掉圖像 在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問者，還能獲得好的網(wǎng)頁加載性能?？梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。 28 重復(fù)使用圖像 一些網(wǎng)站由于使用大量不重復(fù)的圖像而錯(cuò)過了使用更好的技巧的機(jī)會(huì)。在創(chuàng)建商標(biāo)時(shí)，在網(wǎng)頁上多次使用同樣的圖像是一個(gè)好的方法，并且一旦它們被裝入，以后重新載入就會(huì)很快 。 29 避免使用過大的圖像 不要使用橫跨整個(gè)屏幕的圖像。避免訪問者向右滾動(dòng)屏幕。占75%的屏幕寬度是一個(gè)好的建議。 30 “避免使用炫耀的技巧?！?專家忠告 31 選擇使用Flash動(dòng)畫 許多使用比較慢的計(jì)算機(jī)的訪問者發(fā)現(xiàn)動(dòng)畫圖標(biāo)很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應(yīng)該給用戶一個(gè)跳過使用Flash動(dòng)畫的選擇。32 盡量少使用Flash插件 雖然許多Web設(shè)計(jì)者認(rèn)為Flash功能很強(qiáng)大，并且Netscape5.0將支持Flash，在使用時(shí)不必再下載任何插件。 但是，最好還是取消使用Flash做各接口的想法。 33 讓用戶先預(yù)覽小圖像 如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來，這樣用戶就不必浪費(fèi)金錢和時(shí)間去下載他們根本不想看的大圖像。 34 動(dòng)畫與內(nèi)容應(yīng)有機(jī)結(jié)合 確保動(dòng)畫和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁渾然一體，而不是干巴巴的。動(dòng)畫并不只是Macromedia Director等制作的東西的簡單堆積。 35 慎用聲音 聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計(jì)者的另一個(gè)禁地。因?yàn)檫^多地使用聲音會(huì)使下載速度很慢，同時(shí)并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣，但是多次以后肯定會(huì)很煩人。使用聲音前，應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來什么。 36 少用Java 和AxtiveX 在網(wǎng)頁上應(yīng)盡量少使用Java 和AxtiveX。因?yàn)椴⒉皇敲恳环N瀏覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時(shí)也存在問題，過分地使用Java，會(huì)使Mac崩潰。 37 設(shè)計(jì)成功的網(wǎng)站 www.bmw.co.uk 內(nèi)容和關(guān)聯(lián)性很好 圖形下載很快 .uk 設(shè)計(jì)簡單明了 www.newsunlimited.co.uk www.viaduct.co.uk 38 慎用插件 在Web設(shè)計(jì)中，如果依賴于一些特別的插件，會(huì)減少網(wǎng)站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪問者有可能就不會(huì)返回了。 39 使用著名的插件 如果網(wǎng)站上有聲音或視頻，要保證使用者通過使用某個(gè)知名的插件，能夠聽到或看到。許多站點(diǎn)使用QuickTime、RealPlay和 Shockwave插件。因?yàn)?，許多訪問者并不愿意浪費(fèi)很多時(shí)間和金錢去下載可能僅使用一次的插件。 40 使用先進(jìn)技術(shù) 跟上新的技術(shù)。Web技術(shù)的進(jìn)步絕不會(huì)停止，所以應(yīng)花一些時(shí)間來研究新產(chǎn)品和開發(fā)技術(shù)。 41 自己創(chuàng)建圖像和聲音 使用你自己創(chuàng)建的或從某個(gè)商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)站時(shí)，應(yīng)該花足夠的資金來創(chuàng)建圖形，以增強(qiáng)公司的宣傳。專家忠告 43 平臺的兼容性 要為用戶著想，必須最少在一臺PC 和一臺Mac機(jī)上測試你的網(wǎng)站，看看兼容性如何。 44 用軟件分析工具找錯(cuò) 使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網(wǎng)頁需要檢查，可選用軟件分析工具。在網(wǎng)/validation.html中，你能夠找到更多有效的HTML工具。 45 避免錯(cuò)誤鏈接 網(wǎng)站中可能與其它一些有用的站點(diǎn)作了鏈接。但是，如果在你的網(wǎng)頁上有鏈接，一定要經(jīng)常檢查它們，保證鏈接有效。鏈接的網(wǎng)站可能很多，但不要鏈接到與你的內(nèi)容無關(guān)的網(wǎng)站上。 46 給觀眾成熟的東西 如果網(wǎng)站沒有完成，就不要發(fā)送到Web上。所有好的網(wǎng)站都是在幕后完成之后再發(fā)布的。 47 在搜索引擎上登記網(wǎng)站 任何一個(gè)人發(fā)現(xiàn)你的網(wǎng)站的機(jī)會(huì)都很少，除非你把你的網(wǎng)站在主要的搜索引擎上進(jìn)行登記。 48 設(shè)計(jì)一個(gè)留言板 瀏覽者愿意把時(shí)間花在好的網(wǎng)站上，所以最好有一個(gè)留言本，這能激勵(lì)訪問者再次回到你的網(wǎng)站，還有助于擴(kuò)充網(wǎng)站內(nèi)容。 49 測試網(wǎng)站 在你的網(wǎng)站正式發(fā)布之前，必須進(jìn)行有用的測試。在設(shè)計(jì)網(wǎng)站時(shí)要使用最新的軟件，但是不要忘了人們并不會(huì)使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網(wǎng)站時(shí)還要測試所有的鏈接和導(dǎo)航工具條。 50 “盡你所能反復(fù)測試所設(shè)計(jì)的網(wǎng)站，直到你不能發(fā)現(xiàn)新的東西為止。” 專家忠告 51 演示即將發(fā)布的網(wǎng)站 在網(wǎng)站正式運(yùn)行之前，讓人演示它。演示中人們會(huì)告訴你所設(shè)計(jì)的網(wǎng)站是否容易使用。 52 動(dòng)畫點(diǎn)綴 網(wǎng)頁上的動(dòng)畫最多只用一個(gè)。 53 “傾斜的按鈕看起來不會(huì)太好，最好不要使用?！?專家忠告 54 內(nèi)容組織 在開始創(chuàng)建新的網(wǎng)頁前，仔細(xì)考慮網(wǎng)站內(nèi)容的組織。決定好想讓訪問者瀏覽的內(nèi)容，然后設(shè)計(jì)導(dǎo)航系統(tǒng)。 55 “空白萬歲” 注意留空白。不要用圖像、文本和不必要的動(dòng)畫GIFs來充斥網(wǎng)頁，即使有足夠的空間，在設(shè)計(jì)時(shí)也應(yīng)該避免使用。 56 “利用空白去吸引注意力。為了吸引眼球，Web設(shè)計(jì)者使用各種方法，比如：閃爍、旋轉(zhuǎn)等，但是利用空白會(huì)吸引更多的注意力?！?專家忠告 57 圖像壓縮 為了保持小的圖像，可以使用類似GIF向?qū)У某绦?，它能自?dòng)對圖像進(jìn)行壓縮。 先聲明圖像的大小 在圖像顯示之前最好能詳細(xì)說明圖像大小屬性，可以在IMG標(biāo)簽中保存這個(gè)屬性。這可以使網(wǎng)頁顯得很流暢，因?yàn)闉g覽器可以在圖像被下載之前在屏幕上顯示整個(gè)網(wǎng)頁。 58 設(shè)計(jì)失敗的網(wǎng)站 在它上面找一件T恤衫要花一個(gè)小時(shí)； 給顧客承諾的服務(wù)太多，但真正實(shí)現(xiàn)的太少； 二年以前的設(shè)計(jì)水平，忽視了顧客的需要； www.miniheroes.co.uk 不吸引人，主頁太雷同 設(shè)計(jì)太差 . 沒有新意 . 導(dǎo)航不知所云 59 圖像大小屬性，可以在IMG標(biāo)簽中保存這個(gè)屬性。這可以使網(wǎng)頁顯得很流暢，因?yàn)闉g覽器可以在圖像被下載之前在屏幕上顯示整個(gè)網(wǎng)頁。 60 用戶注冊 如果能知道誰瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的，那么就能得到大量有用的信息。但是，要求訪問者在瀏覽網(wǎng)站之前進(jìn)行注冊，這樣做是要冒風(fēng)險(xiǎn)的，因?yàn)檫@將趕走一批不愿意注冊的人。獲得信息的另一種方法是進(jìn)行有獎(jiǎng)競猜或金錢獎(jiǎng)勵(lì)，讓用戶能主動(dòng)填一些信息反饋表。 61 使網(wǎng)站具有交互功能 在網(wǎng)站上提供一些回答問題的工具，使得訪問者能從網(wǎng)站上獲得交互的信息。 62 圖片更新 盡可能經(jīng)常更換網(wǎng)站上的圖片，人們更愿意點(diǎn)擊的是圖片而不是文本。 63 在網(wǎng)站上提供游戲 游戲是很好的交互工具，它是使訪問者能再次光顧網(wǎng)站的好方法。 64 挑選工具軟件 仔細(xì)選擇Web設(shè)計(jì)工具。保證使用自己最想要的、自我感覺最好的軟件。 65 使用最新版本的軟件 盡量使用Web設(shè)計(jì)軟件的最新版本，還應(yīng)當(dāng)能被授權(quán)進(jìn)行免費(fèi)或便宜的升級。 總結(jié)一個(gè)網(wǎng)站的好壞，不外乎以下幾點(diǎn)： A、速度 一個(gè)打開速度慢的網(wǎng)站，再精美的設(shè)計(jì)也注定是失敗。 B、內(nèi)容 一個(gè)沒有實(shí)質(zhì)內(nèi)容的網(wǎng)站，只能是一個(gè)空殼。 想留住訪問者也是難上加難。 C、易用性 網(wǎng)站導(dǎo)航不明顯、復(fù)雜并且不實(shí)用的花俏功能，讓人瀏覽起來感覺困難，也絕對是留不住訪問者的。 D、美觀度 糟糕的美工設(shè)計(jì)，肯定讓人不喜歡。 E、兼容性 優(yōu)秀的網(wǎng)站應(yīng)該是用任何瀏覽器、在任何地區(qū)都表現(xiàn)如一，不會(huì)出現(xiàn)錯(cuò)位、亂碼等問題。4、如何設(shè)計(jì)電視/電影類網(wǎng)站1.導(dǎo)航盡量簡化 用戶上來這里,無非就是看電影或者看電視.其他無關(guān)的,都拿到次導(dǎo)航去,這點(diǎn)HULU就做得很經(jīng)典了.切記一點(diǎn),視頻網(wǎng)站,你能滿足用戶的觀看需求,已經(jīng)足夠了,其他的只是錦上添花而已. 2.首屏推薦圖不要做得太漂亮 有一部分用戶會(huì)把太漂亮的推薦圖,會(huì)認(rèn)為是廣告,而不去點(diǎn)它,那么這個(gè)推薦位等于是浪費(fèi)了,盡量選用劇照或者正規(guī)海報(bào),去做推薦圖. 3.不要想著把所有的內(nèi)容都推薦給用戶 首頁內(nèi)容貴在新和精,而不是多,如果內(nèi)容過多,用戶會(huì)顯得無所適從,不知道看什么好,所以首頁,只推一些精片和新片. 4.影片之間的間距盡量留到最大. 最能吸引用戶的,不外乎是海報(bào),但是密密麻麻的海報(bào)堆一起,雖然是感覺貨堆如山,但是無疑給用戶造成了瀏覽的不遍.看著你這堆海報(bào),眼睛都花了,更別說去看你提煉得很精美的Slogan了. 5.能用劇照的地方不用海報(bào) 劇照可以讓代入場景的感覺,雖然海報(bào)通常很精美,但是在帶來視覺震撼之后,用戶對這部片的了解還是很空洞的,劇照就不一樣,精美的劇照,可以將用戶代入場景,特別是針對電視劇來說,劇照可以讓用戶產(chǎn)生聯(lián)想,而海報(bào)是不行的. 6.給排行版找一個(gè)好位置 排行版是用戶的指南針,通常用戶會(huì)先篩選一遍排行版有沒有自己想看的節(jié)目,影片,如果沒有,再進(jìn)入到內(nèi)頁,或者頻道頁去查找,如果排行版位置太低.那就太麻煩了. 7.點(diǎn)一下,就能看 通常用戶很在意他要看一部片需要多少個(gè)步驟,特別是針對收費(fèi)網(wǎng)站來說,用戶最討厭的就是切換了幾個(gè)頁面后,終于能看了,發(fā)現(xiàn)原來需要付費(fèi).所以最好是點(diǎn)一下,就能看,需要扣費(fèi)或者登錄的,直接出層讓用戶操作,而不要轉(zhuǎn)到別的頁面. 8.別把廣告做成海報(bào) 用戶上當(dāng)一兩次后,以后可能看到海報(bào)都會(huì)抗拒.這點(diǎn)很嚴(yán)重 9.別把一堆影片相關(guān)信息堆到首頁來 通常用戶選擇一部影片,大概有3種決定因素,1,自己想看,在別的地方看過介紹, 2,朋友推薦 3,海報(bào)很美,Slogan很煽情,主演很牛B. 至于其他什么導(dǎo)演,上映時(shí)間阿,這些都沒多大作用的因素,最好都放詳細(xì)介紹頁去,很少有用戶因?yàn)檫@部片子是誰導(dǎo)演的而去看的. 10.靈活使用2/8原理 這里的2/8不是指圖片文字比例的2/8,而是指首頁的首屏,一定是全站20%最好的內(nèi)容,分流80%的用戶.首屏很重要.5、網(wǎng)站設(shè)計(jì)的7Cs 人機(jī)界面(Human-Computer Interface;HCI)在電腦資訊科技域中,是指電腦有關(guān)之硬體及軟體,其本身為提供使用者與電腦之間溝通與互動(dòng)的通道或橋梁.也因?yàn)槿藱C(jī)之間的往溝通非常強(qiáng)調(diào)以與使用者需求為主,也就是強(qiáng)調(diào)使用者導(dǎo)向(User-Oriented)與使用者中心(User-Centered),所以人機(jī)介面又稱為使用者介面(User- Interface).在電子商務(wù)環(huán)境中,使用者界面是企業(yè)與他們顧客之間的系互動(dòng)管道,Rayport與Jaworski在2001提