網頁實訓報告

前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁實訓報告范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

網頁實訓報告范文第1篇

關鍵詞：網頁設計與制作；教學內容；教學方法

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)08-1864-03

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

隨著計算機網絡技術的迅猛發展和網絡應用的日益廣泛，Internet在人們的生活、學習和工作中的地位顯得越來越重要，上網沖浪已經成為現代人生活的一個重要部分。信息技術的高速發展，使人們通過網絡來個人或者企業的信息、推廣企業產品已成為一種流行的趨勢。網頁已經成為信息共享和傳播的主要載體，掌握網頁的制作和網站的管理等內容已成為現代人必備的一種技能。

《網頁設計與制作》是軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用等專業公共的必修課程，也是許多高校的公共選修課，具有實踐性強和知識面廣的特點。該課程要求學生掌握HTML語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識，為后繼課程《動態網頁設計》、《計算機網絡》等打下牢固基礎，因此該課程具有知識點多、操作性強的特點。如何提高《網頁設計與制作》課程的教學質量，是亟待解決的問題。根據近年來對網頁課程的講授經驗，筆者從課程目標、課程內容、教學方法、課程實踐、課程實訓等幾個教學環節對該課程進行了一些研究和總結。

1理論教學

1.1課程目標

《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：

1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；

2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；

3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；

4)使學生能夠用Flash進行網頁動畫的簡單設計；

5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。

1.2課程內容

1.2.1 HTML網頁設計

重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養。“知其然，知其所以然”是我們的目標。

1.2.2 DIV+CSS網頁設計

DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得 網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。

該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。

1.2.3 Photoshop圖像處理

重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。

課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。1.2.4 Flas制作

重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。

1.2.5 JavaScript程序設計

JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。

1.3教學方法

該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。

教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。

1.3.1模塊教學法

根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。

1.3.2案例教學法

在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例――具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。

2課程實踐

2.1實驗題目的設計

結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。

2.1.1 HTML網頁設計

實驗1 HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5 HTML綜合實例。

2.1.2 DIV+CSS網頁設計

實驗1 CSS文字排版、實驗2 CSS網頁布局、實驗3背景設置、實驗4 CSS導航菜單設計、實驗5綜合實例。

2.1.3 Photoshop圖像處理

實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。

2.1.4 Flas制作

實驗1 Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。

2.1.5 JavaScript程序設計

實驗1 JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3 JavaScript內置函數和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。

2.2自學模式的創建

為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。

2.3參與教師科研，以研促學

鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。

2.4成立網頁興趣小組，拓寬知識面

組織成立網頁課程的興趣學習小組，具體活動包括：

1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；

2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。

這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。

3課程實訓

網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。

實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。

平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。

課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。

4結束語

明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。

參考文獻：

[1]李偉,鄧紅濤,曹傳東.《網頁設計》課程實踐性教學改革與創新研究[J].改革與創新,2011(12):103-104.

網頁實訓報告范文第2篇

《網頁設計》課程是計算機應用技術、計算機網絡技術、電子商務等專業的必修課，是一門實踐性很強的課程，通過學習本課程，可以為學生今后從事網站開發與設計領域的相關工作打下良好基礎。另外，良好的網頁設計能力是計算機相關專業畢業生必須具備的基本能力之一。作為高職院校，應注重職業能力培養，考慮對網頁設計課程的教學內容進行改革，以工作過程為導向，規范課程教學的基本要求，提高教學水平。

1 教學內容分析

網頁設計是高職院校電子信息類專業的專業核心課，教學內容主要包括HTML語言、CSS樣式表、Dreamweaver、JavaScript、網站維護等內容，其后續課程包括Photoshop圖像處理技術、flash制作、ASP程序設計、數據庫等。

對高職學生來說，網頁課程難學的原因很多，分析教學內容方面的因素，主要有：課程與教學內容缺乏實用性，教師教學過程以學科為中心，系統講解知識點為主；網頁語法規則繁多，傳統的教學過于強調語法，沒有按照認知規律合理編排教學內容，導致簡單問題復雜化，造成學生學習難度大；過于重視系統性和全面性，長篇累牘，學時與內容矛盾突出；實踐教學方式、手段不適應時代需要，學生職業能力培養沒有落到實處。

