楊春哲 常涵吉

【摘要】 隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的快速發(fā)展，多媒體技術(shù)與網(wǎng)絡(luò)技術(shù)在教學(xué)中的應(yīng)用，教學(xué)網(wǎng)站已經(jīng)成為學(xué)生學(xué)習(xí)和獲取資料的重要渠道，在教學(xué)中發(fā)揮著越來(lái)越重要的作用。學(xué)生通過(guò)教學(xué)網(wǎng)站的使用，補(bǔ)充課上學(xué)習(xí)時(shí)間的不足和掌握知識(shí)的不足，與老師同學(xué)互動(dòng)交流學(xué)習(xí)經(jīng)驗(yàn)，探討學(xué)習(xí)方法和學(xué)習(xí)理念，解決學(xué)習(xí)中遇到的問(wèn)題。本文以制作我?！队?jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站為例，討論教學(xué)網(wǎng)站的設(shè)計(jì)方法和制作技巧。

【關(guān)鍵詞】 教學(xué)網(wǎng)站 計(jì)算機(jī)網(wǎng)絡(luò)課程 網(wǎng)站制作

隨著計(jì)算機(jī)網(wǎng)路在人們生活、學(xué)習(xí)、工作中的普及，人們?cè)絹?lái)越習(xí)慣于通過(guò)網(wǎng)絡(luò)來(lái)解決日常生活中的問(wèn)題。教育技術(shù)也伴隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而進(jìn)一步發(fā)展完善，多媒體技術(shù)與網(wǎng)絡(luò)技術(shù)在教學(xué)中的廣泛應(yīng)用，學(xué)生學(xué)習(xí)的途徑變得更加多樣化。

為方便學(xué)生學(xué)習(xí)計(jì)算機(jī)知識(shí)，補(bǔ)充課上計(jì)算機(jī)學(xué)習(xí)的不足，拓寬學(xué)生的計(jì)算機(jī)知識(shí)體系，更好的了解和掌握計(jì)算機(jī)課程的重點(diǎn)、難點(diǎn)，有針對(duì)性的進(jìn)行計(jì)算機(jī)知識(shí)的學(xué)習(xí)和復(fù)習(xí)，我校在已有靜態(tài)計(jì)算機(jī)網(wǎng)站的基礎(chǔ)上，開(kāi)發(fā)新的《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站，通過(guò)課上和課外的雙重教學(xué)，有效的提升學(xué)生學(xué)習(xí)的興趣和學(xué)習(xí)效果。

一、設(shè)計(jì)規(guī)劃

我校是醫(yī)學(xué)院校，相對(duì)于醫(yī)學(xué)課程，計(jì)算機(jī)屬于輔助學(xué)科，計(jì)算機(jī)課程的授課學(xué)時(shí)相對(duì)較少。雖然我校有信息管理與信息系統(tǒng)專業(yè)和生物醫(yī)學(xué)工程專業(yè)，也講授計(jì)算機(jī)專業(yè)課程，但由于學(xué)校整體課程的規(guī)劃，醫(yī)學(xué)生專業(yè)課的壓力，計(jì)算機(jī)類課程教學(xué)時(shí)間遠(yuǎn)遠(yuǎn)少于需求時(shí)間，學(xué)生迫切需要一種途徑和手段，幫助消化理解課堂所學(xué)知識(shí)并適當(dāng)對(duì)知識(shí)進(jìn)行知識(shí)拓展。

早期我校的計(jì)算機(jī)課程網(wǎng)站采用靜態(tài)網(wǎng)頁(yè)技術(shù)，所有的內(nèi)容都由靜態(tài)網(wǎng)頁(yè)制作，更新和維護(hù)操作復(fù)雜；課程數(shù)目少，我校新增專業(yè)新增的計(jì)算機(jī)課程添加麻煩，需重新制作網(wǎng)頁(yè)；網(wǎng)站無(wú)法與學(xué)生互動(dòng)交流，無(wú)法動(dòng)態(tài)掌握學(xué)生學(xué)習(xí)情況，《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站解決了這些問(wèn)題。通過(guò)建立《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站，將我校所有計(jì)算機(jī)課程的教學(xué)資源共享，達(dá)到輔助課程教學(xué)的目的，同時(shí)為學(xué)生提供自主學(xué)習(xí)的媒介和互動(dòng)交流的平臺(tái)。

