時間：2022-05-03 02:38:44
序論：在您撰寫教學網站論文時，參考他人的優秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發您的創作熱情，引導您走向新的創作高度。
【摘要】教學網站教學效果的優劣與否不僅在于其豐富的教學資源，同時也與網站的視覺效果有緊密的聯系。良好的網頁視覺設計可以把枯燥的學習內容變成生動的學習資源，網頁的視覺效果直接決定了該網站受到需求者的歡迎程度與傳播的廣泛程度。因此，教育網站的視覺設計對于推動教育教學的傳播具有積極意義。
【關鍵詞】教學網站 教學資源 視覺設計
一、視覺設計對于教學網站傳播的意義
當今社會互聯網正在飛速發展，人們在互聯網上聊天、沖浪、購物、求職，這個包羅萬象的在線世界已經滲透到生活的各個角落。教育作為一種社會活動也加入到互聯網這個大家庭中。近年來，各式各樣的教學網站如雨后春筍般出現在人們的視野中。然而在眾多的教學網站中，很多網站忽視藝術視覺效果的設計，導致網站吸引力下降，流失大量學習者。目前我國教學網站視覺設計主要存在以下幾個問題：
首先是教學主題不突出。很多教學網站為了表現自己有豐富的教學資源，教學網頁就追求大而全的效果，語文、英語、政治等學科通通往頁面上羅列，生怕遺漏了什么。這樣的做法讓網站失去重點，沒有主次，影響學習效率。其次是網頁排版設計沒有貼合教學內容。一些教學網站為了讓教學內容顯得豐富詳實，把大量的文本、圖片、視頻都放在網頁上，學習者進入網站后不但不能輕松的獲取教學資源，反而會因為版面的單一而覺得枯燥乏味。最后是網頁配色雜亂。為了突出網站的教學內容，網頁使用了多種顏色進行搭配，觀看網頁的過程仿佛在看一幅色彩繽紛的兒童畫，讓人眼花繚亂，影響了教學信息的傳達。
二、教學網站中視覺設計應用方法
1.突出主題的鮮明與清晰
對教學資源有需求的人群是教學網站的主要服務對象，也是教學網站的瀏覽者。不同的學習主體對于教學網站的認知與喜好是不同的，只有充分了解到學習主體的認知特征才能對教學網站進行一個正確的定位。比如說對于小學生而言，他們的年紀較小，學習注意力較低，邏輯分析能力不強。面對這樣的學習主體，可以把網頁設計的簡單一些，把主題文字用不同的字號加以區別，甚至可以把網頁的顏色和配圖做得活潑一些，吸引孩子們的注意力，以便使他們更容易的獲取教學資源。一般來說，教學資源是具有難易程度區分的，掌握基礎類別的知識對于較難較復雜的知識的理解是有幫助的。具有明確主題與清晰條理的教學網站符合學習者搜索信息的邏輯方式，能讓學習者方便快捷的尋找到自己需要的資源，從而推動教學網站的傳播。
2.注重網頁內容與形式統一
教學網站有了自己的教學資源以后，需要通過網頁的排版設計把不同的內容“合理”的展現給學習者。所謂“合理”的展現，就是指通過視覺設計語言把教學內容分布于網站之中，讓網頁在具有一定形式美感的環境中把學習資源傳遞給學習者。設計者必須充分了解網站想傳遞的內容，然后通過合適的表現形式讓教學網站彰顯出其獨特的魅力與價值。可汗學院的官方網站獨具形式美感，主頁頂端羅列了網站的所有主題，接下來是兩行熱門主題和視頻的縮略圖，圖片與文字的比例適中，形成一個律動的整體。在二級網頁中，頂端排列著數個該主題下面更為具體的二級主題，頁面中下部分是詳細的教學資源。設計者運用三列無線對齊的方式把教學內容分離開，最左邊一列是教學內容的簡介，中間和右邊兩列則按對齊法則羅列了相關資源的鏈接。每一個學習內容行之間用一條灰色暗線做分界線，使得頁面邏輯清晰明朗。可汗學院網站整體頁面布局在簡潔清爽之中充分展現了他們的學習資源，可謂達到了內容與形式的統一。
3.保證色彩整體與局部協調
在教學網站的設計中，色彩不僅具有修飾頁面的作用，還可以對學習者產生一定的心理暗示。如果網站的色彩搭配不協調，不但會讓人眼花繚亂，產生視覺疲勞，同時會影響學習者對教學網站的瀏覽效果。在網頁的色彩設計上，應該把教學資源的內容、教學對象的特征以及教學目標的實現作為綜合考慮因素。比如可汗學院的網站為不同的主題網頁設計了不同的色調，對于數學主題，網頁使用藍色作為主色調。數學是一門具有邏輯性、嚴密思維的學科，而藍色屬于冷色調，可以很好的表現冷靜、理智的感覺，兩者搭配可謂相得益彰。教學網站中合理的色彩搭配不僅可以優化界面，加強網頁的藝術美感，還可以幫助學習者更快進入學習環境，達到一舉兩得的效果。
三、總結
教育網站要做到廣為傳播必須做到實用性，網站的教學資源可以滿足學習主體的需要，學習主體可以方便快捷的獲取教學資源。網頁的視覺設計對于滿足網站的實用性起到了必要的支撐作用。在教學網站中運用視覺設計的方法優化網頁，可以增強網頁的視覺感染力，讓學習主體對學習資源的獲取更加得心應手，從而擴大教育網站的傳播范圍。
摘要：隨著信息化時代的到來，網絡開始離我們的生活越來越近，而且隨著信息技術和互聯網的不斷發展與成熟，促使在計算機的專業課中以此作為輔助教學手段不再是理想，通過這種方式可以不斷的優化計算機教學的模式，而且輔助教學網站在可以解決中職計算機專業教學中的一些亟待解決的問題，而且通過這種方式可以引起學生學習計算機的積極性，同時，又減輕了了教師的工作強度。因此，筆者對計算機教學的輔助網站以及在使用中應堅持的原則進行闡述，并就如何建設與設計教學軟件來輔助教學給予了一些建議。
關鍵詞：中職計算機專業；輔助；教學網站
前言：中等職業院校所開展的計算機專業主要是培養一些具有計算機相應技術的人才。因此在專業課方面，非常注重實際的計算機操練能力。所以學生上課的主要場所是計算機教室，這樣的場所更加適合在教學過程中使用具有輔助作用的網站教學。而且中等職業院校的一些學生存在對學習缺乏興趣，課堂學習的過程中缺少自律等情況。而且除了在課堂上，基本不會碰書本。因此，就造成了同一年級同一專業的學生的專業水平差距很大。所以當前的教學中，如何吸引學生的注意力，提高學生學習的效率尤為重要，而作為輔助作用的教學網站的使用打破了學生學習的時間以及空間的限制，有助于引起學生的興趣，因此我們應當全面的了解中職計算機專業教學的現狀，在有限的教學時間內，積極利用教學網站來吸引學生的注意力，完成教學任務，提升學生的學習效率。而且事實證明，作為輔助作用的教學網站在計算機專業的教學過程中真的起到了積極的促進作用。
1 課堂輔助教學網站的含義
中等職業院校在計算機教學過程中所使用的輔助教學網站軟件的含義是在計算機專業的教學過程中，利用網絡的手段，提供豐富的教育資源，有的資源就像一個圖書館一樣分門別類的放置著所需的教育資源，而有的資源更加的生動有趣，可以是音頻、視頻、圖像等多種方式給予的呈現。通過這種方式可以把原本枯燥乏味的東西生動形象的進行表達，拓展了學生的視野，增加知識的積累[1]。同時又因為其生動有趣，增進學生對計算機學習的興趣。而教學功能是這個網站建設的根基，也是建設此網站的目標，而之后的所有此網站的更新與維護工作都是以教學為中心來展開的。
1）教學內容設置難度適中
因為主要使用輔助教學網站的用戶大多是中等職業學校的計算機專業的學生，所以在網站設置的內容上要難易適中，并且對知識的重點與難點要進行標注，幫助學生可以一目了然的掌握了本門課的重難點[2]。其次在要保證學習資源的完整度以及與教材的契合度，輔助網站在編制上傳相關的學習資料時，要注意以學生所學習的實際課程為基礎，在此基礎上對知識進行豐富與延伸，切忌脫離實際的課程要求。積極的利用網絡的交互性以及集成性的特點來進行教學活動，通過這樣的方法與手段來提升課堂教學的效率，調動學生對計算機學習的積極性。
2）教學資源進行外延
之所以被稱為計算機專業的輔助教學網站，那就需要教學網站對學生正在學習的內容與執行進行外延，拓展學生的知識面，因此對于輔助教學網站而言，它既是老師在教學過程中的得力助手，也是學生學習的獨立自主的空間[3]。因此管理后臺的工作人員在管理過程中要進行專業性、針對性、外延性的管理，同時還要注意對相關資源進行及時的更新，所以整體看來，輔助的教學軟件可以減輕教師教學過程中的負擔，具有可行性，因此輔助教學網站會不斷地發展，生命力旺盛。
2 輔助教學網站建設需堅持的原則
1）網站的界面清晰簡明的原則
對于輔助教學網站的開發者，在網站的開發過程中，不只要注重教學資源的完備與優質，還要努力使自己的所建立的教學網站與眾不同，具有自己的獨特優勢，以此來吸引更多的用戶，而且在功能方面，還要給教師與學生提供更為方便的檢索方式，清晰簡明。在網站的界面設置上要注意美觀，給人們在使用過程中帶來愉悅。因此在設計者在輔助教學軟件的設計過程中，要有新穎的創意，在界面的設置上還要注意色彩的協調，在搜索與頁面設置上要清晰、層次分明，方便教師與學生搜索相關的學習與教學資源。而且因為計算機專業的課堂時間有限，在頁面設置上不可以復雜，內容上要簡練，保證頁面的每個必要的功能，剔除不必要的功能設置[4]。
2）教學內容新穎，教學方法具有科學性的原則
教學網站的課程內容在設置上要注重專業化與模塊化，而且在每一個模塊的設置上要層次分明，注重每一單元的核心思想。學生在計算機教學的課堂中，當輸入學生與教師的賬戶，進行登錄之后，所有所學的以及將要學習的課程在會一目了然地顯示出來，學生只需要輕觸鼠標，點擊所顯示的相應模塊，就可以進入并且進行學習。所有的內容都被分為若干個模塊，而且每一模塊有不同的單元，在每個單元的列表中，預習、課堂教學以及課堂后的鞏固練習全部有條理地呈現在顯示器上，以此來體現教學的科學性，以及教學理念的層次性。
3）學生的參與性原則
近年來，不管是教學的理論分析還是教學的實踐活動，在整個的教學活動中，教學的重點都來時從“老師”轉移到了“學生”，從“教”轉移到了“學，而且在教學方法的選擇上，也更加的注意學生的體會，注重學生的學習主體地位。因此輔助的教學網站在設計上面采用的理論指導是“學生是學習的主體，是歷史的創造者”，因此，網站的設計過程中，開發者更多的考慮所提供的學習資源是否能有助于學生學習能力的提升，學生價值觀念的建立，更加的注重學生的體驗價值。所以，輔助的教學網站在設計與建設過程中，要調查并且了解學生的實際需要，考慮到學生知識儲備的差別性以及掌握知識的能力的高低區別，對學生的表現進行實時的監控，學生在使用教學網站時都是用學號進行登錄，所以學生掌握知識的程度以及是否進行預習和完成作業，網站都會進行記錄，并且階段性的將這些記錄反饋給老師[5]。
3 課堂輔助教學網站進行的設計
1）對教學網站頁面的設計
計算機專業的輔助教學網站軟件在頁面的設置上應當是整潔明了，條理清晰。在色彩的設置上，應當以淺色系列為主。而且網站軟件的整體頁面設置上，應當分成上下兩部分，上面是可以收回的下拉菜單，學生可以通過菜單對所學的模塊進行選擇，除此之外，還有檢索框，學生可以通過檢索框來查找要檢索的學習資源，對于常訪問的內容還可以進行記憶[6]。而下面就是學生檢索出來的學習內容，每一模塊都對應著相應的內容，學生可以對于所學的內容對模塊進行自定義的記錄，通過這照片那個方式，在下一次上課時，學生登錄自己的賬戶，就直接可以看到自己所要學的內容，不再不要重新檢索尋找。
2）教學網站具有記錄以及展示的功能
輔助的教學網站可以記錄學生的日常的學習情況，如在課前是否進行預習，在上課期間的測驗以及回答問題的記錄，在課后作業的完成情況。對于階段性的測驗成績進行記錄，并且對多次曾經進行排列比較。學生們也可以看到對自己情況的相關記錄，可以對自己的學習情況進行有效的反思，比較自己的成績與記錄，找到自己的不足之處，并且努力改正[7]。
3）教學方式與手段的設計
作為計算機專業的輔助教學網站，在設置上以教材為依據，按照模塊進行教學設計，并且在模塊之下又分為多個單元，具體的單元內容則為教學內容，而教學內容則是由課前預習，課堂講解以及課后鞏固與作業組成，教學的內容與課堂講解相聯系，而所呈現的文件除了單一的 ppt 文件、doc 文件等，還有視頻、音樂以及動畫等，這些文件的多樣化促進了教學手段的多樣化，這些文件大多上傳方便，給予基本的思路與脈絡，學生可以據此來做筆記，對自己上課過程中所學的內容進行補充。而對于課后老師留下來的作用和任務，學生可以在自己的電腦上下載相應的軟件，完成作業，也可以在下載專區將任務下載，完成作業[9]。這樣教師就實現了線上線下雙向教學，而學生達到了雙向學習的目的。但是在當前的輔助教學軟件上，應當增加交流學習的板塊，讓學生與教師之間對于相關問題進行平等的討論與交流。
4）教學網站的考核手段
中等職業院校的計算機專業的學生可以通過輔助的教學網站對每一階段的學習情況進行在線檢測。每個單元的測驗以及每一模塊小結測試都可以通過網站在線進行，上傳后，系統可以根據答案，自動的生成成績，減少了教師教學過程中的負擔。對于每一次每個人的成績，教學網站可以給予準確的記錄，教師和學生本人都可以實時的監控自己成績的走向，這有助教師了解每個學生對本門課的學習情況。學生也可以通過網站來完成作業，對于客觀題的作用，做好上傳，系統會根據答案自動打分，而主觀題部分，學生可以根據題目作答，隨后通過電子郵件的形式發給老師[9]。
結語：在未來的教學活動中，不再是以教師為主導，而是更加注重學生的主體地位，所有與教學有關的事情都應當以學生為核心，而選擇怎樣的教學方法來進行更好的教學，選擇權也應該在學生的手里，而教師的主要作用就是給予學生正確的方向，并且給予更好的幫助。當今的世界已經進入到了信息化以及網絡化的時代，由于網絡以及信息技術的不斷發展，使用教學網站軟件來輔助教學的這種新型的教學方式，突破了教學過程中的時間以及空間的限制，作為教學的輔助工具的教學網站以及軟件也會不斷地進行改進，使之為教學工作提供更好的服務。而且我相信教學網站軟件的廣泛使用會引起教學史上的一次重要的變革。
摘要：WEB的興起，給各行各業帶來的便利是眾所周知的，在教學領域的應用也在不斷地延伸和擴展，基于B/S架構的網站具有客戶端零維護、極易升級和擴展等特點，使得這一架構在教學網站被普遍使用?；贐/S架構的高校計算機基礎教學網站，有效的解決了計算機基礎教育課堂教學中無法解決的問題，成了不可缺少的第二課堂。
關鍵字：B/S架構；教學網站；第二課堂
1引言
計算機基礎教育，從誕生至今也不過十幾年而己，電腦的大面積普及，人人有電腦的時代也是近5年來才逐漸實現的。全國各地的計算機基礎教育從小學、初中、高中一直到大學都在開展，可惜效果卻不盡如人意。
計算機基礎課的學科特殊性，決定其命運一直都是灰色的。在進入大學以前的任何一個學段，計算機基礎課程都是只開設，不進行考試，小考、中考、高考一概不計入成績。眾所周知，當前的教育仍然處在應試教育階段，計算機基礎課程的開設效果就可想而知了。中小學的計算機課程屬于不受重視的課程，表現在無人重視、教師被邊緣化、教學效果差等等方面。加之受生機比的制約以及地區、家庭經濟情況的差異，造成剛進入高校的大一新生計算機基礎知識及基本操作能力相差極大。學生兩級風化極為嚴重。
2計算機基礎教育課堂教學現狀分析
首先，長期受應試教育熏陶的大一新生，有一個很大的特點就是，課堂上老師指到哪里就動到哪里，不撥不動。然后，計算機基礎課程具有很強的操作性，并且需要具備解決實際問題的能力。在二本院校，一旦老師講完本節課程的課堂任務，留下沒有具體要求的設計任務時，部分學生便眼神迷離，無從下手。課堂上，針對office系列的辦公軟件的講解一般都是點到為止，畢竟進入大學之間，學生已經學習并使用了很多年。
可惜現實情況是，超過30%的學生不具備使用office系列辦公軟件的能力，只有約30%的學生可以熟練使用。因此，按照學生操作水平的高低，大致可以把學生分成3類：①基本上什么都不會（約占33%）；②可以獨立操作，但不熟練（約占37）；③較為熟練，可直接處理實際問題（約占30%）。
這樣的局面，使得課堂教學面臨一個無法解決的瓶頸。課堂上，施教者若直接從作品設計入手，以培養學生的動手能力、創造能力以及解決實際問題的能力，這顯然更加符合高校教育的初衷。仍然是很可惜，如此一來，僅僅有30%的那部分操作極為熟練的學生可以跟上老師的步伐，開始構思并設計作品；另外的什么都不會的那部分學生顯然是在聽天書，而不太熟練的那部分學生仍然在摸索軟件。如此以來，若施教者執意按照課程要求，在簡單的指導后立即布置課堂任務，勢必有33%的學生想睡覺，37%的學生心有余而力不足，長此以往，勢必課堂上睡覺的睡覺，逃課的逃課，課堂不再活躍，教學效果不可能理想。若施教者改變教學策略，照顧那些什么都不會的學生，那些高手必然又覺得課堂索然無味。
如此來，課堂教學總是無法同時滿足所有學生的需求，出現高手吃不飽，一窮二白的又無法消化的局面。這種局面的出現，使得處于兩個極端的學生都出現倦怠情緒。
3基于B/S架構的第二課堂教學網站的作用分析
基于B/S架構的教學網站，可以有效地解決這一問題。課堂上，教師可以設計一個大部分學生都能完成的任務，以此拉開本節課的帷幕，然后將大量的時間交給學生，學生在教學網站上面，挑選適合自己能力水平的設計開始做，一窮二白的學生也可以在網站上尋找基礎性的作業先鍛煉，進而實現各有作為共同提高。
平時，老師要認真備課，不斷的搜集適合各類學生使用的資料，以及各類教學指導，精心布置適合各類學生的多個設計任務。針對每一堂課，將各類資料分類上傳，不斷的完善教學網站上的資料。課堂必須以各種方式啟發學生，創設各種情景，激發學生的學習興趣。各種設計任務，要布置學生感興趣的多個任務供學生選擇。
4基于B/S架構的第二課堂教學網站的使用效果分析
以一節word圖文并茂課為例來分析效果第二課堂教學網站的使用效果。Word圖文并茂的目標是為了更好的宣傳或者表達制作者所要傳遞的信息。制作一個圖文并茂的電子賀卡或者海報，童謠卡片等等，都需要很多排版技巧以及文本框、藝術字、圖片等等的合理使用。課堂上，老師以實例入手，說明實例中每個技巧以及各種應用后，布置若干個設計作品供學生選擇。
此時第二課堂就起到了極大的作用，非常熟練的學生可以直接開始構思并搜索積累素材，操作水平一般的同學，可以參考教學網站中提供的基礎類的教學課件、教案、導學案、以及排版技巧和各種工具的使用方法，待掌握了word的排版技巧后再著手，即便是課堂上不能當堂完成，課后仍然可以完成設計。而另一部分基礎很差，什么都不會的同學，則需要從頭開始，他們需要花一些時間，通過學習教學網站中提供的各種學習材料，一步步提升自己，待熟練以后，開始構思作品。
對于基礎知識和操作水平幾乎為零的這類學生來說，開始可能是有難度，但是萬事開頭難，開了頭以后，漸漸的便可輕車熟路，舉一反三，通過幾個星期甚至幾個月的學習和熟練，牢固的掌握office系列辦公軟件。
在教學過程中，施教者在課堂上用了很少的時間來組織學生，激發起他們的學習興趣，通過實例的展示，讓學生眼前一亮，產生word居然能做出這么漂亮的賀卡，或者powerpoint居然能做出如此美輪美奐的動畫那種感覺來，或者感覺到excel居然有如此強大的功能。此時，他們躍躍欲試，產生極大的學習興趣。因此引入十分關鍵。
施教者成功引入新課后，便只需及時點撥學生的個別問題，學生根據自己的實際情況，選作或者選學第二課堂中提供的各種任務和各類基礎訓練。
學生通過第二課堂教學網站的使用和學習，不但培養了他們自學的能力，與此同時，他們的動手能力、創造能力、以及在交流中培養出來的溝通能力和協作能力等等得以極大的提升，久而久之，學生便可以從應試教育的泥潭中成功地跳出來，他們的綜合能力不斷提升，社會競爭力也得以不斷提升，為日后走上工作崗位打好實戰基礎，真正的完成大學教育的目標。如此以來，可謂是十全十美。
5困難及展望
很多事情，構思的時候覺得有很大的可行性，可是真正實施的時候卻困難重重，也不容易達到預期的效果。我們遇到的困難也不少，學生習慣了應試教育，有時候不愿意主動配合，加之其他課程依然在延續著應試教育，因此學生的習慣還是無法通過一門課培養出來。相信隨著時間的推移，教育技術的不斷提升，必然可以實現我預期的目標。
摘 要：分析了信息技術課程教學網站設計意義，同時從信息技術課程教學網站的需求分析與功能定位以及信息技術課程教學網站的內容設計兩方面探討了信息技術課程教學網站設計實現，以及為信息技術課程教學網站的設計提供一些參考，提升信息技術課程教學效率，促進學生的全面發展。
關鍵詞：信息技術課程；網站設計；內容設計
近年來，隨著計算技術和網絡技術的不斷發展，利用網絡進行教學與學習的方式不斷應用于信息技術課程教學中。信息技術課程教學網站是信息技術與學科課程整合的一種新型的教學資源，能夠為學生提供了豐富的信息技術課程學習資源，對于培養學生的創新精神和實踐能力、提高學生信息素養以及提升信息技術課程教學效率具有重要意義。
1 信息技術課程教學網站設計意義
信息技術課程教學網站能夠為學生提供豐富的信息技術課程學習資源，并在學生信息技術課程學習的各個環節中提供了學習的工具，能夠確保學生信息技術課程學習的深入開展。信息技術課程教學網站設計的主要具有以下方面意義：
第一，關注全體學生。在進行信息技術課程教學網站設計時，融入了以生為本的設計理念，對每位學生的發展較為關注，同時尊重學生的個體差異，確保不同學習能力的學生均能通過信息技術課程教學網站學習相關信息技術知識，提升信息技術課程教學效率。
第二，培養學生的探究學習能力。信息技術課程教學網站并非向學生展現現成的信息技術課程課本知識與確定的標準答案，同時并非讓學生去被動地瀏覽和接受相關信息技術知識，而是較為注重學生探究學習能力的培養。信息技術課程教學網站具有強大的交互性，能夠更好地幫助學生開展研究性學習，積極調動學生的熱情和學習主動性，在信息技術教學過程中較為注重學生的參與性和探索性，充分發揮學生的學習主導地位，能夠有效促進學生創新能力的發展，讓學生在使用信息技術課程教學網站過程中獲得積極、愉快、成功體驗的過程。在信息技術課程教學過程中，學生是認識、發現、實踐以及發展的主體。信息技術課程教學網站設計過程中突出學生的主體地位，能有效培養學生的自主探究能和創新能力。同時，信息技術課程教學網站并未給學生設置學習框框和設定唯一的結論，能夠更好地促進學生在信息技術課程學習中的開動腦筋、自主創造的過程中提出假想論斷，同時提出的假想進行分析，并對提出的假想進行論證，同時結合信息技術課程教學網站提供的豐富學習資源的支持來開展相關探究學習，進而得出自己的結論，以便提升學生解決問題的實踐能力和創新能力。
第三，培養學生社會實踐能力。在信息技術課程教學網站構建過程中，設計者為學生構建了虛擬的學習、工作以及生活空間，同時信息技術課程教學網站提供了在線自測、聊天室等功能，能夠有效加強學生的學習探究與社會現實之間的緊密聯系，培養學生社會實踐能力。
第四，培養學生溝通和交流能力。信息技術課程教學網站具有師生討論、生生討論以及留言板等功能模塊，學生可以通過以上功能模塊進行相關知識的討論，加強與學生、教師之間的溝通和交流，培養學生的溝通和交流能力。同時教師也可以通過以上功能模塊對學生的討論進行及時點評，并對學生的討論結果進行評價與展示，滿足學生全面發展的需要，促進學生的全面發展。
2 信息技術課程教學網站設計實現
在進行信息技術課程教學網站設計時，應當注重網站的需求分析與功能定位和網站的內容設計，確保信息技術課程教學網站功能的實現，提升信息技術課程教學效率。
2.1 網站的需求分析與功能定位
設計和開發信息技術課程教學網站的基礎和前提是對信息技術課程教學網站進行需求分析。在設計信息技術課程教學網站時，應當廣泛收集資料，同時仔細調查和研究已存在并使用的信息技術課程教學網站，對信息技術課程教學網站的優缺點及日后發展趨勢進行科學分析，確保構建的信息技術課程教學網站具備科學性和可行性，并準確定位信息技術課程教學網站功能，確保信息技術課程教學網站滿足實際教學需要。在進行信息技術課程教學網站的功能定位時，應當注重以下方面的定位：
第一，構建便于教師和學生收集資料的完整資源庫。在開展信息技術課程教學網站設計時，應當有針對性、系統低構建豐富性的信息技術課程學習資源庫，以滿足不同學生的學習需求和教師的教學需求，提升信息技術課程教學效率。
第二，構建便于教師與學生、學生與學生之間交流的討論功能模塊。在開展信息技術課程教學網站設計時，應當構建高效、便捷的學生與學生學習交流的平臺和學生與教師的溝通交流平臺，以實現聊天室、留言本等功能。
第三，構建方便教師教學和學生自主學習的完善、系統的信息技術課程內容結構。在開展信息技術課程教學網站設計時，應當構建系統完善、系統的的信息技術課程內容結構，為學生提供在廣度與深度方面有效整合的信息技術課程學習資源，促進教師信息技術課程教學和學生的自主學習的高效開展。
第四，構建便于學生及時進行檢測反饋的在線自評系統。在信息技術課程教學過程中，教師較為關注學生學習效果。因此，在開展信息技術課程教學網站設計時，應當構建及時、準確的在線自評系統，以便學生在學習過程中能夠及時認證學習成績，以促進和推動學生下一個階段性的學習，提升信息技術課程教學效率。
2.2 網站的內容設計
第一，結構化知識展示設計。在進行信息技術課程教學網站內容設計時，應當展示信息技術課程學習相關的結構化知識，結構化重組信息技術課程內容相關的文本、圖片以及圖像等相關知識，為學生豐富的信息技術課程學習資源。
第二，擴展性學習資源設計。在進行信息技術課程教學網站內容設計時，應當結合信息技術課程教學的特點和實際情況，注重收集和整理信息技術課程教學相關擴展性的學習素材資源，采用不同的學習工具和相關資源網站的鏈接，延伸信息技術課程學習資源廣度與深度。
第三，網上討論空間設計。在進行信息技術課程教學網站內容設計時，應當注重聊天室、留言板等討論功能模塊的實現，以便學生與學生、學生與教師實踐的溝通和交流，在幫助學生答疑指導的同時，培養學生的合作的意識。
第四，學生自我評價系統設計。學生正確的自我評價能夠激發學生的學習興趣、調動學生的學習積極性和主動性，因此，在進行信息技術課程教學網站內容設計時，應當注重學生自我評價系統設計，為學學生提供針對性強、含疑問量適度以及具有一定梯度的強化練習，幫助學生及時完成自我評價，提升信息技術課程教學效率。
3 結束語
信息技術課程教學網站為學生提供了豐富的信息技術課程學習資源，能夠有效培養學生的探究學習能力，同時也能有效培養學生的社會實踐能力、溝通和交流能力。在設計信息技術課程教學網站時，應當注重網站的需求分析與功能定位，同時注重信息技術課程教學網站的內容設計，確保信息技術課程教學網站功能的實現，提升信息技術課程教學效率。
【主題闡述】
教學網站的運用為學生提供了一種全新的學習模式，激發了學生的學習興趣，讓學生自主學習，培養學生的動手能力，提高教師的教學效果。下面結合自己把教學網站運用于課堂教學中的幾個案例，談談自己的一些收獲。
【教學實例】
案例1：《漢字與印刷》《用電腦處理漢字》《常用的字處理軟件》這三課內容以基礎知識介紹為主，特別適合學生通過網站自主學習。
上課一開始，我便把網址寫在黑板上，簡單說明上網的方法以及注意事項后，便布置本課的學習任務，讓學生自己瀏覽網站，開始上網學習。不過問題出來了，雖然學生的學習興趣是被調動起來了，但由于剛接觸上網學習這種方式，很多學生還是像平時上網一樣，要么一目十行，要么東點西點，沒有目標。
通過這一節課的嘗試，我發現，讓學生自主學習并不是“放羊”。教師作為課堂教學中的組織者、調控者，要在教學過程中恰如其分地發揮自己的“主導”作用，引導學生有目的、有計劃、科學地進行自主、能動和創造性的認識活動。
案例2：教師在講解一些具體的操作步驟的時候，往往都是采用邊講邊操作的方法。雖然演示的過程能通過屏幕廣播方式廣播給學生，但如果操作步驟過多和復雜的話，學生就無法記住所有的操作步驟，在學生自己實踐時就感到困難重重，甚至是無法下手。在教學《編排活動報告》這一課時，我讓學生瀏覽學習本課的學習目標和操作要點之后，利用教學網站中的動態演示模塊，播放本課各個活動的操作實例演示，播放的過程中要求學生認真觀看每一個細節，然后讓學生跟著視頻一步一步完成。教學網站的教學視頻取代傳統的教師演示，使學生可以反復觀看，可以截取部分內容觀看。這樣，所有的學生都可以看到非常關鍵的操作細節，避免了學生由于忘記操作步驟而失去學習的信心，導致學生對信息技術產生厭學情緒。
【結果】
經過將近一個學期“教學網站”的實踐與探索，我發現學生學習信息技術的興趣有了很大程度的提高，教學涉及面正逐步拓寬，師生關系平等了，學生變得自信了，共性與個性也得到了協調發展……
【評析】
作為課堂教學的組織者、引導者、實施者，充分利用信息技術教學網站的優勢，為學生的學習營造和諧、寬松的課堂氛圍，可以培養學生學習的興趣，給學生充分合理的學習時間和空間，為學生自主學習過程中碰到的各種困難提供必要的啟發式幫助，為學生成功學習創造條件。這樣學生才是真真正正自主學習的主人，而教師只不過是教學過程中的配角。
（作者單位 福建省南安市水頭鎮樸山小學）
摘 要：由于B/S架構模式有客戶端零維護及易擴展升級等優點，使得它在WEB興起后便被廣泛的使用。客戶端只需要安裝瀏覽器，無需安裝其它組件，在任何地方都可輕松實現對WEB服務器端的訪問?；贐/S架構的教學網站，能夠輕松的實現學生通過網站參與第二課堂的教學活動，優化了教學資源，提升了教學效果。
關鍵詞：B/S架構；教學網站；第二課堂
1 引言
大學計算機基礎教育屬于公共課，也是各院系所有專業大一新生的必修課。由于各種客觀因素的限制，使得大一新生的計算機理論及操作基礎差距極大。一般情況下，大部分城鎮學生有長期使用電腦的經歷，有較高的操作水平和較好的理論基礎；而部分農村學生幾乎還處在零起點的水平，學生的水平出現兩級分化的局面。面對如此層次不齊的學生，課堂教學總是無法同時滿足所有學生的需求，出現高手吃不飽，一窮二白的又無法消化的局面。這種局面的出現，使得處于兩個極端的學生都出現倦怠情緒，感覺課堂毫無收獲，進而發展為上課走神打瞌睡，甚至逃課的現象。
基于B/S架構（Browser/Server，瀏覽器/服務器）的第二課堂教學網站，能夠很好的解決這一問題。課堂上，老師可以針對大部分學生的需求來施教，進行適量的講解，然后把大量的時間留給學生進行實踐。學生可以通過基于B/S架構第二課堂教學網站，按照自己的實際情況，在第二課堂的分級教學環節里面選擇適合自己的教學任務和實踐任務進行訓練。這樣，零起點的學生有提升的機會，而高起點的學生有提升的空間。各自都有收獲便可解決學生倦怠、厭學等不良情緒。
2 設計背景及理論支持
馬周周教授在“從莊子‘不射之射’看當前我國教育技術之淺陋”說到，我國教育技術在庸俗的實用主義哲學的誤導下，教育技術事業長期地陷入‘機事’的沼澤地，偏執而不能自拔[2]。同時，本人也曾經通過調查得出這樣一個結論，計算機基礎教育是在中小學，唯一一個不參與升學考試的科目；唯一一個可以真正實施素質教育的科目；唯一一個可以以提升學生動手能力、創新能力、協作能力的學科；唯一一個可以提升學生綜合能力和未來社會競爭力的學科，卻被淪為最不受重視的學科[3]。馬周周教授一針見血的之處了當前教育模式的弊病，同時，本人也對計算機基礎的教學現狀做過較為詳盡的調查和分析。當前的計算機基礎的課堂教學模式已經遠遠不能適應時代的需求，開發B/S架構的第二課堂教學網站迫在眉睫。
3 網站框架設計
可以輕松實現客戶端的身份驗證、分布系統和網站配置等[1]，所以初步選定作為網站制作工具，使用常用的SQL server制作數據庫。第二課堂教學網站的使用對象是個院系的老師和學生，老師要在網站里面及時上傳和更新教學內容，及時上傳相關的訓練習題和實踐資料。學生也要及時查看教師的教學內容，及時完成相應的實踐任務，同時及時對教師的資料進行評價，參與和教師互動的活動。網站的基本結構如圖1所示。
4 開發平臺及關鍵技術
數據庫鏈接時，使用 Framework，OLE Framework，或SOL Framework等來實現對數據庫訪問。本系統采用的集成控件來訪問數據庫。是常用的數據庫訪問控件。使用控件時，還可使用新的NET Framework來提供數據源，實現對各類數據源的統一訪問。同時執行對數據庫的檢索等。
5 預期效果
通過第二課堂教學網站，可以輕松實現分級教學，緩解課堂教學壓力，彌補課堂教學的不足。同時還可以輕松實現師生互動，讓教學效果上一個新臺階。
【摘 要】“中泰教育合作下信息技術與《泰語視聽說》課程整合的研究與實踐”是2012年度新世紀廣西高等教育教學改革工程立項項目，其中，建設課程教學網站是其中的一項主要內容。團隊通過探討研究，采用了+SQL的技術建設該課程的教學網站。本文首先分析了采用 +SQL的技術的原因，其次再分析采用這些技術所面臨的風險，最后提出解決這些風險的安全防范措施。
【關鍵詞】 SQL 網站安全 SQL注入
《泰語視聽說》課程是一門實踐性非常強的課程，教學內容大多來自電視和網絡等媒體，課程的目的是讓學生能聽得懂節目內容的同時，還能運用泰、漢兩種語言進行復述以及歸納中心意思。
建立課程教學網站，是“中泰教育合作下信息技術與《泰語視聽說》課程整合的研究與實踐”項目的一項主要內容，作用重要，因為通過該網站，可以把優秀的教學資源共享出去，實現課程的遠程教學和多媒體教學，為其它泰語專業的課程甚至其它小語種課程的網絡化、多媒體化打下基礎，提高泰語專業教師對現代教育技術的應用能力，進而服務于中泰高校的教育合作，提高泰語專業的人才培養質量。同時，泰語專業的學生也可以通過該網站的學習，讓聽、說方面的能力得到提高，為學生今后出國留學深造作鋪墊。
一、和SQL技術的優勢
之所以選擇 +SQL的技術去構建該課程教學網站，主要是出于以下的考慮：
的優勢
雖然說有這樣那樣的缺點，比如數據庫的連接復雜；但是優點也是非常明顯的。
（1）簡單性和易學性：其使運行的任務，如表單的提交客戶端的身份驗證、分頁系統和網站配置，變得非常簡單，它可以通過語言簡化開發簡化代碼的生成。
（2）高效可管理性：其使用字符基礎的、分級的配置系統，服務器環境和應用程序的設置更加簡單。
（3）其是一種用于多處理器的開發工具，它在多處理器的環境下用特殊的列縫連接技術，極大的提高了運行速度。
（4）安全性高：在安全這一塊，提供了兩種安全機制：驗證和授權。
除了以上的的優點外，還有其它的優點，比如：易于寫出結構清晰的代碼、代碼易于重用和共享、可用編譯類語言編寫等等。
2.SQL的優點
之所以選擇SQL作為支撐數據庫，主要還是考慮到了它的優點：易用性、適合分布式組織的可伸縮性、用于決策支持的數據倉庫功能、與許多其他服務器軟件緊密關聯的集成性、良好的性價比等。除這些的優點外，SQL還為數據管理與分析帶來了靈活性，允許單位在快速變化的環境中從容響應，從而獲得競爭優勢。
二、網站所面臨的威脅
盡管和SQL的優點令人看起來是那么的完美，但是隨著網絡的普及以及相應的網絡技術的發展，其所暴露出來的漏洞也越來越多。同時，網絡系統本身的脆弱性、開發性和復雜性這些特點，在為網絡帶來發展機遇的同時，也帶來了很大的風險。同時，對網絡的攻擊也越來越多樣化，而且技術也越來越先進。
在安全寶的《2012年網站安全統計報告》中，給出了主要攻擊的方式所占的比例：SQL注入為36.5%，任意文件讀取為19.1%，跨站腳本攻擊為4.5%，fastcgi解析為2.2%，IIS6.0解析漏洞為0.4%，其它攻擊為37.3%。在攻擊方式中，SQL注入以36.5%的比例位居榜首。在近兩年，雖然SQL注入攻擊有所減少，但依然是Web程序的一個主要威脅。黑客通過SQL注入攻擊，可以操控數據庫、篡改數據，甚至進一步入侵服務器，危害較大。其次是任意文件讀取和跨站腳本攻擊，任意文件讀取是指黑客通過目錄跳轉，查看文件內容?？缯灸_本攻擊也叫XSS，黑客通過XSS攻擊可以盜取用戶賬號信息，網站掛馬操作等，XSS攻擊在owasp top10中位居第二的位置也說明了其危害性不容小視。
所以，對于課程教學網站來說，課程資源都是教師多年積累、辛苦勞動的成果，上網后就有可能會被其他人下載，甚至一經改名成了別人的成果，得不到有效保護，嚴重影響甚至傷害了教師創建課程網站的積極性；同時，也會受到一些不良黑客的攻擊，導致課程資源破壞或者丟失，損失了寶貴的資源。
基于這些因素，很有必要對課程教學網站進行安全防范。
三、教學網站的安全防范措施
因為在網絡攻擊里面，SQL注入攻擊所占的比例最高，而且規模越來越大，破壞性也越來越強，所以在這里主要是探討這種類型攻擊的安全防范措施。
1.使用參數化查詢
通過制定并且強化安全編碼指南，要求網站開發人員通過參數化查詢去構建SQL查詢，從而使數據和代碼區分出來。參數化查詢就是在SQL語句中有一個或者多個嵌入參數的查詢，這種方式和動態構造SQL字符串相比，不容易出現錯誤。
2.使用過濾和監視工具
在應用程序和數據庫的水平上使用過濾和監視工具可有助于阻止攻擊并檢測攻擊行為，從而減輕了暴露在大規模的SQL注入式攻擊的風險。
在應用程序水平上，通過實施運行時的安全監視來防御SQL注入攻擊和系統中的漏洞。同樣地，Web應用防火墻也有助于去部署某些基于行為的規則集，可以在發生損害之前阻止攻擊。
在數據庫水平上，數據庫的活動監視還可以從后臺過濾攻擊。數據庫的監視活動是對付SQL注入的一種非常強大的工具。所以，對于注入攻擊，要部署好過濾器，以便向數據庫管理員發現警告。
3.精心編制錯誤消息
因為攻擊者可以通過錯誤的消息去對付網站，所以開發人員一定要考慮當用戶輸入一些出乎意料的“數據”時，應當返回的錯誤消息。
所以在配置Web服務器和數據庫服務器的時候，要配置成不輸出錯誤或警告的消息。因為攻擊者可以通過“盲目SQL注入”等黑客技術去了解數據庫設計的相關細節。
4.及時打補丁并強化數據
由于沒有及時打補丁或者配置錯誤而造成應用程序相關聯的數據庫遭受攻擊，從而令SQL注入攻擊的風險增加。
所以，要及時的打補丁，同時，牢記數據庫的配置情況，而且要禁用不必要的服務和功能去強化數據庫及其賴以運行的操作系統。
5.限制數據庫的特權
許多攻擊之所以會發生，很大程度上是因為數據庫管理員全面開放了一些帳戶。因為管理員的目的是想讓開發人員更輕松的工作，但是，這些超級用戶的帳戶也極易遭受攻擊，并且會極大地增加由SQL注入攻擊及其它Web攻擊給數據庫所造成的風險。
所以一定要正確地管理所有的帳戶，使其在保證能正常工作的情況下，僅能以最低的特權訪問后臺的數據庫。
6.數據庫的加密
為了確保數據庫的完整，不被破壞、泄密和竊取，那就一定要對數據庫進行加密。在這里，采用了MD5的加密技術，同時結合系統提供的各種安全措施，雙重保證數據的安全。
四、結束語
網絡是一個復雜的環境，隨著網絡技術的發展，攻擊的方式呈多樣化，技術也越來越先進，所以對于保障網站的安全是一個非常艱巨的任務。我們只有通過不斷的改進程序，優化代碼，把各種可能會出現的問題都考慮到，以及對潛在的異常也能進行處理，才能減少網站被黑客攻擊的機會。
摘 要：基于PBL教學法的程序設計實踐教學支撐是建立在通用的網絡信息基礎之上的，集視頻、文本等多種媒體于一身，以其豐富的表現力、特有的感染力專門為課程教學與演示提供全面服務。它所涉及到的教學指導、教學課件、教學效果模塊具有相互協調性和銜接性，使學生變被動式的聽講為主動式的參與，逐漸養成獨立思考的習慣，促進學生觀察、記憶、思維、創造等能力的綜合發展。
關鍵詞：網絡教學平臺；課程教學；PBL教學法；實踐教學
一、緒論
基于PBL教學法的程序設計實踐教學網站的設計可以讓教師通過網絡設計教學大綱、授課計劃、上傳課件、課外參考資料，實現共享資源，同時評價課程教學效果，總結教學經驗，向學生提供課程和學習內容的快速鏈接，在任何時間觀看講稿、視頻教學、優秀作品等課程資源，便于學生課后學習鞏固拓展。
利用Internet和校園網作為支撐環境構建網絡化教學與學習環境的研究與實踐，是近年來教育教學改革的熱點問題之一。目前，包括Moodle、Claroline和ATour等系統在國外廣泛用于構建網絡化虛擬教學和學習環境，國內亦可見到一些應用。其中以基于社會建構主義和開放式模塊化個性化學習環境為設計思想的Moodle系統與我們現在倡導的素質教育的思路極其吻合。所以我們結合在基于B/S結構的軟件開發與實踐等方面的經驗，對Moodle的體系結構和功能模塊進行了應用研究，并在教學中加以應用和推廣。
二、系統分析
（一）功能需求分析
本系統名稱為“基于PBL教學法的程序設計實踐教學網站的分析與設計”，主要是用于輔助課堂教學和拓展課后實訓。參照實際操作對象，本系統有四種不同權限的用戶，分別是系統管理員、課程負責人、普通任課老師以及學生。
在該基于PBL教學法的程序設計實踐教學網站系統中，教學指導模塊中包括三部分：課程分析、教學大綱、授課計劃。對于課程分析，主要是提供學生查看或搜索其所在的班級資料和所學的課程資料，提供教師查看或搜索其所教的班級資料和課程資料。對于教學大綱和授課計劃，主要是提供學生查看或搜索其相關資料，提供系統管理員在自身權限范圍內對其進行修改、刪除、瀏覽、查看等功能，提供教師在其自身權限范圍內對其進行添加、瀏覽、查看等功能；教學課件主要子模塊是案例、講稿和視頻教學，實踐教學主要子模塊是項目小組、項目小結和答辯記錄。在教學課件里課程負責人和系統管理員可以上傳，修改，刪除教學資料，如教案，講稿和教學視頻等，其他用戶登錄可以對實教學資料行瀏覽查詢；教學效果主要是實踐作品展示和課程教學經驗分析，在教學效果里課程負責人和普通任課老師可以上傳學生優秀的實踐作品，其他用戶登錄可以對實踐作品進行瀏覽查詢。而對于課程分析這塊，則是由課程負責人每月進行總結一次，以供任課老師參照學習，學生不得瀏覽查看；系統管理包括教師信息、學生信息、班級信息、課程信息、學期信息、任課信息、用戶登錄管理和系統管理員信息。該模塊是對于整個系統基礎數據的維護，確保系統能良好運行；個人設置是最基礎的模塊，包括密碼修改和個人信息修改兩部分，主要用于對用戶的密碼及個人信息進行修改。
教學指導模塊課程介紹維護用例圖如圖2-1所示：
（二）數據需求分析
系統管理員（屬性：賬號，姓名，密碼，性別，聯系方式等等）；
教師（屬性：編號，姓名，密碼，性別，出生年月，職稱，聯系電話等等）；
學生（屬性：學號，姓名，密碼，性別，出生年月，家庭地址等等）；
課程（屬性：編號，名稱，學分，學時，考核方式，教學模式等等）；
資料類別（屬性：編號，名稱）；
資料信息（屬性：名稱，學期編號，班級編號，上傳時間，資料簡介等等）；
班級（屬性：編號，名稱，學期編號）；
學期（屬性：編號）；
作業（屬性：編號，名稱，存放位置，截止日期等等）；
參考答案（屬性：作業編號，名稱，存放位置等等）；
課程總結（屬性：課程編號，學期編號，存放位置，文件名稱等等）；
三、系統設計
（一）系統概述
《基于PBL教學法的程序設計實踐教學網站設計》旨在從輔助教學拓展教學的實際出發，注重于課程信息和教學互動兩方面切入，不僅為老師的教學管理提供方面，而且有助于學生的課后拓展和實踐訓練。此外還需提供良好的操作界面，方便用戶操作，提高系統的易操作性，降低用戶使用系統時的難度，提高工作效率。
（二）總體設計
本系統涉及五大功能模塊，四大權限用戶，根據實際教學情況，模擬真實教學數據，使系統功能更加具體和實際化。
課程教學平臺系統總體功能模塊圖如圖3-1所示：
（三）功能模塊設計
系統需要完成的功能主要有以下幾點：
（1）教學指導：課程介紹、教學大綱、授課計劃；該模塊主要供用戶瀏覽課程、大綱和授課的信息，主要由課程負責人添加更新信息。
（2）教學課件：教案、講稿、視頻教學；該模塊主要供用戶瀏覽課件信息，學生使用的較多，主要由每門課程的授課老師添加更新信息。
（3）教學效果：實踐作品、課程分析；該模塊主要供用戶瀏覽優秀實踐作品，學生可以欣賞作品，老師則可以分享教學經驗；主要由課程負責人添加更新信息。
（4）系統管理：教師信息、學生信息、班級信息、課程信息、學期信息、任課信息、權限修改、系統管理員信息等；該模塊主要是系統管理員維護基礎資料信息以及用戶信息，此模塊登錄只有系統管理員有權限。
（5）個人設置：密碼修改、個人信息修改；該模塊主要提供登錄用戶的個人信息修改，只要是系統的用戶登錄系統，均能修改個人資料。
（四）數據庫設計概述
數據庫是存儲在一起的相關數據的集合，這些數據是結構化的，無有害的或不必要的冗余，并為多種應用服務。此外，數據庫還為用戶提供了非常簡便的使用手段使用戶易于編寫有關數據庫應用程序。數據是信息系統處理的對象，數據庫設計是系統設計的重要組成部分，它的好壞將直接影響到應用系統處理數據的效率，不同類型的數據庫擁有著不同的優點，數據庫的可操作性和高效性正使它在對經濟管理高要求的系統設計中得到越來越廣泛的應用。
（五）系統詳細設計
1.課程介紹頁面
功能描述：該模塊提供對課程介紹進行瀏覽、查看的功能，要求用戶已登錄。
（1）在文本框中輸入關鍵字，點擊『搜索按鈕，進行相關搜索；
（2）點擊『查看按鈕，可以對某門課程介紹進行查看；
2.課程介紹瀏覽頁面
功能描述：該界面提供對課程介紹進行瀏覽的功能，要求用戶已登錄，并從課程介紹頁面傳遞了“CourseId”。
（1）點擊教師姓名，鏈接到教師詳細信息頁面；
（2）點擊班級名稱，鏈接到班級詳細信息頁面；在班級詳細信息頁面，可以查看該班級學生詳細資料。
（3）點擊『返回按鈕，可以返回到課程介紹頁面。
3.教學效果
實踐作品添加
功能描述：該模塊提供學生優秀實踐作品新增功能，要求用戶已登錄，而且只有課程負責人和授課老師才有此權限，要輸入相應的學期、課程名稱、資料類別等信息。在前一頁點擊『添加實踐作品按鈕跳轉到該頁。
使用控件：下拉框控件（Dropdown List）、文本框（Textbox）和上傳文件控件（File Upload）。
注意細節：下拉框選項根據數據庫進行動態取數并綁定，針對資料類別和上傳的文件類別如不相符不能上傳成功，文本框如有空值不填的，進行判空，確保輸入數據的正確性等。
（1）點擊『添加按鈕：提示添加成功。
（2）點擊『取消按鈕：清空文本框，下拉框選項恢復到初始選項。
課程分析添加
功能描述：該模塊提供課程分析新增功能，要求用戶已登錄，而且只有課程負責人才有此權限，要輸入相應的學期、課程名稱等信息。在前一頁點擊『添加課程分析按鈕跳轉到該頁。
使用控件：下拉框控件（Dropdown List）、文本框（Textbox）和上傳文件控件（File Upload）。
注意細節：下拉框選項根據數據庫進行動態取數并綁定，針對資料類別和上傳的文件類別如不相符不能上傳成功，文本
框如有空值不填的，進行判空，確保輸入數據的正確性等。
（1）點擊『添加按鈕：提示添加成功。
（2）點擊『取消按鈕：清空文本框，下拉框選項恢復到初始選項。
四、系統測試
在設計測試用例，應根據軟件測試的原則，選擇那些發現錯誤可能性大的數據作為測試的輸入數據。下面以本系統的登錄模塊進行說明。
設計測試用例如下：
功能模塊名：系統登錄
測試目的：驗證是否輸入合法信息，允許合法登錄，阻止非法登錄
測試數據：用戶賬號=0001（系統管理員），密碼=111
經過系統各功能模塊的測試表明，本系統較好的實現了當初的設計目標和功能需求。
五、結束語
本文從現代教育模式出發，以輔助課堂教學和拓展課后實驗為主旨，以軟件工程和項目管理規范、.NET技術框架為工作基礎，設計并實現了一套適合各大高校教學使用的“基于PBL教學法的程序設計實踐教學網站”，實際運行良好，并通過驗收。
摘要：為促進人工智能課程在教學內容上的前沿性，在課程網站建設中設計并實現了運用智能規劃系統“Fast Forward” （FF）進行教學演示的功能。設計方案采用瀏覽器/服務器模式，網頁采用JavaScript和Ajax技術，服務器端使用Java Servlet技術的文件讀寫功能處理規劃問題實例的描述和規劃解的描述，使用Java Servlet的命令執行功能調用FF規劃系統，規劃解的執行通過JavaScript技術以動畫形式展示。使用結果表明，該功能具有直觀性、易用性的特點，有益于提高學生對人工智能領域實用技術的學習興趣。
關鍵詞：教學網站設計；人工智能教學；智能規劃
0 引言
隨著計算機網絡技術的發展與運用范圍的擴展，基于計算機網絡的教育技術已經成為教育教學中備受關注的技術之一。教學網站是該技術的主要產品。教學網站的目的在于通過提供教學大綱、教案、講義、演示文稿、習題與答案等內容在教學時間和教學深度兩個方面延伸理論教學課堂。因此，教學網站設計能否實現其教學目的一直是網站建設者思考的主要問題[13]。為了實現具體的教學目的，網站設計者一方面采用新技術提高網站的響應速度，改善用戶界面；另一方面精心組織網站內容和教學模式[3]。本文以本科生課程《人工智能》為例，來著重討論教學內容的前沿性及其體現形式。
在教學過程中發現，對于大多數本科生而言，人工智能是出現在科幻電影中的技術。此外，多數人工智能課程使用基礎性人工智能教材，專注于理論和方法較多，很少介紹人工智能軟件系統，這進一步加深了學生對人工智能技術成熟度的懷疑，從而妨礙了部分學生的學習興趣。針對該問題，課程網站作為理論教學的有益補充，應介紹人工智能領域具有代表性和前沿性的軟件系統，從而提高學生對人工智能的學習興趣。
智能規劃自人工智能誕生時起就成為其中的一個研究領域，更在近20年間取得突破性進展。在理論研究方面，最新的智能規劃算法相比1995年之前的規劃算法有一個數量級以上的提高[4]。在應用研究方面，智能規劃技術在香港地鐵系統的應用使香港鐵路公司能夠處理每工作日240萬人的客流量，獲得了美國人工智能聯合會2005年的“人工智能創新應用”獎；智能規劃技術在美國施樂公司的印刷設備動態調度項目中也取得成功[5]，自2008年開始便產生了巨大的經濟效益。因此，對智能規劃技術的了解有利于提高學生對人工智能的學習興趣。
1 智能規劃技術簡介
智能規劃問題是根據Agent面對的初始世界狀態及其目標，在該Agent行動之前制定動作序列的問題。初始狀態和目標條件用邏輯命題表示，動作分為3個部分，包括執行前提、執行后新生的效果、執行后消除的效果。初始狀態、目標條件和動作均采用PDDL語言[6]進行建模，以文本文件格式存儲為“域文件”和“問題實例文件”?！坝蛭募泵枋鯝gent的動作，“問題實例文件”描述在一個具體問題中Agent所面對的初始狀態和目標。
智能規劃系統是一個配備在Agent上的軟件系統，它以“域文件”和“問題實例文件”為輸入，通過自身的規劃算法計算出解決該問題所需的動作序列。動作序列一般以文本文件進行存儲。
2 教學案例設計與實現
在人工智能教學網站建設過程中，設計了一個運用智能規劃系統的教學案例，采用JavaScript、Ajax和Java Servlet等技術加以實現。
2.1 案例設計
為了使學生了解智能規劃系統解決問題的全部過程，以“積木世界”類問題為求解對象，使用規劃系統FF[7]進行問題求解，使用動畫效果展示規劃解的執行過程。“積木世界”問題涉及到將若干個積木堆疊成滿足給定空間關系要求的若干個積木堆。涉及3個積木的具體問題如圖1所示。
為了提高學習興趣，允許學生指定積木數量，隨機生成具有不同初始狀態和目標狀態的問題實例。實例的初始狀態生成算法思想如下：根據指定的積木數量M，生成標號從1到M的積木；對于第i個積木i，以1/k的概率將它放置在桌子上或頂面為空的積木上，其中k為頂面為空的且編號為1～（i1）的積木數量。目標狀態使用相同的算法生成，但保證其與初始狀態不同。問題實例生成后，其對應的PDDL語言模型將向使用者展示。完成此過程的用戶界面如圖2所示。
圖1 一個具體的積木世界問題實例
圖2 系統用戶界面
使用者通過點擊按鈕啟動規劃求解過程，在短暫等待后，能夠查看規劃解。使用者能夠啟動規劃解的單步執行過程，根據每一步執行的動作名稱和執行后的結果觀察動作對外部世界的影響。在執行過程中，允許使用者啟動倒退按鈕重新觀察上一個狀態。執行過程的用戶界面如圖3所示。
圖3 規劃解執行過程演示界面
2.2 預期效果
該案例預期實現以下教學效果：①使學生理解規劃問題的組成及其PDDL語言描述，在實例生成后，通過文本框顯示問題實例的PDDL語言描述以輔助學生理解；②使學生理解動作模型，通過執行動作、撤銷動作等操作使得學生能夠觀察某個動作在執行后對外部世界的影響；③認識到智能規劃系統的高效性，相比手工計算具有優勢。為達到此目的，使用性能較高的智能規劃系統FF。通過多次生成不同規模的規劃問題，使學生意識到隨著積木數量增大而引發的手工計算困難；④發現FF給出的規劃解并不總是最優的，從而認識到計算人工智能問題的最優解是困難的。通過手工分析小問題的最優解，使學生認識到FF的局限性和克服該局限性的困難。
2.3 案例實現
為支持教學案例的實施，設計了相應的網頁。系統采用瀏覽器/服務端模式，瀏覽器端采用JavaScript技術和Ajax技術定義用戶界面、動態演示規劃解的執行，服務器端采用Java Servlet技術實現規劃問題實例的生成、規劃系統FF的調用、規劃解的傳遞，系統結構如圖4所示。問題實例在服務器端生成后，將以XML文件格式發送到客戶端，并以文本文件形式存儲在服務器端；服務器端在接到求解規劃的請求后，以問題實例的文件名和域描述文件（預先存儲在服務器端）的文件名為參數，調用規劃系統FF；FF在求解后將規劃解以文本文件存儲，之后服務器端負責將該文本文件格式化為XML文件并發送給客戶端；客戶端在接收到規劃解后，根據用戶的操作進行規劃解的執行過程演示。由于規劃系統FF在Linux操作系統上開發，因此服務器在Linux上搭建。
圖4 系統架構
2.4 實踐效果
該系統在智能科學與技術專業本科生的人工智能教學實際中加以了運用。實踐結果表明，學生對系統的可視化特征很感興趣，對規劃問題、PDDL語言和規劃求解算法都很好奇。學生提出的問題主要有：①Agent能執行的動作是如何知道的；②生成初始狀態是否有其它算法；③PDDL語言與編程語言的區別；④FF使用了什么算法。在指導教師解答后，學生對問題建模和自動化求解有了更深入的理解，部分學生對使用PDDL語言建模規劃問題產
生了濃厚興趣。
3 結語
人工智能教學網站是學生利用課外時間開展學習的重要平臺，因此設計者應注重其教學內容的豐富性、前沿性和可用性。本文將智能規劃問題的求解系統作為教學內容，使用JavaScript技術實現了動態演示效果，開闊了學生的學習視野，提高了學生的學習興趣。在今后的教學網站建設中，將增加對人工智能技術應用成果的介紹，以提高學生對人工智能技術經濟價值的認識。
【摘 要】教學網站作為網絡教育中最關鍵的節點，其視覺設計的優劣直接關系到教學網站提供自主學習的效率與效果。本文通過對目前教學網站視覺設計的現狀研究，提出教學網站視覺設計的原則，結合教學網站現存問題，對教學網站視覺設計的發展進行分析。
【關鍵詞】教學網站 視覺設計 視覺路線 網站設計
隨著互聯網技術的發展以及教育需求的日益增長，依托互聯網的網絡教育形式改變了傳統的學習方式與教育方式，從而實現教育現代化。隨著教育信息化的普及，教學網站作為龐大的教育信息網絡中的重要節點，在一定程度上影響著網絡教育的效果及深度。而視覺作為人接受信息的主要通道，所以對于網站建設來說視覺設計是吸引訪問量的重要手段，但對于教學網站來說存在一個誤區，認為只要內容好便可以吸引學習者，但事實上優秀的視覺設計能夠幫助提升教學網站質量，甚至能夠進一步提高網絡學習的效率。
1.教學網站的功能及其分類
教學網站作為網絡教育的重要節點是基于計算機多媒體技術與互聯網技術發展起來的，具有一定的雙向交互功能，通過交流與共享鼓勵學習者進行自主性學習，在網絡教育中起到重要作用。教學網站的主要功能是為教師和學習者提供豐富的教學資源，并為學習者搭建自主學習及協作學習的平臺。許多研究者對教學網站進行分類，在此嘗試依據教學網站所服務的對象內容進行分類：
（1）課程類教學網站
課程類教學網站主要指各級精品課程網站或其他特色類課程網站，單獨作為網絡學習的信息媒介中心，為網絡學習者提供課程相關的信息與知識。此類教學網站視覺設計只需考慮本門課程的特點，并應盡可能突出特色，特別是精品課程的網站建設應起到同類課程的表率作用。
（2）平臺類教學網站
平臺類教學網站主要指高校網絡學習平臺，如BB平臺、4A平臺等，或是遠程教育及培訓平臺。此類教學網站通常包含多門課程，所以在視覺設計方面應清晰明了，使學習者能盡快掌握使用方法，并能高效率地對單門課程進行操作或在多門課程中跳轉操作。而對于平臺中的課程應當有設計的靈活性，以便突出課程特色。
（3）社區類教學網站
社區類教學網站主要指以SNS社交網絡為基礎的教學網站，如江滬英語社區網絡學習平臺。此類教學網站通常以一個專業或主題（英語或計算機技術居多）為中心，借助SNS社交網絡模式，建立社區關系進行學習經驗的交流及學習的監督，以提高學習效率。據此該類網站視覺設計不僅需要清晰的信息傳達，更重要加強親和力，吸引更多的目標用戶，并形成關注熱點，長時間凝聚人氣。
（4）門戶類教學網站
門戶類教學網站主要指各教育單位的門戶網站，此類教學網站的教學功能相較于之前三類來說較為薄弱，但也不能忽視其信息傳播、聚集學習者、引導至其他教學網站或教學平臺的作用。所以在視覺設計方面應當注重其信息及引導作用，使得流程簡化，目標集中。
2.教學網站視覺設計應用原則
（1）布局合理，注重視覺線路流動規律
教學網站視覺設計首先講究布局，特別是首頁及首屏的布局設計，包括導航、內容、提示、浮動窗口等的布局安排，以及對圖像（包括靜態的圖片或動態的視頻）、文字的合理安排，在一般視覺線路規律（先動態再靜態，先圖像后文字，先大后小等）的指導下，設計合理的視覺路線，引導學生步步深入，首先是被吸引，最后是被留在網站內學習。
（2）節奏清晰，強調跳轉層級與方式
教學網站應比一般網站更重視節奏，即跳轉的層級數量、方式等，不可隨意或無規律，造成學習者對網站使用的茫然無措。一般網站采用寬而淺的方式，減少跳轉層級，因為其用戶的目的多是瀏覽，較為隨心所欲，首頁寬闊的內容量可以留住用戶；但教學網站為學習者設計，有教學內容與方式的限制，有些需要窄而深的層級，此時就需要依靠設計弱化過于深的層級跳轉，吸引學習者的注意力。
（3）用色合理，注意色彩心理運用
色彩是網站設計中重要的視覺元素，色彩的合理運用能夠事倍功半地達到提高學習效率的目的。教學網站除了要吸引用戶關注外，首先教學網站需要一個統一的特征性色彩作為主色，并且不能使用由于長時間觀看造成視疲勞的色彩，其次是考慮局部的色彩的對比度以起到吸引注意力或視覺引導的作用，同時教學網站的用色不能過雜，容易造成視覺疲勞。
（4）簡潔明了，重視易用性與用戶體驗
教學網站功能明確，所以要求簡潔明了，雖然也要求平衡感、韻律性等視覺藝術性，但更要重視用戶體驗，首先要易用易學，學習者才會愿意繼續使用。所以對于文字信息與圖像信息都應該以簡潔為原則進行視覺設計，并充分考慮用戶體驗設計。
3.教學網站視覺設計存在的問題
（1）信息傳達有效性不夠
教學網站的主要功能是傳達知識信息，并引發自主性學習的過程，如果信息傳達不到位，學習也會出現誤差或者喪失興趣。目前部分教學網站信息傳達有效性不夠，比如某些課程類教學網站由于信息傳達有效性不夠，沒有將促進自主學習的內容放在顯著位置，或缺少引導性，造成了只是作為課程內容再現平臺的印象，沒有發揮其優勢。另外，在頁面的層級安排上也存在問題，有些重要的信息被安排在較深的層級中，在首頁也沒有相應的顯著提示，造成信息的接收缺失，降低了信息傳達的有效性。
（2）布局過于繁雜，易造成視覺疲勞
由于教學網站通常涵蓋內容較廣，功能也比較復雜，既有傳播知識，促進學習的功能，也有反饋評價，課外延伸等功能，所以現有的教學網站往往在視覺設計上非常復雜，用以滿足多種功能需求。但視覺設計的復雜性容易引起視覺疲勞，從生理與心理兩方面均會造成學習者在一段時間的學習后不能集中注意力的情況，并產生厭學情緒而放棄繼續學習；而且繁雜的視覺設計也不能起到面面俱到的作用，有時反而起了反效果，使得學習者不能很快定位所需的功能，在重復的視覺尋找路線中引起視覺疲勞，降低學習積極性。
（3）藝術性欠佳
通常教學網站建設者會有個誤區就是作為教學網站不應花俏，應該中規中矩地進行設計，雖然這種思維無可厚非，但在目前紛繁復雜的網站中吸引住學習者除了較好的內容外，還應該有一定的藝術性視覺設計，才能脫穎而出。特別是社區類的教學網站需要面對的學習者更多的是完全自主學習的人群，這些學習者的自由性更大，可在同類型的社區類教學網站中選擇設計更合理的網站，所以有較好的藝術性才能吸引這些自由性更大的學習者。
4.教學網站視覺設計的發展趨勢
（1）無障礙設計，兼顧用戶的廣泛性
隨著網絡教育的不斷發展，教學網站也將考慮更多的用戶，包括特殊用戶，如老人、兒童、殘障人士等，所以教學網站的設計必須考慮無障礙設計，兼顧其用戶的廣泛性。比如字號的可調節性、圖片內容的適應性，以及簡化視覺路線，在突出興奮點的基礎上，規劃更為簡便的視覺路線。
（2）簡化布局，重視視覺線路設計
隨著對教學網站視覺設計研究的深入，結合各種設計相關理論，教學網站視覺設計將從用戶即學習者的生理及心理出發，對頁面布局進行科學有效的整合與簡化，減輕視覺負擔，同時，借鑒交叉學科的相關理論，對視覺線路進行規劃，使得學習者能高效地尋找到所需的信息點，并逐步引導學習者進行更深入的學習。
（3）適應多終端
隨著平板電腦、智能手機的發展，教學網站將從電腦平臺延伸至平板電腦、智能手機等終端平臺，相應的也會在視覺設計、頁面設計、路線設計方面有不同的針對性設計，使得教學網站可以隨時隨地訪問，增加黏性。
