高校官網(wǎng)首頁(yè)的多模態(tài)文體對(duì)比

溫煜東

內(nèi)容摘要：本文以嚴(yán)云等提出的網(wǎng)站首頁(yè)多模態(tài)文體分析路徑為理論基礎(chǔ)，對(duì)比分析北京師范大學(xué)和巴黎高等師范學(xué)校官網(wǎng)首頁(yè)的多模態(tài)文體特征。研究發(fā)現(xiàn)兩者共同的前景化特征為選用?；盏念伾鳛榫W(wǎng)站色彩設(shè)計(jì)的主色調(diào)，并通過(guò)網(wǎng)頁(yè)布局方便讀者快速定位信息。不同點(diǎn)是，北京師范大學(xué)為訪問(wèn)者設(shè)置專題資訊及網(wǎng)站，提供更多的客觀信息，采用統(tǒng)一的字體和超鏈接特效提高網(wǎng)頁(yè)易讀性，凸顯其公正、規(guī)范的學(xué)校形象;而巴黎高等師范學(xué)校則希望訪問(wèn)者關(guān)注其社交媒體賬號(hào)，宣傳知名校友并提倡募捐，努力與讀者搭建較親密的關(guān)系，并采用多樣化的字體和超鏈接特效增強(qiáng)宣傳效果，塑造其個(gè)性化的學(xué)校形象。

關(guān)鍵詞：高校官網(wǎng)首頁(yè) 多模態(tài)文體特征 對(duì)比分析

網(wǎng)頁(yè)包含了文字、圖像、視頻、音頻、超鏈接等多模態(tài)資源，也是一種多模態(tài)語(yǔ)篇。近年來(lái)學(xué)者們對(duì)網(wǎng)頁(yè)的關(guān)注也逐漸增多。Zhang & OHalloran （2012）從社會(huì)符號(hào)學(xué)角度對(duì)比分析了清華大學(xué)與新加坡國(guó)立大學(xué)的主頁(yè)設(shè)計(jì)。同年田玲對(duì)2012年倫敦奧運(yùn)會(huì)官網(wǎng)進(jìn)行了多模態(tài)話語(yǔ)分析，認(rèn)為此官網(wǎng)主頁(yè)是倫敦奧運(yùn)會(huì)精神“激勵(lì)一代人”的精髓代表。王春香和王彥在2013年探討了旅游廣告網(wǎng)頁(yè)的多模態(tài)語(yǔ)類結(jié)構(gòu)特征及互動(dòng)性特點(diǎn)。2018年王煒琳通過(guò)對(duì)美國(guó)國(guó)防部網(wǎng)站軍事新聞中的圖像進(jìn)行分析，提出了美國(guó)國(guó)防部網(wǎng)站圖像的語(yǔ)篇建構(gòu)和知識(shí)建構(gòu)模式。同年楊小敏對(duì)英國(guó)、加拿大、澳大利亞三國(guó)政府門戶網(wǎng)站首頁(yè)上的圖文信息進(jìn)行統(tǒng)計(jì)分析，研究發(fā)現(xiàn)三國(guó)網(wǎng)站的圖像有助于其構(gòu)建服務(wù)型、親民型的政府形象。候建波（2019）則關(guān)注了網(wǎng)頁(yè)新聞漫畫的多模態(tài)互文功能，發(fā)現(xiàn)多模態(tài)文本意義來(lái)源于文本間互動(dòng)以及網(wǎng)頁(yè)新聞漫畫資源互動(dòng)的四種功能。嚴(yán)云等（2021）對(duì)比分析了中外高校門戶網(wǎng)站首頁(yè)的多模態(tài)文體特征，并解釋了兩者文體差異產(chǎn)生的原因。綜上所述，現(xiàn)有針對(duì)網(wǎng)頁(yè)的多模態(tài)分析多集中于中美大學(xué)首頁(yè)、奧運(yùn)會(huì)官網(wǎng)、旅行社網(wǎng)站、美國(guó)國(guó)防部官網(wǎng)、政府網(wǎng)站、新聞綜合門戶等類型，對(duì)中法大學(xué)官網(wǎng)首頁(yè)的對(duì)比研究較少。

一.研究框架和研究方法

1.研究框架和研究方法

