一種網(wǎng)頁學(xué)習材料設(shè)計編排方式
相關(guān)鏈接： 北京安全網(wǎng) 北京質(zhì)量網(wǎng) 北京論文網(wǎng) 北京資訊網(wǎng)
【摘要】：隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)絡(luò)教育正在被越來越多的人關(guān)注。而網(wǎng)頁學(xué)習材料的開發(fā)是網(wǎng)絡(luò)教育中很重要的方面，這里對網(wǎng)頁學(xué)習材料的設(shè)計編排方法進行粗淺的探討。
論文關(guān)鍵詞：網(wǎng)絡(luò)教育,網(wǎng)頁學(xué)習材料
一． 信息呈現(xiàn)方式
以網(wǎng)頁形式提供給學(xué)習者的學(xué)習材料，應(yīng)該經(jīng)過特別的設(shè)計，充分利用交互式的、能夠適應(yīng)不同種類視聽信息的電子媒體，其內(nèi)容可以包括視頻片段、動畫、音響效果、音樂、圖片以及鏈接和非鏈接的網(wǎng)頁。也就是說，給學(xué)習者提供的網(wǎng)頁學(xué)習材料，既要提高其可接受性、能動性和交互性，又要保持其圖文質(zhì)量的高標準，因此，其信息呈現(xiàn)方式具備以下特點。
1．采用超文本方式編排內(nèi)容：傳統(tǒng)的印刷學(xué)習材料的信息組織結(jié)都是按固定順序線形編排的，即信息內(nèi)容是按單一的順序編排的，雖然其內(nèi)容是跳躍瀏覽的，即首先閱讀每章的小結(jié)或最后一章，或參考目錄從中挑選感興趣的內(nèi)容進行閱讀。但人類的記憶是網(wǎng)狀結(jié)構(gòu)的，聯(lián)想檢索必然導(dǎo)致不同的認知路徑。為了適應(yīng)學(xué)習者的思維方式，在網(wǎng)頁學(xué)習材料中，應(yīng)采用超文本的方式，也就是一種類似人類聯(lián)想記憶結(jié)構(gòu)的非線性網(wǎng)絡(luò)結(jié)構(gòu)來組織信息。
2．片段式的內(nèi)容呈現(xiàn)方式：大部分人們在閱讀網(wǎng)頁時，并不會仔細閱讀文本內(nèi)容，而是通過快速掃描來尋找一些概括性的關(guān)鍵詞和大標題。通過網(wǎng)頁學(xué)習材料進行學(xué)習的學(xué)習者大部分已習慣于在網(wǎng)絡(luò)上“沖浪”，如果從網(wǎng)上下載圖片或整個網(wǎng)頁所需的時間過長的話，學(xué)習者會很快失去興趣。因此，在制作網(wǎng)頁學(xué)習材料時，需要先將要呈現(xiàn)給學(xué)習者的學(xué)習材料進行精選，太長的信息經(jīng)過編輯分解成易用的片斷，讓學(xué)習者可以迅速收集信息中的精華。
3．根據(jù)學(xué)習者程度來決定信息密度：有研究究指出，訪問者在訪問網(wǎng)頁時已具有的相關(guān)領(lǐng)域知識與程度，對于他們更喜歡的有關(guān)文本和上下文環(huán)境的細節(jié)的數(shù)量是很重要的。那些具有相關(guān)領(lǐng)域較高層次知識的使用者，更喜歡信息密度高的屏幕，而那些相關(guān)領(lǐng)域知識相對貧乏的使用者，則更喜歡信息相對較少，而有更多的上下文環(huán)境的解釋。
4，相關(guān)信息應(yīng)整體呈現(xiàn)：格式塔理論中靠近原則提出，如果不同的文字或圖形組成部分位置靠近，學(xué)習者就比較容易看出它們是一起，并且，學(xué)習者傾向于將外表相似的物體歸為一類，因此在設(shè)計編排網(wǎng)頁學(xué)習材料時，應(yīng)把相關(guān)信息放在一起，使學(xué)習者能一眼看出這些信息屬于一個整體，而非孤立的部分。例如，將用以解釋圖形或用以表明某一部分圖形的文字應(yīng)當緊挨其所指的圖形或部分圖形。如果整塊信息中有需要強調(diào)的部分，可通過將字體加大，加粗，或者運用強烈的對比色，加入動畫等手段達到將學(xué)習者注意力集中于需要強調(diào)的部分的目的。例如，為了使學(xué)習者重點關(guān)注采用同一種格式的文字中特定的部分，可采用不同的顏色、使這一部分閃爍，或采用其他區(qū)分方式。但是應(yīng)注意，如果一段文字中區(qū)別太多，也會使學(xué)習者難以注意需要獲得的信息，這種方式適合于強調(diào)一小段關(guān)鍵部分或者關(guān)鍵詞，而不宜用于大段信息。
5．設(shè)計合適導(dǎo)航信息防止網(wǎng)絡(luò)迷航：網(wǎng)頁學(xué)習材料的信息量較大時，需將其劃分為合適的信息模塊，并將各信息模塊就需要按超文本和超媒體的結(jié)構(gòu)組成信息網(wǎng)絡(luò)。此時大量的信息模塊如果得不到合理的安排和導(dǎo)航，讓學(xué)習者可以很容易得知道如何獲得自己需要的學(xué)習內(nèi)容，而不會在網(wǎng)絡(luò)中迷航。在設(shè)計超鏈接時，應(yīng)讓學(xué)習者清楚的知道通過他將要點擊的鏈接將會到達什么網(wǎng)頁，另外，應(yīng)注意“有去有回”，既在每頁上都應(yīng)有返回的導(dǎo)航或者超鏈接。
6．呈現(xiàn)信息的完整性：格式塔理論中的閉合規(guī)律表明，人們會根據(jù)以往的經(jīng)驗來理解不完整的圖形或文字，應(yīng)當避免不完整的圖形，因為學(xué)習者會花時間去琢磨圖形的意義，而不是從所提供的信息中學(xué)到東西。例如，如果給出一連串的虛線，其基本形狀是環(huán)形的話，人們往往會把點與點之間的空白填滿并且說這些點代表的是一個圓。人們傾向于根據(jù)過去的經(jīng)驗補充空白并由此解釋所感知的內(nèi)容。他們會力圖對感知的對象進行解釋，對于不完整的信息便牽強附會地賦予其意義。因此，因注意，在設(shè)編排計網(wǎng)頁學(xué)習材料時，不完整的信息可能導(dǎo)致學(xué)習者對所提供的信息誤解。
二．視覺效果的呈現(xiàn)方式
在設(shè)計編排網(wǎng)頁學(xué)習材料時，不僅要合理設(shè)計信息呈現(xiàn)方式，在對網(wǎng)頁的整體布局，媒體素材的使用，色彩搭配上也要符合學(xué)習者的學(xué)習特點，達到最佳的視覺效果。
目前常見的網(wǎng)頁布局方式有以下幾種：
1．“T”結(jié)構(gòu)布局。指頁面頂部為橫條網(wǎng)站標志，下方左面為主菜單，右面顯示內(nèi)容的布局，因為菜單條背景較深，整體效果類似英文字母“T”。這是網(wǎng)頁設(shè)計中用的最廣泛的一種布局方式。優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明。容易掌握。缺點是規(guī)矩呆板，如果細節(jié)色彩上不注意，很容易讓人看之無味。
2．“口”型布局。指頁面一般上下各有一個橫幅，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。這種布局的優(yōu)點是充分利用版面，信息量大，缺點是頁面擁擠，不夠靈活。
3．“三”型布局。指頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放圖片，視頻。
4．對稱對比布局。采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設(shè)計型站點。優(yōu)點是視覺沖擊力強，缺點是將兩部分有機的結(jié)合比較困難。
5．POP布局。POP引自廣告術(shù)語，就是指頁面布局象一張宣傳海報，以一張精美圖片作為頁面的設(shè)計中心。優(yōu)點顯而易見：漂亮吸引人。缺點就是打開速度慢。
每一種布局方法都有其適應(yīng)的學(xué)習內(nèi)容和使用對象，因此，應(yīng)在對學(xué)習內(nèi)容和使用對象進行分析之后，衡量其優(yōu)缺點后進行選擇。
網(wǎng)頁學(xué)習材料與傳統(tǒng)的印刷材料最大的區(qū)別在于，前者除過簡單的文字和圖形之外，還可以加入聲音，視頻，動畫等效果。但是，在插入這些效果時，應(yīng)考慮到并非所有學(xué)習者的計算機都能夠接受和現(xiàn)實它們，并且，這些效果是否很好的為材料內(nèi)容服務(wù)，并對學(xué)習者有幫助。
網(wǎng)頁學(xué)習材料的色彩也是設(shè)計的關(guān)鍵之一。網(wǎng)頁的背景，文字，圖標，邊框，超鏈接等等都要用到色彩。不同的顏色會給學(xué)習者不同的心理感受，如紅色，能使人產(chǎn)生沖動，憤怒，熱情，活力的感覺；綠色，顯得和睦，寧靜，健康，安全；黃色，具有快樂，希望，智慧和輕快的個性。每種色彩在飽和度，透明度上略微變化就會產(chǎn)生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍綠色則顯得幽寧，陰深。合理的搭配色彩，能更好的表現(xiàn)學(xué)習內(nèi)容，吸引學(xué)習者的注意力。在搭配色彩時，應(yīng)注意不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)，背景和前文的對比要大，確保背景不會影響主體信息的清晰度。
一個好的教學(xué)網(wǎng)站所需要的不僅僅是設(shè)計得當?shù)膶W(xué)習材料，還需要對整個網(wǎng)站進行系統(tǒng)化的教學(xué)設(shè)計。本文僅是從兩個方面對網(wǎng)頁學(xué)習材料的設(shè)計編排方法進行了淺層的探討，更深層次的方法還需要在實踐中不斷的總結(jié)。
【參考文獻】
[1] 丁興富.網(wǎng)絡(luò)教育—教學(xué)與認知發(fā)展新視角[M].北京：中國輕工業(yè)出版社，2003.1
[2] 何克抗.教育技術(shù)學(xué)[M]. 北京師范大學(xué)出版社，2005 ,7
[3] 閆寒冰.學(xué)習過程設(shè)計—信息技術(shù)與課程整合的視角[M].教育科學(xué)出版社2005,(3)