綜上所述，本著“實用”和“夠用”原則，在課程定位的指導思想下，以培養學生的職業能力為目標，大膽取舍教學內容，重點講解實際工作過程中網頁制作實用技術。

2 學情分析

2.1 高職學生特點。抽象思維能力一般，缺乏良好的學習習慣，學習的主動性、探索性不夠。排斥理論知識的學習，卻對動手實踐具有強烈興趣。

2.2 教師對策。針對很多學生抽象思維能力差，不喜歡枯燥的理論學習，但在動手能力上素質較好的情況。在教學活動中，教師應該以工作過程為導向，考慮學生已有的知識水平，設計出符合認知規律的教學過程。并在教學活動中融入較多的實踐動手項目，激發學生興趣，提高學生的參與度。同時注意把握問題的難度，設置合理的梯度。使學生不斷增加成就感，并逐漸認識到“枯燥的理論”對“動手實踐”的指導作用，從而產生對理論學習的需要和自主學習的欲望。

3 教學設計思路

3.1 理念。基于工作過程開發網頁設計課程。

3.2 教學總體設計。（1）課程內容改革：針對IT行業對“網頁設計師”職業的崗位要求，課程內容以網站前端技術為主；（2）實踐教學改革：以項目為載體，用一個小型網站項目案例貫穿整個課程的教學，如下表1所示。對網站項目進行分解，分解為若干個子項目單元，將網站前端技術的知識點映射入各個子項目單元。同時力求讓課程的每一個教學模塊基于工作過程來設計，做到“教、學、做”一體化，真正地強調學生的動手能力；（3）考核方法改革：形成式考核為主，提倡職業標準，切實保障教學效果。

表1 小型企業網站項目舉例

序號 模塊名稱 知識點

1 建站準備 需求分析

2 規劃設計網站 網站規劃設計知識、網頁配色

3 準備素材 用potoshop（PS）制作網站logo及相關圖片，掌握PS在網頁設計領域的應用

4 定義站點，制作公司首頁 Dreamweaver中站點的創建與管理，CSS+DIV應用

5 設計制作欄目1-公司概況 網站中字體搭配與排版

6 設計制作欄目2-企業相冊 表格、網頁中的多媒體應用

7 設計制作欄目3-產品展示 超鏈接、CSS

8 設計制作欄目4-留言板 表單、數據庫訪問

9 網站整合與 申請空間及上傳網站等

3.3 教學單元設計。單元學習情境的設計要有針對性，基于工作過程設計單元學習任務，重點訓練學生的網頁制作能力。對主要教學單元采取任務導入、要點分析、示范操作、項目實訓、總結提高五步走。其中教學重點難點需要反復多次訓練，可以補充小實例作為項目案例輔助，才能達到較好的效果。

單元設計關鍵點：首先以貼近工作實際的小例子導入，由淺入深。每個單元理論和實踐的比例應不超過1：1，尤其注意實例的選取，盡量有實際意義，避免單純為了講解知識點之用；其次講練結合，在課堂上讓學生動手制作網頁。考慮到高職學生課后自主學習較差，并且課上實踐，一旦遇到困難教師可以及時給予鼓勵和指引。有利于學生少走彎路，盡快樹立信心，而不是被大量困難嚇倒；再次實訓項目精心設計梯度，由淺入深，循序漸進，使學生實踐中不斷積累信心，最終取得良好的學習效果。

4 教學方法與手段

4.1 采用項目教學法，以學生為主體、教師為主導，通過共同實施一個完整的工作項目而進行的教學活動。具體來說，本課程以網站項目帶動教學，完成一個網站項目的全過程實際就是學生掌握網頁設計知識、轉化網頁制作技能的過程。

4.2 理論與實踐相結合，結合項目案例和教學實例進行教學。項目案例從面向工作過程的實際項目中提取，覆蓋全部教學重點；教學實例緊密契合各單元的知識點，小而精。

4.3 講解與多媒體演示、開發環境演示相結合。理論知識的講解借助于多媒體教學設備，制作生動的PPT課件；遇到教學重點和難點及時切換至開發環境進行實戰教學。

4.4 教師講授與學生討論相結合。完成單元教學后，根據教學重點和難點布置若干思考題目，學生分組完成；教師安排時間組織學生進行討論，由每小組派代表講解；最后教師點評總結。

