《計算機(jī)技術(shù)網(wǎng)絡(luò)課程》網(wǎng)站的制作與研究

楊春哲 常涵吉

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、制作方法

3.1外觀設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

四、測試

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

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

五、結(jié)語

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

參 考 文 獻(xiàn)

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

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

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