第一篇：網(wǎng)站測(cè)試心得

在Web工程過(guò)程中，基于Web系統(tǒng)的測(cè)試、確認(rèn)和驗(yàn)收是一項(xiàng)重要而富有挑戰(zhàn)性的工作。基于Web的系統(tǒng)測(cè)試與傳統(tǒng)的軟件測(cè)試不同，它不但需要檢查和驗(yàn)證是否按照設(shè)計(jì)的要求運(yùn)行，而且還要測(cè)試系統(tǒng)在不同用戶的瀏覽器端的顯示是否合適。本文從功能、性能、可用性、客戶端兼容性、安全性等方面討論了基于Web的系統(tǒng)測(cè)試方法。

AD：

基于Web的系統(tǒng)測(cè)試在基于Web的系統(tǒng)開(kāi)發(fā)中，如果缺乏嚴(yán)格的過(guò)程，我們?cè)陂_(kāi)發(fā)、發(fā)布、實(shí)施和維護(hù)Web的過(guò)程中，可能就會(huì)碰到一些嚴(yán)重的問(wèn)題，失敗的可能性很大。而且，隨著基于Web的系統(tǒng)變得越來(lái)越復(fù)雜，一個(gè)項(xiàng)目的失敗將可能導(dǎo)致很多問(wèn)題。當(dāng)這種情況發(fā)生時(shí)，我們對(duì)Web和Internet的信心可能會(huì)無(wú)法挽救地動(dòng)搖，從而引起Web危機(jī)。并且，Web危機(jī)可能會(huì)比軟件開(kāi)發(fā)人員所面對(duì)的軟件危機(jī)更加嚴(yán)重、更加廣泛。

在Web工程過(guò)程中，基于Web系統(tǒng)的測(cè)試、確認(rèn)和驗(yàn)收是一項(xiàng)重要而富有挑戰(zhàn)性的工作。基于Web的系統(tǒng)測(cè)試與傳統(tǒng)的軟件測(cè)試不同，它不但需要檢查和驗(yàn)證是否按照設(shè)計(jì)的要求運(yùn)行，而且還要測(cè)試系統(tǒng)在不同用戶的瀏覽器端的顯示是否合適。重要的是，還要從最終用戶的角度進(jìn)行安全性和可用性測(cè)試。然而，Internet和Web媒體的不可預(yù)見(jiàn)性使測(cè)試基于Web的系統(tǒng)變得困難。因此，我們必須為測(cè)試和評(píng)估復(fù)雜的基于Web的系統(tǒng)研究新的方法和技術(shù)。一般軟件的發(fā)布周期以月或以年計(jì)算，而Web應(yīng)用的發(fā)布周期以天計(jì)算甚至以小時(shí)計(jì)算。

Web測(cè)試人員必須處理更短的發(fā)布周期，測(cè)試人員和測(cè)試管理人員面臨著從測(cè)試傳統(tǒng)的C/S結(jié)構(gòu)和框架環(huán)境到測(cè)試快速改變的Web應(yīng)用系統(tǒng)的轉(zhuǎn)變。

一、功能測(cè)試

1、鏈接測(cè)試鏈接是Web應(yīng)用系統(tǒng)的一個(gè)主要特征，它是在頁(yè)面之間切換和指導(dǎo)用戶去一些不知道地址的頁(yè)面的主要手段。鏈接測(cè)試可分為三個(gè)方面。首先，測(cè)試所有鏈接是否按指示的那樣確實(shí)鏈接到了該鏈接的頁(yè)面;其次，測(cè)試所鏈接的頁(yè)面是否存在;最后，保證Web應(yīng)用系統(tǒng)上沒(méi)有孤立的頁(yè)面，所謂孤立頁(yè)面是指沒(méi)有鏈接指向該頁(yè)面，只有知道正確的URL地址才能訪問(wèn)。鏈接測(cè)試可以自動(dòng)進(jìn)行，現(xiàn)在已經(jīng)有許多工具可以采用。鏈接測(cè)試必須在集成測(cè)試階段完成，也就是說(shuō)，在整個(gè)Web應(yīng)用系統(tǒng)的所有頁(yè)面開(kāi)發(fā)完成之后進(jìn)行鏈接測(cè)試。

2、表單測(cè)試當(dāng)用戶給Web應(yīng)用系統(tǒng)管理員提交信息時(shí)，就需要使用表單操作，例如用戶注冊(cè)、登陸、信息提交等。在這種情況下，我們必須測(cè)試提交操作的完整性，以校驗(yàn)提交給服務(wù)器的信息的正確性。例如：用戶填寫的出生日期與職業(yè)是否恰當(dāng)，填寫的所屬省份與所在城市是否匹配等。如果使用了默認(rèn)值，還要檢驗(yàn)?zāi)J(rèn)值的正確性。如果表單只能接受指定的某些值，則也要進(jìn)行測(cè)試。例如：只能接受某些字符，測(cè)試時(shí)可以跳過(guò)這些字符，看系統(tǒng)是否會(huì)報(bào)錯(cuò)。

3、Cookies測(cè)試 Cookies通常用來(lái)存儲(chǔ)用戶信息和用戶在某應(yīng)用系統(tǒng)的操作，當(dāng)一個(gè)用戶使用Cookies訪問(wèn)了某一個(gè)應(yīng)用系統(tǒng)時(shí)，Web服務(wù)器將發(fā)送關(guān)于用戶的信息，把該信息以Cookies的形式存儲(chǔ)在客戶端計(jì)算機(jī)上，這可用來(lái)創(chuàng)建動(dòng)態(tài)和自定義頁(yè)面或者存儲(chǔ)登陸等信息。如果Web應(yīng)用系統(tǒng)使用了Cookies，就必須檢查Cookies是否能正常工作。測(cè)試的內(nèi)容可包括Cookies是否起作用，是否按預(yù)定的時(shí)間進(jìn)行保存，刷新對(duì)Cookies有什么影響等。