4.5 教室課堂與網上課堂相結合。將電子教案、實驗模版、趣味思考題目和項目案例都上傳至校園網FTP上，供學生復習和自學；同時利用網絡QQ和電子郵件系統可隨時給學生答疑。

5 考核辦法

以形成性考核為主。學生成績由平時成績和期末考試成績兩部分構成，其中期末成績占比不超過40%。平時成績包括出勤和項目成績。重點考核學生實訓子項目和實訓報告的完成情況。需要教師注意教學過程中的質量監控，提倡職業標準，使大多數學生提高實際的網頁制作能力，滿足未來職業崗位的要求。

網頁實訓報告范文第3篇

【關鍵詞】網站開發綜合實訓課程 項目教學法 應用

【中圖分類號】G 【文獻標識碼】A

【文章編號】0450-9889（2016）12B-0112-02

網站開發是一項對實操能力、自主創造力以及團隊協作能力要求非常高的專業技能。中職教育是以向社會輸送專業技能型人才為主要目標，以提高學生職業技能為目的培養社會所需的人才。本文試針對網站開發綜合實訓課程教學現狀，分析項目教學法及其在網站開發綜合實訓課程中的作用，并提出網站開發綜合實訓課程中項目教學法的應用措施，以有效地提高學生實操能力，提升教學質量，培養更多的專業技能型人才。

一、網站開發綜合實訓課程教學現狀

整個計算機網絡專業課程中，網站開發是核心技術之一，它將多門專業學科知識融會貫通，是一門對實踐和操作都要求非常高的技術課程。現有中職計算機網絡專業的各科成績以及最后實踐的大數據調查普遍顯示學生的各科成績都達到優異的標準，但綜合實踐的過程中卻存在不會開發、不會思考，甚至是對于一個開發網站的項目無從下手的情形。種種跡象表明，學生雖然各科成績優異，但缺乏將所學知識運用于實際，缺乏連貫運用，缺乏實際操作能力。因此，對于計算機網絡專業的學生開設網站開發綜合實訓課程非常必要。它對于培養學生動手能力、激發學生學習探索的興趣以及提高學生綜合知識應用能力有著顯著的改善。

然而，從網站開發綜合實訓課程整體開設的現狀來看，其教學模式仍是以教師為主體，教師通過電腦屏幕的控制向學生演示課程中即將要實現的功能以及實現的過程，讓學生模擬練習，如此一來，學生無須動腦，他們大多認為只要根據步驟實現功能就行，缺乏自主探索意識，這樣的實訓現狀已經跟不上當前網站開發的現實需求。

二、項目教學法及其在網站開發綜合實訓課程中的作用

在計算機網絡專業的綜合實訓課程教學中，傳統的利用投影儀或者是利用多媒體網絡教學的情形非常普遍，各種先進的教學方法也引入教學之中。然而，由于長期以來教學一直強調的是以課堂為中心、以教師授課為中心，忽略了學生的主動性以及積極性的發展，這就導致學生在實踐中缺乏實際開發能力。項目教學法是以學生為主體、以教師為主導、以項目為主題的一種創新型教學教學方式。它強調學生的自主學習，促使學生從嘗試入手，從練習開始，調動學生的自主學習能力、積極探索能力，讓學生當“主角”、讓教師當“輔助”，如此一來，有利于鍛煉學生動手能力，提高實際操作能力，對所學知識進行融會貫通。在綜合實訓過程中應用項目教學法，則都是由學生自主分析、自主操作、自主探索，教師扮演解惑的指導角色。它能夠充分調動學生的主觀能動性以及積極創造性、動手能力、思維能力，促進學生更好地將所學知識運用于實際，實現教學的目的。這就有助于培養學生創造力和創新力，使學生能真正理解什么是網站開發，網站開發都需要經歷什么樣的過程，并在實操中學以致用。

三、網站開發綜合實訓課程中項目教學法的具體應用