《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站面向的對(duì)象為我校醫(yī)學(xué)生，網(wǎng)站的內(nèi)容以教學(xué)資料為主，補(bǔ)充學(xué)生課堂學(xué)習(xí)的不足，向?qū)W生提供教學(xué)大綱、教學(xué)進(jìn)度、教學(xué)課件、教學(xué)錄像、課后習(xí)題、試題樣卷；網(wǎng)站設(shè)有登陸模塊，允許教師在后臺(tái)進(jìn)行各自負(fù)責(zé)課程信息的維護(hù)和整理；網(wǎng)站有互動(dòng)學(xué)習(xí)模塊，方便學(xué)生、老師之間信息交流；網(wǎng)站還包括參考書(shū)目部分，提供給學(xué)生課程使用書(shū)目的相關(guān)信息。網(wǎng)站的導(dǎo)航清楚合理，操作簡(jiǎn)單。

確定好網(wǎng)站的內(nèi)容后，制作編寫(xiě)網(wǎng)站的需求。將網(wǎng)站的外觀在紙上畫(huà)出草圖，確定網(wǎng)站主頁(yè)和其他頁(yè)面需要顯示的內(nèi)容及顯示方式。

結(jié)合網(wǎng)站的內(nèi)容和網(wǎng)站面向的對(duì)象，廣泛瀏覽類似網(wǎng)站，吸取他人網(wǎng)頁(yè)制作的優(yōu)點(diǎn)，設(shè)計(jì)構(gòu)建《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站的結(jié)構(gòu)。

二、建設(shè)準(zhǔn)備

建設(shè)網(wǎng)站，需要技術(shù)支持和材料支持，兩者缺一不可。

技術(shù)支持，主要指網(wǎng)站中的各種功能的實(shí)現(xiàn)，如網(wǎng)頁(yè)制作、網(wǎng)頁(yè)配色、網(wǎng)頁(yè)動(dòng)畫(huà)、動(dòng)態(tài)網(wǎng)頁(yè)等，需要使用不同的軟件。在制作網(wǎng)站之前，必須保證多個(gè)軟件能夠正常使用，且網(wǎng)站制作人員需具備相關(guān)軟件的操作能力，能夠按照要求完成網(wǎng)站的制作。教學(xué)網(wǎng)站中包含教學(xué)視頻，視頻的錄制和剪輯需要專業(yè)人員操作并進(jìn)行格式轉(zhuǎn)換。

材料支持，指的是網(wǎng)站中涉及的課程教學(xué)資料，需要各任課教師的配合幫助，將資料分章節(jié)準(zhǔn)備并按照要求將所有資料存儲(chǔ)為.html格式，使用網(wǎng)站后臺(tái)自行上傳。請(qǐng)我校電教中心的教師幫助錄制課程的教學(xué)視頻，存儲(chǔ)為網(wǎng)站設(shè)計(jì)要求的格式，留作學(xué)生自學(xué)使用。

三、制作方法

3.1外觀設(shè)計(jì)

拋開(kāi)網(wǎng)頁(yè)的功能暫且不談，網(wǎng)頁(yè)的外觀設(shè)計(jì)非常重要，它也是決定網(wǎng)站是否吸引人的一個(gè)重要因素。不同色彩的搭配會(huì)產(chǎn)生不同的效果，如果網(wǎng)頁(yè)的顏色搭配不合理，色彩、樣式過(guò)于復(fù)雜，學(xué)生操作麻煩，一樣會(huì)影響學(xué)生學(xué)習(xí)的心情。

在訪問(wèn)網(wǎng)站時(shí)，色彩對(duì)人視覺(jué)的刺激，會(huì)給訪問(wèn)者留下第一印象。參考了多個(gè)教學(xué)網(wǎng)站的設(shè)計(jì)后，在我?！队?jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站色彩的設(shè)計(jì)上，為使學(xué)生在訪問(wèn)網(wǎng)站學(xué)習(xí)時(shí)心情愉快，沒(méi)有壓力，網(wǎng)站采用天空藍(lán)色為主的色調(diào)，輔以橙色，并適當(dāng)降低圖片的亮度，使網(wǎng)站整體色彩輕快、柔和。網(wǎng)站的色彩符合人的視覺(jué)要求，訪問(wèn)者長(zhǎng)時(shí)間操作不易疲勞。

