目錄：

引言…………………………………………………………………..2

1系統(tǒng)設(shè)計目標和使用的主要技術(shù)……………………………….4

1．1設(shè)計目標………………………………………………………4

1．2主要技術(shù)………………………………………………………4

1．2．1模板技術(shù)………………………………………………….4

總論

本規(guī)范既是一個開發(fā)規(guī)范，也是一個腳本語言參考，本規(guī)范并不是一個一成不變的必須嚴格遵守的條文，特殊情況下要靈活運用，做一定的變通。但是，請大家千萬不要隨意更改規(guī)范。如果有任何問題，請及時與我聯(lián)系，我會及時更改本規(guī)范的相關(guān)代碼樣例和文檔。

/基本要求

1.在網(wǎng)站根目錄中開設(shè)imagescommontemp三個子目錄，根據(jù)需要再開設(shè)media子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。

2.在根目錄中原則上應該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設(shè)一個目錄，根據(jù)需要在每一個欄目的目錄中開設(shè)一個images和media的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應的再開設(shè)其他目錄。

3.temp目錄中的文件往往會比較多，建議以時間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。

摘要:商業(yè)網(wǎng)頁設(shè)計中具體的字體、圖形、圖象、標志等等，常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。本文將分析商業(yè)網(wǎng)頁設(shè)計視覺因素的心理規(guī)律，揭示網(wǎng)頁設(shè)計如何通過視覺因素更有效、更合理的表現(xiàn)與傳達信息。

關(guān)鍵詞:網(wǎng)頁設(shè)計視覺心理因素構(gòu)成要素視覺流程

商業(yè)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供產(chǎn)品和服務的一種方式,是企業(yè)開展電子商務的基礎(chǔ)設(shè)施和信息平臺，其網(wǎng)頁頁面由具體的文字（標題、廣告語、單位名稱、Email地址等）、企業(yè)標志、商標、產(chǎn)品圖形、和信息菜單等內(nèi)容組成，這些內(nèi)容又常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。

本文將試析商業(yè)網(wǎng)頁設(shè)計視覺因素的心理規(guī)律，揭示商業(yè)網(wǎng)頁設(shè)計如何通過視覺心理因素更有效、更合理的表現(xiàn)與傳達信息。展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略。

一、商業(yè)網(wǎng)頁設(shè)計中點、線、面視覺心理因素的運用

點、線、面是商業(yè)網(wǎng)頁設(shè)計基本的視覺元素，是表現(xiàn)視覺形象的基本設(shè)計語言。從視覺角度看網(wǎng)頁設(shè)計主要是如何經(jīng)營好三者的關(guān)系，因為不管是任何視覺形象或者版式構(gòu)成，歸結(jié)到底，都可以歸納為點、線和面。

基本要求

1.在網(wǎng)站根目錄中開設(shè)imagescommontemp三個子目錄，根據(jù)需要再開設(shè)media子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。

2.在根目錄中原則上應該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設(shè)一個目錄，根據(jù)需要在每一個欄目的目錄中開設(shè)一個images和media的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應的再開設(shè)其他目錄。

3.temp目錄中的文件往往會比較多，建議以時間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。

4.除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗證明，用拼音命名的目錄往往連一個月后的自己都看不懂，

腳本編寫

1注意網(wǎng)頁設(shè)計方案要素是否有缺漏

一個網(wǎng)頁要能表達一定的內(nèi)容和具備一定的功能，就必須具有相應的結(jié)構(gòu)成分。這些結(jié)構(gòu)成分可以稱為“網(wǎng)頁要素”，因為它們是一個完整的網(wǎng)頁不可或缺的。從宏觀上來看，根據(jù)視覺流程從上而下的順序，一個網(wǎng)頁的總體框架由頁面頭部、中部內(nèi)容區(qū)和頁面尾部組成。考題中給出的這個頁面，已經(jīng)設(shè)有導航條所在的頭部和包含了6個欄目的中部內(nèi)容區(qū)，但是沒有出現(xiàn)尾部。不過，尾部區(qū)域主要用于著錄表明網(wǎng)站合法性的行政許可（或備案）文件的文號、版權(quán)信息、經(jīng)營單位的基本信息及其相沈菁上海出版印刷高等?？茖W校，200093，上海3把握網(wǎng)頁設(shè)計方案的審核要點關(guān)鏈接等，一般是整個網(wǎng)站統(tǒng)一設(shè)計、制作好模板后供各個網(wǎng)頁使用的。作為網(wǎng)站下的一個專題頻道，其首頁的尾部只要照用網(wǎng)站已有的現(xiàn)成模板即可，無須再專門設(shè)計，所以，頁面設(shè)計樣張中一般可以不再列出。這樣，可以說該網(wǎng)頁沒有缺漏宏觀層面的要素。從中觀上來看，頁面頭部應該有表示本頻道主題的頻道名稱、表示本頻道框架構(gòu)成并方便用戶選擇瀏覽相應內(nèi)容的導航條；中部的內(nèi)容區(qū)域則應列出本頻道中相對較為重要的欄目，以方便用戶登錄該頻道后就能直接觀看到一些重要信息。以這些要求來衡量，題目中的網(wǎng)頁在中觀上也是基本符合要求的。進行宏觀和中觀審核后，才是從微觀上對網(wǎng)頁各部分進行審核，其順序一般也是從上到下。就網(wǎng)頁頭部來說，頻道名稱應該簡潔明了，直接點明主題，周圍可以加簡單的圖片，也可不加。同時，導航條上應該列出構(gòu)成本頻道的基本板塊。如果空間允許，導航條上還可盡量再列出板塊下的一些子項名稱，以體現(xiàn)各個頁面的層級關(guān)系，使整個網(wǎng)站結(jié)構(gòu)清晰明了；如果空間不足，子項也可不列。