多模態(tài)文體學(xué)這一概念首先由南丹麥大學(xué)的Norgaard教授提出，她認(rèn)為多模態(tài)文體學(xué)是文體學(xué)理論和符號(hào)學(xué)理論的聯(lián)姻（Norgaard et al.2010）。張德祿和穆志剛（2012）構(gòu)建了一個(gè)多模態(tài)功能文體學(xué)分析框架，以一則連環(huán)畫分析為例驗(yàn)證了此框架的可行性。在此框架基礎(chǔ)之上，嚴(yán)云、雷茜、高祥語(yǔ)（2021）通過(guò)對(duì)15所國(guó)內(nèi)高校和15所國(guó)外高校的網(wǎng)站首頁(yè)進(jìn)行多模態(tài)文體對(duì)比分析，有針對(duì)性地提出了高校門戶網(wǎng)站首頁(yè)多模態(tài)文體特征分析路徑。本文以嚴(yán)云等設(shè)計(jì)的網(wǎng)站多模態(tài)文體特征分析路徑為理論依據(jù)，從文字模態(tài)、圖像模態(tài)、顏色模態(tài)、布局模態(tài)、字體模態(tài)和超鏈接模態(tài)等角度，對(duì)比分析北京師范大學(xué)和巴黎高等師范學(xué)校官網(wǎng)首頁(yè)的多模態(tài)文體特征。

2.數(shù)據(jù)收集

Djonov和Knox在2014年提出了三種數(shù)據(jù)收集方法。一種是利用網(wǎng)頁(yè)瀏覽器把頁(yè)面保存為html文件，但這種方法有可能丟失廣告，圖像、動(dòng)畫和頁(yè)面布局等信息。第二種方法是使用插件或軟件工具進(jìn)行截屏。但是保存的html文件或截屏的圖像均不能準(zhǔn)確地體現(xiàn)網(wǎng)頁(yè)上的動(dòng)態(tài)內(nèi)容，例如視頻、滾動(dòng)播放的圖片等。第三種方法可以使用www.archive.org等“網(wǎng)站時(shí)光倒流機(jī)器（wayback machine）” 瀏覽以往的網(wǎng)頁(yè)，但這種方法也可能出現(xiàn)信息保存不完整或收錄的網(wǎng)頁(yè)內(nèi)容和其抓取時(shí)間錯(cuò)位等情況?？傊麄円渤姓J(rèn)目前沒(méi)有保存數(shù)據(jù)的最佳方式，選擇的方法取決于分析的目的和方法。本研究采用第二、第三種方法相結(jié)合的方式保存數(shù)據(jù)。再對(duì)保存的網(wǎng)站首頁(yè)中的各個(gè)模態(tài)進(jìn)行人工標(biāo)注，并基于此進(jìn)行多模態(tài)文體特征對(duì)比分析。

二.北京師范大學(xué)和巴黎高等師范學(xué)校官網(wǎng)首頁(yè)多模態(tài)文體對(duì)比分析

根據(jù)2021年上海軟科發(fā)布的“世界大學(xué)學(xué)術(shù)排名”和英國(guó)泰晤士高等教育公布的“泰晤士高等教育世界大學(xué)排名”，北京師范大學(xué)和巴黎高等師范學(xué)校分列中國(guó)和法國(guó)師范類院校第一名。巴黎高等師范學(xué)校始建于1794年，幾乎與法蘭西共和國(guó)同齡。從這里走出了無(wú)數(shù)在科學(xué)、人文藝術(shù)等領(lǐng)域有非凡建樹的天才和巨匠（馬麗君 2016）。北京師范大學(xué)的前身是1902年成立的京師大學(xué)堂師范館，作為一所百年名校，是中國(guó)歷史上第一所師范大學(xué)（周寧之2013）。本研究選取這兩所在各自國(guó)家排名前列的師范大學(xué)官網(wǎng)首頁(yè)作為研究對(duì)象，具有較強(qiáng)的可比性。

1.文字模態(tài)

從標(biāo)題區(qū)的文字模態(tài)分析，兩所學(xué)校均在頁(yè)面頂部設(shè)置了水平的導(dǎo)航欄，以便訪問(wèn)者快速定位所需信息。不同點(diǎn)是巴黎高等師范學(xué)校在導(dǎo)航欄中留有一塊區(qū)域?qū)ｉT設(shè)置了學(xué)校在Twitter，F(xiàn)acebook，YouTube，Instagram，Link

