中小學(xué)優(yōu)秀專題學(xué)習(xí)網(wǎng)站首頁分析及啟示

孫冬冬

（青島北山小學(xué)，山東青島266000）

中小學(xué)優(yōu)秀專題學(xué)習(xí)網(wǎng)站首頁分析及啟示

孫冬冬

（青島北山小學(xué)，山東青島266000）

文章以《中小學(xué)信息技術(shù)教育》2007年第4期《優(yōu)秀專題學(xué)習(xí)網(wǎng)站推薦》刊載的優(yōu)秀專題學(xué)習(xí)網(wǎng)站為分析對象，從導(dǎo)航欄目設(shè)置、網(wǎng)站圖像應(yīng)用兩方面進(jìn)行網(wǎng)站功能分析；從網(wǎng)站框架結(jié)構(gòu)、色彩、網(wǎng)站風(fēng)格三個方面進(jìn)行網(wǎng)站審美分析；并通過這兩方面的分析，以期找到優(yōu)秀專題學(xué)習(xí)網(wǎng)站的共性及特色，為同行提供參考。

中小學(xué)專題網(wǎng)站；首頁分析；啟示

一、專題學(xué)習(xí)網(wǎng)站選取的理由和標(biāo)準(zhǔn)

專題學(xué)習(xí)網(wǎng)站是通過在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中，向?qū)W習(xí)者提供協(xié)作學(xué)習(xí)交流工具和大量的專題學(xué)習(xí)資源，讓學(xué)習(xí)者自己選擇和確定研究課題，自己搜集、分析并選擇資料，應(yīng)用知識和工具去解決實際問題。[1]它是基礎(chǔ)教育改革的產(chǎn)物，應(yīng)當(dāng)體現(xiàn)新課改的精神，滿足新課改環(huán)境下學(xué)生的協(xié)作性學(xué)習(xí)與探究性學(xué)習(xí)的需要，旨在培養(yǎng)學(xué)生的創(chuàng)新能力。

2001年，華南師范大學(xué)李克東教授首次提出“專題探索——網(wǎng)站開發(fā)”的學(xué)習(xí)模式，這是專題學(xué)習(xí)網(wǎng)站研究的開端。經(jīng)過幾年的發(fā)展，專題學(xué)習(xí)網(wǎng)站已經(jīng)具備一定的影響力，越來越多的教師開始利用專題學(xué)習(xí)網(wǎng)站探索新的教育模式。因此，研究已有的優(yōu)秀專題學(xué)習(xí)網(wǎng)站的風(fēng)格，取其精華去其糟粕，可以更好地促進(jìn)專題學(xué)習(xí)網(wǎng)站的建設(shè)，使基礎(chǔ)教育改革如虎添翼，更好地實現(xiàn)基礎(chǔ)教育改革的目標(biāo)。

《中小學(xué)信息技術(shù)教育》在2007年第4期刊載了《優(yōu)秀專題學(xué)習(xí)網(wǎng)站推薦》一文，文中總共推薦了40個優(yōu)秀專題學(xué)習(xí)網(wǎng)站。通過網(wǎng)絡(luò)搜索，目前仍然處于生存狀態(tài)的為16個。本文以這16個專題學(xué)習(xí)網(wǎng)站為研究對象，從網(wǎng)站的功能和審美兩個角度分析，以期找到優(yōu)秀專題學(xué)習(xí)網(wǎng)站的共性及特色。

二、專題學(xué)習(xí)網(wǎng)站功能分析

專題學(xué)習(xí)網(wǎng)站的終極目標(biāo)是為培養(yǎng)具有創(chuàng)造思維和創(chuàng)造能力的人服務(wù)的。[2]建構(gòu)主義學(xué)習(xí)理論認(rèn)為，情境的創(chuàng)設(shè)對于學(xué)習(xí)者的認(rèn)知有著極其重要的意義。因此，各專題學(xué)習(xí)網(wǎng)站通過設(shè)置結(jié)構(gòu)化的網(wǎng)站導(dǎo)航欄目和提供生動形象的圖像，努力為學(xué)生提供自主、協(xié)作及探究的學(xué)習(xí)情境。

1.導(dǎo)航欄目設(shè)置分析

結(jié)構(gòu)化知識的展示是專題學(xué)習(xí)網(wǎng)站建設(shè)的重要環(huán)節(jié)和生命底線，學(xué)生可以從里面找到解決熟悉任務(wù)的程序。[3]而網(wǎng)站結(jié)構(gòu)化知識展示的基礎(chǔ)則是清晰高效的網(wǎng)站導(dǎo)航欄目的設(shè)置。筆者統(tǒng)計了這16個專題學(xué)習(xí)網(wǎng)站欄目設(shè)置情況（如表1），不同網(wǎng)站導(dǎo)航欄設(shè)置既有共性又有特色。