題中的網(wǎng)頁設(shè)計圖，在這些方面應該說是達到了一般要求。此外，頻道只是整個網(wǎng)站的組成部分之一，一個網(wǎng)站往往可以設(shè)有多個頻道，分別表示不同的內(nèi)容主題，整個網(wǎng)站的內(nèi)容特色和最為重要的信息功能，則集中在網(wǎng)站首頁上。用戶瀏覽網(wǎng)站時，網(wǎng)頁按樹形結(jié)構(gòu)一層一層展開，瀏覽得越具體，離開作為“樹根”的網(wǎng)站首頁距離就越遠。這樣，作為一個網(wǎng)站下的專題頻道，就應該設(shè)有與網(wǎng)站首頁的鏈接，讓用戶可以通過單擊這個超鏈接直接返回網(wǎng)站首頁。分析題目中的網(wǎng)頁設(shè)計圖頭部區(qū)域，可知其中缺漏了這個要素。所以，應該在導航條上增添與網(wǎng)站首頁鏈接的文字或圖形。但在考試中，絕大部分考生都忽視了這一疏漏。就網(wǎng)頁中部區(qū)域來說，一般各個欄目都應該有相應的名稱，再在其下按具體內(nèi)容的多少，或直接提供以文字、圖片、動畫、音頻、視頻等形式表現(xiàn)的有關(guān)內(nèi)容，或列出相關(guān)內(nèi)容的標題供用戶進一步展開網(wǎng)頁瀏覽。題中所示網(wǎng)頁設(shè)計圖的中部區(qū)域，基本上做到了這些，唯獨“頭條圖片”這個欄目，既沒有欄目名稱，也沒有對圖片作詮釋說明的相關(guān)說明文字，即圖題。當然，圖片欄目有些特殊性，其所在位置可說已經(jīng)表明是“頭條”，內(nèi)容表現(xiàn)形式也已體現(xiàn)出是“圖片”，再專門標上欄目名稱便有蛇足之嫌。然而，圖題是必需的，不可缺漏，否則用戶就不易理解該圖是什么意思，或者產(chǎn)生張冠李戴的誤解；況且，圖片有時可能會因種種原因而不能正常顯示，而有了明確的圖題，用戶可借以知道該處是什么。所以，為了保證信息的傳遞更直接有效，更好地提升用戶的閱讀體驗，應當補上圖題這一網(wǎng)頁要素。在圖題的設(shè)置上，如果欄目中只有一幅圖片，圖題可以單獨放在欄目下部；如果欄目包含一組圖片，那就宜把每幅圖的圖題與圖片有機結(jié)合在一起，置于其下方，而在欄目下部列出與各幅圖片鏈接的標志。需要說明的是，雖然圖片因能夠美化網(wǎng)頁、吸引用戶注意而在網(wǎng)頁設(shè)計中有著重要的作用，但一個頁面上不宜安排過多的圖片，否則會降低打開頁面的速度。同時，圖片必須事先經(jīng)過優(yōu)化處理，一般采用gif或者jpg壓縮格式，以減小頁面的數(shù)據(jù)下載量。

2注意項目安排是否邏輯合理

網(wǎng)站的功能是展示信息供用戶瀏覽。為讓用戶順利地找到其所需要的內(nèi)容信息，網(wǎng)頁上的各個項目安排就必須遵循一般用戶都準確理解的規(guī)則。邏輯體現(xiàn)了人類思維的共同規(guī)律。如果網(wǎng)頁的設(shè)計在邏輯上合理，用戶就能方便地按照一般邏輯規(guī)律使用網(wǎng)頁。這樣，審核網(wǎng)頁設(shè)計方案中各個項目的安排是否合乎邏輯，就成為網(wǎng)絡(luò)編輯的重要任務。網(wǎng)頁項目的安排要達到邏輯合理，就要根據(jù)事物分類的一般邏輯要求，將具有相同屬性內(nèi)容的項目進行歸納后，共置于某個可以概括這些屬性特點的類別中。審視考題中所給網(wǎng)頁的各個項目可以發(fā)現(xiàn)，幾個欄目的屬性具有基本平行的關(guān)系，將它們并列置于同一層級是正確的，但是，頁面上出現(xiàn)兩個同名欄目則是相互矛盾的，應該修改。根據(jù)欄目內(nèi)容和題干中的交代，可知應該把中間欄目的名稱改成“積分榜”。此外，導航條上所列各個板塊，其屬性也具有平行關(guān)系，可以并列，而板塊與其包含的子選項之間則具有類屬關(guān)系，所以將子選項分別置于各板塊內(nèi)，這也是合理的。但是，進一步分析各個子選項的內(nèi)容，就能發(fā)現(xiàn)有些子選項的類屬劃分在邏輯上是不合理的：“全場回看”不應屬于“新聞”板塊，應置于“視頻”下，而“最新動態(tài)”倒是應屬于“新聞”板塊，卻被誤置于“視頻”板塊內(nèi)；“射手”和“排行”主要提供一些統(tǒng)計數(shù)據(jù)，而不是與用戶討論，所以應屬于“數(shù)據(jù)”板塊而非“互動”板塊；相反地，“投注”和“微博”應屬于“互動”板塊而非“數(shù)據(jù)”板塊。因此，考生應該對這些子選項的分布作出合理的調(diào)整。