edIn等社交媒體的官方賬號(hào)跳轉(zhuǎn)超鏈接，方便訪問(wèn)者快速關(guān)注，構(gòu)成了獨(dú)特的前景化特征。在內(nèi)容區(qū)兩所高校都提供新聞、學(xué)術(shù)活動(dòng)預(yù)告、校園生活和通知公告，形成突出特征。不同的是，北京師范大學(xué)還提供疫情防控、學(xué)習(xí)宣傳貫徹黨的十九大精神、“四有好老師”獎(jiǎng)勵(lì)計(jì)劃等專題資訊及網(wǎng)站，構(gòu)成了前景化特征。因國(guó)內(nèi)高校期望培養(yǎng)優(yōu)秀正直的青年人才（嚴(yán)云等2021），因此前景化這些內(nèi)容符合學(xué)校的訴求。巴黎高等師范學(xué)校則前景化了知名校友專欄和募捐超鏈接，這表明學(xué)校希望通過(guò)“名人效應(yīng)”取得更好的宣傳效果并提倡更多的人為其捐款。在信息區(qū)，兩所學(xué)校均提供地址、社交媒體關(guān)注方式、隱私協(xié)議等內(nèi)容，形成突出特征。

2.圖像模態(tài)

通過(guò)對(duì)兩者首頁(yè)圖像模塊分析發(fā)現(xiàn)，北京師范大學(xué)和巴黎高等師范學(xué)校在首頁(yè)分別使用了20張及40張圖像。根據(jù)Kress和VanLe

euwen（2006）的視覺(jué)語(yǔ)法理論，我們可從接觸、距離等角度對(duì)圖像進(jìn)行互動(dòng)意義的分析。接觸包括提供和索取。兩者最大的差別在于是否與讀者形成視線上的直接對(duì)接。當(dāng)圖像的呈現(xiàn)方式為提供時(shí)，讀者與圖像中的人沒(méi)有直接的目光接觸;當(dāng)圖像的呈現(xiàn)方式為索取時(shí)，則有直接的目光接觸。北京師范大學(xué)的提供圖像為17張，索取圖像為3張，索取圖像占比為15%。而巴黎高等師范學(xué)校的提供圖像為20張，索取圖像為20張，索取圖像占比為50%。后者與前者相比索取圖像占比較高，說(shuō)明巴黎高等師范學(xué)校更希望通過(guò)直接的目光交流與讀者建立更多的聯(lián)系，而北京師范大學(xué)更愿意提供更多的客觀信息。距離可以表達(dá)與讀者的親密程度。距離可分為個(gè)人近距離、個(gè)人遠(yuǎn)距離、社會(huì)近距離、社會(huì)遠(yuǎn)距離和公共距離（李戰(zhàn)子2003）。在北京師范大學(xué)的首頁(yè)中近距離和個(gè)人遠(yuǎn)距的的圖像占比為20%，而巴黎高等師范學(xué)校的首頁(yè)中個(gè)人近距離和個(gè)人遠(yuǎn)距離的圖像占比為68%。這說(shuō)明前者與讀者之間的關(guān)系并不親密，而后者更希望拉近與讀者之間的距離?？傊本煼洞髮W(xué)的首頁(yè)圖像并不追求與訪問(wèn)者之間建立親密關(guān)系，而是力爭(zhēng)為讀者提供更多的信息，并體現(xiàn)其客觀性;而巴黎高等師范學(xué)校的首頁(yè)希望通過(guò)有目光接觸的近距離圖像與讀者建立更多的互動(dòng)，拉近與訪問(wèn)者之間的距離。

3.顏色模態(tài)

就顏色模態(tài)而言，北京師范大學(xué)首頁(yè)采用的主要色彩為白色和藍(lán)色，與其校徽的顏色一致。而巴黎高等師范學(xué)校首頁(yè)的主要色彩為白色、灰色和紫色，也與其校徽的顏色一致。由此可以看出，兩所學(xué)校網(wǎng)站色彩設(shè)計(jì)選用?；盏念伾枪餐那熬盎卣?。這樣不僅可以增強(qiáng)視覺(jué)上的協(xié)調(diào)感與一致性，而且可以加深讀者對(duì)?；占皩W(xué)校代表色的印象，傳承百年名校的文化內(nèi)涵和精神氣質(zhì)。

4.布局模態(tài)