4、設(shè)計(jì)語(yǔ)言測(cè)試 Web設(shè)計(jì)語(yǔ)言版本的差異可以引起客戶端或服務(wù)器端嚴(yán)重的問(wèn)題，例如使用哪種版本的HTML等。當(dāng)在分布式環(huán)境中開(kāi)發(fā)時(shí)，開(kāi)發(fā)人員都不在一起，這個(gè)問(wèn)題就顯得尤為重要。除了HTML的版本問(wèn)題外，不同的腳本語(yǔ)言，例如Java、JavaScript、ActiveX、VBScript或Perl等也要進(jìn)行驗(yàn)證。

5、數(shù)據(jù)庫(kù)測(cè)試 在Web應(yīng)用技術(shù)中，數(shù)據(jù)庫(kù)起著重要的作用，數(shù)據(jù)庫(kù)為Web應(yīng)用系統(tǒng)的管理、運(yùn)行、查詢和實(shí)現(xiàn)用戶對(duì)數(shù)據(jù)存儲(chǔ)的請(qǐng)求等提供空間。在Web應(yīng)用中，最常用的數(shù)據(jù)庫(kù)類型是關(guān)系型數(shù)據(jù)庫(kù)，可以使用SQL對(duì)信息進(jìn)行處理。在使用了數(shù)據(jù)庫(kù)的Web應(yīng)用系統(tǒng)中，一般情況下，可能發(fā)生兩種錯(cuò)誤，分別是數(shù)據(jù)一致性錯(cuò)誤和輸出錯(cuò)誤。數(shù)據(jù)一致性錯(cuò)誤主要是由于用戶提交的表單信息不正確而造成的，而輸出錯(cuò)誤主要是由于網(wǎng)絡(luò)速度或程序設(shè)計(jì)問(wèn)題等引起的，針對(duì)這兩種情況，可分別進(jìn)行測(cè)試。

二、性能測(cè)試

1、連接速度測(cè)試

用戶連接到Web應(yīng)用系統(tǒng)的速度根據(jù)上網(wǎng)方式的變化而變化，他們或許是電話撥號(hào)，或是寬帶上網(wǎng)。當(dāng)下載一個(gè)程序時(shí)，用戶可以等較長(zhǎng)的時(shí)間，但如果僅僅訪問(wèn)一個(gè)頁(yè)面就不會(huì)這樣。如果Web系統(tǒng)響應(yīng)時(shí)間太長(zhǎng)(例如超過(guò)5秒鐘)，用戶就會(huì)因沒(méi)有耐心等待而離開(kāi)。另外，有些頁(yè)面有超時(shí)的限制，如果響應(yīng)速度太慢，用戶可能還沒(méi)來(lái)得及瀏覽內(nèi)容，就需要重新登陸了。而且，連接速度太慢，還可能引起數(shù)據(jù)丟失，使用戶得不到真實(shí)的頁(yè)面。

2、負(fù)載測(cè)試

負(fù)載測(cè)試是為了測(cè)量Web系統(tǒng)在某一負(fù)載級(jí)別上的性能，以保證Web系統(tǒng)在需求范圍內(nèi)能正常工作。負(fù)載級(jí)別可以是某個(gè)時(shí)刻同時(shí)訪問(wèn)Web系統(tǒng)的用戶數(shù)量，也可以是在線數(shù)據(jù)處理的數(shù)量。例如：Web應(yīng)用系統(tǒng)能允許多少個(gè)用戶同時(shí)在線?如果超過(guò)了這個(gè)數(shù)量，會(huì)出現(xiàn)什么現(xiàn)象?Web應(yīng)用系統(tǒng)能否處理大量用戶對(duì)同一個(gè)頁(yè)面的請(qǐng)求?

3、壓力測(cè)試

負(fù)載測(cè)試應(yīng)該安排在Web系統(tǒng)發(fā)布以后，在實(shí)際的網(wǎng)絡(luò)環(huán)境中進(jìn)行測(cè)試。因?yàn)橐粋€(gè)企業(yè)內(nèi)部員工，特別是項(xiàng)目組人員總是有限的，而一個(gè)Web系統(tǒng)能同時(shí)處理的請(qǐng)求數(shù)量將遠(yuǎn)遠(yuǎn)超出這個(gè)限度，所以，只有放在Internet上，接受負(fù)載測(cè)試，其結(jié)果才是正確可信的。進(jìn)行壓力測(cè)試是指實(shí)際破壞一個(gè)Web應(yīng)用系統(tǒng)，測(cè)試系統(tǒng)的反映。壓力測(cè)試是測(cè)試系統(tǒng)的限制和故障恢復(fù)能力，也就是測(cè)試Web應(yīng)用系統(tǒng)會(huì)不會(huì)崩潰，在什么情況下會(huì)崩潰。黑客常常提供錯(cuò)誤的數(shù)據(jù)負(fù)載，直到Web應(yīng)用系統(tǒng)崩潰，接著當(dāng)系統(tǒng)重新啟動(dòng)時(shí)獲得存取權(quán)。壓力測(cè)試的區(qū)域包括表單、登陸和其他信息傳輸頁(yè)面等。

三、可用性測(cè)試