3注意版式的規(guī)范與否

內(nèi)容摘要：瀏覽者用直接的方式把網(wǎng)頁版面各要素知覺為一個網(wǎng)頁版面格式塔，應用格式塔心理學的組織律可以完善網(wǎng)頁版面式樣。利用格式塔心理學原理，復雜完美的網(wǎng)頁版面格式塔可以從“統(tǒng)一”和“變化”兩個方面來建構(gòu)，能使讀者獲得審美愉悅。

關(guān)鍵詞：格式塔網(wǎng)頁版面審美心理

網(wǎng)頁版面設(shè)計要給瀏覽者創(chuàng)造一種氣氛，使瀏覽者在未閱讀之前便可以概括領(lǐng)略整個網(wǎng)頁的風格。當瀏覽者剛打開網(wǎng)頁的時候，首先引起他們注意的是由顏色、形狀、大小各不同的要素組成的一個版面式樣。這樣瀏覽者就會從一個抱著獲取信息的功利態(tài)度的求知者轉(zhuǎn)而成為一個審美期望的審美主體。并在對網(wǎng)頁版面式樣瞬間的知覺中，完成一個完全脫離網(wǎng)頁內(nèi)容、只“觀照”網(wǎng)頁版面式樣的審美意識活動。

格式塔派創(chuàng)始人韋特墨于1923年在一篇論文中提出了“知覺結(jié)構(gòu)原則”，認為一個人“采用直接而統(tǒng)一的方式把事物知覺為統(tǒng)一的整體，而不是知覺為一群個別的感覺”，“在許多刺激條件下，有盡可能把圖形看成‘完好’圖形的趨向?！边@一學派提出了“同形論”，按照苛勒的說法，其含義是：“經(jīng)驗到的空間秩序在結(jié)構(gòu)上總是和作為基礎(chǔ)的大腦過程分布的機能秩序是同一的?！盵1]美國美學家魯?shù)婪颉ぐ⒍骱Ｄ返摹端囆g(shù)與視知覺》一書中提到，在用外部事物的形式與主體的情感之間存在著“力”的結(jié)構(gòu)的“同形”關(guān)系，來解釋形式的情感意味，這就是說，由于外在世界對象物的物理的力與人的內(nèi)心世界的心理的力在結(jié)構(gòu)圖式上有“同形同構(gòu)”或“異質(zhì)同構(gòu)”關(guān)系。因而，當某種外在事物形式的力的結(jié)構(gòu)圖式傳達到人的大腦時，與大腦電化學力場中某種力的結(jié)構(gòu)圖式相互對應，引起大致相同的電脈沖傳遞，使人的內(nèi)在情感與外在事物形式合拍一致，于是主體產(chǎn)生審美愉悅，客體成為審美對象。例如，音樂是婉轉(zhuǎn)下降的旋律，與人在悲傷時大腦力場的力的結(jié)構(gòu)相同，都會給人帶來一種凄切的意味。格式塔的同形論，以內(nèi)外雙方力的式樣的同形或者異質(zhì)同構(gòu)來解釋對象形式的表情性質(zhì)。藝術(shù)就要善于通過物質(zhì)造成這種結(jié)構(gòu)完形，喚起欣賞者身心結(jié)構(gòu)上的類似反應，不要只以題材內(nèi)容使瀏覽者單單了解其意義。[2]根據(jù)這一理論，我們可以這樣解釋：瀏覽者是采用直接而統(tǒng)一的方式把版面的各個要素知覺為一個統(tǒng)一的整體和完好圖形的，而不是把它知覺為一群個別色彩、形狀、大小、位置和要素。完美的網(wǎng)頁版面樣式的物理的力與讀者的內(nèi)心世界的心理的力在結(jié)構(gòu)圖式上是同形的，因此，當前者這一力的結(jié)構(gòu)圖式傳送到瀏覽者的大腦時，與瀏覽者大腦電化學力場中某種力的結(jié)構(gòu)圖式相互對應、吻合，引起大致相同的電脈沖傳遞，喚起了瀏覽者身心結(jié)構(gòu)上的類似反應，使瀏覽者的內(nèi)在情感與完美的網(wǎng)頁版面樣式合拍一致。于是瀏覽者產(chǎn)生了審美愉悅，網(wǎng)頁版面樣式成為審美對象。

