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

網(wǎng)頁實訓報告范文第1篇

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作；教學內(nèi)容；教學方法

中圖分類號：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

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

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

1理論教學

1.1課程目標

《網(wǎng)頁設(shè)計與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：

1)使學生掌握HTML基本知識，熟練掌握靜態(tài)網(wǎng)頁制作技能；

2)使學生能夠掌握流行的CSS+DIV網(wǎng)頁設(shè)計技術(shù)，適應(yīng)網(wǎng)頁設(shè)計社會最新需求；

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

4)使學生能夠用Flash進行網(wǎng)頁動畫的簡單設(shè)計；

5)使學生能夠掌握JavaScript簡單程序設(shè)計，能夠?qū)崿F(xiàn)網(wǎng)頁的各種動態(tài)效果。

1.2課程內(nèi)容

1.2.1 HTML網(wǎng)頁設(shè)計

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

1.2.2 DIV+CSS網(wǎng)頁設(shè)計

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

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

1.2.3 Photoshop圖像處理

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

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

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

1.2.5 JavaScript程序設(shè)計

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

1.3教學方法

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

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

1.3.1模塊教學法

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

1.3.2案例教學法

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

2課程實踐

2.1實驗題目的設(shè)計

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

2.1.1 HTML網(wǎng)頁設(shè)計

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

2.1.2 DIV+CSS網(wǎng)頁設(shè)計

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

2.1.3 Photoshop圖像處理

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

2.1.4 Flas制作

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

2.1.5 JavaScript程序設(shè)計

實驗1 JavaScript程序設(shè)計案例、實驗2用JavaScript制作網(wǎng)頁特效、實驗3 JavaScript內(nèi)置函數(shù)和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。

2.2自學模式的創(chuàng)建

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

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

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

2.4成立網(wǎng)頁興趣小組，拓寬知識面

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

1）舉辦講座：資深開發(fā)人員的經(jīng)驗報告，網(wǎng)頁知識講座；

2）舉辦競賽：我院已成功舉辦兩屆網(wǎng)頁與flash設(shè)計大賽。

這些活動的開展深受廣大師生的好評，激發(fā)了學生對網(wǎng)頁設(shè)計技術(shù)的興趣，培養(yǎng)了學生的動手能力和創(chuàng)新能力。

3課程實訓

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

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

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

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

4結(jié)束語

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

參考文獻：

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

網(wǎng)頁實訓報告范文第2篇

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

1 教學內(nèi)容分析

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

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

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

2 學情分析

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

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

3 教學設(shè)計思路

3.1 理念?；诠ぷ鬟^程開發(fā)網(wǎng)頁設(shè)計課程。

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

表1 小型企業(yè)網(wǎng)站項目舉例

序號 模塊名稱 知識點

1 建站準備 需求分析

2 規(guī)劃設(shè)計網(wǎng)站 網(wǎng)站規(guī)劃設(shè)計知識、網(wǎng)頁配色

3 準備素材 用potoshop（PS）制作網(wǎng)站logo及相關(guān)圖片，掌握PS在網(wǎng)頁設(shè)計領(lǐng)域的應(yīng)用

4 定義站點，制作公司首頁 Dreamweaver中站點的創(chuàng)建與管理，CSS+DIV應(yīng)用

5 設(shè)計制作欄目1-公司概況 網(wǎng)站中字體搭配與排版

6 設(shè)計制作欄目2-企業(yè)相冊 表格、網(wǎng)頁中的多媒體應(yīng)用

7 設(shè)計制作欄目3-產(chǎn)品展示 超鏈接、CSS

8 設(shè)計制作欄目4-留言板 表單、數(shù)據(jù)庫訪問

9 網(wǎng)站整合與 申請空間及上傳網(wǎng)站等

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

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

4 教學方法與手段

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

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

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

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

4.5 教室課堂與網(wǎng)上課堂相結(jié)合。將電子教案、實驗?zāi)０妗⑷の端伎碱}目和項目案例都上傳至校園網(wǎng)FTP上，供學生復(fù)習和自學；同時利用網(wǎng)絡(luò)QQ和電子郵件系統(tǒng)可隨時給學生答疑。

5 考核辦法

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

網(wǎng)頁實訓報告范文第3篇

【關(guān)鍵詞】網(wǎng)站開發(fā)綜合實訓課程 項目教學法 應(yīng)用

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

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

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

一、網(wǎng)站開發(fā)綜合實訓課程教學現(xiàn)狀

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

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

