論精品課程的網(wǎng)頁(yè)設(shè)計(jì)

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了論精品課程的網(wǎng)頁(yè)設(shè)計(jì)范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

國(guó)家對(duì)精品課程的視頻規(guī)定了詳細(xì)的技術(shù)標(biāo)準(zhǔn)，服務(wù)器端視頻文件建議使用rmvb、rm、wmv、asf、flv或avi格式，編碼方式采用Mpeg－4標(biāo)準(zhǔn)，使用流媒體服務(wù)器對(duì)外。建議視頻格式采用至少總比特率為300kbps、幀速度為30fps、大小為320×240。各學(xué)校對(duì)于視頻的初始拍攝，一般都可以做到高清，一旦壓縮成網(wǎng)絡(luò)格式，很多精品課程都不注意視頻的質(zhì)量，并不按照國(guó)家標(biāo)準(zhǔn)執(zhí)行壓縮視頻，在諸多精品課程網(wǎng)上的視頻很多雖然也采用了wmv或者asf格式等流媒體格式，但經(jīng)過(guò)壓縮以后，要么幀頻達(dá)不到要求，要么比特率達(dá)不到要求，使得視頻質(zhì)量降低。一個(gè)不清楚的視頻是很難吸引學(xué)生學(xué)習(xí)下去的。就視頻內(nèi)容而言，很多精品課程多采用把老師講課的過(guò)程直接錄下來(lái)，而后期制作中加入圖片、視頻、動(dòng)畫(huà)、字幕、畫(huà)外音等工作。某些學(xué)校對(duì)這類工作做得不多，或干脆什么都不做，因而使得視頻播放效果大打折扣，學(xué)生只看一個(gè)老師講課的非動(dòng)態(tài)畫(huà)面加上老師的聲音，是非常枯燥的。還有諸多的問(wèn)題，在此不再一一列舉。

針對(duì)以上的問(wèn)題，結(jié)合我校制作的精品課程，筆者認(rèn)為，對(duì)于精品課程的內(nèi)容設(shè)計(jì)，前期準(zhǔn)備工作十分重要。一門(mén)課程要在網(wǎng)絡(luò)上呈現(xiàn)，目的不是為了炫耀網(wǎng)頁(yè)的界面如何好，更不是炫耀里面的內(nèi)容如何的好，最主要的是要讓學(xué)生能夠接受，要以學(xué)生的需求為第一要素。而學(xué)生的學(xué)習(xí)，由于傳統(tǒng)教育的影響，或多或少地存在被動(dòng)性，因此，在設(shè)計(jì)過(guò)程中，要力求簡(jiǎn)潔，鏈接不能過(guò)深，學(xué)生想到了學(xué)習(xí)的內(nèi)容，通過(guò)點(diǎn)一級(jí)，最多二級(jí)導(dǎo)航即可進(jìn)行內(nèi)容的學(xué)習(xí)，這樣才能吸引學(xué)生。具體設(shè)計(jì)過(guò)程如下：

1．導(dǎo)航設(shè)計(jì)

精品課程的導(dǎo)航的內(nèi)容一般包括教學(xué)文件、視頻課堂、在線練習(xí)、在線測(cè)試（留言版）、網(wǎng)上討論、拓展學(xué)習(xí)以及與課程相關(guān)的政策法規(guī)之類的欄目，導(dǎo)航欄的設(shè)置一定要把與課程相關(guān)的最主要的內(nèi)容分類清楚，不能放一些無(wú)關(guān)的或者關(guān)系不大的欄目，以免引起學(xué)生的反感。

2．版面設(shè)計(jì)

