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