1、導(dǎo)航測(cè)試導(dǎo)航描述了用戶在一個(gè)頁(yè)面內(nèi)操作的方式，在不同的用戶接口控制之間，例如按鈕、對(duì)話框、列表和窗口等;或在不同的連接頁(yè)面之間。通過(guò)考慮下列問(wèn)題，可以決定一個(gè)Web應(yīng)用系統(tǒng)是否易于導(dǎo)航：導(dǎo)航是否直觀?Web系統(tǒng)的主要部分是否可通過(guò)主頁(yè)存取?Web系統(tǒng)是否需要站點(diǎn)地圖、搜索引擎或其他的導(dǎo)航幫助?在一個(gè)頁(yè)面上放太多的信息往往起到與預(yù)期相反的效果。Web應(yīng)用系統(tǒng)的用戶趨向于目的驅(qū)動(dòng)，很快地掃描一個(gè)Web應(yīng)用系統(tǒng)，看是否有滿足自己需要的信息，如果沒(méi)有，就會(huì)很快地離開(kāi)。很少有用戶愿意花時(shí)間去熟悉Web應(yīng)用系統(tǒng)的結(jié)構(gòu)，因此，Web應(yīng)用系統(tǒng)導(dǎo)航幫助要盡可能地準(zhǔn)確。導(dǎo)航的另一個(gè)重要方面是Web應(yīng)用系統(tǒng)的頁(yè)面結(jié)構(gòu)、導(dǎo)航、菜單、連接的風(fēng)格是否一致。確保用戶憑直覺(jué)就知道Web應(yīng)用系統(tǒng)里面是否還有內(nèi)容，內(nèi)容在什么地方。Web應(yīng)用系統(tǒng)的層次一旦決定，就要著手測(cè)試用戶導(dǎo)航功能，讓最終用戶參與這種測(cè)試，效果將更加明顯。

2、圖形測(cè)試

在Web應(yīng)用系統(tǒng)中，適當(dāng)?shù)膱D片和動(dòng)畫(huà)既能起到廣告宣傳的作用，又能起到美化頁(yè)面的功能。一個(gè)Web應(yīng)用系統(tǒng)的圖形可以包括圖片、動(dòng)畫(huà)、邊框、顏色、字體、背景、按鈕等。

圖形測(cè)試的內(nèi)容有：

(1)要確保圖形有明確的用途，圖片或動(dòng)畫(huà)不要胡亂地堆在一起，以免浪費(fèi)傳輸時(shí)間。Web應(yīng)用系統(tǒng)的圖片尺寸要盡量地小，并且要能清楚地說(shuō)明某件事情，一般都鏈接到某個(gè)具體的頁(yè)面。

(2)驗(yàn)證所有頁(yè)面字體的風(fēng)格是否一致。

(3)背景顏色應(yīng)該與字體顏色和前景顏色相搭配。

(4)圖片的大小和質(zhì)量也是一個(gè)很重要的因素，一般采用JPG或GIF壓縮。

3、內(nèi)容測(cè)試

內(nèi)容測(cè)試用來(lái)檢驗(yàn)Web應(yīng)用系統(tǒng)提供信息的正確性、準(zhǔn)確性和相關(guān)性。信息的正確性是指信息是可靠的還是誤傳的。例如，在商品價(jià)格列表中，錯(cuò)誤的價(jià)格可能引起財(cái)政問(wèn)題甚至導(dǎo)致法律糾紛;信息的準(zhǔn)確性是指是否有語(yǔ)法或拼寫錯(cuò)誤。這種測(cè)試通常使用一些文字處理軟件來(lái)進(jìn)行，例如使用Microsoft Word的“拼音與語(yǔ)法檢查”功能;信息的相關(guān)性是指是否在當(dāng)前頁(yè)面可以找到與當(dāng)前瀏覽信息相關(guān)的信息列表或入口，也就是一般Web站點(diǎn)中的所謂“相關(guān)文章列表”。

4、整體界面測(cè)試

整體界面是指整個(gè)Web應(yīng)用系統(tǒng)的頁(yè)面結(jié)構(gòu)設(shè)計(jì)，是給用戶的一個(gè)整體感。例如：當(dāng)用戶瀏覽Web應(yīng)用系統(tǒng)時(shí)是否感到舒適，是否憑直覺(jué)就知道要找的信息在什么地方?整個(gè)Web應(yīng)用系統(tǒng)的設(shè)計(jì)風(fēng)格是否一致?對(duì)整體界面的測(cè)試過(guò)程，其實(shí)是一個(gè)對(duì)最終用戶進(jìn)行調(diào)查的過(guò)程。一般Web應(yīng)用系統(tǒng)采取在主頁(yè)上做一個(gè)調(diào)查問(wèn)卷的形式，來(lái)得到最終用戶的反饋信息。對(duì)所有的可用性測(cè)試來(lái)說(shuō)，都需要有外部人員(與Web應(yīng)用系統(tǒng)開(kāi)發(fā)沒(méi)有聯(lián)系或聯(lián)系很少的人員)的參與，最好是最終用戶的參與。

四、客戶端兼容性測(cè)試

1、平臺(tái)測(cè)試

市場(chǎng)上有很多不同的操作系統(tǒng)類型，最常見(jiàn)的有Windows、Unix、Macintosh、Linux等。Web應(yīng)用系統(tǒng)的最終用戶究竟使用哪一種操作系統(tǒng)，取決于用戶系統(tǒng)的配置。這樣，就可能會(huì)發(fā)生兼容性問(wèn)題，同一個(gè)應(yīng)用可能在某些操作系統(tǒng)下能正常運(yùn)行，但在另外的操作系統(tǒng)下可能會(huì)運(yùn)行失敗。因此，在Web系統(tǒng)發(fā)布之前，需要在各種操作系統(tǒng)下對(duì)Web系統(tǒng)進(jìn)行兼容性測(cè)試。

2、瀏覽器測(cè)試