網站開發綜合實訓課程是一門綜合考驗學生對于各科知識的掌握情況，提高學生專業技能的重要課程。可以說，它是對學生在網站開發中實操能力的終極鍛煉。網站開發綜合實訓課程中應用項目教學法，讓學生獨立對一個項目進行處理，包括開發前期信息的采集，設計項目方案，書寫項目開發文檔以及預估開發過程和網站開發之后部署實施，交付報告，終極測評等，不僅可以加深學生對知識的理解，更有助于提高學生全方位的技能。在網站開發綜合實訓課程中項目教學法主要涉及設計思想、設計理念、設計步驟、實施過程以及項目考核。

（一）設計思想。網站開發綜合實訓課程的主要目的是要將網站開發的核心課程知識串聯起來完成一個具有動態交互功能的網站，所依據的基本思想為：從項目主題出發，憑借自己所學的專業知識和技能，通過方法分析、任務分解以及社會能力的運用來完成整個項目的設計。

（二）項目制定。從確立該項目為交互式動態網站開發主題開始，根據學生的能力將該網站目標定位為：創建網站、網頁設計、動靜態網頁制作以及數據庫創建與維護、腳本語言的使用技術等，根據學生掌握相關知識的能力對這些模塊進行重組，主要體現在以下 6 個模塊：

模塊1 創建網站的框架設計

模塊2 動態網頁與靜態網頁的頁面設計

模塊3 數據庫的創建與維護

模塊4 頁面美化

模塊5 頁面功能的處理

模塊6 網站的測試與

從設計理念上看，每個項目都是一個相對完整的工作過程。設計之初，必須明確在該項目中要實現的目標以及預估或檢測是否在自己的能力范圍內，所需的專業知識，在該項目進行開發的過程中所涉及的知識、方法等事先都應該明確，如此才能更好地進行網站開發的后續工作。

（三）項目實施。將一個項目分成 6 個獨立的模塊，以實現每個模塊為目標，最終實現一個完整的項目。如此一來，項目目標明確，每個模塊要實現的功能任務也很明確，學生在一步步完成既定的分解任務之后，再進行有效的模塊匯總，最終實現項目，實現該項目所要達到的功能。鑒于此，該項目依照上述分解的模塊，具體的設計步驟或是詳情步驟可分為以下幾步：一是將上述模塊1的框架設計分解來進行網站創建、頁面結構、頁面布局等框架的設計。二是動靜態網頁的創建可分解為使用 javascript 腳本語言、htnl 網頁語言或者是 、PHP 等開發語言來實現頁面注冊以及其他功能性網頁的創建。三是數據庫模塊的設計步驟可分解為數據庫的配置、鏈接、建表、所要涉及的視圖、存儲過程以及數結構編寫等。四是網頁美工模塊可分為整個網站的網頁布局統一性以及單個頁面設計的美化性等。五是功能信息模塊可將其分解為單個頁面功能的實現以及整個網站統一性的功能完善等，包括繪圖、按鈕形狀以及后臺邏輯過程的處理。六是該模塊可分解為整個網站進行黑盒測試、百盒測試以及服務器搭建和網站的。

項目的實施主要包括實施項目、網站展示檢查以及評測，包括對項目進行可行性的分析、項目實現的基本思路、實施的基本步驟以及進度控制的方面的工作。可采取小組的形式進行，到整個項目結束提交一份總結以及項目的開發文檔并進行匯報。而教師對該項目在開發過程中出現的一些問題以及處理問題的方法進行評測、歸納并總結，提出可改進的一些建議，以便學生在下次進行網站開發項目中能得到提升。

（四）項目考核。考核是對整個網站開發項目的最后的步驟，考核直接關系到教學成果，直接關系到學生實施項目的效果和最終成績的評定，重點在于技能考核，所實現功能的方法考核，是否測試通過考核以及教師評測和學生自評等組成，至于成績比例的分布等可根據不同項目來逐步確定。

網頁實訓報告范文第4篇

關鍵詞：一體化教學；ASP動態網頁；案例

中圖分類號：TP393

筆者所在的院校是一所技工院校，技工院校是把學生培養成技能人才的學校。怎樣使學生能很好的掌握所學專業的技能，是每一位教師進行教學時考慮的問題。在2011年時，筆者所在院校邀請了青島技師學院的副院長做報告，報告講述了關于一體化教學的實施理念及方法，聽后很受啟發。針對自己所教的課程《ASP動態網頁設計》，結合實際情況，制定具體教學計劃，在所教的班級中實施一體化教學。