網(wǎng)頁版面式樣的審美心理是影響網(wǎng)頁可讀性的一個重要因素，一個版面式樣組織得合理的網(wǎng)頁會使瀏覽者產(chǎn)生愉快的視覺感覺而樂意親近，必然增加網(wǎng)頁的吸引力，誘使瀏覽者去閱讀；一個個面目猙獰的網(wǎng)頁在瀏覽者把目光投向頁面的時候就會產(chǎn)生一種緊張、憋悶的感覺，從而產(chǎn)生排斥心理，影響瀏覽者點擊和閱讀的欲望。從審美心理學上說，主體的審美在表面上雖然是無關(guān)功利的，但究其實質(zhì)，事物的審美價值同其功利性的價值并非毫無關(guān)聯(lián)的，二者的聯(lián)系是間接的，但又是強有力和不可忽略的。

格式塔學派把人們由知覺活動組織成的具有整體性的外部事物的“形”，稱為塔式塔（意為完形）。它又稱為完形心理學?？挤蚩ㄕJ為，我們自然而然觀察到的經(jīng)驗，都帶有格式塔的特點。[4]他把事物的整體性及形狀完全歸結(jié)為神經(jīng)系統(tǒng)的組織作用，認為這種組織作用與經(jīng)驗知識毫無關(guān)系，完全是先天生成的，每個人都是依照他經(jīng)驗到有意義的知覺場的。他歸納出一套起組織作用的規(guī)律，稱作組織律：圖形與背景（區(qū)分度越大，圖形越可突出而成為我們知覺的對象）；接近性和連續(xù)性（某些距離較短或互相接近部分，容易組成整體）；完整和閉合傾向（某一部分有閉合的趨向，容易組合成整體）；相似性（相似的部分容易組合成整體，而不相似的部分彼此分離）等。人的神經(jīng)系統(tǒng)依靠這些組織原則，就可以把對外界事物的知覺組成一個整體。

1課程現(xiàn)狀分析

1.1教學現(xiàn)狀分析

后續(xù)課程《網(wǎng)絡(luò)信息系統(tǒng)開發(fā)與利用》要求學生能讀懂HTML代碼并能修改或編寫，也會影響此課程的學習。早期頁面布局方法一般為表格布局，現(xiàn)在這種技術(shù)已經(jīng)落后被淘汰，取而代之的是DIV+CSS技術(shù)，此方法使頁面內(nèi)容和顯示效果完全分開，頁面元素的布局更加靈活，網(wǎng)站在制作過程中風格的統(tǒng)一、后期網(wǎng)站風格的改變及網(wǎng)站的維護更新將會變得更加方便。

1.2確立課程教學目標“網(wǎng)頁設(shè)計與制作”實踐培訓課程主要面向網(wǎng)頁設(shè)計人員必備的一些基本技能，使學生能夠具備以下四方面的能力，基于以上表格的內(nèi)容“，網(wǎng)頁設(shè)計與制作”這門課程采取了以“教師為主導地位，學生作為主體”的模式進行教學的，這種模式符合我校的教學和管理模式的要求，讓老師根據(jù)學生的特點來指導《網(wǎng)頁設(shè)計與制作課程》的探索、分析、研究以及改善學生的實踐操作動手能力。采用任務驅(qū)動的教學模式方法，在課堂上以案例為主進行實踐教學環(huán)節(jié)。在教學過程中可使用網(wǎng)頁模型為例，根據(jù)教學內(nèi)容的安排和要求，教師引導學生并為學生創(chuàng)造環(huán)境，讓學生快速發(fā)現(xiàn)、探索和解決網(wǎng)頁中的問題，來激發(fā)學生的好奇心和欲望，帶動學生興趣，促進學生的創(chuàng)新能力。

2課程教學體系的基本思路

在“網(wǎng)頁設(shè)計與制作”課上協(xié)調(diào)好教學課程，努力使學生變被動學習為主動學習，樹立以學生為中心，師生關(guān)系和教學崗位、教師與學生之間，通過師生關(guān)系和互動創(chuàng)造了良好的教學氛圍，這是教學改革進程的一個重要組成部分。有效的學生交流機制是建立學生互動的良好基礎(chǔ)。

摘要:通過分析高職學生學習的行為特點，研究使用信息化技術(shù)，借助藍墨云班課APP開展教學，并將信息化技術(shù)運用到網(wǎng)頁設(shè)計與制作課堂教學中，具體說明如何進行課程教學過程的設(shè)計。結(jié)合實際教學情況，選取項目模塊內(nèi)容，具體闡述教學過程設(shè)計，并選取四個教學班開展教學效果調(diào)查，驗證新實踐教學模式的實施效果。

關(guān)鍵詞:信息化技術(shù)；網(wǎng)頁設(shè)計與制作；高職學生；藍墨云班課APP

1引言

網(wǎng)頁設(shè)計與制作是一門有著廣泛應用、實用性非常強的課程，面對具體的教學內(nèi)容，少部分學生比較精通技術(shù)與理論知識，大部分學生則“百思不得其解”。針對這個問題，傳統(tǒng)的授課方式已經(jīng)不能滿足要求。筆者充分運用信息化技術(shù)對課程教學模式進行改革，從高職學生的學習特點、信息化技術(shù)教學過程設(shè)計、教學改革效果等幾個方面，談談信息化技術(shù)在教學過程中的運用及效果。

2高職學生的學習特點分析