瀏覽器是Web客戶端最核心的構(gòu)件，來(lái)自不同廠商的瀏覽器對(duì)Java，、JavaScript、ActiveX、plug-ins或不同的HTML規(guī)格有不同的支持。例如，ActiveX是Microsoft的產(chǎn)品，是為Internet Explorer而設(shè)計(jì)的，JavaScript是Netscape的產(chǎn)品，Java是Sun的產(chǎn)品等等。另外，框架和層次結(jié)構(gòu)風(fēng)格在不同的瀏覽器中也有不同的顯示，甚至根本不顯示。不同的瀏覽器對(duì)安全性和Java的設(shè)置也不一樣。測(cè)試瀏覽器兼容性的一個(gè)方法是創(chuàng)建一個(gè)兼容性矩陣。在這個(gè)矩陣中，測(cè)試不同廠商、不同版本的瀏覽器對(duì)某些構(gòu)件和設(shè)置的適應(yīng)性。

五、安全性測(cè)試

Web應(yīng)用系統(tǒng)的安全性測(cè)試區(qū)域主要有：

(1)現(xiàn)在的Web應(yīng)用系統(tǒng)基本采用先注冊(cè)，后登陸的方式。因此，必須測(cè)試有效和無(wú)效的用戶名和密碼，要注意到是否大小寫敏感，可以試多少次的限制，是否可以不登陸而直接瀏覽某個(gè)頁(yè)面等。

(2)Web應(yīng)用系統(tǒng)是否有超時(shí)的限制，也就是說(shuō)，用戶登陸后在一定時(shí)間內(nèi)(例如15分鐘)沒(méi)有點(diǎn)擊任何頁(yè)面，是否需要重新登陸才能正常使用。

(3)為了保證Web應(yīng)用系統(tǒng)的安全性，日志文件是至關(guān)重要的。需要測(cè)試相關(guān)信息是否寫進(jìn)了日志文件、是否可追蹤。

(4)當(dāng)使用了安全套接字時(shí)，還要測(cè)試加密是否正確，檢查信息的完整性。

(5)服務(wù)器端的腳本常常構(gòu)成安全漏洞，這些漏洞又常常被黑客利用。所以，還要測(cè)試沒(méi)有經(jīng)過(guò)授權(quán)，就不能在服務(wù)器端放置和編輯腳本的問(wèn)題。

六、總結(jié)

本文從功能、性能、可用性、客戶端兼容性、安全性等方面討論了基于Web的系統(tǒng)測(cè)試方法。基于Web的系統(tǒng)測(cè)試與傳統(tǒng)的軟件測(cè)試既有相同之處，也有不同的地方，對(duì)軟件測(cè)試提出了新的挑戰(zhàn)。基于Web的系統(tǒng)測(cè)試不但需要檢查和驗(yàn)證是否按照設(shè)計(jì)的要求運(yùn)行，而且還要評(píng)價(jià)系統(tǒng)在不同用戶的瀏覽器端的顯示是否合適。重要的是，還要從最終用戶的角度進(jìn)行安全性和可用性測(cè)試。

第二篇：年終總結(jié)(網(wǎng)站測(cè)試)

部門：XX

職位：XX

員工：XX

年終總結(jié)范文

工作又過(guò)了一年，來(lái)到XX已將近三個(gè)月。回顧一年的歷程，總是在與bug相伴，測(cè)試思想，測(cè)試用例，測(cè)試報(bào)告也一直在與開(kāi)發(fā)人員溝通著如何才能把項(xiàng)目做得幾近完善，這是工作職責(zé)范圍內(nèi)的，也是作為一個(gè)測(cè)試人員應(yīng)該做的內(nèi)容，而這一年中所做的不完美與不深入，是我的遺憾。

這一年應(yīng)該是比較重要的一年，從測(cè)試入門到熟絡(luò)，從第一個(gè)公司到現(xiàn)在公司這些都是值得記住的事情。這一年總的來(lái)說(shuō)，完成了自己既定的目標(biāo)。在技術(shù)上，學(xué)些了js腳本、sql sever數(shù)據(jù)庫(kù)、功能測(cè)試，編寫測(cè)試用例，各種測(cè)試工具的使用。先對(duì)這一年重要的事情做一個(gè)回顧。在上一個(gè)工作做得是php程序員，但是對(duì)網(wǎng)站的熱愛(ài)讓我對(duì)網(wǎng)站測(cè)試有這濃厚的興趣，由于有之前的編程基礎(chǔ)，對(duì)于測(cè)試入手很快，加之女生特有的耐心和細(xì)心，讓我在網(wǎng)站測(cè)試行業(yè)如魚(yú)得水。在黃金十月中，我來(lái)到了XX這一個(gè)大家庭，經(jīng)過(guò)一段時(shí)間的調(diào)整，現(xiàn)在已經(jīng)融入到這個(gè)集體中。總的來(lái)說(shuō)，這一年通過(guò)自我提升使自己建立了自信心，有著勇氣面對(duì)前路未知的一切困難，也加深了自己對(duì)于測(cè)試的熱愛(ài)。

下面談?wù)勎磥?lái)一年的計(jì)劃和展望。

從測(cè)試技能來(lái)說(shuō)：我將更好地學(xué)習(xí)編寫測(cè)試報(bào)告，測(cè)試用例等基本技能，并學(xué)習(xí)使用各種測(cè)試工具以及網(wǎng)站的安全測(cè)試，性能測(cè)試以更高速更安全的保證軟件的質(zhì)量。學(xué)習(xí)loadrunner，QTP等自動(dòng)化測(cè)試。把功能測(cè)試做得更好，也開(kāi)始學(xué)習(xí)應(yīng)用自動(dòng)化測(cè)試，讓測(cè)試工作效率有個(gè)較大的提高。從項(xiàng)目來(lái)說(shuō)：系統(tǒng)學(xué)習(xí)下軟件的相關(guān)技能知識(shí)和相關(guān)業(yè)務(wù)知識(shí)，并逐步應(yīng)用到現(xiàn)在工作中去；了解項(xiàng)目各個(gè)角色的職能，以及怎樣通過(guò)相互之間的協(xié)作把項(xiàng)目推向成功。