表1 專題學(xué)習(xí)網(wǎng)站欄目設(shè)置統(tǒng)計表

導(dǎo)航欄目基本包含三塊內(nèi)容：專題學(xué)習(xí)資源、學(xué)習(xí)支持工具及學(xué)習(xí)評價。專題學(xué)習(xí)資源一般由專題結(jié)構(gòu)化知識、擴(kuò)展學(xué)習(xí)資源、學(xué)習(xí)素材、相關(guān)網(wǎng)站鏈接組成；學(xué)習(xí)支持工具則表現(xiàn)在討論板、互動欄目、博客等互動平臺的應(yīng)用；而學(xué)習(xí)評價主要是對學(xué)生學(xué)習(xí)成果的展示及客觀性評價。

在16個專題學(xué)習(xí)網(wǎng)站中，欄目設(shè)置較為完整的是家園網(wǎng)站、小學(xué)語文吧、中華詩詞網(wǎng)、漫游多媒體世界網(wǎng)站、書法網(wǎng)站，基本符合專題學(xué)習(xí)網(wǎng)站所要具備的功能。實小專題學(xué)習(xí)網(wǎng)站的特色是集中了學(xué)校各個學(xué)科的專題學(xué)習(xí)網(wǎng)站，并按學(xué)科歸納分類；數(shù)學(xué)專題學(xué)習(xí)網(wǎng)站及連元網(wǎng)校網(wǎng)站的特色是提供分類整合的相關(guān)專題資源；英語早餐專題學(xué)習(xí)網(wǎng)站、杜十娘怒沉百寶箱、羅湖區(qū)中小學(xué)心理健康教育網(wǎng)及軸對稱學(xué)習(xí)網(wǎng)站的特色主要體現(xiàn)在緊扣專題內(nèi)容，專題設(shè)計注重趣味性；青青口琴擂臺網(wǎng)站的特色體現(xiàn)在注重學(xué)生的參與，整個網(wǎng)站欄目的設(shè)計以學(xué)生為主體；我的龍城網(wǎng)、南空翰林院、威尼斯小城的特色在于注重知識的普及，因此專題結(jié)構(gòu)化知識及拓展學(xué)習(xí)資源是其欄目建設(shè)的重點。

2.網(wǎng)站圖像的應(yīng)用分析

專題學(xué)習(xí)網(wǎng)站中適當(dāng)?shù)貞?yīng)用圖像，有利于吸引學(xué)生的注意力，從而提高學(xué)生的認(rèn)知內(nèi)驅(qū)力。通過研究16個優(yōu)秀專題學(xué)習(xí)網(wǎng)站中圖像的應(yīng)用可以發(fā)現(xiàn)，家園、中華詩詞網(wǎng)、小學(xué)語文吧、書法空間等選題較大且較為系統(tǒng)的專題學(xué)習(xí)網(wǎng)站中圖像應(yīng)用較少，而其他專題學(xué)習(xí)網(wǎng)站主要應(yīng)用靜態(tài)圖像，且靜態(tài)圖像的應(yīng)用主要有如下特點：

（1）注重圖像的趣味性，提高學(xué)生的學(xué)習(xí)興趣

如在英語早餐專題學(xué)習(xí)網(wǎng)站、連元網(wǎng)校作文天地專題學(xué)習(xí)網(wǎng)站、羅湖區(qū)中小學(xué)心理健康教育網(wǎng)中均使用了卡通圖像?？ㄍ▓D像的應(yīng)用為網(wǎng)站頁面增添了活力，有利于吸引學(xué)生的注意力，提高學(xué)生的學(xué)習(xí)興趣。

（2）注重利用圖像創(chuàng)設(shè)情境，利于學(xué)生對知識的建構(gòu)

軸對稱圖形、英語早餐、威尼斯小艇、我的龍城、南孔翰林院、杜十娘怒沉百寶箱等小型專題學(xué)習(xí)網(wǎng)站，主要采用了主題相關(guān)的系列圖片，旨在通過圖文并茂的形式使得學(xué)生更好地理解學(xué)習(xí)內(nèi)容。

（3）注重利用圖像襯托主題，突出主題特色

數(shù)學(xué)專題資源網(wǎng)及實小專題網(wǎng)站等專題資源集中型網(wǎng)站，均通過以文本形式及相應(yīng)的圖像形式對專題資源內(nèi)容進(jìn)行簡介，讓學(xué)習(xí)者一目了然；青青口琴擂臺網(wǎng)圖像來源則是學(xué)生的照片，以此來襯托學(xué)生“擂臺之爭”的主題。

