《計算機技術網絡課程》網站的制作與研究

楊春哲 常涵吉

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

【關鍵詞】 教學網站 計算機網絡課程 網站制作

隨著計算機網路在人們生活、學習、工作中的普及，人們越來越習慣于通過網絡來解決日常生活中的問題。教育技術也伴隨著網絡技術的發展而進一步發展完善，多媒體技術與網絡技術在教學中的廣泛應用，學生學習的途徑變得更加多樣化。

為方便學生學習計算機知識，補充課上計算機學習的不足，拓寬學生的計算機知識體系，更好的了解和掌握計算機課程的重點、難點，有針對性的進行計算機知識的學習和復習，我校在已有靜態計算機網站的基礎上，開發新的《計算機技術網絡課程》網站，通過課上和課外的雙重教學，有效的提升學生學習的興趣和學習效果。

一、設計規劃

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

早期我校的計算機課程網站采用靜態網頁技術，所有的內容都由靜態網頁制作，更新和維護操作復雜；課程數目少，我校新增專業新增的計算機課程添加麻煩，需重新制作網頁；網站無法與學生互動交流，無法動態掌握學生學習情況，《計算機技術網絡課程》網站解決了這些問題。通過建立《計算機技術網絡課程》網站，將我校所有計算機課程的教學資源共享，達到輔助課程教學的目的，同時為學生提供自主學習的媒介和互動交流的平臺。

《計算機技術網絡課程》網站面向的對象為我校醫學生，網站的內容以教學資料為主，補充學生課堂學習的不足，向學生提供教學大綱、教學進度、教學課件、教學錄像、課后習題、試題樣卷；網站設有登陸模塊，允許教師在后臺進行各自負責課程信息的維護和整理；網站有互動學習模塊，方便學生、老師之間信息交流；網站還包括參考書目部分，提供給學生課程使用書目的相關信息。網站的導航清楚合理，操作簡單。

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

結合網站的內容和網站面向的對象，廣泛瀏覽類似網站，吸取他人網頁制作的優點，設計構建《計算機技術網絡課程》網站的結構。

二、建設準備

建設網站，需要技術支持和材料支持，兩者缺一不可。

技術支持，主要指網站中的各種功能的實現，如網頁制作、網頁配色、網頁動畫、動態網頁等，需要使用不同的軟件。在制作網站之前，必須保證多個軟件能夠正常使用，且網站制作人員需具備相關軟件的操作能力，能夠按照要求完成網站的制作。教學網站中包含教學視頻，視頻的錄制和剪輯需要專業人員操作并進行格式轉換。

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

三、制作方法

3.1外觀設計

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

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

網站的結構、網站操作的難易程度和網站內容的豐富度，也是決定一個網站是否受歡迎的一個因素。在《計算機技術網絡課程》網站中，網頁的布局采用常見的左右兩欄的模式，兩欄中間以藍色的天空輔以學校主樓為分割，給人以干凈、開闊的感覺。

整個網頁布局縱向為課程導航，學生隨時可通過縱向導航切換訪問課程。我校計算機課程有基礎課、專業基礎課、專業課三大種類，網頁設計時采用鼠標經過時分別顯示不同的課程列表的方式顯示所有課程，供學生選擇操作。網頁橫向為內容導航，各課程的教學大綱、教學進度、授課課件、習題練習、試題樣卷等均在內容導航中顯示，具體內容隨著選擇的課程同步發生變化，方便訪問者查詢。

網頁主體部分顯示細節內容，學生選擇的課程具體內容在此處顯示。網站結構設計簡潔明了，導航和菜單明確清晰，學生通過縱橫交錯的方式，可以快速定位目標，自主學習。各課程網頁內容布局一致，訪問方法一致，頁面結構相似，學生訪問網站方便，操作簡單，節省學生熟悉網站的時間。

3.2基本技術實現

《計算機技術網絡課程》網站由多人合作完成，制作中使用多個軟件，包括：網頁制作軟件Dreamweaver、圖像處理軟件Photoshop、動畫制作軟件Flash、動態網頁制作軟件.Net 2010、數據庫制作軟件SQL Server 2008。

確定了網站的結構和具體功能后，網站進入制作階段，整個網站的制作流程如下：

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

用Flash 軟件制作網站開頭動畫，根據網站的色彩設計網站中使用的動畫，考慮到網站的色彩一致性，動畫的主色彩使用天空藍色。

在Dreamweaver中設計和調整網頁結構，設計主頁、互動學習、參考書目、登陸等靜態頁面外觀，為后面動態網頁的制作打下基礎。

根據制作的網頁效果和網站建設功能要求，按照靜態網頁的外觀，在.Net 2010中完成動態網頁的制作，用SQL Server制作網站后臺數據庫。實現網站的預期功能。

四、測試

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

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

五、結語

教學網站是學生通過網絡獲取信息的渠道之一，面向特定的群體，有針對性的對學生進行知識傳播和答疑解惑。在現代教育技術與計算機教育教學結合下，通過《計算機技術網絡課程》教學網站的使用，豐富了我校計算機學科的教學手段，為醫學生學習計算機知識提供便捷的途徑，便于學生有重點的學習和掌握課程知識體系。

參 考 文 獻

[1] 高建華. 教學網站制作與研究. 網絡安全技術與應用. 2006.4

[2] 王潤泉，馬文惠. 網站制作經驗漫談. 電腦知識與技術. 2010.4

[3] 程發友. 關于網站建設和網頁制作方法的探討. 電子技術與軟件工程. 2015.9