展望，亦是一種期望。希望在下一年，工作各方面都有一個(gè)長(zhǎng)足的發(fā)展和進(jìn)步。希望通過(guò)實(shí)創(chuàng)所有同事的共同努力，把項(xiàng)目推向成功。希望生活越過(guò)越充實(shí)快樂(lè)。更希望，在明年這時(shí)，有一個(gè)更好的年終答卷。

路漫漫其修遠(yuǎn)兮，吾將上下而求索。

第三篇：網(wǎng)站界面設(shè)計(jì)心得

網(wǎng)站界面設(shè)計(jì)方法

網(wǎng)站界面設(shè)計(jì)方法

軟件的整體風(fēng)格和整體氣氛表達(dá)要同企業(yè)形象相符合并應(yīng)該很好的體現(xiàn)企業(yè) CI 這方面比較經(jīng)典的案例有：可口可樂(lè)個(gè)性鮮明的前衛(wèi)軟件 “Life Tast Good” 工整、全面、細(xì)致的通用電氣公司軟件 “We bring good thing to life GE 帶來(lái)美好的生活）” 崇尚科技創(chuàng)新文化的 3M 公司軟件 “Creat solut for busi industri and home” 刻意扮演一個(gè)數(shù)字電子娛樂(lè)之集大成者的角色，另外。要成為新時(shí)代夢(mèng)想實(shí)現(xiàn)者的索尼軟件；平易近人、親情濃郁的通用汽車公司軟件體現(xiàn)了 “ 以人為本 ” 企業(yè)定位和營(yíng)銷策略；服務(wù)全面、細(xì)致、方便，處處體現(xiàn) “ 門庭若市 ” 服務(wù)理念的希爾頓大酒店軟件。

包括硬件界面和軟件界面，界面設(shè)計(jì)是人與機(jī)器之間傳送和交換信息的媒介。計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。近年來(lái)，隨著信息技術(shù)與計(jì)算機(jī)技術(shù)的迅速發(fā)展，網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn)，人機(jī)界面設(shè)計(jì)和開(kāi)發(fā)已成為國(guó)際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向。

研究包括：

硬件人機(jī)界面的設(shè)計(jì)風(fēng)格、人文關(guān)懷等；軟件人機(jī)界面的形式與標(biāo)準(zhǔn)、軟件人機(jī)界面設(shè)計(jì)、Internet 網(wǎng)頁(yè)界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)等；人機(jī)界面設(shè)計(jì)評(píng)價(jià)與可用性測(cè)試；新交互技術(shù)及展望，人機(jī)界面的定義、起源、發(fā)展、研究?jī)?nèi)容及發(fā)展趨勢(shì)；人機(jī)界面設(shè)計(jì)中認(rèn)知心理學(xué)、人機(jī)工程學(xué)、人機(jī)界面的藝術(shù)設(shè)計(jì)、色彩設(shè)計(jì)等；人機(jī)界面設(shè)計(jì)。介紹了多通道用戶界面、下一代人機(jī)界面展望及附錄。

關(guān)于軟件界面設(shè)計(jì) : 會(huì)看到很多軟件設(shè)計(jì)很樸素，軟件用戶界面（Softwar User Interfac 指軟件用于和用戶交流的外觀、部件和程序等等。如果你經(jīng)常上網(wǎng)的話。看起來(lái)給人一種很舒服的感覺(jué)；有點(diǎn)軟件很有創(chuàng)意，能給人帶來(lái)意外的驚喜和視覺(jué)的沖擊；而相當(dāng)多的軟件頁(yè)面上充斥著怪異的字體，花哨的色彩和圖片，給人網(wǎng)頁(yè)制作粗劣的感覺(jué)。軟件界面的設(shè)計(jì)，既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的還要結(jié)合圖形和版面設(shè)計(jì)的相關(guān)原理，從而使得軟件設(shè)計(jì)變成了一門獨(dú)特的藝術(shù)。通常的講，企業(yè)軟件用戶界面的設(shè)計(jì)應(yīng)遵循以下幾個(gè)基本原則： ．用戶導(dǎo)向（User orient 原則

要站在用戶的觀點(diǎn)和立場(chǎng)上來(lái)考慮設(shè)計(jì)軟件。要作到這一點(diǎn)，設(shè)計(jì)網(wǎng)頁(yè)首先要明確到底誰(shuí)是使用者。必需要和用戶來(lái)溝通，解他需求、目標(biāo)、期望和偏好等。網(wǎng)頁(yè)的設(shè)計(jì)者要清楚，用戶之間差別很大，能力各有不同。比如有的用戶可能會(huì)在視覺(jué)方面有欠缺（如色盲）對(duì)很多的顏色分辨不清；有的用戶的聽(tīng)覺(jué)也會(huì)有障礙，對(duì)于軟件的語(yǔ)音提示反映愚鈍；而且相當(dāng)一部分用戶的計(jì)算機(jī)使用經(jīng)驗(yàn)很初級(jí)，對(duì)于復(fù)雜一點(diǎn)的操作會(huì)感覺(jué)到很費(fèi)力。另外，用戶使用的計(jì)算機(jī)機(jī)器配置也是千差萬(wàn)別，包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會(huì)有不同。設(shè)計(jì)者如果忽視了這些差異，設(shè)計(jì)出的網(wǎng)頁(yè)在不同的機(jī)器上顯示就會(huì)造成混亂。． KISS Keep It Simpl And Stupid 原則 簡(jiǎn)潔和易于操作是網(wǎng)頁(yè)設(shè)計(jì)的最重要的原則。終究，KISS 原則就是 “Keep It Simpl And Stupid” 縮寫。軟件建設(shè)進(jìn)去是用于普通網(wǎng)民來(lái)查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒(méi)有必要在網(wǎng)頁(yè)上設(shè)置過(guò)多的操作，堆集上很多復(fù)雜和花哨的圖片。該原則一般的要求，網(wǎng)頁(yè)的下載不要超越 10 秒鐘（普通的撥號(hào)用戶 56 Kbp 網(wǎng)速）盡量使用文本鏈接，而減少大幅圖片和動(dòng)畫(huà)的使用；操作設(shè)計(jì)盡量簡(jiǎn)單，并且有明確的操作提示；軟件所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說(shuō)明等。．布局控制