1 技工院校計算機專業學生現狀

技工院校計算機教學旨在培養“高技能人才”，要求學生能夠進行設備的安裝和調試，進行網站、軟件的建設和管理等，而不是培養網絡工程師、程序員[1]，要求專業課程針對性要強，強調學生的動手能力，也就是技能培訓，因此課程的教學安排主要是針對軟件的使用。但是很多軟件應用的課程中都涉及到了編程，掌握一定的編程知識是他們必備的技能。然而對技工院校計算機專業的學生而言，其基礎知識較差，學習又缺乏主動性。學生最害怕學習和程序設計相關的課程，這種課程理論性較強，而且很難理解和掌握，實操部分費時費力，很多學生在教學課時內完不成學習任務。而ASP動態網頁設計就是這樣的課程，涉及靜態網頁、html、腳本語言、數據庫技術以及后臺編程語言等多學科技術的綜合性專業課，該課程旨在培養網站建設與維護專業技能人才。

2 體化教學模式簡介

一體化教學是一種技能人才的培養模式，它改變了傳統的學科教學模式。是將理論教學和實踐操作融為一體，由師生雙方共同在實訓現場或專業教室進行的邊教邊學，來完成某一教學任務的過程。其改變了傳統的理論和實踐相分離的教學模式，它集理論傳授、現場觀摩、實踐操作、技能訓練為一體，集教師與學生雙向交流、小組討論協作為一體[2]。一體化教學使能力培養與工作崗位對接合一，理論學習與技能訓練融通合一，實習實訓與頂崗工作學做合一。既能使學生掌握必備的操作技能和理論知識，將所學理論與實際緊密結合，又可以培養學生的創業能力和創新能力。

在進行一體化教學過程中，有一個容易忽略的問題，那就是忽略學科之間的一體化，尤其是綜合性較強的學科，它涉及到了幾門課程的教學，如ASP動態網頁課程涉及到靜態網頁HTML、VBScript腳本語言、數據庫、ASP對象幾門課程的知識，這幾門課程之間的教學是分開，，課程之間的“一體化”沒有得到很好的貫徹，學生在舉一反三中對知識的整合效果不理想，導致對創新和創意思維有禁錮。筆者就對所教的計算機1121班，把靜態網頁HTML和ASP動態網頁整合到一起進行教學，通過綜合性的項目，讓學生同時掌握這兩門課程的知識，取得到了很好的教學效果。

3 ASP課程一體化教學的實施

在ASP課程中采用一體化教學模式，就是讓學生機房這樣的實訓環境中，在2-3個典型的動態網站建設的“項目任務”的驅動下，展開教學活動，項目任務的實現過程就是學生學習的過程，使學與做融為一體。

3.1 項目案例的選擇。在充分理解教學任務和操作技能的前提下，綜合考慮所要達到的教學目標，應選取全面、綜合型強的項目作為教學案例。該案例應能包含教學內容中的大部分的基礎知識和操作技能，還要能引起學生學習的興趣。筆者在教學過程中采用一個網上商店系統作為教學案例，通過向學生演示介紹、學生親自操作運用，使學生了解一個ASP動態網頁設計的功能作用，了解本項目所要完成的功能模塊，給學生一個直觀的認識，激發學生的求知欲，提高學習的積極性和能動性。

3.2 對項目案例的分解。選取項目案例，對學生進行演示和講解后，只是讓學生對項目有了一個宏觀的認識。而要使學生掌握制作案例，還需對項目進行劃分，把項目劃分為若干個模塊，每個模塊完成不同的功能。在劃分模塊時，要對模塊有充分的認識，要考慮實現模塊是所用到的知識，要和教材想結合起來。對于ASP來說，要認識到html、ASP的Request對象、Response對象、數據庫等內容的實現。

3.3 分組協作學習。根據項目模塊，把學生分成幾個小組，每個小組完成一個模塊的設計，并且每個小組指定一名負責人。老師對每個小組進行該小組負責的模塊進行講解。然后由負責人對本小組成員進行工作分配，統計在設計過程中遇到的問題，與老師交流，由老師對本小組成員遇到的問題進行講解。每個小組完成任務后，綜合到一起，觀看實現的功能。此后，小組之間進行模塊功能設計的交換，并交流完成模塊功能是的設計心得。最終，每個小組都完成了各個模塊的設計，掌握完成整個項目所用的知識和技能。在整個設計實現的過程中，學生起到主導作用，教師只是起到輔助的作用。