網(wǎng)頁(yè)的空間布局是意義的重要來(lái)源之一。不同的內(nèi)容放置在網(wǎng)頁(yè)的不同區(qū)域，不同的視覺(jué)手段可用于分配網(wǎng)頁(yè)內(nèi)容和分類信息（Djonov and Knox2014）。就布局模態(tài)分析，兩者的頁(yè)面頂部區(qū)域?yàn)闃?biāo)題區(qū)，中間大部分區(qū)域?yàn)閮?nèi)容區(qū)，頁(yè)面底部區(qū)域?yàn)樾畔^(qū)。標(biāo)題區(qū)和信息區(qū)為橫向布局，內(nèi)容區(qū)為橫向和縱向多欄布局。但不同點(diǎn)是，北京師范大學(xué)設(shè)置了懸浮導(dǎo)航，即在向下瀏覽網(wǎng)頁(yè)內(nèi)容的同時(shí)，頁(yè)面上方始終懸浮顯示導(dǎo)航欄。而巴黎高等師范學(xué)校則選擇在首頁(yè)底部再次設(shè)置導(dǎo)航信息欄與頁(yè)面頂部呼應(yīng)。兩所學(xué)校導(dǎo)航欄的布局雖有不同，但都是其前景化特征，起到的效果也類似：方便讀者快速定位所需信息。

5.字體模態(tài)

分析兩者的字體模態(tài)后可以發(fā)現(xiàn)，北京師范大學(xué)使用了微軟雅黑字體，巴黎高等師范學(xué)校主要使用了Crimson Text字體并輔以Arial字體，前者用于標(biāo)題和簡(jiǎn)介，后者用于導(dǎo)航及附加信息。這三種字體中，微軟雅黑和Arial屬于“非襯線體”，Crimson Text屬于“襯線體”。非襯線體字體的特點(diǎn)為筆畫開(kāi)始及結(jié)束的地方?jīng)]有額外的裝飾，即筆畫的粗細(xì)始終保持一致。而襯線體字體在筆畫開(kāi)始及結(jié)束的地方有額外的裝飾，即筆畫粗細(xì)有所不同。非襯線體文字顯得嚴(yán)肅、正直、穩(wěn)重，而襯線體文字形態(tài)給人以整潔、美觀、優(yōu)雅的感受（施佳蓉2021）。從中可以看出北京師范大學(xué)網(wǎng)頁(yè)字體設(shè)計(jì)并不追求風(fēng)格化和多樣化，使用統(tǒng)一的非襯線字體，給人標(biāo)準(zhǔn)化、規(guī)范化的感覺(jué)，可以使訪問(wèn)者的注意力集中于文字所表達(dá)的內(nèi)容;而巴黎高等師范學(xué)校在首頁(yè)采用襯線體和非襯線體多種字體搭配是其字體模態(tài)的前景化特征，這種混搭能夠進(jìn)一步突出其追求個(gè)性化、多樣化的學(xué)校形象。

6.超鏈接模態(tài)

在標(biāo)題區(qū)，北京師范大學(xué)采用“手狀”光標(biāo)并改變字體顏色的方式呈現(xiàn)隱藏式鏈接;巴黎高等師范學(xué)校采用“手狀”光標(biāo)并改變字體顏色、“手狀”光標(biāo)并下拉菜單等兩種方式呈現(xiàn)隱藏式鏈接。在內(nèi)容區(qū)，北京師范大學(xué)采用“手狀”光標(biāo)并改變字體顏色呈現(xiàn)超鏈接;巴黎高等師范學(xué)校采用（1）“手狀”光標(biāo)并加下劃線（2）“手狀”光標(biāo)并改變背景顏色（3）“手狀”光標(biāo)并改變文字顏色（4）“手狀”光標(biāo)并加下劃線同時(shí)改變字體顏色等四種方式呈現(xiàn)超鏈接。在信息區(qū)，兩所學(xué)校都采用了“手狀”光標(biāo)并改變文字顏色的超鏈接呈現(xiàn)方式。綜合來(lái)看，在超鏈接模態(tài)北京師范大學(xué)和巴黎高等師范學(xué)校分別采用了一種和五種超鏈接特效，它們的超鏈接情景化策略不同：北京師范大學(xué)為訪問(wèn)者提供較為一致的視覺(jué)效果，避免分散訪問(wèn)者注意力使其更關(guān)注網(wǎng)頁(yè)內(nèi)容本身;而巴黎高等師范學(xué)校則使用多樣化的視覺(jué)效果吸引訪問(wèn)者，為其提供更多的瀏覽新鮮感和趣味性。