很多網(wǎng)頁(yè)設(shè)計(jì)者重視不夠，關(guān)于網(wǎng)頁(yè)排版布局方面。網(wǎng)頁(yè)排版設(shè)計(jì)的過(guò)于死板，甚至照抄他人。如果網(wǎng)頁(yè)的布局凌亂，僅僅把大量的信息堆集在頁(yè)面上，會(huì)干擾瀏覽者的閱讀。一般在網(wǎng)頁(yè)設(shè)計(jì)上所要遵循的原理有：

人一次性接受的信息量在 7 個(gè)比特左右為宜。總結(jié)一個(gè)公式為：一個(gè)人一次所接受的信息量為 7 ± 2 比特。這一原理被廣泛應(yīng)用于軟件建設(shè)中，1 Miller 公式。根據(jù)心理學(xué)家 Georg A.Miller 研究標(biāo)明。一般網(wǎng)頁(yè)上面的欄目選擇最佳在 5 9 個(gè)之間，如果軟件所提供給瀏覽者選擇的內(nèi)容鏈接超過(guò)這個(gè)區(qū)間，人在心理上就會(huì)煩躁，壓抑，會(huì)讓人感覺(jué)到信息太密集，看不過(guò)來(lái)，很累。例如 Aol.com 欄目設(shè)置： Main MyA ol Mail Peopl Search Shop Channel 和 Devic 共八個(gè)分類。Msn.com 欄目設(shè)置： MSN Home My MSN Hotmail Search Shop Monei 和 Peopl & Chat 共七項(xiàng)。然而很多國(guó)內(nèi)的軟件在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個(gè)區(qū)間。

不能超過(guò) 9 個(gè)欄目。但如果你內(nèi)容實(shí)在多，2 分組處置。上面提到對(duì)于信息的分類。超出了 9 個(gè)，需要進(jìn)行分組處置。如果，網(wǎng)頁(yè)上提供幾十篇文章的鏈接，需要每隔 7 篇加一個(gè)空行或平行線做以分組。如果你軟件內(nèi)容欄目超出 9 個(gè)，如微軟公司的軟件，共有 11 個(gè)欄目，超越了 9 個(gè)。為了不破壞 Miller 公式，設(shè)計(jì)時(shí)使用藍(lán)黑兩種顏色分開(kāi)，具體可以訪問(wèn) www.tmdps.cn 4 ．視覺(jué)平衡

也要各種元素（如圖形、文字、空白）都會(huì)有視覺(jué)作用。根據(jù)視覺(jué)原理，網(wǎng)頁(yè)設(shè)計(jì)時(shí)。圖形與一塊文字相比較，圖形的視覺(jué)作用要大一些。所以，為了達(dá)到視覺(jué)平衡，設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要以更多的文字來(lái)平衡一幅圖片。另外，依照中國(guó)人的閱讀習(xí)慣是從左到右，從上到下，因此視覺(jué)平衡也要遵循這個(gè)這個(gè)道理。例如，很多的文字是采用左對(duì)齊〈 Align=left 需要在網(wǎng)頁(yè)的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下，每張網(wǎng)頁(yè)都會(huì)設(shè)置一個(gè)頁(yè)眉部分和一個(gè)頁(yè)腳部分，頁(yè)眉部分常放置一些 Banner 廣告或?qū)Ш綏l，而頁(yè)腳局部通常放置聯(lián)系方式和版權(quán)信息等，頁(yè)眉和頁(yè)腳在設(shè)計(jì)上也要注重視覺(jué)平衡。同時(shí)，也決不能低估空白的價(jià)值。如果你網(wǎng)頁(yè)上所顯示的信息非常密集，這樣不但有利于讀者閱讀，甚至?xí)鹱x者反感，破壞該軟件的形象。網(wǎng)頁(yè)設(shè)計(jì)上，適當(dāng)增加一些空白，精煉你網(wǎng)頁(yè)，使得頁(yè)面變的簡(jiǎn)潔。5 ．色彩的搭配和文字的可閱讀性

不同的顏色對(duì)人的感覺(jué)有不同的影響，顏色是影響網(wǎng)頁(yè)的重要因素。例如：紅色和橙色使人興奮并使得心跳加速；黃色使人聯(lián)想到陽(yáng)光，一種快活的顏色；黑顏色顯得比較莊重，考慮到希望對(duì)瀏覽者產(chǎn)生什么影響，為網(wǎng)頁(yè)設(shè)計(jì)選擇合適的顏色（包括背景色、元素顏色、文字顏色、鏈節(jié)顏色等）可以參考報(bào)紙的編排方式將網(wǎng)頁(yè)的內(nèi)容分欄設(shè)計(jì)，為方便閱讀軟件上的信息。甚至兩欄也要比一滿頁(yè)的視覺(jué)效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體，通用的字體（Arial Courier New Garamond Time New Roman 中文宋體）最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文。如果在整個(gè)頁(yè)面使用一些特殊字體（如 Cloister Gothic Script Westminst 華文彩云，華文行楷）這樣讀者閱讀起來(lái)感覺(jué)一定很糟糕。該類特殊字體如果在頁(yè)面上大量使用，會(huì)使得閱讀頗為費(fèi)力，瀏覽者的眼睛很快就會(huì)疲勞，不得不轉(zhuǎn)移到其他頁(yè)面。6 ．和諧與一致性