3.4 成果的交流與評價。在功能模塊開發的每個階段，各開發小組完成相應模塊后，把完成的模塊相互進行交流，并對其進行自評和互評。然后教師再對其進行評價，總結操作實踐中存在的問題，梳理項目任務中用到的理論知識、重點和難點，形成知識體系[2]。并且使的學生在積極融洽的環境中相互學習、取長補短，不斷完善自己的作品，增強了學生的自信心，提高了學習熱情與學習興趣，使其在不斷地建構與完善自己的知識結構的同時，也提高自我認識和對自身的評價能力。

4 一體化教學方法實施后的思考

4.1 一體化應貫穿課程全部教學活動，但要注意的是一體化教學不僅是課程內的一體化，還要注意課程之間的一體化，但是課程間的一體化教學如何進行結合，是把相關性強的課程綜合在一起進行教學，還是仍然采用分開教學，是一個需要在教學過程中探討的問題。

4.2 在教學過程中應實施分層次教學。在講授課程之前，進行調查摸底，掌握學生之間的差異。在對學生進行分組完成項目任務時，綜合考慮實際情況，讓優秀的學生起到帶頭作用，起到以優帶差的作用。

4.3 要注意對一體化教師的培養。一體化教學要求教師不僅有豐富的專業知識講授理論課，而且有熟練的操作技能指導學生技能訓練，成為能“文”能“武”的雙師型教師[3]。同時，教師在項目的實訓中，應緊密聯系實際，做到共性問題，集中講解，個別問題，個別指導。而作為一體化教師，也應站在本專業的前沿，了解本專業的發展方向，了解社會對本專業的需求，掌握新的技術，并將其及時充實到教學中。

總之，一體化教學貫穿了整個教學過程，它使技能訓練、能力培養和知識傳授融于一體并進行有機結合。這種教學模式激發了學生的操作實踐技能、分析問題解決問題的能力，激發了學生的學習興趣，提高了學生分析問題、解決問題的能力，提高了課堂教學效果。但是一體化教學，學生是主導，對知識本身的系統性有所削弱。教師應注意對問題的總結，對應用的理論知識的講解，歸納，形成知識體系，幫助學生消化所學知識。

參考文獻：

[1]黃寶玲.高職計算機一體化教學優化策略研究[J].高教論壇，2011，2：111.

[2]房新人.VisualBasic課程教學模式的反思與變革[J].網絡科技時代，2008，10：50.

[3]李世滿.技工學校計算機專業一體化教學實踐與反思[J].華東師范大學，2009，4.

[3]劉驥宇課程“教、學、做”一體化教學模式的探索信息與電腦，2012，9；201.

網頁實訓報告范文第5篇

摘要：本文提出了以解決實際問題為目的的立體教學模式，探討了計算機應用課程的教學模式，研究了激勵學生提高應用能力的方法，研究了與教學模式相配套的教材編寫模式。

關鍵詞：教學模式；計算機應用；主體化；網絡化

中圖分類號：G642

文獻標識碼：B

為了快速提高學生通過計算機解決實際問題的能力，我們提出以解決實際問題為目的的立體教學模式，教學從要解決的實際問題入手，讓學生知道本課程要解決的問題，然后將這個問題進行分解，最后圍繞解決每個子問題，將要講的理論和實踐知識展開。這樣所講內容由解決實際問題連接到一起，構成一個立體結構，所有子問題解決后，則應用問題也隨之解決。這樣一門課完成后，學生不僅學會理論知識，更重要的是學會如何解決實驗問題。

本課題的研究劃分了以下三個層次：應用課程的教學模式；研究激勵學生提高應用能力的方法；研究與教學模式相配套的教材編寫模式。

1 應用教學模式的探索