網(wǎng)站的結(jié)構(gòu)、網(wǎng)站操作的難易程度和網(wǎng)站內(nèi)容的豐富度，也是決定一個(gè)網(wǎng)站是否受歡迎的一個(gè)因素。在《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站中，網(wǎng)頁(yè)的布局采用常見(jiàn)的左右兩欄的模式，兩欄中間以藍(lán)色的天空輔以學(xué)校主樓為分割，給人以干凈、開(kāi)闊的感覺(jué)。

整個(gè)網(wǎng)頁(yè)布局縱向?yàn)檎n程導(dǎo)航，學(xué)生隨時(shí)可通過(guò)縱向?qū)Ш角袚Q訪問(wèn)課程。我校計(jì)算機(jī)課程有基礎(chǔ)課、專業(yè)基礎(chǔ)課、專業(yè)課三大種類，網(wǎng)頁(yè)設(shè)計(jì)時(shí)采用鼠標(biāo)經(jīng)過(guò)時(shí)分別顯示不同的課程列表的方式顯示所有課程，供學(xué)生選擇操作。網(wǎng)頁(yè)橫向?yàn)閮?nèi)容導(dǎo)航，各課程的教學(xué)大綱、教學(xué)進(jìn)度、授課課件、習(xí)題練習(xí)、試題樣卷等均在內(nèi)容導(dǎo)航中顯示，具體內(nèi)容隨著選擇的課程同步發(fā)生變化，方便訪問(wèn)者查詢。

網(wǎng)頁(yè)主體部分顯示細(xì)節(jié)內(nèi)容，學(xué)生選擇的課程具體內(nèi)容在此處顯示。網(wǎng)站結(jié)構(gòu)設(shè)計(jì)簡(jiǎn)潔明了，導(dǎo)航和菜單明確清晰，學(xué)生通過(guò)縱橫交錯(cuò)的方式，可以快速定位目標(biāo)，自主學(xué)習(xí)。各課程網(wǎng)頁(yè)內(nèi)容布局一致，訪問(wèn)方法一致，頁(yè)面結(jié)構(gòu)相似，學(xué)生訪問(wèn)網(wǎng)站方便，操作簡(jiǎn)單，節(jié)省學(xué)生熟悉網(wǎng)站的時(shí)間。

3.2基本技術(shù)實(shí)現(xiàn)

《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站由多人合作完成，制作中使用多個(gè)軟件，包括：網(wǎng)頁(yè)制作軟件Dreamweaver、圖像處理軟件Photoshop、動(dòng)畫(huà)制作軟件Flash、動(dòng)態(tài)網(wǎng)頁(yè)制作軟件.Net 2010、數(shù)據(jù)庫(kù)制作軟件SQL Server 2008。

確定了網(wǎng)站的結(jié)構(gòu)和具體功能后，網(wǎng)站進(jìn)入制作階段，整個(gè)網(wǎng)站的制作流程如下：

在確定網(wǎng)站整體色彩后，設(shè)計(jì)網(wǎng)站外觀，用Photoshop軟件處理圖像、為網(wǎng)頁(yè)配色、制作網(wǎng)站Logo，整個(gè)《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站的制作，考慮到學(xué)生訪問(wèn)網(wǎng)頁(yè)的便捷性和學(xué)生訪問(wèn)網(wǎng)站時(shí)使用的電腦情況，網(wǎng)頁(yè)寬度設(shè)計(jì)為996像素，訪問(wèn)者不用左右拖動(dòng)滾動(dòng)條查看網(wǎng)頁(yè)內(nèi)容。圖片設(shè)計(jì)好后可以利用Photoshop中的切片工具對(duì)圖片進(jìn)行切片，保存為Web格式。也可以利用參考線分割圖片，再使用選擇工具選取圖片，在Dreamweaver中通過(guò)表格自己制作網(wǎng)頁(yè)。為提高網(wǎng)頁(yè)瀏覽的速度，圖片不宜過(guò)大，存儲(chǔ)時(shí)品質(zhì)不宜選擇過(guò)高。