使得設(shè)計(jì)良好的網(wǎng)頁(yè)看起來(lái)應(yīng)該是和諧的或者說(shuō)，通過(guò)對(duì)軟件的各種元素（顏色、字體、圖形、空白等）使用一定的規(guī)格。軟件的眾多單獨(dú)網(wǎng)頁(yè)應(yīng)該看起來(lái)像一個(gè)整體。軟件設(shè)計(jì)上要保持一致性，這又是很重要的一點(diǎn)。一致的結(jié)構(gòu)設(shè)計(jì)，可以讓瀏覽者對(duì)軟件的形象有深刻的記憶；一致的導(dǎo)航設(shè)計(jì)，可以讓瀏覽者迅速而又有效的進(jìn)入在軟件中自己所需要的局部；一致的操作設(shè)計(jì)，可以讓瀏覽者快速學(xué)會(huì)在整個(gè)軟件的各種功能操作。破壞這一原則，會(huì)誤導(dǎo)瀏覽者，并且讓整個(gè)軟件顯的雜亂無(wú)章，給人留下不良的印象。當(dāng)然，軟件設(shè)計(jì)的一致性并不意味著刻板和一成不變，有的軟件在不同欄目使用不同的風(fēng)格，或者隨著時(shí)間的推移不斷的改版軟件，會(huì)給瀏覽者帶來(lái)新鮮的感覺(jué)。7 ．個(gè)性化 1 符合網(wǎng)絡(luò)文化

要符合 Internet 網(wǎng)絡(luò)文化的要求。首先，企業(yè)軟件不同于傳統(tǒng)的企業(yè)商務(wù)活動(dòng)。網(wǎng)絡(luò)最早是非正式性、非商業(yè)化的只是科研人員用來(lái)交流信息。其次，網(wǎng)絡(luò)信息是只在計(jì)算機(jī)屏幕上顯示而沒(méi)有打印出來(lái)閱讀，網(wǎng)絡(luò)上的交流具有隱蔽性，誰(shuí)也不知道對(duì)方的真實(shí)身份。另外，許多人在上網(wǎng)的時(shí)候是家中或網(wǎng)吧等一些比較休閑，比較隨意的環(huán)境下。此時(shí)網(wǎng)絡(luò)用戶的使用環(huán)境所蘊(yùn)涵的思維模式與坐在辦公室里西裝革履的時(shí)候大相徑庭。因此，整個(gè)互聯(lián)網(wǎng)的文化是一種休閑的非正式性的輕松活潑的文化。軟件上使用幽默的網(wǎng)絡(luò)語(yǔ)言，發(fā)明一種休閑的輕松愉快、非正式的氛圍會(huì)使軟件的訪問(wèn)量大增。2 塑造軟件個(gè)性

第四篇：網(wǎng)站制作心得

網(wǎng)站模板制作心得

在網(wǎng)站模板的建設(shè)中，所有的框架設(shè)計(jì)，最重要，最核心的位置就是導(dǎo)航。在國(guó)外也是一樣，從事網(wǎng)站設(shè)計(jì)這個(gè)行業(yè)有80%以上的網(wǎng)站，最常用的就是導(dǎo)航了，因?yàn)閷?dǎo)航可以讓用快速的找到自己想要的東西，也就是說(shuō)呢，提供一個(gè)有用的導(dǎo)航，要遠(yuǎn)遠(yuǎn)的比做一些無(wú)用的網(wǎng)頁(yè)出來(lái)更來(lái)得快點(diǎn)。

導(dǎo)航可分為一維，二維，多維來(lái)講，一維對(duì)應(yīng)的是線性結(jié)構(gòu)的，二維是對(duì)于分層結(jié)構(gòu)，多維對(duì)于的是無(wú)序結(jié)構(gòu)的，好像這么說(shuō)有點(diǎn)抽象了點(diǎn)，下面就說(shuō)簡(jiǎn)單的，也最容易明白的。

在以前網(wǎng)站設(shè)計(jì)的時(shí)候，就僅僅限制在一二三級(jí)的，而最好的技術(shù)也就是單對(duì)多的樹(shù)狀，就是分層導(dǎo)航，也是必要的元素，而跟蹤用戶的行為，記錄下用戶在網(wǎng)站上的瀏覽痕跡就是線性導(dǎo)航了，也叫包屑；在管理后臺(tái)的時(shí)候，在首頁(yè)增加一個(gè)貌似是分層結(jié)構(gòu)的鏈接就是無(wú)序?qū)Ш剑步锌旖莘绞健?/p>

二維的結(jié)構(gòu)就比較復(fù)雜的，必定就會(huì)造成導(dǎo)航的深過(guò)度，用戶就很難達(dá)到了，這個(gè)時(shí)候就需要考慮到方案的實(shí)施，具體的設(shè)計(jì)有以下2點(diǎn)：

1、從沒(méi)有到有，把當(dāng)前所有能夠用的都放出來(lái)，盡量用；

2、按順序由多到少的過(guò)程，慢慢的分解掉任務(wù)的主次之分.如果是從用戶的體驗(yàn)角度去說(shuō)的話，導(dǎo)航的作用是非常大的，不僅能夠讓自己的網(wǎng)站突出美觀，還能夠給用戶一個(gè)好的體驗(yàn)，讓用戶一眼就知道你的每一個(gè)欄目下是做什么的，方便用戶去找，不至于用戶來(lái)的時(shí)候，就迷路了，最后關(guān)掉網(wǎng)站才能夠走出來(lái)，這樣的網(wǎng)站絕對(duì)是一個(gè)

失敗的作品。信息整理于http:///Templates.aspx

第五篇：網(wǎng)站建設(shè)心得

網(wǎng)站建設(shè)的個(gè)人總結(jié)