精品課程的版面設(shè)計(jì)最主要的是簡(jiǎn)潔、明快，以青海電大《納稅基礎(chǔ)與實(shí)務(wù)》精品課程為例，整個(gè)網(wǎng)頁(yè)的顯示部分像素設(shè)計(jì)為960×700，頭部課程主題或動(dòng)畫(huà)設(shè)計(jì)為960×80～120（可根據(jù)不同的課程來(lái)增減頭部的高度），導(dǎo)航的設(shè)計(jì)是在一行中，插入一個(gè)單行的表格，將每一個(gè)導(dǎo)航內(nèi)容放到單行表格的各個(gè)單元格中。頭部與導(dǎo)航是所有網(wǎng)頁(yè)共有的內(nèi)容。設(shè)計(jì)子欄目的過(guò)程中，比如在設(shè)計(jì)教學(xué)文件這一版面的時(shí)候，中間分為左右兩部分，左邊放如教學(xué)大綱、實(shí)施方案等教學(xué)文件，是教學(xué)文件的內(nèi)容導(dǎo)航，左邊的導(dǎo)航單元格寬度設(shè)計(jì)為200px；右邊設(shè)計(jì)一嵌入式框架網(wǎng)頁(yè)，此框架大小760×490為宜，將左邊教學(xué)文件中的導(dǎo)航內(nèi)容全部在這嵌入式框架中顯示，在瀏覽的時(shí)候，整個(gè)網(wǎng)頁(yè)不動(dòng)，點(diǎn)擊切換左邊的導(dǎo)航，相應(yīng)的內(nèi)容在右邊的嵌入式框架中顯示，滾動(dòng)條在嵌入式框架中拖動(dòng)即可。別的欄目用同樣的方式進(jìn)行設(shè)計(jì)，做到頁(yè)面設(shè)計(jì)的統(tǒng)一性，根據(jù)顯示內(nèi)容的不同，可以適當(dāng)?shù)卣{(diào)整嵌入式框架的寬度。對(duì)于一個(gè)導(dǎo)航欄目來(lái)講，如果有子欄目，最常用的方式就是用折疊式菜單顯示內(nèi)容，折疊式菜單的顯示用簡(jiǎn)單代碼即可實(shí)現(xiàn)，這種顯示代碼在網(wǎng)上很常見(jiàn)，從別的網(wǎng)頁(yè)上引用過(guò)來(lái)即可。我們?cè)谥谱鬟^(guò)程中發(fā)現(xiàn)，二級(jí)欄目可讀性最強(qiáng)，因而，一個(gè)精品課程的欄目設(shè)計(jì)一般不超過(guò)三級(jí)欄目。很多高校制作的精品課程（比如清華大學(xué)精品課程）還采用了統(tǒng)一的模板，即網(wǎng)頁(yè)的模式、色彩及導(dǎo)航內(nèi)容基本一樣，所不同的是內(nèi)容及針對(duì)各課程自身的一些特殊的欄目。筆者認(rèn)為，對(duì)于某一特定的學(xué)校，形成本校風(fēng)格的精品課程的模板是可取的，最大的好處是，在以后制作精品課程的時(shí)候，設(shè)計(jì)人員用不著為如何設(shè)計(jì)網(wǎng)頁(yè)的模式或者色彩絞盡腦汁，利用現(xiàn)成的模板替換網(wǎng)頁(yè)內(nèi)容即可，這種方式將大大提高制作精品課程的效率，做得多了，網(wǎng)上自然形成了某學(xué)校精品課程的特定模式。

3．視頻的處理

首先，對(duì)于老師講課視頻的錄制需要采取高清的方式進(jìn)行。其次，針對(duì)老師講到的視頻內(nèi)容，要準(zhǔn)備充分的素材，素材包括文本、圖片、另加視頻以及針對(duì)某些內(nèi)容制作的動(dòng)畫(huà)，然后在非線性編輯軟件中進(jìn)行精細(xì)的制作，真正做到圖文并茂，吸引學(xué)生的眼球。再次，將制作后的視頻進(jìn)行必要的壓縮，以適應(yīng)網(wǎng)上在線播放，可以選擇wmv、flv、rmvb等格式，但必須注意壓縮后的視頻要清楚，以國(guó)家標(biāo)準(zhǔn)為基準(zhǔn)，壓縮時(shí)只能比國(guó)家標(biāo)準(zhǔn)高不能低。最后，將制作好的視頻以合適的方式放到網(wǎng)頁(yè)中，可以直接鏈接視頻，進(jìn)行在線播放，也可以制作成三分屏網(wǎng)頁(yè)，效果更理想，所謂的三分屏是將老師講課的視頻、內(nèi)容導(dǎo)航、講義文本（或PPT）分成三個(gè)區(qū)域?，F(xiàn)在很多精品課程中，多以三分屏的方式呈現(xiàn)視頻?，F(xiàn)在很流行自動(dòng)生成的三分屏視頻課件，即教師講課時(shí)采用PPT或者文本，錄制過(guò)程將教師講課及PPT操作一并錄制下來(lái)，錄制完成以后，自動(dòng)生成索引即導(dǎo)航。這種方式在我校精品課程《納稅基礎(chǔ)與實(shí)務(wù)》中全部采用，效果非常好。

4．內(nèi)容設(shè)計(jì)