在信息技術(shù)快速發(fā)展的今天，90后高職學生更喜歡從事實踐活動，追求未知事物，熱愛冒險，敢于創(chuàng)新[1]。他們還有另一個特點，即從小就受網(wǎng)絡(luò)信息產(chǎn)品的影響，移動信息技術(shù)的發(fā)展變革帶給他們更多選擇娛樂方式的機會，各類網(wǎng)絡(luò)游戲、富媒體信息很輕松地擊敗了不少學生的自控力，存在大量“手機不離手一族”。網(wǎng)絡(luò)游戲、微信、QQ信息通信和網(wǎng)上購物都是90后學生休閑娛樂的平臺，學生的平時生活和學習方式正在被網(wǎng)絡(luò)信息技術(shù)改變。課堂上學生的手機管理問題一直是教師進行課堂教育研究的熱點，學生課堂玩手機現(xiàn)象隨處可見，雖然教師針對這個問題采用很多措施，但是學生課堂看手機現(xiàn)象一直存在，采取的措施很難剔除這個現(xiàn)象[1]。筆者在所授網(wǎng)頁設(shè)計與制作課程教學中，嘗試用移動網(wǎng)絡(luò)和智能手機開展信息化技術(shù)教學，借助藍墨云班課APP移動教學平臺，構(gòu)建“處處能學、時時能學”的教學網(wǎng)絡(luò)平臺，為學生提供移動手機上的課程基本信息、任務推送、課前課中測試、教學課件、教學輔助微課、教學視頻等，使學生體驗在娛樂的環(huán)境中學習理論知識和實踐技術(shù)，學生學習更自由、有趣，教師教學更輕松。

學術(shù)期刊投稿網(wǎng)站網(wǎng)頁標記語言正確性之探當前，我國大多數(shù)的學術(shù)期刊都建立了論文投稿網(wǎng)站系統(tǒng)以方便作者投稿和專家審稿，期刊的編輯也可以應用網(wǎng)站系統(tǒng)對投稿作者的文章進行管理和審核，因此論文投稿網(wǎng)站系統(tǒng)的設(shè)計與維護非常重要。據(jù)NetMarketShare的數(shù)據(jù)，截止2015年7月，占據(jù)全球瀏覽器排行榜首位的仍然是IE瀏覽器，總市場份額為53.47%，Chrome瀏覽器位居第二位，最新市場份額27.66%，F(xiàn)irefox火狐瀏覽器以12%的市場份額位居第三位。由于各個網(wǎng)頁瀏覽器對網(wǎng)頁標記語言的解釋與執(zhí)行有一些差異，加上網(wǎng)頁設(shè)計語言的多樣化，可能會造成論文投稿作者使用的瀏覽器打不開網(wǎng)站的情況，即會出現(xiàn)網(wǎng)頁設(shè)計語言與瀏覽器相互不兼容的情況出現(xiàn)。設(shè)計的網(wǎng)頁如果能遵守規(guī)范，就能確保網(wǎng)頁架構(gòu)與語法的正確性，也可以滿足用戶廣泛瀏覽的需求。對論文投稿作者而言，遵守規(guī)范的網(wǎng)頁能夠減少投稿的困難度，讓網(wǎng)頁適用于更多的載體（移動端屏幕、電腦瀏覽器等），并減少錯誤信息的傳遞；對論文投稿網(wǎng)站的管理者而言，符合規(guī)范的網(wǎng)頁較容易維護，因編輯團隊可能隨著時間的推移不斷替換，對于新進人員而言容易了解及修改。另外，符合規(guī)范的網(wǎng)頁也能夠增進網(wǎng)頁在網(wǎng)絡(luò)上的可見度，提高搜尋引擎排名[2]，使論文投稿作者更容易在網(wǎng)絡(luò)上搜索到該投稿網(wǎng)站。查閱中國知網(wǎng)、萬方數(shù)據(jù)庫等國內(nèi)文獻檢索系統(tǒng)，發(fā)現(xiàn)目前國內(nèi)并未有學者進行過相關(guān)的研究，查閱WebofScience、EBSCO等外文文獻系統(tǒng)，發(fā)現(xiàn)國外學者對網(wǎng)頁標記語言正確性檢測方面的研究也較少，主要的研究有Chen等人[3]（2005）利用網(wǎng)頁檢測工具了解網(wǎng)絡(luò)上網(wǎng)頁正確性的比例，并期望找出最常出現(xiàn)的錯誤類型。Chen等人的研究結(jié)果顯示，有高達95%的網(wǎng)頁不符合網(wǎng)頁標準，并且不論使用何種網(wǎng)頁樣本搜集方式，前十大錯誤種類幾乎完全一致。Breeding[4]（2006）使用W3C的MarkupValidationService檢測美國研究圖書館協(xié)會的123個會員圖書館首頁，進行網(wǎng)頁正確性調(diào)查。研究結(jié)論顯示，除了21所圖書館完全符合W3C的規(guī)范，其余均出現(xiàn)了錯誤，甚至有7所圖書館錯誤數(shù)達100個以上，錯誤率高達82%。網(wǎng)頁設(shè)計語言作為一種在網(wǎng)絡(luò)上被廣泛接受的計算機語言，是由國際萬維網(wǎng)聯(lián)盟（WorldWideWebConsortium）所制定并規(guī)范化。關(guān)于網(wǎng)頁設(shè)計語言方面的研究，目前眾多學者進行了多角度的研究探討[5-11]。網(wǎng)頁設(shè)計語言不是一般的程序設(shè)計語言，而是一種網(wǎng)頁標記語言（MarkupLanguage），最為經(jīng)典的網(wǎng)頁標記語言HTML被稱為超文本標記語言（HyperTextMarkupLanguage），其主要使用標記標簽（markuptag）來描述網(wǎng)頁。論文投稿網(wǎng)站的管理者可通過不同的檢測工具（validator或checker）檢測網(wǎng)頁是否符合規(guī)范，如網(wǎng)頁架構(gòu)與語法的正確性可通過W3C（WorldWideWebConsortium）的網(wǎng)頁標記語言檢測器（markupvalidator）進行相關(guān)檢測。論文投稿網(wǎng)站網(wǎng)頁架構(gòu)與語法正確性與否會直接影響論文投稿服務的可訪問性與正確性。因此，本研究期望通過W3C網(wǎng)頁標記語言檢測工具的應用，檢測我國論文投稿網(wǎng)站網(wǎng)頁標記語言正確性（webmarkuplanguagevalidation）程度及問題，并試圖提出解決方法，以供論文投稿網(wǎng)站經(jīng)營管理或建設(shè)發(fā)展作為參考。