本文結(jié)合多模態(tài)功能文體學(xué)理論對(duì)北京師范大學(xué)和巴黎高等師范學(xué)校官網(wǎng)首頁(yè)的多模態(tài)文體特征進(jìn)行對(duì)比分析。研究發(fā)現(xiàn)北京師范大學(xué)和巴黎高等師范學(xué)校共同的前景化特征是：（1）都采用?；盏念伾鳛榫W(wǎng)站色彩設(shè)計(jì)的主色調(diào)（2）網(wǎng)頁(yè)布局方便讀者快速定位所需信息。不同的是，北京師范大學(xué)為訪問(wèn)者提供疫情防控及正能量專題資訊及網(wǎng)站，通過(guò)圖像為讀者提供更多的客觀信息，采用統(tǒng)一的字體和超鏈接特效方便閱讀，凸顯其客觀性和規(guī)范性;而巴黎高等師范學(xué)校希望訪問(wèn)者關(guān)注其社交媒體賬號(hào)，著力宣傳知名校友并在首頁(yè)設(shè)置募捐超鏈接，通過(guò)圖像與訪問(wèn)者建立更多的互動(dòng)、拉近距離，采用多樣化的字體和超鏈接特效吸引訪問(wèn)者視線，以期建立個(gè)性化的學(xué)校形象。本文是對(duì)中國(guó)和法國(guó)師范大學(xué)官網(wǎng)首頁(yè)這類多模態(tài)語(yǔ)篇的嘗試性對(duì)比分析，選取的語(yǔ)料有限。在未來(lái)的研究中或可開(kāi)展基于大型語(yǔ)料庫(kù)的更全面的研究。

參考文獻(xiàn)

[1]侯建波.網(wǎng)頁(yè)新聞漫畫的多模態(tài)互文功能研究——以鳳凰網(wǎng)“大魚漫畫”為例[J].外語(yǔ)教學(xué)，2019，40（03）：39-43.

[2]李戰(zhàn)子.多模式話語(yǔ)的社會(huì)符號(hào)學(xué)分析[J].外語(yǔ)研究，2003（05）：1-8+80.

[3]馬麗君.法國(guó)“雙軌制”下的世界一流大學(xué)建設(shè)——以巴黎高等師范學(xué)校為例[J].現(xiàn)代教育管理，2016（08）：20-26.

[4]施佳蓉.品牌標(biāo)識(shí)設(shè)計(jì)中中國(guó)元素匹配性對(duì)消費(fèi)者購(gòu)買意愿的影響研究[D].中國(guó)礦業(yè)大學(xué)，2021.

[5]田玲.2012年倫敦奧運(yùn)會(huì)官網(wǎng)主頁(yè)的多模態(tài)話語(yǔ)分析[D].西北師范大學(xué)，2013.

[6]王春香，王彥.旅游廣告網(wǎng)頁(yè)的多模態(tài)語(yǔ)類結(jié)構(gòu)分析[J].廣東外語(yǔ)外貿(mào)大學(xué)學(xué)報(bào)，2013，24（02）：46-49.

[7]王煒琳.美國(guó)國(guó)防部網(wǎng)站軍事新聞報(bào)道中圖像的知識(shí)建構(gòu)模式與功能[D].國(guó)防科技大學(xué).

[8]嚴(yán)云，雷茜，高祥語(yǔ).中外高校門戶網(wǎng)站首頁(yè)多模態(tài)文體對(duì)比研究[J].西安外國(guó)語(yǔ)大學(xué)學(xué)報(bào)，2021，29（04）：41-45+86.

[9]楊小敏.國(guó)外政府網(wǎng)站設(shè)計(jì)與形象建構(gòu)：基于多模態(tài)視覺(jué)語(yǔ)法的分析[J].外國(guó)語(yǔ)文研究（輯刊），2018，9（01）：95-107.

[10]張德祿，穆志剛.多模態(tài)功能文體學(xué)理論框架探索[J].外語(yǔ)教學(xué)，2012，33（03）：1-6.

[11]周寧之.近代中國(guó)師范教育課程研究[D].湖南師范大學(xué)，2013.

[12]Djonov， Emilia and Knox， John S.. "15. How-to-analyze webpages". Interactions， Images and Texts： A Reader in Multimodality， edited by Sigrid Norris and Carmen Daniela Maier， Berlin， München， Boston： De Gruyter Mouton， 2014， pp. 171-193.

[13]Norgaard， N.，R. Montoro & B.Busse. 2010. Key Terms in Stylistics [M]. London： Continuum.

[14]Zhang Y ，? OHalloran K L . The gate of the gateway： A hypermodal approach to university homepages[J]. Semiotica， 2012， 2012（190）：87-109.

（作者單位：遼寧師范大學(xué)外國(guó)語(yǔ)學(xué)院）