用Flash 軟件制作網(wǎng)站開(kāi)頭動(dòng)畫(huà)，根據(jù)網(wǎng)站的色彩設(shè)計(jì)網(wǎng)站中使用的動(dòng)畫(huà)，考慮到網(wǎng)站的色彩一致性，動(dòng)畫(huà)的主色彩使用天空藍(lán)色。

在Dreamweaver中設(shè)計(jì)和調(diào)整網(wǎng)頁(yè)結(jié)構(gòu)，設(shè)計(jì)主頁(yè)、互動(dòng)學(xué)習(xí)、參考書(shū)目、登陸等靜態(tài)頁(yè)面外觀，為后面動(dòng)態(tài)網(wǎng)頁(yè)的制作打下基礎(chǔ)。

根據(jù)制作的網(wǎng)頁(yè)效果和網(wǎng)站建設(shè)功能要求，按照靜態(tài)網(wǎng)頁(yè)的外觀，在.Net 2010中完成動(dòng)態(tài)網(wǎng)頁(yè)的制作，用SQL Server制作網(wǎng)站后臺(tái)數(shù)據(jù)庫(kù)。實(shí)現(xiàn)網(wǎng)站的預(yù)期功能。

四、測(cè)試

網(wǎng)站制作完成后，為保證其正確運(yùn)行，需要對(duì)網(wǎng)站進(jìn)行測(cè)試。測(cè)試的內(nèi)容包括：檢查網(wǎng)站中內(nèi)容是否存在錯(cuò)誤，各頁(yè)面之間鏈接是否正確，網(wǎng)頁(yè)中的文檔、課件、視頻能否打開(kāi)，網(wǎng)站的各部分功能是否達(dá)到預(yù)期設(shè)計(jì)要求。

測(cè)試的方法：在Windows配置好服務(wù)器和相關(guān)信息，然后訪問(wèn)網(wǎng)站的主頁(yè)。瀏覽每一個(gè)頁(yè)面，選取不同課程查看網(wǎng)頁(yè)內(nèi)容是否正確，后臺(tái)上傳的文件顯示是否正常，互動(dòng)中心能否與學(xué)生互動(dòng)交流。檢測(cè)網(wǎng)站的后臺(tái)功能文件管理功能。為保證網(wǎng)站上傳到學(xué)校的服務(wù)器也能正常使用，需要對(duì)網(wǎng)站進(jìn)行多次測(cè)試，并請(qǐng)多位教師和學(xué)生訪問(wèn)操作，查找網(wǎng)站制作的不足，進(jìn)行改進(jìn)。通過(guò)豐富網(wǎng)站的內(nèi)容，進(jìn)一步測(cè)試網(wǎng)站的功能。

五、結(jié)語(yǔ)

教學(xué)網(wǎng)站是學(xué)生通過(guò)網(wǎng)絡(luò)獲取信息的渠道之一，面向特定的群體，有針對(duì)性的對(duì)學(xué)生進(jìn)行知識(shí)傳播和答疑解惑。在現(xiàn)代教育技術(shù)與計(jì)算機(jī)教育教學(xué)結(jié)合下，通過(guò)《計(jì)算機(jī)技術(shù)網(wǎng)絡(luò)課程》教學(xué)網(wǎng)站的使用，豐富了我校計(jì)算機(jī)學(xué)科的教學(xué)手段，為醫(yī)學(xué)生學(xué)習(xí)計(jì)算機(jī)知識(shí)提供便捷的途徑，便于學(xué)生有重點(diǎn)的學(xué)習(xí)和掌握課程知識(shí)體系。

參 考 文 獻(xiàn)

[1] 高建華. 教學(xué)網(wǎng)站制作與研究. 網(wǎng)絡(luò)安全技術(shù)與應(yīng)用. 2006.4

[2] 王潤(rùn)泉，馬文惠. 網(wǎng)站制作經(jīng)驗(yàn)漫談. 電腦知識(shí)與技術(shù). 2010.4

[3] 程發(fā)友. 關(guān)于網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作方法的探討. 電子技術(shù)與軟件工程. 2015.9