從三月底到六月中旬，我們小組的網(wǎng)站從白板空白到填充好內(nèi)容，做好推廣，為期三個(gè)月的網(wǎng)站維護(hù)終于要落下帷幕，不得不說(shuō)，做一個(gè)完整的網(wǎng)站，真的很不容易！以前總覺(jué)得網(wǎng)站就僅僅是個(gè)網(wǎng)站，自從從自己親手開(kāi)始做一個(gè)網(wǎng)站，是從自己說(shuō)中孕育出來(lái)的，真的像自己的小寶寶一樣，從申請(qǐng)域名，到購(gòu)買空間，真的很不容易！

從網(wǎng)站建設(shè)這門課程來(lái)說(shuō)，真的學(xué)到很多的東西，運(yùn)用了老師課上講的東西，在運(yùn)用的過(guò)程中，很明顯的發(fā)現(xiàn)，課上學(xué)的理論知識(shí)和運(yùn)用到實(shí)際中是天壤之別，聽(tīng)起來(lái)很簡(jiǎn)單，但是運(yùn)用起來(lái)真的很難，遇到不同的大大小小的問(wèn)題，所以說(shuō)只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來(lái)，從理論中得出結(jié)論，更不能眼高手低，多實(shí)際，少空想。

在這次網(wǎng)站建設(shè)的時(shí)候，我們?cè)谡n上一起思考網(wǎng)站的主題、風(fēng)格和網(wǎng)站的內(nèi)容。我們小組進(jìn)行了無(wú)數(shù)次的討論，從做什么網(wǎng)站開(kāi)始，就有了分歧，最后我們一直決定做‘家教信息’類的網(wǎng)站，因?yàn)槲覀冃〗M大部分成員都有做過(guò)家教。最后采用了Wordpress是因?yàn)槲覀冃〗M一直認(rèn)為Wordpress簡(jiǎn)單明了，好操控。前期準(zhǔn)備過(guò)程中，小組也在老師的帶領(lǐng)下終于確定了網(wǎng)站的框架結(jié)構(gòu)、風(fēng)格、內(nèi)容和關(guān)鍵字。在和小組成員討論的過(guò)程中，每個(gè)人開(kāi)啟了頭腦風(fēng)風(fēng)暴，為彼此開(kāi)闊了我新的思路和視野，跳出自己的思維定勢(shì)，這樣會(huì)讓我我們小組的每一位成員對(duì)問(wèn)題都有了更全面的認(rèn)識(shí)和理解，也就能想出更好地辦法并做出更有效的決策。在討論的過(guò)程中，可以明確感覺(jué)到小組契合度越來(lái)越高。我們?cè)诰W(wǎng)站設(shè)計(jì)中遇到了打不開(kāi)網(wǎng)站、網(wǎng)站停止運(yùn)營(yíng)等情況，最后在我們的共同努力下，終于克服了一個(gè)又一個(gè)難題，最終成功的完成了網(wǎng)站的建設(shè)，每一次克服困難都分分鐘讓我體會(huì)到團(tuán)隊(duì)協(xié)作的重要性，在合作的過(guò)程中，在小組成員的身上我都學(xué)到了很多實(shí)用的知識(shí)和可貴的品質(zhì)，取長(zhǎng)補(bǔ)短，令我有了很大的進(jìn)步。

在網(wǎng)站建設(shè)的過(guò)程中我發(fā)現(xiàn)了自己的許多不足之處，不能夠?qū)⒗碚撝R(shí)運(yùn)用到實(shí)際中，技能掌握得不夠牢固，需要不斷的完善，多多嘗試。從這門課程中，不僅鞏固了知識(shí)，也接觸到了更多的新東西，讓我能夠以現(xiàn)實(shí)網(wǎng)站開(kāi)發(fā)設(shè)計(jì)者的身份體會(huì)整個(gè)網(wǎng)站設(shè)計(jì)與測(cè)試的過(guò)程，真正的將理論的知識(shí)轉(zhuǎn)化為實(shí)踐。

在網(wǎng)站建設(shè)的過(guò)程中，女生本身就對(duì)色彩比較敏感，網(wǎng)站建設(shè)完善后，不僅提高了我的欣賞能力，而且對(duì)色彩的搭配變得更好看。最讓我有所提高的就是我的耐心和細(xì)心程度，當(dāng)碰到問(wèn)題時(shí)，從一開(kāi)始的急躁、煩躁到現(xiàn)在一遇到問(wèn)題我可以先冷靜下來(lái)好好想想怎么解決，而不是一再的生悶氣、發(fā)火，遇到問(wèn)題先冷靜下來(lái)，不斷地克服難題，以持之以恒的毅力解決問(wèn)題。在維護(hù)網(wǎng)站的過(guò)程中，深切的感受到對(duì)于網(wǎng)站的維護(hù)時(shí)一個(gè)很繁瑣的工作，要做到巨細(xì)無(wú)漏，大到內(nèi)容版式，小到一個(gè)標(biāo)點(diǎn)符號(hào)，都是要注意的地方。

最后，我真的要感謝與我合作了一個(gè)學(xué)期的搭檔，在整個(gè)網(wǎng)站建設(shè)的過(guò)程中，大家互相相互鼓勵(lì)，相互支持，相互幫助，每一位搭檔和自己都取得了很大的進(jìn)步，每一位搭檔都盡職盡責(zé)的完成自己的工作。最后感謝羅艷老師給我們開(kāi)設(shè)網(wǎng)站建設(shè)這門課程，使得我們將理論知識(shí)和實(shí)際結(jié)合起來(lái)，真切了解到實(shí)踐是檢驗(yàn)真理的唯一便準(zhǔn)！從這門課上學(xué)到的知識(shí)也會(huì)是我人生中一筆寶貴的財(cái)富！