1網(wǎng)頁標記語言正確性檢測

1.1研究工具。目前，網(wǎng)頁檢測工具較多，提供的檢測功能也有所不同，能夠進行各種瀏覽器的兼容性測試、負載測試，以及網(wǎng)頁標記語言檢測等。比較知名的網(wǎng)頁檢測工具有Googlewebpagetester、BrowserShots、IETester、Feedvalidator等。網(wǎng)頁正確性檢測是W3CWebQualityTools中的功能，主要包括：（1）標記檢測（MarkUpValidator），可用于檢測網(wǎng)頁上的各種常用的標記語言的規(guī)范性和正確性，如HTML、CSS、XHTML、XML、WML等；（2）Web內(nèi)容的數(shù)據(jù)交換規(guī)范（FeedValidator），用于檢測Atom或RSSfeed語法的規(guī)范性和正確性；（3）層疊樣式表檢測（CSSValidator），用于檢測內(nèi)嵌在HTML、XHTML中的CSS樣式的規(guī)范性和正確性；（4）超鏈接檢測（LinkChecker），用于檢測網(wǎng)頁中超鏈接（Link）和錨點（anchor）的規(guī)范性和正確性。本研究主要使用W3C提供的網(wǎng)頁標記語言檢測工具（MarkUpValidator），檢測論文投稿網(wǎng)站上網(wǎng)頁的各種常用的標記語言的規(guī)范性和正確性。通過該工具可以檢測出受測網(wǎng)頁的錯誤數(shù)（W3C網(wǎng)頁標記規(guī)范性）、服務器種類、網(wǎng)頁大小、網(wǎng)頁格式、網(wǎng)頁編碼（GB-2312或其他）、文件類型等，并會列出錯誤之處及建議改進的方式。檢測的方式除了可以直接輸入網(wǎng)址外，也可以上傳該網(wǎng)頁的源代碼進行檢測。圖1為網(wǎng)頁標記語言檢測的主界面，本研究主要采用輸入統(tǒng)一資源定位符（URL）的方式進行網(wǎng)頁檢測。檢測結(jié)果分成兩部分；一部分是結(jié)果摘要，敘述錯誤數(shù)、警告數(shù)、編碼（Encoding）及網(wǎng)頁格式（Doctype）是什么版本等，如圖2所示。另一部分則為檢測出的錯誤或警告詳細結(jié)果，并列出改正建議如圖3所示。1.2研究樣本。由于我國學術(shù)期刊的投稿網(wǎng)站較多，難以對所有的論文投稿網(wǎng)站的所有網(wǎng)頁標記語言的正確性進行檢測，因此本研究需要選擇一定數(shù)量的樣本進行檢測工作。參考北京大學圖書館公布的2014版《中文核心期刊要目總覽》，本研究選擇其中列出的出版事業(yè)類12種期刊，以及圖書館事業(yè)、信息事業(yè)類的18種期刊進行研究（總計30種期刊），選擇這些期刊作為研究樣本的原因一方面是這些期刊均屬于中文核心期刊，在網(wǎng)絡(luò)上得到的關(guān)注度比普通的期刊高[12]，一方面是出版類、圖書情報類的期刊屬于專門研究期刊編輯出版等問題的專業(yè)期刊，研究這些學術(shù)期刊建立的論文投稿網(wǎng)站網(wǎng)頁標記語言的正確性和規(guī)范性具有一定的示范作用。由于選取的30種期刊中有部分期刊沒有建立論文投稿網(wǎng)站系統(tǒng)，部分僅有Email投稿方式，因此在研究中需要將這些期刊忽略，最終所選取的期刊如表1所示，有效樣本為21個，取樣日期為2016年4月5日。由于考慮首頁為論文投稿作者首先打開的界面，其網(wǎng)頁標記語法的正確性將首先影響到用戶的操作，因此本研究將檢測目標鎖定在論文投稿系統(tǒng)網(wǎng)站的首頁（MainPage），在網(wǎng)頁標記語言檢測的主界面中輸入首頁的統(tǒng)一資源定位符（URL）進行檢測，并記錄其檢測結(jié)果。

