MENU 服務(wù) 案例
網(wǎng)站建設(shè)-網(wǎng)站設(shè)計(jì)-北京網(wǎng)站建設(shè)-高端網(wǎng)站制作公司-尚品中國(guó)
我們通過(guò)擁抱變化創(chuàng)造
360°的品牌價(jià)值__
簡(jiǎn)體
簡(jiǎn)體中文 English

尚品簽約辰欣藥業(yè)股份有限公司官網(wǎng)建設(shè)

類型:尚品動(dòng)態(tài) 了解更多

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

來(lái)源:尚品中國(guó)| 類型:網(wǎng)站百科| 時(shí)間:2015-04-27
網(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)上的門牌號(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)行編輯的!
尚品中國(guó)教你怎么做網(wǎng)站設(shè)計(jì),都需要什么軟件?

網(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)銷,實(shí)現(xiàn)電子商務(wù)的目的。網(wǎng)站建設(shè)首先由網(wǎng)絡(luò)營(yíng)銷顧問(wèn)提出低成本回報(bào)的網(wǎng)絡(luò)營(yíng)銷策劃方案。通過(guò)洞悉項(xiàng)目目標(biāo)客群的網(wǎng)絡(luò)營(yíng)銷策略,引發(fā)、借力企業(yè)與網(wǎng)民,以至網(wǎng)民與網(wǎng)民之間的互動(dòng),使企業(yè)以最小的營(yíng)銷投入,超越競(jìng)爭(zhēng)對(duì)手,獲得更高效的市場(chǎng)回報(bào)營(yíng)銷網(wǎng)站規(guī)劃網(wǎng)站前期策劃作為網(wǎng)絡(luò)營(yíng)銷的起點(diǎn),規(guī)劃的嚴(yán)謹(jǐn)性、實(shí)用性將直接影響到企業(yè)網(wǎng)絡(luò)營(yíng)銷目標(biāo)的實(shí)現(xiàn)。網(wǎng)站建設(shè)商以客戶需求和網(wǎng)絡(luò)營(yíng)銷為導(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)買一個(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 用筆畫一個(gè)網(wǎng)站的框架

圣人云:筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前,用筆畫一個(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ū)域,以上資料僅供參考
  好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設(shè)計(jì)者都缺少這種技能。確保你拼寫正確,并且格外注意平常容易誤寫的錯(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ù),而不是推銷你自己認(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)畫
  許多使用比較慢的計(jì)算機(jī)的訪問(wèn)者發(fā)現(xiàn)動(dòng)畫圖標(biāo)很容易耗盡系統(tǒng)資源,使網(wǎng)站的操作變得很困難,因此,應(yīng)該給用戶一個(gè)跳過(guò)使用Flash動(dòng)畫的選擇。
  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)金錢和時(shí)間去下載他們根本不想看的大圖像。
  34 動(dòng)畫與內(nèi)容應(yīng)有機(jī)結(jié)合
  確保動(dòng)畫和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁(yè)渾然一體,而不是干巴巴的。動(dòng)畫并不只是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(蘋果機(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è)門戶網(wǎng)站。許多行業(yè)門戶網(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è)門戶網(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è)門戶網(wǎng)站需要長(zhǎng)期的客戶資源積累,大量的資本運(yùn)作,操作起來(lái)資金門檻不低。而第三類專業(yè)網(wǎng)站個(gè)性化設(shè)計(jì)需要高端技術(shù)人才,從而提高了技術(shù)成本門檻。因此,真正在市場(chǎng)上拼殺的主力軍就成了技術(shù)和資金門檻相對(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)接口)。您可以使用不同的程序編寫適合的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)有提供自己專門的編程語(yǔ)言,而是允許用戶使用許多已有的腳本語(yǔ)言編寫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,也看不到你圖檔里寫的字,所以在網(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)鍵字 (就是寫出你的關(guān)鍵字,然后把他加粗)
  * 斜體關(guān)鍵字 (就是寫出你的關(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ú)名小站= =),要注意的是鏈接的方式,要先寫出你的關(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è)索引里面了,接著,若是有錢的話,可以使用Yahoo的搜索引擎快速付費(fèi)登錄,這可以讓你的網(wǎng)站在七天內(nèi)進(jìn)入Yahoo!奇摩的索引里,若是沒(méi)錢的話也沒(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)買一個(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 用筆畫一個(gè)網(wǎng)站的框架
  圣人云:筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前,用筆畫一個(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ò)別字
  好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設(shè)計(jì)者都缺少這種技能。確保你拼寫正確,并且格外注意平常容易誤寫的錯(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ù),而不是推銷你自己認(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)畫
  許多使用比較慢的計(jì)算機(jī)的訪問(wèn)者發(fā)現(xiàn)動(dòng)畫圖標(biāo)很容易耗盡系統(tǒng)資源,使網(wǎng)站的操作變得很困難,因此,應(yīng)該給用戶一個(gè)跳過(guò)使用Flash動(dòng)畫的選擇。
  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)金錢和時(shí)間去下載他們根本不想看的大圖像。
  34 動(dòng)畫與內(nèi)容應(yīng)有機(jī)結(jié)合
  確保動(dòng)畫和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁(yè)渾然一體,而不是干巴巴的。動(dòng)畫并不只是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í)間和金錢去下載可能僅使用一次的插件。
  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)畫點(diǎn)綴
  網(wǎng)頁(yè)上的動(dòng)畫最多只用一個(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)畫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)猜或金錢獎(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)很嚴(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ī)院地 位置等資訊),促銷方案,顧客支援,及時(shí) 新的資訊,各種與產(chǎn)品或服務(wù)相關(guān)的資訊, 用多媒體方式提供產(chǎn)品或服務(wù)資訊(如:以語(yǔ)音或動(dòng)畫的方式描述產(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)買一個(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編寫過(guò)程中可以大段大段地刪減,這是一特點(diǎn)。
  08 用筆畫一個(gè)網(wǎng)站的框架
  圣人云:筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前,用筆畫一個(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)畫非常精彩,但是它們往往延誤了用戶訪問(wèn)他們正在尋找的信息。應(yīng)該經(jīng)常提供給用戶一個(gè)忽略介紹的命令或者訪問(wèn)你的主頁(yè)的選擇,當(dāng)他們第二次訪問(wèn)您的主頁(yè)時(shí),對(duì)所有的用戶都應(yīng)該忽略簡(jiǎn)介動(dòng)畫(使用客戶端的javascript來(lái)完成這個(gè)功能),然后在目標(biāo)頁(yè)面提供返回到動(dòng)畫頁(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)畫
  避免不必要的動(dòng)畫. 最好的動(dòng)畫應(yīng)該是可以增加站點(diǎn)的設(shè)計(jì)目標(biāo)的動(dòng)畫, 在導(dǎo)航的時(shí)候講述一個(gè)故事或者有幫助的事情. 在包含大量文字的頁(yè)面使用重復(fù)的動(dòng)畫將使視線從消息轉(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)畫都有可能阻擋用戶實(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ù)闹匾T谠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)、大型門戶、交友網(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)用,我們可以全程為您策劃。
來(lái)源聲明:本文章系尚品中國(guó)編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請(qǐng)注明來(lái)自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)及時(shí)與本站聯(lián)系(010-60259772)。
TAG標(biāo)簽:

如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度,該怎么辦?

預(yù)約專業(yè)咨詢顧問(wèn)溝通!

*尚品專業(yè)顧問(wèn)將盡快與您聯(lián)系

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com

現(xiàn)在就與專業(yè)咨詢顧問(wèn)溝通!

  • 全國(guó)服務(wù)熱線

    400-700-4979

  • 北京服務(wù)熱線

    010-60259772

信息保護(hù)中請(qǐng)放心填寫
在線咨詢

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com