三、專題學(xué)習(xí)網(wǎng)站的審美分析

網(wǎng)站的審美分析是必不可少的，通過分析16個存活的優(yōu)秀專題學(xué)習(xí)網(wǎng)站可知，可以從網(wǎng)站的框架結(jié)構(gòu)、色彩、網(wǎng)站風(fēng)格三個方面探討專題學(xué)習(xí)網(wǎng)站建設(shè)過程中的審美分析。

1.框架結(jié)構(gòu)分析

網(wǎng)頁的造型，可以充分借鑒自然界中的形狀以及形狀之間的組合，比如常見的矩形、圓形、三角形、菱形等網(wǎng)頁造型。各種不同的造型均有約定俗成的意義，如矩形造型代表著正式、嚴(yán)謹(jǐn)；圓形造型代表著柔和、團(tuán)結(jié)、溫暖；三角形造型代表著權(quán)威、穩(wěn)定等。目前，網(wǎng)頁的造型一般采用多種圖形相結(jié)合的造型。因此，網(wǎng)頁的造型是指占有較大構(gòu)圖比例的圖形。目前專題學(xué)習(xí)網(wǎng)站的造型主要有矩形、圓形、圓角矩形等造型。較有代表性的如矩形造型的家園網(wǎng)站、圓形造型的英語早餐網(wǎng)、圓角矩形造型的威尼斯小艇網(wǎng)。

專題學(xué)習(xí)網(wǎng)站網(wǎng)頁布局用得較多的有：國字型，如家園、連元網(wǎng)校作文天地專題學(xué)習(xí)網(wǎng)站；拐角型，如羅湖區(qū)中小學(xué)心理健康教育網(wǎng)、數(shù)學(xué)專題資源網(wǎng)等專題學(xué)習(xí)網(wǎng)站；左右框架型，如漫游多媒體世界專題學(xué)習(xí)網(wǎng)站；標(biāo)題正文型，如軸對稱圖形、威尼斯小艇等專題學(xué)習(xí)網(wǎng)站；封面型，如我的龍城、南孔翰林院專題學(xué)習(xí)網(wǎng)站的歡迎界面；Flash型，如英語早餐專題學(xué)習(xí)網(wǎng)站。

2.色彩分析

網(wǎng)頁色彩是影響網(wǎng)站風(fēng)格的重要因素，色彩的視覺沖擊力極強，不同的色彩搭配會有不同的視覺效果。常用的網(wǎng)站標(biāo)準(zhǔn)色為：藍(lán)色、黃/橙色、黑灰白三大系列色，如藍(lán)色系的漫游多媒體專題學(xué)習(xí)網(wǎng)站；橙色的家園專題學(xué)習(xí)網(wǎng)站及黑白色系的青青口琴網(wǎng)。一般而言，一個網(wǎng)站的標(biāo)準(zhǔn)色不超過三種，否則會給瀏覽者眼花繚亂的感覺，網(wǎng)站也會失去特色。網(wǎng)站顏色搭配基本技巧為：亮色與暗色相搭配，補色搭配容易產(chǎn)生視覺沖擊力，而鄰色搭配則給人柔和協(xié)調(diào)的感覺。

目前專題學(xué)習(xí)網(wǎng)站大多采用淺色背景，如白底中華詩詞網(wǎng)，淡綠底的漫游多媒體世界、實小專題學(xué)習(xí)網(wǎng)、數(shù)學(xué)專題資源網(wǎng)、小學(xué)語文吧、軸對稱圖形，灰色底我的龍城等。前景顏色則使用深色搭配，如藍(lán)色、黑色、綠色等。

3.網(wǎng)站風(fēng)格分析

中小學(xué)專題學(xué)習(xí)網(wǎng)站面向的對象為中小學(xué)學(xué)生，在網(wǎng)站設(shè)計時，教師會充分考慮到這一年齡段的學(xué)習(xí)者的特點，16個專題學(xué)習(xí)網(wǎng)站都體現(xiàn)了明快活潑、積極向上的網(wǎng)站風(fēng)格。

四、啟示

專題學(xué)習(xí)網(wǎng)站方興未艾，雖然取得了一定的成就，但是也存在著不少問題，我們在設(shè)計專題學(xué)習(xí)網(wǎng)站時應(yīng)該注意以下問題：

1.網(wǎng)站導(dǎo)航欄目設(shè)置要合理