2檢測結(jié)果的統(tǒng)計分析

本研究主要基于W3C的網(wǎng)頁標記語言檢測工具，從網(wǎng)頁格式定義種類（Doctype）、網(wǎng)頁錯誤數(shù)及網(wǎng)頁錯誤類型進行分析，從中了解學術(shù)期刊論文投稿網(wǎng)站在網(wǎng)頁標記語言上的問題，以及提出建設(shè)參考意見。在對有效選取的21個期刊論文投稿網(wǎng)站首頁進行檢測的過程中，19個期刊的論文投稿網(wǎng)站能夠正常進行檢測，但有兩個期刊論文投稿網(wǎng)站（大學圖書館學報、現(xiàn)代情報）的首頁無法檢測，其中大學圖書館學報的網(wǎng)站對檢測進行了禁止設(shè)置（Forbidden），現(xiàn)代情報網(wǎng)站在檢測中無法找到（NotFound）。2.1網(wǎng)頁格式定義種類及網(wǎng)頁錯誤數(shù)。網(wǎng)頁格式如果沒有定義，除了在內(nèi)容呈現(xiàn)上可能出現(xiàn)錯誤，在數(shù)據(jù)交換及傳輸時可能也會出現(xiàn)問題，除了會造成數(shù)據(jù)的流失，有時還會導致錯誤信息的傳遞。對于論文投稿網(wǎng)站的網(wǎng)頁格式定義類型，除了兩個無法檢測的期刊網(wǎng)站之外，其余19個期刊的論文投稿網(wǎng)站均對網(wǎng)頁的格式進行了定義，包括兩種W3C定義標準，HTML4.01Transitional和XHTML1.0Transitional，具體的定義類型可見表2。由表2可以看出，有6個學術(shù)期刊的論文投稿網(wǎng)站采用的是XHTML1.0Transitional的格式。相對于HTML4.01Transitional而言，XHTML標記語言，通過結(jié)合XML和HTML的功能，使得網(wǎng)頁內(nèi)容更容易被手持移動設(shè)備以及電視媒體等訪問。對于網(wǎng)頁錯誤數(shù)，被檢測的19個期刊論文投稿網(wǎng)站首頁的網(wǎng)頁標記語言都出現(xiàn)了錯誤，出現(xiàn)錯誤數(shù)最少的是中國科技期刊研究和中國圖書館學報，部分期刊的網(wǎng)頁標記語言錯誤數(shù)較多，如出版科學、情報科學、圖書館理論與實踐。2.2網(wǎng)頁錯誤類型。國際萬維網(wǎng)聯(lián)盟網(wǎng)頁標記檢測服務（W3CMarkupValidationService）給出定義的錯誤類型總共有447種（詳見validator.w3.org/docs/errors.html#noverbose），本研究檢測的19個期刊論文投稿網(wǎng)站的網(wǎng)頁錯誤類型經(jīng)過統(tǒng)計有121種錯誤類型，主要的錯誤原因在于標記屬性使用錯誤或者未加定義。期刊論文投稿網(wǎng)站首頁的前幾項錯誤項目分別是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。屬性定義有誤在信息的顯示上可能不會出現(xiàn)問題，網(wǎng)頁內(nèi)容能夠正常呈現(xiàn)，但對于數(shù)據(jù)的交換及傳遞會有一定程度地影響。在統(tǒng)計的121種錯誤類型中，屬于標簽（Html-Tag）的錯誤數(shù)最多，說明期刊論文投稿網(wǎng)站的網(wǎng)頁大多數(shù)為Html標簽的定義或使用錯誤，因此在撰寫Html語法時應注意標簽的使用正確性。另外，由于網(wǎng)頁制作軟件的可視化和方便性，使得網(wǎng)頁設(shè)計人員更容易的設(shè)計制作動態(tài)化的腳本語言，導致腳本（Script/Script-Tag）出錯的數(shù)量也偏高。由于19個期刊論文投稿網(wǎng)站網(wǎng)頁的錯誤類型和數(shù)量較多，無法用表格的形式一一列出，圖4為中國圖書館學報的檢測結(jié)果，可以看出中國圖書館學報的論文投稿網(wǎng)站的網(wǎng)頁沒有出現(xiàn)標記使用屬性方面的錯誤，僅有兩條格式定義類型的錯誤。

3研究結(jié)論及建議

摘要：為了研究用戶的網(wǎng)頁瀏覽習慣及效率。論文借助眼動實驗，并結(jié)合問卷調(diào)查，將主觀評估和客觀數(shù)據(jù)相結(jié)合，以高校官方網(wǎng)站為例，對用戶瀏覽網(wǎng)頁行為和效率進行研究，獲得用戶眼動數(shù)據(jù)及對網(wǎng)頁喜好度數(shù)據(jù)。用戶瀏覽高校網(wǎng)站時第一注視點及最關(guān)注的區(qū)域在網(wǎng)頁中上方；搜索信息效率越低，用戶喜好度越低；信息放在打開網(wǎng)站的第一屏時，搜索效率最高。從信息內(nèi)容、用戶服務、網(wǎng)站結(jié)構(gòu)及網(wǎng)頁風格四個方面對高校官方網(wǎng)站設(shè)計提出建議。研究結(jié)果為高校官方網(wǎng)站網(wǎng)頁設(shè)計提供參考依據(jù)。