這一層次就是探索以“解決實際問題為目標的立體化”教學模式，按照新的計算機應用課程教學模式思想組織教學試驗。這就要求老師在講課開始時對本課程的應用作闡述并布置課程設計題目，鼓勵學生帶著問題學習，通過不斷的探索性學習，逐漸完成課程設計。在期中左右開始規劃，期末交設計程序及文檔。為此，我們專門印制了《實驗報告》、《課程設計》、教學任務書等手冊。每門課要求至少完成五個實驗報告、一份課程設計。要求每位專業教師上課前制定教學任務書并上報系教學委員會審批，教學任務書含學生學習后達到的能力要求、教學進度、實驗報告、課程設計項目、作業次數、參考資料、網站建設計劃等，并作為教學檢查的依據，納入教師期末酬金量化。

2 專業計劃的目標控制體系建設

專業教學計劃以培養應用性人才為目標，制定了目標控制體系的新教學方案，任課教師教學任務、學生的學習目標更加明確化。原來教學計劃的原則是最終控制，結果難以達到目標。

體例：(1) **專業總目標；(2) 就業范圍；(3) 第一學年目標；基本技能；基本語言；基礎知識；(4) 第一學期：達到目標；安排課程；考研主干課；按如此模式編制教學計劃，將學生學習最終能力目標分解到每個學期，通過過程控制來達到總目標，使教學計劃更科學、更有可操作性。

3 延伸課堂教學，積極探索立體化、網絡化的教學模式

啟動系級精品課程建設，并予以獎勵。要求各專業課基本實現課件上網、作業上傳、輔導答疑等功能，并鼓勵老師積極申報精品課程。分兩個階段，第一階段：2006年3月開始以“數據結構”、“C語言”、“網頁制作”、“操作系統”、“計算機電路基礎”五門專業課為前導制定了課程建設研發團隊，并積極申報院級精品課程。第二階段：2007年1月起所有專業課開始系級精品課程網站建設，取得較好的效果。

2005年“Delphi程序設計”被評為院級精品課程。2006年“數據結構”、“計算機電路基礎”被評為院級優質課程。2007年有“數據結構”、“計算機網絡實訓”、“網頁制作技術”、“計算機組裝與維護”、“C語言程序設計”、“計算機組成原理”共六門課積極申報院級精品課程。其中“數據結構”被評為院級精品課程，“網頁制作技術”被評為院級優質課程。

4進行考試方式的改革探索

加強電子試題庫建設，改革應用性課程考試方式。向教務處申請對Flash、Photoshop、網頁設計及五筆字型應用等四門技能型課程由原來的期末筆試改為學生自主式全自動網上測試，并要求計算機科學系所有學生(含已經筆試合格的學生)畢業前必須通過該測試。該申請被教務處批準，2006～2007學年度第一學期對網頁設計及五筆字型兩門課試點，受到學生歡迎，效果較好。針對考試中的問題，投入了更多的精力，考試系統進一步改進，2007～2008學年第一學期有計算機應用等五門課程進行了機考，擴大了考試科目，進一步擴充了題庫，提高了防作弊能力。

5學生學習競賽的組織與發動

為了切實提高學生的動手能力，積極組織學生參加各種競賽，特成立了計算機科學系競賽組，系主任任組長，我任副組長，下設五個競賽小組。2005～2007年，除組織計算機科學系網頁設計大賽、計算機應用技能大賽、五筆字型大賽、Flash設計大賽、圖像處理大賽等，積極參加棗莊學院組織的各類賽事外，共組織學生參加省/國家競賽5次，項目如下：ACM/ICPC程序設計競賽、全國數學建模、齊魯大學生軟件設計大賽、正保教育杯第三屆全國ITAT教育工程職業技能大賽、山東省電子產品設計大賽。在這些競賽中學生均取得較好成績，極大地鼓舞、帶動了學生的學習熱情。如下表所示：

6計算機應用課程教材編寫模式的探索

按照以解決實際問題為目標教學模式，探索了計算機應用課程教材的編寫，提出應用課程教材編寫改革的方向為“立體結構知識層次分布式教材模式”。以解決實際問題為目標的立體化教學設計教材章節，教材第一章提出能力要求，并給出總體實現案例設計，每一章設有能力達標要求并圍繞整本教材的案例組織教學內容，教學方式不再呈現傳統從一個知識點到另一個點的線性結構的教學模式。基于新教改思想，我們正按照此模式編寫計算機網絡實訓、數據結構等教材。

7 結束語