網(wǎng)站導(dǎo)航欄目應(yīng)該根據(jù)網(wǎng)站功能而定，專題學(xué)習(xí)網(wǎng)站常見的功能有：資源性功能、交流協(xié)作功能、專題研討功能、在線評價和測試功能、成果展示功能等。若專題側(cè)重于提供優(yōu)秀資源，那么導(dǎo)航欄目一般包含較為完整的專題資源欄目：專題結(jié)構(gòu)化知識、擴(kuò)展學(xué)習(xí)資源、學(xué)習(xí)素材、相關(guān)網(wǎng)站鏈接等欄目建設(shè)極為重要。若專題側(cè)重于交流協(xié)作功能，那么學(xué)習(xí)支持工具（討論板、答疑區(qū)、互動區(qū)、博客等）的建設(shè)則成為重點，而專題資源欄目設(shè)置可以根據(jù)需要進(jìn)行有效選擇。若側(cè)重于專題研討功能，則結(jié)構(gòu)化知識與學(xué)習(xí)支持工具的欄目建設(shè)即成為重點。若側(cè)重于在線評價和測試功能及成果展示功能，則應(yīng)該建立完善的評價欄目和相應(yīng)的評價系統(tǒng)。

2.網(wǎng)頁圖像的選取要有效

圖像是專題學(xué)習(xí)網(wǎng)站的重要構(gòu)成元素，圖像在專題學(xué)習(xí)網(wǎng)站中常見的主要功能有：美化頁面、襯托主題、創(chuàng)設(shè)情境、提供學(xué)習(xí)素材。不管哪一種功能均要求所提供的圖片與專題資源相適應(yīng)，且較為典型。若設(shè)計者無法找到將某張圖像放在專題網(wǎng)站中的有效理由，那么該圖像就是無效的圖像。換句話說，專題學(xué)習(xí)網(wǎng)站中的每張圖像都應(yīng)有其不可替代的作用，而美化頁面只是其最原始的功能。

3.網(wǎng)頁造型與主題相適應(yīng)

專題學(xué)習(xí)網(wǎng)站是課堂教學(xué)的延伸，它的功能主要是傳播知識，因此，專題學(xué)習(xí)網(wǎng)站應(yīng)該給人以嚴(yán)謹(jǐn)、客觀、正式的印象。但專題學(xué)習(xí)網(wǎng)站的設(shè)計宗旨是培養(yǎng)學(xué)習(xí)者的創(chuàng)造能力及創(chuàng)造思維，這就要求專題學(xué)習(xí)網(wǎng)站應(yīng)該盡可能地生動、活潑。因此，專題學(xué)習(xí)網(wǎng)站網(wǎng)頁造型應(yīng)給瀏覽者以嚴(yán)謹(jǐn)、客觀、生動、活潑的感覺，可采用圓形、矩形、圓角矩形、菱形等不同造型及趨向于緩和的造型。

4.網(wǎng)頁布局與網(wǎng)頁元素相協(xié)調(diào)

網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，專題學(xué)習(xí)網(wǎng)站可以根據(jù)網(wǎng)頁元素的多少選擇相應(yīng)的布局。若專題選題內(nèi)容較多、系統(tǒng)性較強且欄目較多，則可以考慮“國”字形、拐角型或者綜合框架型；若欄目設(shè)置較少，所要展示的文字內(nèi)容較多，則可以采用上下框架型或者左右框架型；若需要設(shè)置歡迎界面或者使頁面更加生動活潑，則可以選擇封面型或者Flash型。

5.網(wǎng)頁顏色選擇要典型

在選擇網(wǎng)頁色彩時，除了搭配技巧外，還應(yīng)該注意網(wǎng)頁的引申義，如藍(lán)色代表信任、嚴(yán)謹(jǐn)、寬容；紅色代表熱情、性感等。專題學(xué)習(xí)網(wǎng)站屬于教育類的網(wǎng)站，教育類的網(wǎng)站用色多變，一般而言，理工科常用藍(lán)色，表示其理性、冷靜、深遠(yuǎn)、博大的特征；文學(xué)類則側(cè)重于青春、明快、幻想，顏色側(cè)重于鮮亮，如嫩綠、粉色等；兒童教育類網(wǎng)站一般采用暖色系，如黃色、嫩綠、橙色等，專題學(xué)習(xí)網(wǎng)站在顏色設(shè)計時可以以此為參考，確立其顏色基調(diào)。

[1]謝幼如,馬秀芳,余紅.“網(wǎng)絡(luò)教學(xué)設(shè)計”專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)[J].中國電化教育,2003(5).

[2][3]沙景榮,趙興龍,張燕.專題學(xué)習(xí)網(wǎng)站的學(xué)習(xí)功能[J].中小學(xué)信息技術(shù)教育,2006(1).

(編輯：李曉萍)

G434

：B

：1673-8454（2015）16-0050-03