尚品中國(guó)教你怎么做網(wǎng)站設(shè)計(jì),都需要什么軟件?

網(wǎng)站設(shè)計(jì)(Web Design)，就是指在因特網(wǎng)上，根據(jù)一定的規(guī)則，使用Dreamweaver、photoshop等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的資訊（信息），或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)路服務(wù)（網(wǎng)絡(luò)服務(wù)）。人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務(wù)。網(wǎng)站它是由域名（俗稱網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構(gòu)成。其中域名它是類似于互聯(lián)網(wǎng)上的門(mén)牌號(hào)碼，是用于識(shí)別和定位互聯(lián)網(wǎng)上計(jì)算機(jī)的層次結(jié)構(gòu)式字符標(biāo)識(shí)，與該計(jì)算機(jī)的互聯(lián)網(wǎng)協(xié)議（IP）地址相對(duì)應(yīng)。而網(wǎng)站設(shè)計(jì)是設(shè)計(jì)師通過(guò)像Frontpage或Dreamweaver等工具來(lái)對(duì)網(wǎng)站進(jìn)行編輯的！
網(wǎng)站設(shè)計(jì)的實(shí)質(zhì)內(nèi)容包括

網(wǎng)站設(shè)計(jì)包括：網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站推廣、網(wǎng)站評(píng)估、網(wǎng)站運(yùn)營(yíng)、網(wǎng)站整體優(yōu)化，網(wǎng)站建設(shè)的目的是通過(guò)網(wǎng)站達(dá)到開(kāi)展網(wǎng)上營(yíng)銷(xiāo)，實(shí)現(xiàn)電子商務(wù)的目的。網(wǎng)站建設(shè)首先由網(wǎng)絡(luò)營(yíng)銷(xiāo)顧問(wèn)提出低成本回報(bào)的網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃方案。通過(guò)洞悉項(xiàng)目目標(biāo)客群的網(wǎng)絡(luò)營(yíng)銷(xiāo)策略，引發(fā)、借力企業(yè)與網(wǎng)民，以至網(wǎng)民與網(wǎng)民之間的互動(dòng)，使企業(yè)以最小的營(yíng)銷(xiāo)投入，超越競(jìng)爭(zhēng)對(duì)手，獲得更高效的市場(chǎng)回報(bào)營(yíng)銷(xiāo)網(wǎng)站規(guī)劃網(wǎng)站前期策劃作為網(wǎng)絡(luò)營(yíng)銷(xiāo)的起點(diǎn)，規(guī)劃的嚴(yán)謹(jǐn)性、實(shí)用性將直接影響到企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)目標(biāo)的實(shí)現(xiàn)。網(wǎng)站建設(shè)商以客戶需求和網(wǎng)絡(luò)營(yíng)銷(xiāo)為導(dǎo)向，結(jié)合自身的專業(yè)策劃經(jīng)驗(yàn)，協(xié)助不同類型企業(yè)，在滿足企業(yè)不同階段的戰(zhàn)略目標(biāo)和戰(zhàn)術(shù)要求的基礎(chǔ)上，為企業(yè)制定階段性的網(wǎng)站規(guī)劃方案。

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)站在設(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ò)別字
　　目前做網(wǎng)站設(shè)計(jì)的公司很多，具體還要看你公司所在區(qū)域，以上資料僅供參考
　　好的拼寫(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)站是一個(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 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è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ù)，而不是推銷(xiāo)你自己認(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 “避免使用炫耀的技巧。” ——專家忠告
　　31 選擇使用Flash動(dòng)畫(huà)
　　許多使用比較慢的計(jì)算機(jī)的訪問(wèn)者發(fā)現(xiàn)動(dòng)畫(huà)圖標(biāo)很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應(yīng)該給用戶一個(gè)跳過(guò)使用Flash動(dòng)畫(huà)的選擇。
　　32 盡量少使用Flash插件
　　雖然許多Web設(shè)計(jì)者認(rèn)為Flash功能很強(qiáng)大，并且Netscape5.0將支持Flash，在使用時(shí)不必再下載任何插件。 但是，最好還是取消使用Flash做各接口的想法。
　　33 讓用戶先預(yù)覽小圖像
　　如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來(lái)，這樣用戶就不必浪費(fèi)金錢(qián)和時(shí)間去下載他們根本不想看的大圖像。
　　34 動(dòng)畫(huà)與內(nèi)容應(yīng)有機(jī)結(jié)合
　　確保動(dòng)畫(huà)和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁(yè)渾然一體，而不是干巴巴的。動(dòng)畫(huà)并不只是Macromedia Director等制作的東西的簡(jiǎn)單堆積。
　　35 慎用聲音
　　聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁(yè)設(shè)計(jì)者的另一個(gè)禁地。因?yàn)檫^(guò)多地使用聲音會(huì)使下載速度很慢，同時(shí)并沒(méi)有帶給瀏覽者多少好處。首次聽(tīng)到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣，但是多次以后肯定會(huì)很煩人。使用聲音前，應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來(lái)什么。
　　36 少用Java 和AxtiveX
　　在網(wǎng)頁(yè)上應(yīng)盡量少使用Java 和AxtiveX。因?yàn)椴⒉皇敲恳环N瀏覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac（蘋(píng)果機(jī)）在處理Java時(shí)也存在問(wèn)題，過(guò)分地使用Java，會(huì)使Mac崩潰。
發(fā)展趨勢(shì)
　　幾乎每個(gè)網(wǎng)絡(luò)公司都在開(kāi)展網(wǎng)站建設(shè)業(yè)務(wù)，同時(shí)，因發(fā)展方向的不同，產(chǎn)生了三大塊主體網(wǎng)站建設(shè)群體：
　　第一類，行業(yè)門(mén)戶網(wǎng)站。許多行業(yè)門(mén)戶網(wǎng)站，在其VIP會(huì)員服務(wù)項(xiàng)目當(dāng)中，包含了為VIP企業(yè)會(huì)員提供網(wǎng)站建設(shè)的服務(wù)，像阿里巴巴、中國(guó)紡織網(wǎng)等公司，吸引了大批行業(yè)類的企業(yè)注冊(cè)成為他們的VIP會(huì)員，獲得包括網(wǎng)站建設(shè)和維護(hù)在內(nèi)的多種服務(wù)項(xiàng)目。行業(yè)門(mén)戶網(wǎng)站的企業(yè)建站服務(wù)占到所有企業(yè)網(wǎng)站建設(shè)服務(wù)市場(chǎng)的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è)市場(chǎng)的60%。像深圳九曲網(wǎng)等公司，通過(guò)網(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è)性化制作和客戶長(zhǎng)期跟蹤服務(wù)，業(yè)務(wù)總量占到所有企業(yè)網(wǎng)站建設(shè)市場(chǎng)的20%。
　　在這三類中，第一類行業(yè)門(mén)戶網(wǎng)站需要長(zhǎng)期的客戶資源積累，大量的資本運(yùn)作，操作起來(lái)資金門(mén)檻不低。而第三類專業(yè)網(wǎng)站個(gè)性化設(shè)計(jì)需要高端技術(shù)人才，從而提高了技術(shù)成本門(mén)檻。因此，真正在市場(chǎng)上拼殺的主力軍就成了技術(shù)和資金門(mén)檻相對(duì)低很多的第二類：網(wǎng)絡(luò)綜合應(yīng)用服務(wù)公司。
網(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í)的。難就難在沒(méi)有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。
　　風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。
　　在這里，我提供給大家一些參考經(jīng)驗(yàn)：
　　1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁(yè)面上最突出的位置。
　　2．突出你的標(biāo)準(zhǔn)色彩。
　　3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！
　　4．相同類型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！
　　二、網(wǎng)頁(yè)色彩的搭配
　　無(wú)論是平面設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁(yè)的色彩。
　　關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書(shū)籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁(yè)配色時(shí)的小技巧。
　　1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。
　　 2．用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。
　　3．用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，藍(lán)。
　　在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：
　　1．不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
　　2．背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。
　　[動(dòng)態(tài)網(wǎng)站設(shè)計(jì)]
　　網(wǎng)絡(luò)技術(shù)日新月異，細(xì)心的網(wǎng)友會(huì)發(fā)現(xiàn)許多網(wǎng)頁(yè)文件擴(kuò)展名不再只是“.htm”，還有“.php”、“.asp”等，這些都是采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)制作出來(lái)的。
　　早期的動(dòng)態(tài)網(wǎng)頁(yè)主要采用CGI技術(shù)，CGI即Common Gateway Interface(公用網(wǎng)關(guān)接口)。您可以使用不同的程序編寫(xiě)適合的CGI程序，如Visual Basic、Delphi或C/C＋＋等。雖然CGI技術(shù)已經(jīng)發(fā)展成熟而且功能強(qiáng)大，但由于編程困難、效率低下、修改復(fù)雜，所以有逐漸被新技術(shù)取代的趨勢(shì)。
　　下面介紹幾種目前頗受關(guān)注的新技術(shù)：
　　1、PHP 即Hypertext Preprocessor(超文本預(yù)處理器)，它是當(dāng)今Internet上最為火熱的腳本語(yǔ)言，其語(yǔ)法借鑒了C、Java、PERL等語(yǔ)言，但只需要很少的編程知識(shí)你就能使用PHP建立一個(gè)真正交互的Web站點(diǎn)。
　　它與HTML語(yǔ)言具有非常好的兼容性，使用者可以直接在腳本代碼中加入HTML標(biāo)簽，或者在HTML標(biāo)簽中加入腳本代碼從而更好地實(shí)現(xiàn)頁(yè)面控制。PHP提供了標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)接口，數(shù)據(jù)庫(kù)連接方便，兼容性強(qiáng)；擴(kuò)展性強(qiáng)；可以進(jìn)行面向?qū)ο缶幊獭?br /> 　　2、ASP 即Active Server Pages，它是微軟開(kāi)發(fā)的一種類似HTML(超文本標(biāo)識(shí)語(yǔ)言)、Script(腳本)與CGI(公用網(wǎng)關(guān)接口)的結(jié)合體，它沒(méi)有提供自己專門(mén)的編程語(yǔ)言，而是允許用戶使用許多已有的腳本語(yǔ)言編寫(xiě)ASP的應(yīng)用程序。ASP的程序編制比HTML更方便且更有靈活性。它是在Web服務(wù)器端運(yùn)行，運(yùn)行后再將運(yùn)行結(jié)果以HTML格式傳送至客戶端的瀏覽器。因此ASP與一般的腳本語(yǔ)言相比，要安全得多。
　　ASP的最大好處是可以包含HTML標(biāo)簽，也可以直接存取數(shù)據(jù)庫(kù)及使用無(wú)限擴(kuò)充的ActiveX控件，因此在程序編制上要比HTML方便而且更富有靈活性。通過(guò)使用ASP的組件和對(duì)象技術(shù)，用戶可以直接使用ActiveX控件，調(diào)用對(duì)象方法和屬性，以簡(jiǎn)單的方式實(shí)現(xiàn)強(qiáng)大的交互功能。
　　但ASP技術(shù)也非完美無(wú)缺，由于它基本上是局限于微軟的操作系統(tǒng)平臺(tái)之上， 主要工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu)，又因ActiveX對(duì)象具有平臺(tái)特性，所以ASP技術(shù)不能很容易地實(shí)現(xiàn)在跨平臺(tái)Web服務(wù)器上工作。
　　3、JSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技術(shù)，是基于Java Servlet以及整個(gè)Java體系的Web開(kāi)發(fā)技術(shù)。
　　JSP和ASP在技術(shù)方面有許多相似之處，不過(guò)兩者來(lái)源于不同的技術(shù)規(guī)范組織，以至 ASP一般只應(yīng)用于Windows NT/2000平臺(tái)，而JSP則可以在85％以上的服務(wù)器上運(yùn)行，而且基于JSP技術(shù)的應(yīng)用程序比基于ASP的應(yīng)用程序易于維護(hù)和管理，所以被許多人認(rèn)為是未來(lái)最有發(fā)展前途的動(dòng)態(tài)網(wǎng)站技術(shù)。
　　雖然以上3種新技術(shù)在制作動(dòng)態(tài)網(wǎng)頁(yè)上各有特色，但目前仍都在發(fā)展中，不夠普及。對(duì)于廣大個(gè)人主頁(yè)的愛(ài)好者、制作者來(lái)說(shuō)，建議盡量少用難度大的CGI技術(shù)。如果您對(duì)微軟的產(chǎn)品情有獨(dú)鐘，采用ASP技術(shù)會(huì)讓您得心應(yīng)手；如果是Linux的追求者，運(yùn)用PHP技術(shù)在目前是最明智的選擇。當(dāng)然，不要忽略了JSP技術(shù).
網(wǎng)站設(shè)計(jì)的全過(guò)程
　　這篇文章獻(xiàn)給希望想建設(shè)成功網(wǎng)站的人士看看!
　　1. 準(zhǔn)備內(nèi)容
　　在注冊(cè)網(wǎng)址之前就應(yīng)該先搜集至少「一百頁(yè)」的內(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ì)
　　對(duì)搜索引擎來(lái)說(shuō)，他們看不到網(wǎng)站里的flash、java applet和javascript，也看不到你圖檔里寫(xiě)的字，所以在網(wǎng)站設(shè)計(jì)上，只要盡量簡(jiǎn)潔有利，讓內(nèi)容可以好好的呈現(xiàn)，就是一個(gè)成功的seo網(wǎng)站頁(yè)面。
　　另外呢，網(wǎng)頁(yè)要盡量符合w3c的標(biāo)準(zhǔn)，如果懶得作網(wǎng)頁(yè)，可以參考這里，有提供一些免費(fèi)的網(wǎng)頁(yè)范本，幾乎都是cc授權(quán)，所以可以自由的使用，他們的網(wǎng)頁(yè)都是符合w3c標(biāo)準(zhǔn)的。
　　4. 每頁(yè)檔案大小
　　建議每個(gè)網(wǎng)頁(yè)盡量在15k以下，如果可以縮減到12k，甚至10k那就更好，但是不能在5k以下。其實(shí)我們都知道，搜索引擎最佳化的目的，實(shí)際上是為了使用者，而不是為了搜索引擎本身（這個(gè)我過(guò)幾天再補(bǔ)一篇文章介紹）。
　　不過(guò)這一項(xiàng)到底是不是真的，我也不曉得，曾經(jīng)有長(zhǎng)輩跟我說(shuō)，在臺(tái)灣Yahoo，網(wǎng)頁(yè)大小越大越好..這有待實(shí)驗(yàn)證明。
　　 5. 內(nèi)容
　　每天建立一個(gè)500～1000字的網(wǎng)頁(yè)，當(dāng)然這個(gè)網(wǎng)頁(yè)里面必須包含你重要的關(guān)鍵字，如果想不出關(guān)鍵字來(lái)的話，可以使用Yahoo的關(guān)鍵字建議工具
　　6. 關(guān)鍵字密度以及關(guān)鍵字放置位置
　　拿出你的關(guān)鍵字，在下列六個(gè)地方各使用一次：
　　* 標(biāo)題
　　* meta標(biāo)簽
　　* 網(wǎng)址里面（好吧，中文關(guān)鍵字做不到）
　　* 粗體關(guān)鍵字 （就是寫(xiě)出你的關(guān)鍵字，然后把他加粗）
　　* 斜體關(guān)鍵字 （就是寫(xiě)出你的關(guān)鍵字，然后把他斜體）
　　* 頁(yè)面上半部 （網(wǎng)頁(yè)內(nèi)容比較前面的地方，我是建議用個(gè)標(biāo)題，像是h1）
　　另外，英文的話，文句要通暢，拼字要正確，雖然搜索引擎本身就會(huì)幫你校正…
　　7. 外部鏈接
　　每一個(gè)內(nèi)容頁(yè)面都應(yīng)該鏈接一、二個(gè)該關(guān)鍵字的「有名大站」（我不是針對(duì)無(wú)名小站= =），要注意的是鏈接的方式，要先寫(xiě)出你的關(guān)鍵字，再將這個(gè)關(guān)鍵字直接鏈接到該站臺(tái)。
　　8. 內(nèi)部鏈接
　　你的網(wǎng)站里面可能有很多類的內(nèi)容，請(qǐng)確定同類內(nèi)容互相鏈接，而不同類內(nèi)容千萬(wàn)不要互相鏈接。例如講食品的頁(yè)面請(qǐng)鏈接到講水果的頁(yè)面這樣。
　　為什么要這樣作呢？同類內(nèi)容的內(nèi)部鏈接可以讓google的pagerank在你的網(wǎng)頁(yè)里互相傳遞，如果你只對(duì)個(gè)別網(wǎng)頁(yè)作最佳化，有可能會(huì)發(fā)生的情況是，網(wǎng)站里只有少數(shù)幾個(gè)頁(yè)面的排名可以往前，但是若是做好內(nèi)部鏈接的話，可以讓每個(gè)網(wǎng)頁(yè)的排名都往前。
　　你想要五十個(gè)網(wǎng)頁(yè)每天都可以帶來(lái)一位訪客，還是只有一個(gè)網(wǎng)頁(yè)，每天帶來(lái)五十位訪客呢？前者還有機(jī)會(huì)可以努力，后者要再增加應(yīng)該有其限度才對(duì)。
　　9. 網(wǎng)站上線
　　最好不要用虛擬主機(jī)，若是能有自己的代管主機(jī)或者是固定ip位置就最好了。若是租用虛擬主機(jī)廠商的虛擬主機(jī)方案，你可能遇到的就是一臺(tái)主機(jī)里面放了上萬(wàn)個(gè)網(wǎng)站，盡管Yahoo和Google宣稱，他們對(duì)待虛擬主機(jī)一視同仁，但是我還是擔(dān)心要他們開(kāi)始把同一主機(jī)ip數(shù)量加入排名公式的那天…
確認(rèn)網(wǎng)站的每一頁(yè)都可以被搜索引擎索引進(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è)索引里面了，接著，若是有錢(qián)的話，可以使用Yahoo的搜索引擎快速付費(fèi)登錄，這可以讓你的網(wǎng)站在七天內(nèi)進(jìn)入Yahoo!奇摩的索引里，若是沒(méi)錢(qián)的話也沒(méi)關(guān)系，慢慢等還是會(huì)被Yahoo登錄進(jìn)去的。
　　10. 送交搜索引擎以及目錄索引
　　把你的網(wǎng)站登錄到Google、Yahoo!奇摩以及MSN，接著，就放著不管了。別忘了，這篇文章的目的是建立成功的網(wǎng)站，過(guò)程是一年，所以把網(wǎng)站送交登錄之后，請(qǐng)耐心等待六個(gè)月。（最慘的情況下啦，不過(guò)一般來(lái)說(shuō)，新網(wǎng)站最遲三～五個(gè)星期就會(huì)進(jìn)入索引里面了）
　　11.網(wǎng)站推廣
　　毋庸置疑任何一個(gè)想盈利的網(wǎng)站都無(wú)法回避付費(fèi)推廣服務(wù)，推廣方面最主要的就是競(jìng)價(jià)排名。國(guó)內(nèi)首推百度，任何人也不可否認(rèn)百度的強(qiáng)大流量，google雖然在世界范圍內(nèi)是老大，但是百度在中國(guó)的流量是google的4-10倍。不點(diǎn)擊不收費(fèi)是競(jìng)價(jià)排名能夠?qū)俣葞У截?cái)富巔峰的，不可否認(rèn)也有大量的企業(yè)通過(guò)競(jìng)價(jià)排名帶來(lái)了不小的收益！網(wǎng)站推廣在建站之后是最重要的一步！
　　12 紀(jì)錄與追蹤
　　申請(qǐng)一個(gè)不錯(cuò)的網(wǎng)頁(yè)計(jì)數(shù)器（現(xiàn)在這個(gè)時(shí)候的話，當(dāng)然是推薦使用Google Analytics，畢竟繁體中文內(nèi)容已經(jīng)可以使用Google AFC了；當(dāng)然cnzz站長(zhǎng)統(tǒng)計(jì)也是一個(gè)不錯(cuò)的選擇。）
　　13、網(wǎng)站設(shè)計(jì)包括前臺(tái)用戶視覺(jué)體驗(yàn)的設(shè)計(jì)和后臺(tái)程序功能設(shè)計(jì)，兩個(gè)方面都是非常重要的；視覺(jué)設(shè)計(jì)對(duì)于客戶的閱讀帶來(lái)愉悅和信任，后臺(tái)注重操作的方便行；
網(wǎng)站設(shè)計(jì)時(shí)候的一些基本原則
　　設(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)站在設(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)站是一個(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ù)，而不是推銷(xiāo)你自己認(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(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 “避免使用炫耀的技巧。” ——專家忠告
　　31 選擇使用Flash動(dòng)畫(huà)
　　許多使用比較慢的計(jì)算機(jī)的訪問(wèn)者發(fā)現(xiàn)動(dòng)畫(huà)圖標(biāo)很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應(yīng)該給用戶一個(gè)跳過(guò)使用Flash動(dòng)畫(huà)的選擇。
　　32 盡量少使用Flash插件
　　雖然許多Web設(shè)計(jì)者認(rèn)為Flash功能很強(qiáng)大，并且Netscape5.0將支持Flash，在使用時(shí)不必再下載任何插件。 但是，最好還是取消使用Flash做各接口的想法。 33 讓用戶先預(yù)覽小圖像 如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來(lái)，這樣用戶就不必浪費(fèi)金錢(qián)和時(shí)間去下載他們根本不想看的大圖像。
　　34 動(dòng)畫(huà)與內(nèi)容應(yīng)有機(jī)結(jié)合
　　確保動(dòng)畫(huà)和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁(yè)渾然一體，而不是干巴巴的。動(dòng)畫(huà)并不只是Macromedia Director等制作的東西的簡(jiǎn)單堆積。
　　35 慎用聲音
　　聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁(yè)設(shè)計(jì)者的另一個(gè)禁地。因?yàn)檫^(guò)多地使用聲音會(huì)使下載速度很慢，同時(shí)并沒(méi)有帶給瀏覽者多少好處。首次聽(tīng)到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣，但是多次以后肯定會(huì)很煩人。使用聲音前，應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來(lái)什么。
　　36 少用Java 和AxtiveX
　　在網(wǎng)頁(yè)上應(yīng)盡量少使用Java 和AxtiveX。因?yàn)椴⒉皇敲恳环N瀏覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時(shí)也存在問(wèn)題，過(guò)分地使用Java，會(huì)使Mac崩潰。
　　38 慎用插件
　　在Web設(shè)計(jì)中，如果依賴于一些特別的插件，會(huì)減少網(wǎng)站的吸引力。如果訪問(wèn) 者沒(méi)有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪問(wèn)者有可能就不會(huì)返回了。
　　39 使用著名的插件
　　如果網(wǎng)站上有聲音或視頻，要保證使用者通過(guò)使用某個(gè)知名的插件，能夠聽(tīng)到或看到。許多站點(diǎn)使用QuickTime、RealPlay和 Shockwave插件。因?yàn)?，許多訪問(wèn)者并不愿意浪費(fèi)很多時(shí)間和金錢(qián)去下載可能僅使用一次的插件。
　　40 使用先進(jìn)技術(shù)
　　跟上新的技術(shù)。Web技術(shù)的進(jìn)步絕不會(huì)停止，所以應(yīng)花一些時(shí)間來(lái)研究新產(chǎn)品和開(kāi)發(fā)技術(shù)。
　　41 自己創(chuàng)建圖像和聲音
　　使用你自己創(chuàng)建的或從某個(gè)商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)站時(shí)，應(yīng)該花足夠的資金來(lái)創(chuàng)建圖形，以增強(qiáng)公司的宣傳。
　　——專家忠告　
　　43 平臺(tái)的兼容性
　　要為用戶著想，必須最少在一臺(tái)PC 和一臺(tái)Mac機(jī)上測(cè)試你的網(wǎng)站，看看兼容性如何。
　　44 用軟件分析工具找錯(cuò)
　　使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問(wèn)題。如果你有許多網(wǎng)頁(yè)需要檢查，可選用軟件分析工具。在網(wǎng)上，你能夠找到更多有效的HTML工具。
　　45 避免錯(cuò)誤鏈接
　　網(wǎng)站中可能與其它一些有用的站點(diǎn)作了鏈接。但是，如果在你的網(wǎng)頁(yè)上有鏈接，一定要經(jīng)常檢查它們，保證鏈接有效。鏈接的網(wǎng)站可能很多，但不要鏈接到與你的內(nèi)容無(wú)關(guān)的網(wǎng)站上。
　　46 給觀眾成熟的東西
　　如果網(wǎng)站沒(méi)有完成，就不要發(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èn)者再次回到你的網(wǎng)站，還有助于擴(kuò)充網(wǎng)站內(nèi)容。
　　49 測(cè)試網(wǎng)站
　　在你的網(wǎng)站正式發(fā)布之前，必須進(jìn)行有用的測(cè)試。在設(shè)計(jì)網(wǎng)站時(shí)要使用最新的軟 件，但是不要忘了人們并不會(huì)使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網(wǎng)站時(shí)還要測(cè)試所有的鏈接和導(dǎo)航工具條。
　　50 “盡你所能反復(fù)測(cè)試所設(shè)計(jì)的網(wǎng)站，直到你不能發(fā)現(xiàn)新的東西為止。” ——專家忠告
　　51 演示即將發(fā)布的網(wǎng)站
　　在網(wǎng)站正式運(yùn)行之前，讓人演示它。演示中人們會(huì)告訴你所設(shè)計(jì)的網(wǎng)站是否容易使用。
　　52 動(dòng)畫(huà)點(diǎn)綴
　　網(wǎng)頁(yè)上的動(dòng)畫(huà)最多只用一個(gè)。
　　53 “傾斜的按鈕看起來(lái)不會(huì)太好，最好不要使用。” ——專家忠告
　　54 內(nèi)容組織
　　在開(kāi)始創(chuàng)建新的網(wǎng)頁(yè)前，仔細(xì)考慮網(wǎng)站內(nèi)容的組織。決定好想讓訪問(wèn)者瀏覽的內(nèi)容，然后設(shè)計(jì)導(dǎo)航系統(tǒng)。
　　55 “空白萬(wàn)歲”
　　注意留空白。不要用圖像、文本和不必要的動(dòng)畫(huà)GIFs來(lái)充斥網(wǎng)頁(yè)，即使有足夠的空間，在設(shè)計(jì)時(shí)也應(yīng)該避免使用。
　　56 “利用空白去吸引注意力。為了吸引眼球，Web設(shè)計(jì)者使用各種方法，比如：閃爍、旋轉(zhuǎn)等，但是利用空白會(huì)吸引更多的注意力。” ——專家忠告
　　57 圖像壓縮
　　為了保持小的圖像，可以使用類似GIF向?qū)У某绦?，它能自?dòng)對(duì)圖像進(jìn)行壓縮。
　　先聲明圖像的大小
　　在圖像顯示之前最好能詳細(xì)說(shuō)明圖像大小屬性，可以在IMG標(biāo)簽中保存這個(gè)屬性。這可以使網(wǎng)頁(yè)顯得很流暢，因?yàn)闉g覽器可以在圖像被下載之前在屏幕上顯示整個(gè)網(wǎng)頁(yè)。
　　58 設(shè)計(jì)失敗的網(wǎng)站
　　——導(dǎo)航不知所云
　　59 圖像大小屬性，可以在IMG標(biāo)簽中保存這個(gè)屬性。這可以使網(wǎng)頁(yè)顯得很流暢，因?yàn)闉g覽器可以在圖像被下載之前在屏幕上顯示整個(gè)網(wǎng)頁(yè)。
　　60 用戶注冊(cè)
如果能知道誰(shuí)瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的，那么就能得到大量有用的信息。但是，要求訪問(wèn)者在瀏覽網(wǎng)站之前進(jìn)行注冊(cè)，這樣做是要冒風(fēng)險(xiǎn)的，因?yàn)檫@將趕走一批不愿意注冊(cè)的人。獲得信息的另一種方法是進(jìn)行有獎(jiǎng)競(jìng)猜或金錢(qián)獎(jiǎng)勵(lì)，讓用戶能主動(dòng)填一些信息反饋表。 　 61 使網(wǎng)站具有交互功能
　　在網(wǎng)站上提供一些回答問(wèn)題的工具，使得訪問(wèn)者能從網(wǎng)站上獲得交互的信息。
　　62 圖片更新
　　盡可能經(jīng)常更換網(wǎng)站上的圖片，人們更愿意點(diǎn)擊的是圖片而不是文本。
　　63 在網(wǎng)站上提供游戲
　　游戲是很好的交互工具，它是使訪問(wèn)者能再次光顧網(wǎng)站的好方法。
　　64 挑選工具軟件
　　仔細(xì)選擇Web設(shè)計(jì)工具。保證使用自己最想要的、自我感覺(jué)最好的軟件。
　　65 使用最新版本的軟件
　　盡量使用Web設(shè)計(jì)軟件的最新版本，還應(yīng)當(dāng)能被授權(quán)進(jìn)行免費(fèi)或便宜的升級(jí)。
　　總結(jié)一個(gè)網(wǎng)站的好壞，不外乎以下幾點(diǎn)：
　　A、速　度 一個(gè)打開(kāi)速度慢的網(wǎng)站，再精美的設(shè)計(jì)也注定是失敗。
　　B、內(nèi)　容 一個(gè)沒(méi)有實(shí)質(zhì)內(nèi)容的網(wǎng)站，只能是一個(gè)空殼。 想留住訪問(wèn)者也是難上加難。
　　C、易用性 網(wǎng)站導(dǎo)航不明顯、復(fù)雜并且不實(shí)用的花俏功能，讓人瀏覽起來(lái)感覺(jué)困難，也絕對(duì)是留不住訪問(wèn)者的。
　　D、美觀度 糟糕的美工設(shè)計(jì)，肯定讓人不喜歡。
　　E、兼容性 優(yōu)秀的網(wǎng)站應(yīng)該是用任何瀏覽器、在任何地區(qū)都表現(xiàn)如一，不會(huì)出現(xiàn)錯(cuò)位、亂碼等問(wèn)題。
如何設(shè)計(jì)電視/電影類網(wǎng)站
　　1.導(dǎo)航盡量簡(jiǎn)化
　　用戶上來(lái)這里,無(wú)非就是看電影或者看電視.其他無(wú)關(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)容都推薦給用戶
　　首頁(yè)內(nèi)容貴在新和精,而不是多,如果內(nèi)容過(guò)多,用戶會(huì)顯得無(wú)所適從,不知道看什么好,所以首頁(yè),只推一些精片和新片.
　　4.影片之間的間距盡量留到最大.
最能吸引用戶的,不外乎是海報(bào),但是密密麻麻的海報(bào)堆一起,雖然是感覺(jué)貨堆如山,但是無(wú)疑給用戶造成了瀏覽的不遍.看著你這堆海報(bào),眼睛都花了,更別說(shuō)去看你提 煉得很精美的Slogan了.
　　5.能用劇照的地方不用海報(bào)
　　劇照可以讓代入場(chǎng)景的感覺(jué),雖然海報(bào)通常很精美,但是在帶來(lái)視覺(jué)震撼之后,用戶對(duì)這部片的了解還是很空洞的,劇照就不一樣,精美的劇照,可以將用戶代入場(chǎng)景,特別是針對(duì)電視劇來(lái)說(shuō),劇照可以讓用戶產(chǎn)生聯(lián)想,而海報(bào)是不行的.
　　6.給排行版找一個(gè)好位置
　　排行版是用戶的指南針,通常用戶會(huì)先篩選一遍排行版有沒(méi)有自己想看的節(jié)目,影片,如果沒(méi)有,再進(jìn)入到內(nèi)頁(yè),或者頻道頁(yè)去查找,如果排行版位置太低.那就太麻煩了.
　　7.點(diǎn)一下,就能看
　　通常用戶很在意他要看一部片需要多少個(gè)步驟,特別是針對(duì)收費(fèi)網(wǎng)站來(lái)說(shuō),用戶最討厭的就是切換了幾個(gè)頁(yè)面后,終于能看了,發(fā)現(xiàn)原來(lái)需要付費(fèi).所以最好是點(diǎn)一下,就能看,需要扣費(fèi)或者登錄的,直接出層讓用戶操作,而不要轉(zhuǎn)到別的頁(yè)面.
　　8.別把廣告做成海報(bào)
　　用戶上當(dāng)一兩次后,以后可能看到海報(bào)都會(huì)抗拒.這點(diǎn)很?chē)?yán)重
　　9.別把一堆影片相關(guān)信息堆到首頁(yè)來(lái)
　　通常用戶選擇一部影片,大概有3種決定因素,1,自己想看,在別的地方看過(guò)介紹, 2,朋友推薦 3,海報(bào)很美,Slogan很煽情,主演很牛B. 至于其他什么導(dǎo)演,上映時(shí)間阿,這些都沒(méi)多大作用的因素,最好都放詳細(xì)介紹頁(yè)去,很少有用戶因?yàn)檫@部片子是誰(shuí)導(dǎo)演的而去看的.
　　10.靈活使用2/8原理
　　這里的2/8不是指圖片文字比例的2/8,而是指首頁(yè)的首屏,一定是全站20%最好的內(nèi)容,分流80%的用戶.首屏很重要.
網(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提出7Cs模式,其主要是用於分析電子商務(wù)的顧客界面,提出網(wǎng)站商店的顧客介面應(yīng)著重在讓顧客容操作與使其滿意.因此,一個(gè)成功的網(wǎng)站設(shè)計(jì),取決于其介面是否能夠?qū)㈩櫩托枨笠约捌髽I(yè)提供的服務(wù)加以整合,茲將7Cs架構(gòu)的網(wǎng)站介面七項(xiàng)要素介紹如下:
　　1 Context(組織)
　　網(wǎng)站內(nèi)容的設(shè)計(jì)與陳方式,要同時(shí)符合功能性與美觀性個(gè)需求.功能性是指網(wǎng)站內(nèi) 容以有組織的方式呈現(xiàn),讓使用者可以方有效地瀏覽.而美觀性則包括網(wǎng)頁(yè)的色系及其他傳遞訊息的視覺(jué)題材.
　　2 Content(內(nèi)容)
　　指網(wǎng)站上所傳遞的內(nèi)容.包括產(chǎn)品與服務(wù)內(nèi)容( 如各科室簡(jiǎn)介,醫(yī)院地 位置等資訊),促銷(xiāo)方案,顧客支援,及時(shí) 新的資訊,各種與產(chǎn)品或服務(wù)相關(guān)的資訊, 用多媒體方式提供產(chǎn)品或服務(wù)資訊(如:以語(yǔ)音或動(dòng)畫(huà)的方式描述產(chǎn)品或服務(wù)內(nèi)容).
　　3 Community(社群)
　　供網(wǎng)站使用者之間的互動(dòng)空間,讓使用者有歸屬感或 與感.包括線上討版( 如疾病討園地),會(huì)員電子信箱清單或言板等.
　　4 Customization(客制化)
　　網(wǎng)站提供使用者自 身訂做自己想閱的內(nèi)容資訊之功能.每個(gè)使用者在登入后就可以享受與眾同,獨(dú)享的頁(yè)面,能讓顧客有 ,親的感覺(jué).
　　5 Communication(溝通方式)
　　網(wǎng)站與使用者之間的溝通管道,包括以電子郵件方式告知各式資訊( 如電子報(bào)),或是讓使用者可提供建議的管道( 如建言信箱).
　　6 Connection( 結(jié))
　　網(wǎng)站本身與其他外部相關(guān)網(wǎng)站的結(jié).像醫(yī)網(wǎng)站可方的結(jié)到其他的醫(yī)資訊機(jī)構(gòu)( 如醫(yī)資訊網(wǎng)), 政院衛(wèi)生署,中央健康保險(xiǎn)局,醫(yī)學(xué)術(shù)研究機(jī)構(gòu)( 如臺(tái)灣醫(yī)學(xué)會(huì))等.
　　
　　7 Commerce(商務(wù))
　　支援各種交之介面功能, 如線上掛號(hào),掛號(hào)查詢與取消,繳費(fèi)功能等.
網(wǎng)站設(shè)計(jì)9條原則
　　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ì)才能下載完。比如某網(wǎng)站在設(shè)計(jì)的某些方面是成功的，但是內(nèi)容太貪乏，并且要花很長(zhǎng)時(shí)間才能找到所要的東西，因此不能算是一個(gè) 成功的網(wǎng)站?！?br /> 　　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)。最好符合WEB標(biāo)準(zhǔn)化用css定位的網(wǎng)站往往比表格定位要少很多代碼。
　　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，當(dāng)然現(xiàn)在則是Dreamweaver啦，就可以創(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)站。HTML編寫(xiě)過(guò)程中可以大段大段地刪減，這是一特點(diǎn)。
　　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)也找不到好的方案”。
網(wǎng)站設(shè)計(jì)專業(yè)要求
　　1．網(wǎng)頁(yè)設(shè)計(jì)軟件 PhotoshopDreamweaverFireworksFlashHTML語(yǔ)言
　　2．網(wǎng)站后臺(tái)編程 ASP開(kāi)發(fā)環(huán)境、Windows窗體編程、常用控件；ASP編程、ASP Web服務(wù)器控件、配置和優(yōu)化ASP應(yīng)用程序、調(diào)試和錯(cuò)誤處理、ADO、連接和操作數(shù)據(jù)源、數(shù)據(jù)集、水晶報(bào)表的使用、Web服務(wù)創(chuàng)建和使用；留言板、BBS論壇、電子商務(wù)系統(tǒng)。
3．?dāng)?shù)據(jù)庫(kù)管理 Access數(shù)據(jù)庫(kù)的基本概念、結(jié)構(gòu)、數(shù)據(jù)表的建立、數(shù)據(jù)表的基 本維護(hù)、SQL Server基礎(chǔ)、數(shù)據(jù)源的鏈接、SQL語(yǔ)言、集合函數(shù)、數(shù)據(jù)類型。
　　4．學(xué)習(xí)綜合性網(wǎng)頁(yè)設(shè)計(jì)規(guī)則、頁(yè)面整體排版能力的處理、圖片美工及 WEB 程序塊的調(diào)入和美化、程序的調(diào)試和運(yùn)用、網(wǎng)站綜合訓(xùn)練 、動(dòng)態(tài)網(wǎng)頁(yè)創(chuàng)作模式。
FLASH網(wǎng)站設(shè)計(jì)注意的要點(diǎn)
　　1.記住用戶的目標(biāo)
　　用戶往往帶著目的訪問(wèn)一個(gè)站點(diǎn)，每個(gè)鏈接，每次點(diǎn)擊都要合乎他們的經(jīng)驗(yàn)并且引導(dǎo)他們通向他們的目標(biāo)。當(dāng)傳輸你的頁(yè)面時(shí)，應(yīng)該讓關(guān)鍵的導(dǎo)航鏈接首先裝載——萬(wàn)一用戶想轉(zhuǎn)到網(wǎng)站其它的區(qū)域。模仿通常的用戶圖形界面往往可以增加可用性。
　　2. 記住網(wǎng)站的目的
　　網(wǎng)站設(shè)計(jì)應(yīng)該反應(yīng)商業(yè)或者客戶的需求，有效的傳播主要信息與促進(jìn)品牌。然而網(wǎng)站的目標(biāo)最好通過(guò)尊重用戶的習(xí)慣來(lái)達(dá)到，所以站點(diǎn)結(jié)構(gòu)必須滿足用戶的需要，快速的將用戶引導(dǎo)至其目標(biāo)而避免任何公司和區(qū)域行話。
　　3. 避免沒(méi)有必要的介紹
　　雖然介紹的動(dòng)畫(huà)非常精彩，但是它們往往延誤了用戶訪問(wèn)他們正在尋找的信息。應(yīng)該經(jīng)常提供給用戶一個(gè)忽略介紹的命令或者訪問(wèn)你的主頁(yè)的選擇，當(dāng)他們第二次訪問(wèn)您的主頁(yè)時(shí)，對(duì)所有的用戶都應(yīng)該忽略簡(jiǎn)介動(dòng)畫(huà)（使用客戶端的javascript來(lái)完成這個(gè)功能），然后在目標(biāo)頁(yè)面提供返回到動(dòng)畫(huà)頁(yè)面的選擇。
　　4. 提供合乎邏輯的導(dǎo)航與交互
　　• 保證用戶的導(dǎo)航: 顯示用戶訪問(wèn)過(guò)的上一個(gè)地址和他即將訪問(wèn)的下一個(gè)地址. 通過(guò)鏈接的不同顏色在用戶訪問(wèn)后提醒他們?cè)L問(wèn)過(guò)的頁(yè)面.
　　• 提供用戶一個(gè)輕松跳出他們正在訪問(wèn)的部分回到出發(fā)點(diǎn)的的鏈接.
　　• 明確說(shuō)明每個(gè)鏈接的位置. 保證鏈接的結(jié)構(gòu)和命名法的可視性,而不是隱藏它們直到用戶觸發(fā)了某個(gè)事件（比如鼠標(biāo)移近）.
　　• 確保按鈕定義了足夠好的反應(yīng)區(qū)域.
　　• 利用Flash流的特性首先裝載主要的導(dǎo)航元素.
　　• 確保導(dǎo)航的后退按鈕. 為了做到這一點(diǎn)可以使用瀏覽器內(nèi)置的前進(jìn)和后退導(dǎo)航系統(tǒng),將Flash影片邏輯的分成幾塊并置于獨(dú)立的HTML頁(yè)面中. 做為一種選擇, 為影片建立一個(gè)基于Flash的后退按鈕以便用戶可以利用它后退到一個(gè)包含上一個(gè)訪問(wèn)頁(yè)面的場(chǎng)景或楨.
　　5. 設(shè)計(jì)的連貫性
提高您的站點(diǎn)性能的最好方法是用戶界面的一致性. 元素結(jié)構(gòu)的再使用,元素的設(shè)計(jì)以及命名的習(xí)慣將使用戶在導(dǎo)向他們的目標(biāo)時(shí)對(duì)站點(diǎn)傳達(dá)的信息的注意力更加豐富, 而且這也有利于站點(diǎn)的維護(hù). 你可以在整個(gè)站點(diǎn)中使用小影片(Smart Clip)來(lái)
重復(fù)使用交互元素, 還可以讓最初導(dǎo)航系統(tǒng)的文字和圖片在目標(biāo)頁(yè)面中重新使用.
　　6. 不要過(guò)度使用動(dòng)畫(huà)
　　避免不必要的動(dòng)畫(huà). 最好的動(dòng)畫(huà)應(yīng)該是可以增加站點(diǎn)的設(shè)計(jì)目標(biāo)的動(dòng)畫(huà), 在導(dǎo)航的時(shí)候講述一個(gè)故事或者有幫助的事情. 在包含大量文字的頁(yè)面使用重復(fù)的動(dòng)畫(huà)將使視線從消息轉(zhuǎn)移.
　　7. 慎重使用聲音
　　聲音可以為你的站點(diǎn)錦上添花但是絕對(duì)不是必要的. 例如：使用聲音來(lái)說(shuō)明用戶剛剛觸發(fā)了一個(gè)時(shí)間. 確保使用了聲音的開(kāi)關(guān)與音量調(diào)節(jié)方法, 并且要記住聲音會(huì)顯著的增加文件的大小. 當(dāng)你確實(shí)使用了聲音的時(shí)候，Macromedia Flash會(huì)將聲音轉(zhuǎn)換為MP3文件甚至流媒體化.
　　8. 面向低帶寬的用戶
　　越少的下載越好. 初始的下載頁(yè)面大小不能超過(guò)40K, 包括所有Macromedia文件，圖像和HTML文件. 為了減少下載時(shí)間, 使用矢量圖形(除非圖像使壓縮過(guò)的BMP, 那樣最好仍保持為BMP格式), 并且只有在用戶確定的要用到某個(gè)文件時(shí)才使用Load Movie動(dòng)作. 如果用戶必須等待, 提供一個(gè)裝載的時(shí)間序列與進(jìn)度條, 只要可能，必須在前5秒內(nèi)裝載導(dǎo)航系統(tǒng).
　　9. 設(shè)計(jì)的易用性
　　確保你的站點(diǎn)的內(nèi)容能被所有的用戶閱讀, 包括那些殘疾用戶. 高度使用ALT標(biāo)簽可以確保網(wǎng)站內(nèi)容能被輔助工具解釋. 影片的可縮放性是讓更多用戶了解網(wǎng)站內(nèi)容的另一項(xiàng)易用的Macromedia特色. 如果需要一個(gè)徹底的Macromedia Flash內(nèi)容可用性的討論,請(qǐng)登陸Macromedia Flash可用性網(wǎng)站.
　　10. 可用性測(cè)試
　　讓一些新手來(lái)訪問(wèn)站點(diǎn)并同時(shí)完成用戶目標(biāo)與站點(diǎn)目標(biāo). 甚至簡(jiǎn)短的Macromedia Flash動(dòng)畫(huà)都有可能阻擋用戶實(shí)現(xiàn)目標(biāo), 所以使用Macromedia Flash的帶寬模擬器（Bandwidth Profiler——譯者注）(在視圖菜單的測(cè)試影片模式下)來(lái)分析站點(diǎn)在不同帶寬模式下的性能.每次 重復(fù)測(cè)試影片哪怕是很小的改動(dòng). 確保站點(diǎn)的測(cè)試者從人口統(tǒng)計(jì)學(xué)上合乎站點(diǎn)的預(yù)定用戶—特別是預(yù)定用戶中有對(duì)站點(diǎn)的導(dǎo)航有不同級(jí)別的滿意程度.
網(wǎng)站設(shè)計(jì)要考慮用戶需求
　　用戶都是瀏覽者
　　假如您以為一般的用戶會(huì)完完整整地閱讀您的網(wǎng)頁(yè)，那么您就錯(cuò)了。
　　不管您在網(wǎng)頁(yè)中發(fā)布了多么有用的信息，一個(gè)訪問(wèn)者在決定是否繼承閱讀之前僅僅會(huì)花幾秒鐘的時(shí)間進(jìn)行瀏覽。
　　 假如您但愿用戶閱讀您的文字，請(qǐng)確保在頁(yè)面段落的第一句就說(shuō)明您的觀點(diǎn)。另外，您還需要在整個(gè)頁(yè)面中使用簡(jiǎn)短的段落以及有趣的標(biāo)題。
　　少等于多
　　使所有的句子盡可能地短。使所有的段落盡可能地短。使所有的章節(jié)盡可能地短。使您的頁(yè)面盡可能地短。
　　請(qǐng)?jiān)诙温浜驼鹿?jié)之間使用較多的留白。充斥著冗長(zhǎng)文字的頁(yè)面會(huì)趕走您的用戶。
　　也不要在單一的頁(yè)面上放置太多的內(nèi)容。假如確實(shí)有必要傳遞大量的信息，請(qǐng)盡量把內(nèi)容分為小塊，然后放入不同的頁(yè)面中。不要指望每個(gè)訪問(wèn)者都能把一張數(shù)千字的頁(yè)面一路動(dòng)彈到底。
　　導(dǎo)航
　　盡量創(chuàng)建通用于網(wǎng)站中所有頁(yè)面的導(dǎo)航結(jié)構(gòu)。
　　把文本段落中的超鏈接使用量降至最低。請(qǐng)不要使用文本段落內(nèi)的超鏈接隨意地把訪問(wèn)者帶到別的頁(yè)面。因此這樣做會(huì)破壞導(dǎo)航結(jié)構(gòu)一致性的感覺(jué)。
　　假如您必需使用超級(jí)鏈接，請(qǐng)把它們添加到段落的底部，或站點(diǎn)的導(dǎo)航菜單。
　　下載速度
　　最常見(jiàn)的錯(cuò)誤是用于網(wǎng)站開(kāi)發(fā)者的開(kāi)發(fā)環(huán)境造成的，例如使用一臺(tái)本地的機(jī)器開(kāi)發(fā)站點(diǎn)，或者使用一條高速的因特網(wǎng)連接。開(kāi)發(fā)職員有時(shí)不會(huì)意識(shí)到下載他們的頁(yè)面要花很長(zhǎng)的時(shí)間。
網(wǎng)站設(shè)計(jì)前期準(zhǔn)備工作
　　網(wǎng)站設(shè)計(jì)前期準(zhǔn)備工作相當(dāng)重要，這決定你建站的目的，以及日后維護(hù)網(wǎng)站，讓你的網(wǎng)站發(fā)揮作用等是相當(dāng)?shù)闹匾Ｔ谠O(shè)計(jì)網(wǎng)站前，必須先準(zhǔn)備好以下工作：
　　1.網(wǎng)站框架頻道
　　網(wǎng)站頻道就是網(wǎng)站的大框架，也就是主體部分，比如：首頁(yè)，公司簡(jiǎn)介，新聞動(dòng)態(tài)，產(chǎn)品展示，在線留言，聯(lián)系我們等，這是標(biāo)準(zhǔn)的企業(yè)網(wǎng)站的內(nèi)容。如果你有特定的框架，請(qǐng)您一一列出，這樣方便我們?cè)O(shè)計(jì)。
　　2.網(wǎng)站風(fēng)格要求
　　您必須知道您網(wǎng)站的目的，是以廣告形式、還是僅給現(xiàn)有的老客戶觀察？是功能型的，還是展示型的？風(fēng)格定位要準(zhǔn)確，功能型的是，網(wǎng)站在美工設(shè)計(jì)上可能不適合大塊圖片，在數(shù)據(jù)功能上比較強(qiáng)大，比如搜索，會(huì)員注冊(cè)等，一般大型企業(yè)網(wǎng)、購(gòu)物網(wǎng)、大型門(mén)戶、交友網(wǎng)等都是屬于功能型的，如果是展示型的，這種類型的網(wǎng)站可能大部分追求視覺(jué)上的美麗，對(duì)功能要求不高。那在美工上面，設(shè)計(jì)上就得有強(qiáng)烈的視覺(jué)感了。這種網(wǎng)站一般屬于：美容業(yè)、女性用品、服飾等。
　 　3.網(wǎng)站的針對(duì)對(duì)象
　　在設(shè)計(jì)網(wǎng)站前，您必須告訴我們您的網(wǎng)站所針對(duì)的人群、區(qū)域、國(guó)家等。如果能提供某種行業(yè)的更好，這樣我們?cè)谠O(shè)計(jì)上就會(huì)針對(duì)這種人群的瀏覽習(xí)慣特別定制您的網(wǎng)頁(yè)。
　　4.網(wǎng)站的預(yù)算
如果您對(duì)您的網(wǎng)頁(yè)不清楚，沒(méi)經(jīng)驗(yàn)，不要緊，您最好告訴我們您所最大程序所承受的設(shè)計(jì)費(fèi)用，我們可以全程為您策劃。