（1）一個(gè)精品課程能不能吸引學(xué)生學(xué)習(xí)，最主要的是放置的內(nèi)容要適合學(xué)生學(xué)習(xí)，所以在欄目的設(shè)計(jì)中應(yīng)當(dāng)將所有的因素考慮周全，每個(gè)欄目中準(zhǔn)備的內(nèi)容以課程為主線，突出重點(diǎn)，全面概括，具體來(lái)講，視頻課程最為重要，一定不是輔導(dǎo)性的講解，相關(guān)的教學(xué)文件、練習(xí)題等必不可少，輔助的拓展內(nèi)容等根據(jù)需要放置。在拓展內(nèi)容中可以放一些輔導(dǎo)性視頻或者與課程相關(guān)的視頻，不管是自制的視頻還是取自網(wǎng)上的視頻，盡量選擇質(zhì)量較高的視頻。（2）網(wǎng)上精品課程中文本字號(hào)的選擇一般是10號(hào)字，10號(hào)字是網(wǎng)頁(yè)顯示文本的默認(rèn)字號(hào)，筆者認(rèn)為，在精品課程中字號(hào)應(yīng)該選擇稍大一些較好，通常標(biāo)題設(shè)為黑體14號(hào)字，正文部分設(shè)為宋體12號(hào)字，對(duì)于文本網(wǎng)頁(yè)的行距設(shè)為1．5倍行距最理想，也可根據(jù)文本中的內(nèi)容適當(dāng)調(diào)整字體或者字號(hào)，比如在文學(xué)類精品課程中，文本網(wǎng)頁(yè)里如果引用了一段小故事或者引用了名人名言，則可以用楷體來(lái)表現(xiàn)。（3）學(xué)生比較容易接受的學(xué)習(xí)內(nèi)容是視頻、動(dòng)畫(huà)，還有聲音，看文本是最枯燥的。因此，在制作時(shí)，能用視頻的地方盡量用視頻，能用動(dòng)畫(huà)的地方盡量用動(dòng)畫(huà)，盡可能地將網(wǎng)頁(yè)制作得生動(dòng)一些，以加強(qiáng)精品課程的可讀性。

5．練習(xí)題的制作

精品課程中多用在線測(cè)試的方式呈現(xiàn)練習(xí)題，練習(xí)題一般包括填空題、單項(xiàng)選擇題、判斷題、多項(xiàng)選擇題等，制作過(guò)程中可以采用flash進(jìn)行制作，比如填空題的制作，在我校的《地域文化•青海省情》精品課程中就是用flash的方式實(shí)現(xiàn)了填空題，填空題的制作，其難點(diǎn)在于對(duì)于填空內(nèi)容的不確定性，用flash采用一個(gè)簡(jiǎn)單的語(yǔ)句即可解決這一問(wèn)題。單項(xiàng)選擇題、多項(xiàng)選擇題等，網(wǎng)上有現(xiàn)成的代碼，下載一個(gè)替換相應(yīng)的內(nèi)容就可以實(shí)現(xiàn)。在有些精品課程中也設(shè)計(jì)有在線考試內(nèi)容。關(guān)于在線考試系統(tǒng)，網(wǎng)上有很多現(xiàn)成的源代碼，比如“源碼之家”網(wǎng)站上有各種各樣的源代碼，下載一個(gè)，進(jìn)行簡(jiǎn)單的修改。最好采用ASP／Access方式，不受數(shù)據(jù)庫(kù)影響，修改也很方便，進(jìn)行后臺(tái)維護(hù)也容易，上傳題目、學(xué)生在線考試、閱卷等過(guò)程都能輕松完成。作為一門(mén)精品課程，并不需要專業(yè)的考試系統(tǒng)，因而，采用這樣的方式最快捷、最實(shí)用。

對(duì)于精品課程的后期更新，用動(dòng)態(tài)網(wǎng)頁(yè)為宜，后期更新較少的一般用靜態(tài)網(wǎng)頁(yè)實(shí)現(xiàn)即可。精品課程的評(píng)價(jià)標(biāo)準(zhǔn)在于學(xué)生的認(rèn)可程度，并不是誰(shuí)制作的網(wǎng)頁(yè)漂亮或者誰(shuí)制作的內(nèi)容多就好，學(xué)生的學(xué)習(xí)需求是第一位的，為了這一要素，要在制作的內(nèi)容上、版面的呈現(xiàn)上、內(nèi)容的可讀性上做認(rèn)真細(xì)致的處理，這樣才可以制作出好的精品課程。（本文作者：晁仕德、梅林 單位：青海廣播電視大學(xué)）