關(guān)鍵詞：眼動實驗；網(wǎng)頁設(shè)計；高校官網(wǎng)；瀏覽習慣；搜索效率

互聯(lián)網(wǎng)的時代，高校官方網(wǎng)站是高校宣傳的重要平臺與載體，網(wǎng)站設(shè)計的好壞直接影響用戶使用高校官方網(wǎng)站的積極性，然而對于高校官方網(wǎng)頁設(shè)計的研究方法多以問卷調(diào)查、專家打分等方式進行，評估具有主觀隨意性。而眼動儀可以實時捕捉用戶的行為習慣，通過被試者的眼動軌跡、熱點圖以及相關(guān)數(shù)據(jù)可對網(wǎng)頁的設(shè)計情況進行直觀、準確地分析評價。本文以國內(nèi)部分知名高校官方網(wǎng)站首頁為研究對象，采用眼動實驗對被試者瀏覽高校官方網(wǎng)頁過程進行研究，并在實驗結(jié)束后立即填寫調(diào)查問卷，獲取用戶的主觀信息，將主觀評估和客觀數(shù)據(jù)相結(jié)合，對用戶瀏覽高校官方網(wǎng)站的習慣及用戶的視覺搜索因素進行分析探討，使結(jié)論更加全面具體，為高校官方網(wǎng)站的網(wǎng)頁設(shè)計提供參考依據(jù)。

一、眼動實驗與高校官方網(wǎng)站設(shè)計

眼睛是人類獲得外界信息的主要途徑，視覺是加工處理信息的重要方式，用戶瀏覽網(wǎng)頁時主要是通過眼睛獲取搜索信息。眼動儀是用來記錄處理眼動數(shù)據(jù)的設(shè)備，是心理學研究的重要儀器，眼動測試是內(nèi)隱測量方法的一種，其實驗數(shù)據(jù)可以直接反映用戶行為，近些年被廣泛應用于網(wǎng)站的設(shè)計與評估中，用于分析用戶對網(wǎng)站的視覺瀏覽習慣。眼動實驗能夠記錄用戶在瀏覽網(wǎng)頁時眼睛的運動數(shù)據(jù)，包括總注視時間（TotalFixationTime，TFT）、注視次數(shù)（FixationCount，F(xiàn)C）、平均注視時間（AverageFixationTime，AFT）。眼動實驗的主觀性圖表在網(wǎng)頁設(shè)計研究中被使用最多的是熱點圖和軌跡圖。近些年，眼動追蹤被廣泛應用于網(wǎng)頁設(shè)計研究之中。許鑫等人利用眼動追蹤實驗研究用戶在瀏覽高校圖書館門戶網(wǎng)站主頁時的瀏覽習慣，提出了高校圖書館門戶網(wǎng)站網(wǎng)頁設(shè)計時應考慮的重要因素[1]；王詩傲將眼動分析法引入到工業(yè)設(shè)計服務網(wǎng)站的界面設(shè)計評估上，通過眼動指標完善工業(yè)設(shè)計服務網(wǎng)站評價體系內(nèi)容[2]；劉瑋琳等人通過眼動實驗探究網(wǎng)頁界面中的分類信息設(shè)計對用戶認知效果的影響規(guī)律[3]；吳安波等人對某高校教務網(wǎng)站的可用性進行了分析，在一定程度上為教務網(wǎng)站的設(shè)計及改進提供參考[4]。由此可見，利用眼動實驗對網(wǎng)頁設(shè)計進行研究已經(jīng)較為成熟，為高校官方網(wǎng)站網(wǎng)頁設(shè)計的研究提供了理論基礎(chǔ)。高校官方網(wǎng)站是依托于高等學府，以服務教育、服務科研、服務師生為目的，肩負對內(nèi)交流、對外宣傳的使命，從事教育資源整合、高校信息、輔助教學管理的綜合性網(wǎng)站[5]。高校官方網(wǎng)站既是學校信息傳播的重要載體，也是校內(nèi)師生管理系統(tǒng)的重要入口。針對高校官方網(wǎng)站設(shè)計研究方面，李嘉瑜以國內(nèi)“985”高校為研究對象，以美學視角為出發(fā)點，對高校官網(wǎng)的版式界面進行了詳細的分析[5]；萬立軍等人通過國內(nèi)外學者對目前高校網(wǎng)站信息服務質(zhì)量評價相關(guān)研究內(nèi)容的分析，構(gòu)建我國高校網(wǎng)站信息服務質(zhì)量評價指標體系[6]；孔寧通過詢問技術(shù)，從用戶的主觀傾向性出發(fā)，對高校門戶網(wǎng)站可用性進行了進一步的探索與研究[7]；王傳松應用文獻分析法、用戶訪談和問卷調(diào)查法、層次分析法以及模糊綜合評判法等方法，構(gòu)建了基于用戶體驗的高校網(wǎng)站評價模型[8]。通過對搜索的文獻進行整理發(fā)現(xiàn)目前針對高校官方網(wǎng)站網(wǎng)頁設(shè)計的研究并不多，眼動實驗在這一研究領(lǐng)域中還有待探索。

二、實驗設(shè)計