二、項目教學法及其在網(wǎng)站開發(fā)綜合實訓課程中的作用

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

三、網(wǎng)站開發(fā)綜合實訓課程中項目教學法的具體應(yīng)用

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

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

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

模塊1 創(chuàng)建網(wǎng)站的框架設(shè)計

模塊2 動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的頁面設(shè)計

模塊3 數(shù)據(jù)庫的創(chuàng)建與維護

模塊4 頁面美化

模塊5 頁面功能的處理

模塊6 網(wǎng)站的測試與

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

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

項目的實施主要包括實施項目、網(wǎng)站展示檢查以及評測，包括對項目進行可行性的分析、項目實現(xiàn)的基本思路、實施的基本步驟以及進度控制的方面的工作?？刹扇⌒〗M的形式進行，到整個項目結(jié)束提交一份總結(jié)以及項目的開發(fā)文檔并進行匯報。而教師對該項目在開發(fā)過程中出現(xiàn)的一些問題以及處理問題的方法進行評測、歸納并總結(jié)，提出可改進的一些建議，以便學生在下次進行網(wǎng)站開發(fā)項目中能得到提升。

（四）項目考核?？己耸菍φ麄€網(wǎng)站開發(fā)項目的最后的步驟，考核直接關(guān)系到教學成果，直接關(guān)系到學生實施項目的效果和最終成績的評定，重點在于技能考核，所實現(xiàn)功能的方法考核，是否測試通過考核以及教師評測和學生自評等組成，至于成績比例的分布等可根據(jù)不同項目來逐步確定。

網(wǎng)頁實訓報告范文第4篇

關(guān)鍵詞：一體化教學；ASP動態(tài)網(wǎng)頁；案例

中圖分類號：TP393

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

1 技工院校計算機專業(yè)學生現(xiàn)狀

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

2 體化教學模式簡介

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

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

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

在ASP課程中采用一體化教學模式，就是讓學生機房這樣的實訓環(huán)境中，在2-3個典型的動態(tài)網(wǎng)站建設(shè)的“項目任務(wù)”的驅(qū)動下，展開教學活動，項目任務(wù)的實現(xiàn)過程就是學生學習的過程，使學與做融為一體。

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

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

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

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

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

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

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

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

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

參考文獻：

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

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

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

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

網(wǎng)頁實訓報告范文第5篇

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

關(guān)鍵詞：教學模式；計算機應(yīng)用；主體化；網(wǎng)絡(luò)化

中圖分類號：G642

文獻標識碼：B

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

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

1 應(yīng)用教學模式的探索

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

2 專業(yè)計劃的目標控制體系建設(shè)

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

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

3 延伸課堂教學，積極探索立體化、網(wǎng)絡(luò)化的教學模式

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

2005年“Delphi程序設(shè)計”被評為院級精品課程。2006年“數(shù)據(jù)結(jié)構(gòu)”、“計算機電路基礎(chǔ)”被評為院級優(yōu)質(zhì)課程。2007年有“數(shù)據(jù)結(jié)構(gòu)”、“計算機網(wǎng)絡(luò)實訓”、“網(wǎng)頁制作技術(shù)”、“計算機組裝與維護”、“C語言程序設(shè)計”、“計算機組成原理”共六門課積極申報院級精品課程。其中“數(shù)據(jù)結(jié)構(gòu)”被評為院級精品課程，“網(wǎng)頁制作技術(shù)”被評為院級優(yōu)質(zhì)課程。

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

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

5學生學習競賽的組織與發(fā)動

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

6計算機應(yīng)用課程教材編寫模式的探索

按照以解決實際問題為目標教學模式，探索了計算機應(yīng)用課程教材的編寫，提出應(yīng)用課程教材編寫改革的方向為“立體結(jié)構(gòu)知識層次分布式教材模式”。以解決實際問題為目標的立體化教學設(shè)計教材章節(jié)，教材第一章提出能力要求，并給出總體實現(xiàn)案例設(shè)計，每一章設(shè)有能力達標要求并圍繞整本教材的案例組織教學內(nèi)容，教學方式不再呈現(xiàn)傳統(tǒng)從一個知識點到另一個點的線性結(jié)構(gòu)的教學模式?；谛陆谈乃枷?，我們正按照此模式編寫計算機網(wǎng)絡(luò)實訓、數(shù)據(jù)結(jié)構(gòu)等教材。

7 結(jié)束語