時(shí)間：2022-05-18 08:25:41
緒論：在尋找寫(xiě)作靈感嗎？愛(ài)發(fā)表網(wǎng)為您精選了8篇網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告，愿這些內(nèi)容能夠啟迪您的思維，激發(fā)您的創(chuàng)作熱情，歡迎您的閱讀與分享！
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；教學(xué)內(nèi)容；教學(xué)方法
中圖分類號(hào)：G642文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：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
隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展和網(wǎng)絡(luò)應(yīng)用的日益廣泛，Internet在人們的生活、學(xué)習(xí)和工作中的地位顯得越來(lái)越重要，上網(wǎng)沖浪已經(jīng)成為現(xiàn)代人生活的一個(gè)重要部分。信息技術(shù)的高速發(fā)展，使人們通過(guò)網(wǎng)絡(luò)來(lái)個(gè)人或者企業(yè)的信息、推廣企業(yè)產(chǎn)品已成為一種流行的趨勢(shì)。網(wǎng)頁(yè)已經(jīng)成為信息共享和傳播的主要載體，掌握網(wǎng)頁(yè)的制作和網(wǎng)站的管理等內(nèi)容已成為現(xiàn)代人必備的一種技能。
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是軟件技術(shù)、計(jì)算機(jī)多媒體技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、信息技術(shù)、信息管理、計(jì)算機(jī)應(yīng)用等專業(yè)公共的必修課程，也是許多高校的公共選修課，具有實(shí)踐性強(qiáng)和知識(shí)面廣的特點(diǎn)。該課程要求學(xué)生掌握HTML語(yǔ)言、CSS+DIV、JavaScript語(yǔ)言、Photoshop圖像處理、flas制作等基本知識(shí)，為后繼課程《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》、《計(jì)算機(jī)網(wǎng)絡(luò)》等打下牢固基礎(chǔ)，因此該課程具有知識(shí)點(diǎn)多、操作性強(qiáng)的特點(diǎn)。如何提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)質(zhì)量，是亟待解決的問(wèn)題。根據(jù)近年來(lái)對(duì)網(wǎng)頁(yè)課程的講授經(jīng)驗(yàn)，筆者從課程目標(biāo)、課程內(nèi)容、教學(xué)方法、課程實(shí)踐、課程實(shí)訓(xùn)等幾個(gè)教學(xué)環(huán)節(jié)對(duì)該課程進(jìn)行了一些研究和總結(jié)。
1理論教學(xué)
1.1課程目標(biāo)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：
1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；
2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；
3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；
4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫(huà)的簡(jiǎn)單設(shè)計(jì)；
5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。
1.2課程內(nèi)容
1.2.1 HTML網(wǎng)頁(yè)設(shè)計(jì)
重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)?！爸淙?，知其所以然”是我們的目標(biāo)。
1.2.2 DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)
DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得 網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。
該部分重點(diǎn)知識(shí)包括CSS基本語(yǔ)法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過(guò)大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。
1.2.3 Photoshop圖像處理
重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫(huà)工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。
課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。1.2.4 Flas制作
重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫(huà)制作、運(yùn)動(dòng)漸變動(dòng)畫(huà)制作、形狀漸變動(dòng)畫(huà)制作、引導(dǎo)動(dòng)畫(huà)制作、遮罩動(dòng)畫(huà)制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫(huà)的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。
1.2.5 JavaScript程序設(shè)計(jì)
JavaScript是目前Web客戶端開(kāi)發(fā)的主要編程語(yǔ)言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。
1.3教學(xué)方法
該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。
教學(xué)過(guò)程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。
1.3.1模塊教學(xué)法
根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語(yǔ)言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫(huà)；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過(guò)大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過(guò)全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。
1.3.2案例教學(xué)法
在課堂上采用案例教學(xué)法，通過(guò)精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過(guò)程。比如在講解HTML的標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過(guò)一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問(wèn)題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過(guò)一個(gè)綜合實(shí)例――具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語(yǔ)法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。
2課程實(shí)踐
2.1實(shí)驗(yàn)題目的設(shè)計(jì)
結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。
2.1.1 HTML網(wǎng)頁(yè)設(shè)計(jì)
實(shí)驗(yàn)1 HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5 HTML綜合實(shí)例。
2.1.2 DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)
實(shí)驗(yàn)1 CSS文字排版、實(shí)驗(yàn)2 CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4 CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。
2.1.3 Photoshop圖像處理
實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。
2.1.4 Flas制作
實(shí)驗(yàn)1 Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫(huà)的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫(huà)的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫(huà)的制作、實(shí)驗(yàn)5逐幀動(dòng)畫(huà)的制作、實(shí)驗(yàn)6綜合實(shí)例。
2.1.5 JavaScript程序設(shè)計(jì)
實(shí)驗(yàn)1 JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3 JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4 JavaScript事件處理、實(shí)驗(yàn)5 Dom操作實(shí)例。
2.2自學(xué)模式的創(chuàng)建
為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問(wèn)答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開(kāi)辟了學(xué)生自學(xué)天地。
2.3參與教師科研，以研促學(xué)
鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開(kāi)發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開(kāi)展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。
2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面
組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：
1）舉辦講座：資深開(kāi)發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；
2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。
這些活動(dòng)的開(kāi)展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。
3課程實(shí)訓(xùn)
網(wǎng)頁(yè)的制作不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。
實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫(xiě)、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。
平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問(wèn)題想辦法解決，學(xué)生帶著問(wèn)題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。
課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。
4結(jié)束語(yǔ)
明確的教學(xué)目標(biāo)、豐富的教學(xué)內(nèi)容、科學(xué)的教學(xué)方法、有效的教學(xué)手段大大增強(qiáng)了學(xué)生主動(dòng)參與學(xué)習(xí)的積極性。隨著網(wǎng)頁(yè)技術(shù)的進(jìn)一步發(fā)展和進(jìn)步，網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)還必須與時(shí)俱進(jìn)，不斷的改革和創(chuàng)新，教師只有不斷的學(xué)習(xí)新的教學(xué)理論，掌握現(xiàn)代化的教學(xué)手段，才能勝任高效教育工作，為社會(huì)培養(yǎng)高素質(zhì)的技術(shù)應(yīng)用型人才。
參考文獻(xiàn)：
[1]李偉,鄧紅濤,曹傳東.《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)踐性教學(xué)改革與創(chuàng)新研究[J].改革與創(chuàng)新,2011(12):103-104.
1理論教學(xué)
1.1課程目標(biāo)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫(huà)的簡(jiǎn)單設(shè)計(jì)；5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。
1.2課程內(nèi)容
1.2.1HTML網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)?！爸淙?，知其所以然”是我們的目標(biāo)。
1.2.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。該部分重點(diǎn)知識(shí)包括CSS基本語(yǔ)法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過(guò)大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。
1.2.3Photoshop圖像處理重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫(huà)工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。
1.2.4Flas制作重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫(huà)制作、運(yùn)動(dòng)漸變動(dòng)畫(huà)制作、形狀漸變動(dòng)畫(huà)制作、引導(dǎo)動(dòng)畫(huà)制作、遮罩動(dòng)畫(huà)制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫(huà)的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。
1.2.5JavaScript程序設(shè)計(jì)JavaScript是目前Web客戶端開(kāi)發(fā)的主要編程語(yǔ)言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。
1.3教學(xué)方法
該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。教學(xué)過(guò)程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。
1.3.1模塊教學(xué)法根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語(yǔ)言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫(huà)；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過(guò)大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過(guò)全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。
1.3.2案例教學(xué)法在課堂上采用案例教學(xué)法，通過(guò)精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過(guò)程。比如在講解HTML的<img>標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過(guò)一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問(wèn)題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過(guò)一個(gè)綜合實(shí)例——具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語(yǔ)法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。
2課程實(shí)踐
2.1實(shí)驗(yàn)題目的設(shè)計(jì)
結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。
2.1.1HTML網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5HTML綜合實(shí)例。
2.1.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1CSS文字排版、實(shí)驗(yàn)2CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。
2.1.3Photoshop圖像處理實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。
2.1.4Flas制作實(shí)驗(yàn)1Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫(huà)的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫(huà)的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫(huà)的制作、實(shí)驗(yàn)5逐幀動(dòng)畫(huà)的制作、實(shí)驗(yàn)6綜合實(shí)例。
2.1.5JavaScript程序設(shè)計(jì)實(shí)驗(yàn)1JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4JavaScript事件處理、實(shí)驗(yàn)5Dom操作實(shí)例。
2.2自學(xué)模式的創(chuàng)建
為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問(wèn)答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開(kāi)辟了學(xué)生自學(xué)天地。
2.3參與教師科研，以研促學(xué)
鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開(kāi)發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開(kāi)展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。
2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面
組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：1）舉辦講座：資深開(kāi)發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。這些活動(dòng)的開(kāi)展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。
3課程實(shí)訓(xùn)網(wǎng)頁(yè)的制作
不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫(xiě)、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問(wèn)題想辦法解決，學(xué)生帶著問(wèn)題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。
1理論教學(xué)
1.1課程目標(biāo)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫(huà)的簡(jiǎn)單設(shè)計(jì)；5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。
1.2課程內(nèi)容
1.2.1HTML網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)?！爸淙唬渌匀弧笔俏覀兊哪繕?biāo)。
1.2.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。該部分重點(diǎn)知識(shí)包括CSS基本語(yǔ)法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過(guò)大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。
1.2.3Photoshop圖像處理重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫(huà)工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。
1.2.4Flas制作重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫(huà)制作、運(yùn)動(dòng)漸變動(dòng)畫(huà)制作、形狀漸變動(dòng)畫(huà)制作、引導(dǎo)動(dòng)畫(huà)制作、遮罩動(dòng)畫(huà)制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫(huà)的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。
1.2.5JavaScript程序設(shè)計(jì)JavaScript是目前Web客戶端開(kāi)發(fā)的主要編程語(yǔ)言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。
1.3教學(xué)方法該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。教學(xué)過(guò)程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。
1.3.1模塊教學(xué)法根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語(yǔ)言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫(huà)；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過(guò)大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過(guò)全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。
1.3.2案例教學(xué)法在課堂上采用案例教學(xué)法，通過(guò)精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過(guò)程。比如在講解HTML的<img>標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過(guò)一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問(wèn)題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過(guò)一個(gè)綜合實(shí)例——具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語(yǔ)法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。
2課程實(shí)踐
2.1實(shí)驗(yàn)題目的設(shè)計(jì)結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。
2.1.1HTML網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5HTML綜合實(shí)例。
2.1.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1CSS文字排版、實(shí)驗(yàn)2CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。
2.1.3Photoshop圖像處理實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。
2.1.4Flas制作實(shí)驗(yàn)1Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫(huà)的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫(huà)的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫(huà)的制作、實(shí)驗(yàn)5逐幀動(dòng)畫(huà)的制作、實(shí)驗(yàn)6綜合實(shí)例。
2.1.5JavaScript程序設(shè)計(jì)實(shí)驗(yàn)1JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4JavaScript事件處理、實(shí)驗(yàn)5Dom操作實(shí)例。
2.2自學(xué)模式的創(chuàng)建為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問(wèn)答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開(kāi)辟了學(xué)生自學(xué)天地。
2.3參與教師科研，以研促學(xué)鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開(kāi)發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開(kāi)展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。
2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：1）舉辦講座：資深開(kāi)發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。這些活動(dòng)的開(kāi)展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。
3課程實(shí)訓(xùn)
網(wǎng)頁(yè)的制作不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫(xiě)、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問(wèn)題想辦法解決學(xué)生帶著問(wèn)題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。
《網(wǎng)頁(yè)設(shè)計(jì)》課程是計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、電子商務(wù)等專業(yè)的必修課，是一門實(shí)踐性很強(qiáng)的課程，通過(guò)學(xué)習(xí)本課程，可以為學(xué)生今后從事網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)領(lǐng)域的相關(guān)工作打下良好基礎(chǔ)。另外，良好的網(wǎng)頁(yè)設(shè)計(jì)能力是計(jì)算機(jī)相關(guān)專業(yè)畢業(yè)生必須具備的基本能力之一。作為高職院校，應(yīng)注重職業(yè)能力培養(yǎng)，考慮對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)內(nèi)容進(jìn)行改革，以工作過(guò)程為導(dǎo)向，規(guī)范課程教學(xué)的基本要求，提高教學(xué)水平。
1 教學(xué)內(nèi)容分析
網(wǎng)頁(yè)設(shè)計(jì)是高職院校電子信息類專業(yè)的專業(yè)核心課，教學(xué)內(nèi)容主要包括HTML語(yǔ)言、CSS樣式表、Dreamweaver、JavaScript、網(wǎng)站維護(hù)等內(nèi)容，其后續(xù)課程包括Photoshop圖像處理技術(shù)、flash制作、ASP程序設(shè)計(jì)、數(shù)據(jù)庫(kù)等。
對(duì)高職學(xué)生來(lái)說(shuō)，網(wǎng)頁(yè)課程難學(xué)的原因很多，分析教學(xué)內(nèi)容方面的因素，主要有：課程與教學(xué)內(nèi)容缺乏實(shí)用性，教師教學(xué)過(guò)程以學(xué)科為中心，系統(tǒng)講解知識(shí)點(diǎn)為主；網(wǎng)頁(yè)語(yǔ)法規(guī)則繁多，傳統(tǒng)的教學(xué)過(guò)于強(qiáng)調(diào)語(yǔ)法，沒(méi)有按照認(rèn)知規(guī)律合理編排教學(xué)內(nèi)容，導(dǎo)致簡(jiǎn)單問(wèn)題復(fù)雜化，造成學(xué)生學(xué)習(xí)難度大；過(guò)于重視系統(tǒng)性和全面性，長(zhǎng)篇累牘，學(xué)時(shí)與內(nèi)容矛盾突出；實(shí)踐教學(xué)方式、手段不適應(yīng)時(shí)代需要，學(xué)生職業(yè)能力培養(yǎng)沒(méi)有落到實(shí)處。
綜上所述，本著“實(shí)用”和“夠用”原則，在課程定位的指導(dǎo)思想下，以培養(yǎng)學(xué)生的職業(yè)能力為目標(biāo)，大膽取舍教學(xué)內(nèi)容，重點(diǎn)講解實(shí)際工作過(guò)程中網(wǎng)頁(yè)制作實(shí)用技術(shù)。
2 學(xué)情分析
2.1 高職學(xué)生特點(diǎn)。抽象思維能力一般，缺乏良好的學(xué)習(xí)習(xí)慣，學(xué)習(xí)的主動(dòng)性、探索性不夠。排斥理論知識(shí)的學(xué)習(xí)，卻對(duì)動(dòng)手實(shí)踐具有強(qiáng)烈興趣。
2.2 教師對(duì)策。針對(duì)很多學(xué)生抽象思維能力差，不喜歡枯燥的理論學(xué)習(xí)，但在動(dòng)手能力上素質(zhì)較好的情況。在教學(xué)活動(dòng)中，教師應(yīng)該以工作過(guò)程為導(dǎo)向，考慮學(xué)生已有的知識(shí)水平，設(shè)計(jì)出符合認(rèn)知規(guī)律的教學(xué)過(guò)程。并在教學(xué)活動(dòng)中融入較多的實(shí)踐動(dòng)手項(xiàng)目，激發(fā)學(xué)生興趣，提高學(xué)生的參與度。同時(shí)注意把握問(wèn)題的難度，設(shè)置合理的梯度。使學(xué)生不斷增加成就感，并逐漸認(rèn)識(shí)到“枯燥的理論”對(duì)“動(dòng)手實(shí)踐”的指導(dǎo)作用，從而產(chǎn)生對(duì)理論學(xué)習(xí)的需要和自主學(xué)習(xí)的欲望。
3 教學(xué)設(shè)計(jì)思路
3.1 理念?；诠ぷ鬟^(guò)程開(kāi)發(fā)網(wǎng)頁(yè)設(shè)計(jì)課程。
3.2 教學(xué)總體設(shè)計(jì)。（1）課程內(nèi)容改革：針對(duì)IT行業(yè)對(duì)“網(wǎng)頁(yè)設(shè)計(jì)師”職業(yè)的崗位要求，課程內(nèi)容以網(wǎng)站前端技術(shù)為主；（2）實(shí)踐教學(xué)改革：以項(xiàng)目為載體，用一個(gè)小型網(wǎng)站項(xiàng)目案例貫穿整個(gè)課程的教學(xué)，如下表1所示。對(duì)網(wǎng)站項(xiàng)目進(jìn)行分解，分解為若干個(gè)子項(xiàng)目單元，將網(wǎng)站前端技術(shù)的知識(shí)點(diǎn)映射入各個(gè)子項(xiàng)目單元。同時(shí)力求讓課程的每一個(gè)教學(xué)模塊基于工作過(guò)程來(lái)設(shè)計(jì)，做到“教、學(xué)、做”一體化，真正地強(qiáng)調(diào)學(xué)生的動(dòng)手能力；（3）考核方法改革：形成式考核為主，提倡職業(yè)標(biāo)準(zhǔn)，切實(shí)保障教學(xué)效果。
表1 小型企業(yè)網(wǎng)站項(xiàng)目舉例
序號(hào) 模塊名稱 知識(shí)點(diǎn)
1 建站準(zhǔn)備 需求分析
2 規(guī)劃設(shè)計(jì)網(wǎng)站 網(wǎng)站規(guī)劃設(shè)計(jì)知識(shí)、網(wǎng)頁(yè)配色
3 準(zhǔn)備素材 用potoshop（PS）制作網(wǎng)站logo及相關(guān)圖片，掌握PS在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的應(yīng)用
4 定義站點(diǎn)，制作公司首頁(yè) Dreamweaver中站點(diǎn)的創(chuàng)建與管理，CSS+DIV應(yīng)用
5 設(shè)計(jì)制作欄目1-公司概況 網(wǎng)站中字體搭配與排版
6 設(shè)計(jì)制作欄目2-企業(yè)相冊(cè) 表格、網(wǎng)頁(yè)中的多媒體應(yīng)用
7 設(shè)計(jì)制作欄目3-產(chǎn)品展示 超鏈接、CSS
8 設(shè)計(jì)制作欄目4-留言板 表單、數(shù)據(jù)庫(kù)訪問(wèn)
9 網(wǎng)站整合與 申請(qǐng)空間及上傳網(wǎng)站等
3.3 教學(xué)單元設(shè)計(jì)。單元學(xué)習(xí)情境的設(shè)計(jì)要有針對(duì)性，基于工作過(guò)程設(shè)計(jì)單元學(xué)習(xí)任務(wù)，重點(diǎn)訓(xùn)練學(xué)生的網(wǎng)頁(yè)制作能力。對(duì)主要教學(xué)單元采取任務(wù)導(dǎo)入、要點(diǎn)分析、示范操作、項(xiàng)目實(shí)訓(xùn)、總結(jié)提高五步走。其中教學(xué)重點(diǎn)難點(diǎn)需要反復(fù)多次訓(xùn)練，可以補(bǔ)充小實(shí)例作為項(xiàng)目案例輔助，才能達(dá)到較好的效果。
單元設(shè)計(jì)關(guān)鍵點(diǎn)：首先以貼近工作實(shí)際的小例子導(dǎo)入，由淺入深。每個(gè)單元理論和實(shí)踐的比例應(yīng)不超過(guò)1：1，尤其注意實(shí)例的選取，盡量有實(shí)際意義，避免單純?yōu)榱酥v解知識(shí)點(diǎn)之用；其次講練結(jié)合，在課堂上讓學(xué)生動(dòng)手制作網(wǎng)頁(yè)。考慮到高職學(xué)生課后自主學(xué)習(xí)較差，并且課上實(shí)踐，一旦遇到困難教師可以及時(shí)給予鼓勵(lì)和指引。有利于學(xué)生少走彎路，盡快樹(shù)立信心，而不是被大量困難嚇倒；再次實(shí)訓(xùn)項(xiàng)目精心設(shè)計(jì)梯度，由淺入深，循序漸進(jìn)，使學(xué)生實(shí)踐中不斷積累信心，最終取得良好的學(xué)習(xí)效果。
4 教學(xué)方法與手段
4.1 采用項(xiàng)目教學(xué)法，以學(xué)生為主體、教師為主導(dǎo)，通過(guò)共同實(shí)施一個(gè)完整的工作項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)。具體來(lái)說(shuō)，本課程以網(wǎng)站項(xiàng)目帶動(dòng)教學(xué)，完成一個(gè)網(wǎng)站項(xiàng)目的全過(guò)程實(shí)際就是學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)知識(shí)、轉(zhuǎn)化網(wǎng)頁(yè)制作技能的過(guò)程。
4.2 理論與實(shí)踐相結(jié)合，結(jié)合項(xiàng)目案例和教學(xué)實(shí)例進(jìn)行教學(xué)。項(xiàng)目案例從面向工作過(guò)程的實(shí)際項(xiàng)目中提取，覆蓋全部教學(xué)重點(diǎn)；教學(xué)實(shí)例緊密契合各單元的知識(shí)點(diǎn)，小而精。
4.3 講解與多媒體演示、開(kāi)發(fā)環(huán)境演示相結(jié)合。理論知識(shí)的講解借助于多媒體教學(xué)設(shè)備，制作生動(dòng)的PPT課件；遇到教學(xué)重點(diǎn)和難點(diǎn)及時(shí)切換至開(kāi)發(fā)環(huán)境進(jìn)行實(shí)戰(zhàn)教學(xué)。
4.4 教師講授與學(xué)生討論相結(jié)合。完成單元教學(xué)后，根據(jù)教學(xué)重點(diǎn)和難點(diǎn)布置若干思考題目，學(xué)生分組完成；教師安排時(shí)間組織學(xué)生進(jìn)行討論，由每小組派代表講解；最后教師點(diǎn)評(píng)總結(jié)。
4.5 教室課堂與網(wǎng)上課堂相結(jié)合。將電子教案、實(shí)驗(yàn)?zāi)０?、趣味思考題目和項(xiàng)目案例都上傳至校園網(wǎng)FTP上，供學(xué)生復(fù)習(xí)和自學(xué)；同時(shí)利用網(wǎng)絡(luò)QQ和電子郵件系統(tǒng)可隨時(shí)給學(xué)生答疑。
5 考核辦法
以形成性考核為主。學(xué)生成績(jī)由平時(shí)成績(jī)和期末考試成績(jī)兩部分構(gòu)成，其中期末成績(jī)占比不超過(guò)40%。平時(shí)成績(jī)包括出勤和項(xiàng)目成績(jī)。重點(diǎn)考核學(xué)生實(shí)訓(xùn)子項(xiàng)目和實(shí)訓(xùn)報(bào)告的完成情況。需要教師注意教學(xué)過(guò)程中的質(zhì)量監(jiān)控，提倡職業(yè)標(biāo)準(zhǔn)，使大多數(shù)學(xué)生提高實(shí)際的網(wǎng)頁(yè)制作能力，滿足未來(lái)職業(yè)崗位的要求。
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì) 課程改革 探索
《網(wǎng)頁(yè)設(shè)計(jì)》是計(jì)算機(jī)課程體系的重要專業(yè)基礎(chǔ)課程。一些高職院校學(xué)校的現(xiàn)行教材中教學(xué)內(nèi)容比較滯后，脫離實(shí)際。實(shí)踐與能力培養(yǎng)不夠突出，專業(yè)實(shí)習(xí)、實(shí)訓(xùn)的設(shè)備與計(jì)算機(jī)技術(shù)的發(fā)展有一定的差距，學(xué)生的實(shí)驗(yàn)教學(xué)往往不能保質(zhì)保量地進(jìn)行。學(xué)生很難按要求完成教材的學(xué)習(xí)內(nèi)容，達(dá)到教學(xué)大綱所要求的目標(biāo)，學(xué)習(xí)的最終效果不能滿足社會(huì)相關(guān)職業(yè)崗位的需要。根據(jù)社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才的巨大需求現(xiàn)狀，改革現(xiàn)有教學(xué)模式，增強(qiáng)學(xué)生的學(xué)習(xí)興趣，對(duì)于提高學(xué)生的實(shí)踐技能，增強(qiáng)職業(yè)競(jìng)爭(zhēng)能力，具有十分重要的意義。[1]因此，《網(wǎng)頁(yè)設(shè)計(jì)》課程進(jìn)行教學(xué)改革勢(shì)在必行。
一、課程現(xiàn)狀及存在的問(wèn)題
目前，許多高等院校都開(kāi)設(shè)了《網(wǎng)頁(yè)制作》課程，它已成為軟件技術(shù)、計(jì)算機(jī)多媒體技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、信息技術(shù)、信息管理、計(jì)算機(jī)應(yīng)用、電子商務(wù)、物流等專業(yè)公共的必修課程，也受到了其它專業(yè)學(xué)生的歡迎。網(wǎng)頁(yè)設(shè)計(jì)教學(xué)內(nèi)容通常包括HTML、語(yǔ)言、JavaScript 語(yǔ)言、CSS+div、圖像處理、動(dòng)畫(huà)制作等方面，常用的軟件是網(wǎng)頁(yè)三劍客和Photoshop 的搭配使用。因此就授課內(nèi)容而言，該課程具有知識(shí)點(diǎn)多、操作性強(qiáng)的特點(diǎn)。
分析目前課程中存在的問(wèn)題，主要包括：教條式的課程教學(xué)內(nèi)容，內(nèi)容無(wú)法反映當(dāng)前社會(huì)需求；教師在教學(xué)中與學(xué)生缺乏互動(dòng)，學(xué)生缺乏積極性；實(shí)驗(yàn)教學(xué)與實(shí)際需求脫節(jié)，課程實(shí)驗(yàn)往往是一些基礎(chǔ)知識(shí)的練習(xí)，缺乏用于解決實(shí)際項(xiàng)目的技術(shù)，形成了學(xué)生學(xué)而不會(huì)用的局面。同時(shí)，各高校網(wǎng)頁(yè)設(shè)計(jì)課程多為36學(xué)時(shí)，課堂上學(xué)生無(wú)法獲得足夠知識(shí)點(diǎn)。而一些課程網(wǎng)站則只是簡(jiǎn)單的知識(shí)堆積，缺乏對(duì)學(xué)生的引導(dǎo)作用。
二、教改思路
本課程改革的宗旨是：由以知識(shí)為本位向以能力為本位轉(zhuǎn)變，以就業(yè)崗位對(duì)人才知識(shí)結(jié)構(gòu)的要求為依據(jù)，以項(xiàng)目教學(xué)為主線，以學(xué)校網(wǎng)站建設(shè)為目標(biāo)，進(jìn)行課程內(nèi)容整合，使學(xué)生明確學(xué)習(xí)目的和內(nèi)容。通過(guò)講授項(xiàng)目實(shí)施的全過(guò)程，介紹網(wǎng)頁(yè)制作的知識(shí)，使學(xué)生在學(xué)習(xí)的過(guò)程中，成為參與項(xiàng)目、創(chuàng)造實(shí)踐的活動(dòng)者，將知識(shí)轉(zhuǎn)化為實(shí)際能力，實(shí)現(xiàn)具有獨(dú)立完成網(wǎng)站建設(shè)與開(kāi)發(fā)的專業(yè)技能，同時(shí)，通過(guò)本課程的改革與研究，找出適合專業(yè)學(xué)習(xí)的教學(xué)模式，探索出一條培養(yǎng)復(fù)合型大學(xué)生的新途徑。
三、教學(xué)改革措施與方法
1.教學(xué)內(nèi)容安排
整個(gè)教學(xué)內(nèi)容的安排必須以實(shí)際應(yīng)用為主線來(lái)進(jìn)行，完成必要的知識(shí)點(diǎn)傳授。同時(shí)，按照項(xiàng)目應(yīng)用實(shí)際需求，改變教條式的教學(xué)內(nèi)容安排。在以教師為主的主動(dòng)“教”、學(xué)生被動(dòng)“學(xué)”的傳統(tǒng)灌輸式教學(xué)模式下，學(xué)生無(wú)法全身心投入到學(xué)習(xí)中。為了讓學(xué)生知道怎么學(xué)、學(xué)到什么以及知道學(xué)會(huì)了后具備什么能力，在教學(xué)內(nèi)容安排上要以實(shí)際項(xiàng)目或目前應(yīng)用中的項(xiàng)目為教學(xué)內(nèi)容，讓學(xué)生參與到實(shí)際項(xiàng)目的研究?jī)?nèi)容中去，從項(xiàng)目制定、需求、開(kāi)發(fā)、測(cè)試的全過(guò)程安排教學(xué)內(nèi)容，從“因材施教”轉(zhuǎn)變?yōu)椤耙蛐枋┙獭保瑥亩{(diào)動(dòng)學(xué)生的學(xué)習(xí)主動(dòng)性和熱情。
2.課程教學(xué)方法
采用實(shí)訓(xùn)――教學(xué)相輔相成的方式，選擇合適的案例貫穿到整個(gè)教學(xué)過(guò)程中。在每節(jié)課講授一個(gè)模塊的同時(shí)，完成一個(gè)實(shí)際項(xiàng)目。在“因需施教” 的教學(xué)內(nèi)容安排中，從“教”與“學(xué)“的傳統(tǒng)教學(xué)模式過(guò)渡到“學(xué)生為中心”的教學(xué)方法。實(shí)驗(yàn)課則致力于充分發(fā)揮學(xué)生的主動(dòng)能動(dòng)性，教師只是講解基礎(chǔ)知識(shí)點(diǎn)，啟發(fā)學(xué)生學(xué)會(huì)在項(xiàng)目開(kāi)發(fā)中主動(dòng)應(yīng)用學(xué)到的基礎(chǔ)知識(shí)，通過(guò)實(shí)訓(xùn)――教學(xué)的訓(xùn)練方法完成實(shí)際項(xiàng)目，從而提高學(xué)生對(duì)知識(shí)點(diǎn)的理解能力，增加學(xué)習(xí)效果。
3.基于用戶體驗(yàn)的教學(xué)網(wǎng)站建設(shè)
目前的網(wǎng)頁(yè)制作課程學(xué)時(shí)量較少，對(duì)這類實(shí)際操作要求高的課程，必須通過(guò)課外練習(xí)的手段達(dá)到學(xué)習(xí)效果。而傳統(tǒng)的課程網(wǎng)站多為知識(shí)簡(jiǎn)單的堆積，無(wú)法提高學(xué)生的興趣。本文提出采用基于用戶體驗(yàn)的教學(xué)網(wǎng)站設(shè)計(jì)，來(lái)達(dá)到快速吸引學(xué)生眼球、發(fā)揮課程網(wǎng)站對(duì)課程教學(xué)的作用。在教學(xué)網(wǎng)站內(nèi)容安排上，既要有課堂教學(xué)內(nèi)容，還必須結(jié)合課程安排大量有趣、鞏固知識(shí)內(nèi)容的課外練習(xí)。同時(shí)，基于用戶體驗(yàn)的教學(xué)網(wǎng)站也是網(wǎng)頁(yè)設(shè)計(jì)課程所要掌握的知識(shí)點(diǎn)。在課程網(wǎng)站教學(xué)的過(guò)程中，處處體現(xiàn)網(wǎng)站采用的知識(shí)點(diǎn)及其用戶體驗(yàn)，學(xué)生在通過(guò)課程網(wǎng)站學(xué)習(xí)的同時(shí)，也學(xué)習(xí)了網(wǎng)站的制作方法，從而增強(qiáng)課程網(wǎng)站對(duì)學(xué)生的吸引力。
4.基于認(rèn)證的課程培養(yǎng)模式
實(shí)訓(xùn)報(bào)告?zhèn)€人心得感悟1
通過(guò)這次對(duì)天塔之光模擬控制的plc課程設(shè)計(jì)，讓我了解了plc梯形圖，指令表，外部接線圖有了更好的了解，也讓我了解了關(guān)于排列成設(shè)計(jì)原理，有很多設(shè)計(jì)理念來(lái)源于實(shí)際，從中找到正確的設(shè)計(jì)方法。
本次課程設(shè)計(jì)是要求團(tuán)隊(duì)完成，所以遇到問(wèn)題要求和同學(xué)互相交流互相討論。我們?cè)谧稣n程設(shè)計(jì)的過(guò)程中要不停的討論問(wèn)題，這樣，我們可以盡可能的統(tǒng)一思想，這樣就不會(huì)使自己在做的過(guò)程中沒(méi)有方向，并且這樣也是為了方便左后設(shè)計(jì)合在一起，討論不僅是一些思想的問(wèn)題，還可以深入討論一些技術(shù)的問(wèn)題，這樣可以使自己處理問(wèn)題要快一些，少走彎路，多改變自己的設(shè)計(jì)方法，在設(shè)計(jì)過(guò)程中最好要不停的改善自己解決問(wèn)題的方法，這樣可以方便自己解決問(wèn)題。
總之，這次實(shí)訓(xùn)對(duì)我真的很有好處，給我彌補(bǔ)了很多我欠缺的知識(shí)，像梯形圖電路的循環(huán)，自鎖，以及和數(shù)碼管梯形圖的結(jié)合效應(yīng)，在今后的學(xué)習(xí)過(guò)程中，要更加努力的學(xué)習(xí)自己的專業(yè)知識(shí)，多多與同學(xué)和老師交流，相信不久的將來(lái)可以有點(diǎn)成績(jī)。
實(shí)訓(xùn)報(bào)告?zhèn)€人心得感悟2 為了更好地鞏固已有知識(shí)，學(xué)習(xí)技能，我到桂中紙業(yè)有限公司進(jìn)行實(shí)習(xí)，在辦公室擔(dān)任行政文員的工作，在此我做一個(gè)行政文員實(shí)習(xí)心得。
在實(shí)習(xí)期間，我接觸了一些辦公用品，如傳真機(jī)、碎紙機(jī)、打印機(jī)、掃描儀等，掌握了這些機(jī)器的基本操作，了解了公司辦公的基本情況。同時(shí)在此期間我也學(xué)到了許多更有用的東西。
開(kāi)始實(shí)習(xí)時(shí)，剛進(jìn)入陌生的環(huán)境難免會(huì)有些緊張，不知道該怎么辦。是同事們友善的微笑緩解我的尷尬。大家都很有禮貌，不管大事小事都要說(shuō)聲謝謝。
作為行政文員，任務(wù)比較瑣碎繁雜，指導(dǎo)我的老師教我，做事情要分主次、有條理。說(shuō)著容易，做著難。每天要發(fā)傳真、收信件、整理廢舊紙張?jiān)诶玫?，手頭有多件事情需要完成。當(dāng)然這時(shí)候就要將重要的事情放在首位，把所有事情的主次順序排好。這樣就不會(huì)亂。正好最近公司在擴(kuò)建，傳真很多。要“分主次，有條理”是做好事情的關(guān)鍵，這次實(shí)習(xí)讓我更加深了對(duì)這句話的理解。
實(shí)習(xí)是我步入社會(huì)前的第一課，教會(huì)我怎么待人接物，如何處理各種事情。雖然在短短的3個(gè)月里看到的只能是工作的一個(gè)側(cè)面，學(xué)習(xí)的只能是一些初步的方法，但這些對(duì)于我是非常重要的。
這次實(shí)習(xí)告訴我，在社會(huì)這個(gè)大學(xué)堂里我還是一個(gè)小學(xué)生，還有很長(zhǎng)的路要走。要抱著謙虛謹(jǐn)慎的態(tài)度，無(wú)論大小認(rèn)真踏實(shí)的完成每一件事，走好每一步。
通過(guò)實(shí)習(xí)，我有信心，未來(lái)的路我能更好地走下去!
時(shí)光匆匆，為期3個(gè)多月的實(shí)習(xí)已經(jīng)圓滿的落下帷幕。回顧其中的點(diǎn)點(diǎn)滴滴，有成功后的欣喜和激動(dòng)，也有挫敗后的失落和無(wú)奈。在師傅們的諄諄教導(dǎo)下，我在收獲業(yè)務(wù)技能的同時(shí)，內(nèi)心也經(jīng)歷著微妙的成長(zhǎng)。
面對(duì)新的環(huán)境，新的顧客，內(nèi)心有點(diǎn)緊張。在看似忙碌而又緊然有緒的工作中，我開(kāi)始記住了“客戶“這個(gè)詞，因?yàn)槲疑钪蛻羰俏覀兊姆?wù)對(duì)象，我開(kāi)始體味“微笑服務(wù)“詮釋的真諦。
這一次實(shí)習(xí)主要是行政。同時(shí)，學(xué)習(xí)聯(lián)行往來(lái)業(yè)務(wù)。前幾周主要是以看為主。開(kāi)始安排我在財(cái)務(wù)部學(xué)習(xí)。我從整理發(fā)票開(kāi)始。雖然看似一句話就能講清的流程，但實(shí)際操作起來(lái)卻并不是行云流水般流暢的，這其中所抱露的細(xì)節(jié)問(wèn)題也決不是可以草草了之的。我從編碼開(kāi)始，慢慢熟悉整個(gè)操作過(guò)程。但漸漸的隨著熟練程度的增加，錯(cuò)誤減少了，從中也得出了自己的心得。確實(shí)如此，財(cái)務(wù)工作是一項(xiàng)看似簡(jiǎn)單但精密度很高的工作，它需要的是更多的耐心和細(xì)心。所以我一直都在培養(yǎng)自己這方面的能力。剛開(kāi)始時(shí)，幾乎每一天每做一件事都要犯錯(cuò)，但是漸漸的在各位同事的幫助和指導(dǎo)下，我已經(jīng)慢慢從常犯錯(cuò)，減輕到少犯錯(cuò)，犯小錯(cuò)，并爭(zhēng)取不犯錯(cuò)。
由于老板和同事的信任，不到一個(gè)月，我就有了自己固定的辦公桌，雖然對(duì)公業(yè)務(wù)不是很多，但是在一些簡(jiǎn)單的業(yè)務(wù)中我漸漸培養(yǎng)自己專注和細(xì)心的能力。因?yàn)槲矣X(jué)得業(yè)務(wù)可以學(xué)，但性格是需要慢慢培養(yǎng)和塑造的。它需要一個(gè)過(guò)程，更需要一份恒心。
實(shí)訓(xùn)報(bào)告?zhèn)€人心得感悟3
通過(guò)這次實(shí)訓(xùn)對(duì)做好網(wǎng)頁(yè)有了更深的了解。
一、準(zhǔn)備資料和挑選符合目的主題的合適素材
做網(wǎng)頁(yè)當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)，作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標(biāo)等等。
二、規(guī)劃好整個(gè)網(wǎng)站
主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫(huà)面過(guò)于復(fù)雜。切記，頁(yè)面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁(yè)給人的第一印象沒(méi)有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會(huì)訪問(wèn)你的網(wǎng)站了。
三、善用圖片，增強(qiáng)藝術(shù)效果
【關(guān)鍵詞】網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程 項(xiàng)目教學(xué)法 應(yīng)用
【中圖分類號(hào)】G 【文獻(xiàn)標(biāo)識(shí)碼】A
【文章編號(hào)】0450-9889（2016）12B-0112-02
網(wǎng)站開(kāi)發(fā)是一項(xiàng)對(duì)實(shí)操能力、自主創(chuàng)造力以及團(tuán)隊(duì)協(xié)作能力要求非常高的專業(yè)技能。中職教育是以向社會(huì)輸送專業(yè)技能型人才為主要目標(biāo)，以提高學(xué)生職業(yè)技能為目的培養(yǎng)社會(huì)所需的人才。本文試針對(duì)網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程教學(xué)現(xiàn)狀，分析項(xiàng)目教學(xué)法及其在網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程中的作用，并提出網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程中項(xiàng)目教學(xué)法的應(yīng)用措施，以有效地提高學(xué)生實(shí)操能力，提升教學(xué)質(zhì)量，培養(yǎng)更多的專業(yè)技能型人才。
一、網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程教學(xué)現(xiàn)狀
整個(gè)計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)課程中，網(wǎng)站開(kāi)發(fā)是核心技術(shù)之一，它將多門專業(yè)學(xué)科知識(shí)融會(huì)貫通，是一門對(duì)實(shí)踐和操作都要求非常高的技術(shù)課程?，F(xiàn)有中職計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的各科成績(jī)以及最后實(shí)踐的大數(shù)據(jù)調(diào)查普遍顯示學(xué)生的各科成績(jī)都達(dá)到優(yōu)異的標(biāo)準(zhǔn)，但綜合實(shí)踐的過(guò)程中卻存在不會(huì)開(kāi)發(fā)、不會(huì)思考，甚至是對(duì)于一個(gè)開(kāi)發(fā)網(wǎng)站的項(xiàng)目無(wú)從下手的情形。種種跡象表明，學(xué)生雖然各科成績(jī)優(yōu)異，但缺乏將所學(xué)知識(shí)運(yùn)用于實(shí)際，缺乏連貫運(yùn)用，缺乏實(shí)際操作能力。因此，對(duì)于計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的學(xué)生開(kāi)設(shè)網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程非常必要。它對(duì)于培養(yǎng)學(xué)生動(dòng)手能力、激發(fā)學(xué)生學(xué)習(xí)探索的興趣以及提高學(xué)生綜合知識(shí)應(yīng)用能力有著顯著的改善。
然而，從網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程整體開(kāi)設(shè)的現(xiàn)狀來(lái)看，其教學(xué)模式仍是以教師為主體，教師通過(guò)電腦屏幕的控制向?qū)W生演示課程中即將要實(shí)現(xiàn)的功能以及實(shí)現(xiàn)的過(guò)程，讓學(xué)生模擬練習(xí)，如此一來(lái)，學(xué)生無(wú)須動(dòng)腦，他們大多認(rèn)為只要根據(jù)步驟實(shí)現(xiàn)功能就行，缺乏自主探索意識(shí)，這樣的實(shí)訓(xùn)現(xiàn)狀已經(jīng)跟不上當(dāng)前網(wǎng)站開(kāi)發(fā)的現(xiàn)實(shí)需求。
二、項(xiàng)目教學(xué)法及其在網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程中的作用
在計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的綜合實(shí)訓(xùn)課程教學(xué)中，傳統(tǒng)的利用投影儀或者是利用多媒體網(wǎng)絡(luò)教學(xué)的情形非常普遍，各種先進(jìn)的教學(xué)方法也引入教學(xué)之中。然而，由于長(zhǎng)期以來(lái)教學(xué)一直強(qiáng)調(diào)的是以課堂為中心、以教師授課為中心，忽略了學(xué)生的主動(dòng)性以及積極性的發(fā)展，這就導(dǎo)致學(xué)生在實(shí)踐中缺乏實(shí)際開(kāi)發(fā)能力。項(xiàng)目教學(xué)法是以學(xué)生為主體、以教師為主導(dǎo)、以項(xiàng)目為主題的一種創(chuàng)新型教學(xué)教學(xué)方式。它強(qiáng)調(diào)學(xué)生的自主學(xué)習(xí)，促使學(xué)生從嘗試入手，從練習(xí)開(kāi)始，調(diào)動(dòng)學(xué)生的自主學(xué)習(xí)能力、積極探索能力，讓學(xué)生當(dāng)“主角”、讓教師當(dāng)“輔助”，如此一來(lái)，有利于鍛煉學(xué)生動(dòng)手能力，提高實(shí)際操作能力，對(duì)所學(xué)知識(shí)進(jìn)行融會(huì)貫通。在綜合實(shí)訓(xùn)過(guò)程中應(yīng)用項(xiàng)目教學(xué)法，則都是由學(xué)生自主分析、自主操作、自主探索，教師扮演解惑的指導(dǎo)角色。它能夠充分調(diào)動(dòng)學(xué)生的主觀能動(dòng)性以及積極創(chuàng)造性、動(dòng)手能力、思維能力，促進(jìn)學(xué)生更好地將所學(xué)知識(shí)運(yùn)用于實(shí)際，實(shí)現(xiàn)教學(xué)的目的。這就有助于培養(yǎng)學(xué)生創(chuàng)造力和創(chuàng)新力，使學(xué)生能真正理解什么是網(wǎng)站開(kāi)發(fā)，網(wǎng)站開(kāi)發(fā)都需要經(jīng)歷什么樣的過(guò)程，并在實(shí)操中學(xué)以致用。
三、網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程中項(xiàng)目教學(xué)法的具體應(yīng)用
網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程是一門綜合考驗(yàn)學(xué)生對(duì)于各科知識(shí)的掌握情況，提高學(xué)生專業(yè)技能的重要課程。可以說(shuō)，它是對(duì)學(xué)生在網(wǎng)站開(kāi)發(fā)中實(shí)操能力的終極鍛煉。網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程中應(yīng)用項(xiàng)目教學(xué)法，讓學(xué)生獨(dú)立對(duì)一個(gè)項(xiàng)目進(jìn)行處理，包括開(kāi)發(fā)前期信息的采集，設(shè)計(jì)項(xiàng)目方案，書(shū)寫(xiě)項(xiàng)目開(kāi)發(fā)文檔以及預(yù)估開(kāi)發(fā)過(guò)程和網(wǎng)站開(kāi)發(fā)之后部署實(shí)施，交付報(bào)告，終極測(cè)評(píng)等，不僅可以加深學(xué)生對(duì)知識(shí)的理解，更有助于提高學(xué)生全方位的技能。在網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程中項(xiàng)目教學(xué)法主要涉及設(shè)計(jì)思想、設(shè)計(jì)理念、設(shè)計(jì)步驟、實(shí)施過(guò)程以及項(xiàng)目考核。
（一）設(shè)計(jì)思想。網(wǎng)站開(kāi)發(fā)綜合實(shí)訓(xùn)課程的主要目的是要將網(wǎng)站開(kāi)發(fā)的核心課程知識(shí)串聯(lián)起來(lái)完成一個(gè)具有動(dòng)態(tài)交互功能的網(wǎng)站，所依據(jù)的基本思想為：從項(xiàng)目主題出發(fā)，憑借自己所學(xué)的專業(yè)知識(shí)和技能，通過(guò)方法分析、任務(wù)分解以及社會(huì)能力的運(yùn)用來(lái)完成整個(gè)項(xiàng)目的設(shè)計(jì)。
（二）項(xiàng)目制定。從確立該項(xiàng)目為交互式動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)主題開(kāi)始，根據(jù)學(xué)生的能力將該網(wǎng)站目標(biāo)定位為：創(chuàng)建網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、動(dòng)靜態(tài)網(wǎng)頁(yè)制作以及數(shù)據(jù)庫(kù)創(chuàng)建與維護(hù)、腳本語(yǔ)言的使用技術(shù)等，根據(jù)學(xué)生掌握相關(guān)知識(shí)的能力對(duì)這些模塊進(jìn)行重組，主要體現(xiàn)在以下 6 個(gè)模塊：
模塊1 創(chuàng)建網(wǎng)站的框架設(shè)計(jì)
模塊2 動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的頁(yè)面設(shè)計(jì)
模塊3 數(shù)據(jù)庫(kù)的創(chuàng)建與維護(hù)
模塊4 頁(yè)面美化
模塊5 頁(yè)面功能的處理
模塊6 網(wǎng)站的測(cè)試與
從設(shè)計(jì)理念上看，每個(gè)項(xiàng)目都是一個(gè)相對(duì)完整的工作過(guò)程。設(shè)計(jì)之初，必須明確在該項(xiàng)目中要實(shí)現(xiàn)的目標(biāo)以及預(yù)估或檢測(cè)是否在自己的能力范圍內(nèi)，所需的專業(yè)知識(shí)，在該項(xiàng)目進(jìn)行開(kāi)發(fā)的過(guò)程中所涉及的知識(shí)、方法等事先都應(yīng)該明確，如此才能更好地進(jìn)行網(wǎng)站開(kāi)發(fā)的后續(xù)工作。
（三）項(xiàng)目實(shí)施。將一個(gè)項(xiàng)目分成 6 個(gè)獨(dú)立的模塊，以實(shí)現(xiàn)每個(gè)模塊為目標(biāo)，最終實(shí)現(xiàn)一個(gè)完整的項(xiàng)目。如此一來(lái)，項(xiàng)目目標(biāo)明確，每個(gè)模塊要實(shí)現(xiàn)的功能任務(wù)也很明確，學(xué)生在一步步完成既定的分解任務(wù)之后，再進(jìn)行有效的模塊匯總，最終實(shí)現(xiàn)項(xiàng)目，實(shí)現(xiàn)該項(xiàng)目所要達(dá)到的功能。鑒于此，該項(xiàng)目依照上述分解的模塊，具體的設(shè)計(jì)步驟或是詳情步驟可分為以下幾步：一是將上述模塊1的框架設(shè)計(jì)分解來(lái)進(jìn)行網(wǎng)站創(chuàng)建、頁(yè)面結(jié)構(gòu)、頁(yè)面布局等框架的設(shè)計(jì)。二是動(dòng)靜態(tài)網(wǎng)頁(yè)的創(chuàng)建可分解為使用 javascript 腳本語(yǔ)言、htnl 網(wǎng)頁(yè)語(yǔ)言或者是 、PHP 等開(kāi)發(fā)語(yǔ)言來(lái)實(shí)現(xiàn)頁(yè)面注冊(cè)以及其他功能性網(wǎng)頁(yè)的創(chuàng)建。三是數(shù)據(jù)庫(kù)模塊的設(shè)計(jì)步驟可分解為數(shù)據(jù)庫(kù)的配置、鏈接、建表、所要涉及的視圖、存儲(chǔ)過(guò)程以及數(shù)結(jié)構(gòu)編寫(xiě)等。四是網(wǎng)頁(yè)美工模塊可分為整個(gè)網(wǎng)站的網(wǎng)頁(yè)布局統(tǒng)一性以及單個(gè)頁(yè)面設(shè)計(jì)的美化性等。五是功能信息模塊可將其分解為單個(gè)頁(yè)面功能的實(shí)現(xiàn)以及整個(gè)網(wǎng)站統(tǒng)一性的功能完善等，包括繪圖、按鈕形狀以及后臺(tái)邏輯過(guò)程的處理。六是該模塊可分解為整個(gè)網(wǎng)站進(jìn)行黑盒測(cè)試、百盒測(cè)試以及服務(wù)器搭建和網(wǎng)站的。
項(xiàng)目的實(shí)施主要包括實(shí)施項(xiàng)目、網(wǎng)站展示檢查以及評(píng)測(cè)，包括對(duì)項(xiàng)目進(jìn)行可行性的分析、項(xiàng)目實(shí)現(xiàn)的基本思路、實(shí)施的基本步驟以及進(jìn)度控制的方面的工作?？刹扇⌒〗M的形式進(jìn)行，到整個(gè)項(xiàng)目結(jié)束提交一份總結(jié)以及項(xiàng)目的開(kāi)發(fā)文檔并進(jìn)行匯報(bào)。而教師對(duì)該項(xiàng)目在開(kāi)發(fā)過(guò)程中出現(xiàn)的一些問(wèn)題以及處理問(wèn)題的方法進(jìn)行評(píng)測(cè)、歸納并總結(jié)，提出可改進(jìn)的一些建議，以便學(xué)生在下次進(jìn)行網(wǎng)站開(kāi)發(fā)項(xiàng)目中能得到提升。
（四）項(xiàng)目考核。考核是對(duì)整個(gè)網(wǎng)站開(kāi)發(fā)項(xiàng)目的最后的步驟，考核直接關(guān)系到教學(xué)成果，直接關(guān)系到學(xué)生實(shí)施項(xiàng)目的效果和最終成績(jī)的評(píng)定，重點(diǎn)在于技能考核，所實(shí)現(xiàn)功能的方法考核，是否測(cè)試通過(guò)考核以及教師評(píng)測(cè)和學(xué)生自評(píng)等組成，至于成績(jī)比例的分布等可根據(jù)不同項(xiàng)目來(lái)逐步確定。
目的。
關(guān)鍵詞：CDIO ASP NET 工程能力
中圖分類號(hào)：G420 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9795（2013）05（a）-0157-02
CDIO是當(dāng)前國(guó)際高等工程教育的一種創(chuàng)新模式，它代表構(gòu)思（Conceive）、設(shè)計(jì)（Design）、實(shí)現(xiàn)（Implement）和運(yùn)作（Operate），是以產(chǎn)品研發(fā)到產(chǎn)品運(yùn)行的生命周期為載體，通過(guò)項(xiàng)目設(shè)計(jì)將整個(gè)課程體系系統(tǒng)地、有機(jī)地結(jié)合起來(lái)，讓學(xué)生以主動(dòng)的、實(shí)踐的、課程之間有機(jī)聯(lián)系的方式學(xué)習(xí)工程，參與到課程的各個(gè)教學(xué)環(huán)節(jié)[1～2]。
動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程是計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)信息管理、軟件技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)等專業(yè)的一門職業(yè)技能核心課程。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播，網(wǎng)頁(yè)制作技術(shù)已成為信息技術(shù)人員必須掌握的職業(yè)技能之一。是建立在微軟新一代.NET平臺(tái)架構(gòu)上，利用公共語(yǔ)言進(jìn)行時(shí)（Common Language Runtime）在服務(wù)器后端為用戶提供建立強(qiáng)大的企業(yè)級(jí)Web應(yīng)用服務(wù)的編程框架，支持多語(yǔ)言協(xié)同開(kāi)發(fā)，是目前進(jìn)行Web開(kāi)發(fā)的主流應(yīng)用技術(shù)之一。該課程教學(xué)目標(biāo)就是培養(yǎng)學(xué)生掌握 Web程序設(shè)計(jì)開(kāi)發(fā)、網(wǎng)站建設(shè)、設(shè)計(jì)到實(shí)現(xiàn)的實(shí)踐動(dòng)手能力。為了實(shí)現(xiàn)該教學(xué)目標(biāo)，針對(duì)計(jì)算機(jī)相關(guān)專業(yè)畢業(yè)生缺乏工程設(shè)計(jì)能力，不能滿足IT企業(yè)需求，我們借鑒了近年來(lái)國(guó)際上流行的CDIO工程教育模式，在該課程教學(xué)過(guò)程中引入CDIO，貫徹“基于項(xiàng)目教育和學(xué)習(xí)的理念”，結(jié)合我校實(shí)際情況對(duì)該課程教學(xué)環(huán)節(jié)進(jìn)行了改革，將“做中學(xué)”的理念滲透到該課程教學(xué)的各個(gè)環(huán)節(jié)，以幫助學(xué)生建立理論知識(shí)與工程設(shè)計(jì)實(shí)際應(yīng)用之間的聯(lián)系，進(jìn)一步提升教學(xué)效果。
1 課程分析
動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程與其他課程結(jié)合緊密，是程序設(shè)計(jì)基礎(chǔ)、面向?qū)ο蟪绦蛟O(shè)計(jì)、數(shù)據(jù)庫(kù)原理及應(yīng)用、圖形圖像處理等課程的綜合運(yùn)用與實(shí)踐課程，是融理論、實(shí)踐一體化，教、學(xué)、做一體化的專業(yè)課程。該課程主要講授使用的相關(guān)技術(shù)以及編程方法，為Web開(kāi)發(fā)打下堅(jiān)實(shí)基礎(chǔ)，主要內(nèi)容包括HTML標(biāo)記語(yǔ)言、腳本語(yǔ)言基礎(chǔ)、C#程序設(shè)計(jì)基礎(chǔ)、服務(wù)器控件、驗(yàn)證控件、內(nèi)置對(duì)象使用、數(shù)據(jù)庫(kù)編程、數(shù)據(jù)源控件與數(shù)據(jù)綁定、站點(diǎn)導(dǎo)航與母版頁(yè)等。該課程教學(xué)中容易出現(xiàn)以下問(wèn)題：
（1）教學(xué)目標(biāo)與社會(huì)需求脫節(jié)，學(xué)生動(dòng)手能力差，后勁發(fā)展不足，嚴(yán)重制約學(xué)生的后續(xù)發(fā)展，同時(shí)對(duì)學(xué)生的就業(yè)造成影響。
（2）課程內(nèi)容缺乏層次化和系統(tǒng)化，學(xué)生在學(xué)習(xí)過(guò)程中難以融會(huì)貫通，不能靈活運(yùn)用技術(shù)進(jìn)行項(xiàng)目設(shè)計(jì)與開(kāi)發(fā)。
（3）實(shí)驗(yàn)教學(xué)環(huán)節(jié)薄弱，學(xué)生實(shí)踐過(guò)程中只是盲目模仿練習(xí)教師上課時(shí)使用的案例或?qū)崿F(xiàn)教材中的例題，缺乏自我學(xué)習(xí)和探索能力，阻礙學(xué)生擴(kuò)展應(yīng)用能力的培養(yǎng)，進(jìn)而影響課程的教學(xué)質(zhì)量。
2 CDIO在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中的應(yīng)用
CDIO工程教育模式是“做中學(xué)”和“基于項(xiàng)目教育和學(xué)習(xí)”的集中概括和抽象表達(dá)，我們將CDIO引入動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程，對(duì)該課程理論教學(xué)模式和實(shí)踐教學(xué)方法進(jìn)行改革，通過(guò)項(xiàng)目學(xué)習(xí)的教學(xué)教學(xué)方法實(shí)施“做中學(xué)”，基于項(xiàng)目設(shè)計(jì)教學(xué)案例引導(dǎo)學(xué)生應(yīng)用所學(xué)知識(shí)逐步完成項(xiàng)目的構(gòu)思、設(shè)計(jì)、實(shí)現(xiàn)及運(yùn)作，培養(yǎng)學(xué)生WEB應(yīng)用設(shè)計(jì)與開(kāi)發(fā)的能力。
2.1 基于案例的課堂教學(xué)
在該課程教學(xué)過(guò)程中，考慮學(xué)生實(shí)際狀況，結(jié)合課程特征和應(yīng)用方向，我們選取了學(xué)生比較熟悉的、與自身相關(guān)的學(xué)生信息管理系統(tǒng)項(xiàng)目開(kāi)發(fā)作為整個(gè)教學(xué)過(guò)程的主線，并根據(jù)該課程的內(nèi)容劃分子項(xiàng)目，將課程主要知識(shí)點(diǎn)包含在每個(gè)子項(xiàng)目中，以項(xiàng)目任務(wù)設(shè)計(jì)課程教學(xué)單元，課堂上首先講述理論知識(shí)，然后以與其相關(guān)的案例講解如何應(yīng)用理論知識(shí)解決實(shí)際問(wèn)題，進(jìn)行子項(xiàng)目的設(shè)計(jì)與開(kāi)發(fā)，最后讓學(xué)生思考如何進(jìn)行項(xiàng)目拓展。圍繞學(xué)生信息管理系統(tǒng)開(kāi)發(fā)，從實(shí)際出發(fā)分析該項(xiàng)目建立的目標(biāo)，在了解系統(tǒng)需實(shí)現(xiàn)的功能模塊基礎(chǔ)上設(shè)計(jì)網(wǎng)頁(yè)，并建立數(shù)據(jù)庫(kù)需要的數(shù)據(jù)表及其字段，融入課程知識(shí)點(diǎn)設(shè)計(jì)逐步實(shí)現(xiàn)該系統(tǒng)功能的案例，讓學(xué)生了解整個(gè)設(shè)計(jì)與開(kāi)發(fā)過(guò)程，掌握相關(guān)技術(shù)。比如在講述該課程服務(wù)器控件基本屬性后，以設(shè)計(jì)該項(xiàng)目中學(xué)生信息在線注冊(cè)頁(yè)面，該頁(yè)面中包括輸入學(xué)生學(xué)號(hào)、姓名、密碼、性別、所屬院系、E-mail等信息，其中學(xué)號(hào)、密碼等信息用TextBox控件實(shí)現(xiàn)輸入，性別可以用RadioButtonList控件實(shí)現(xiàn)輸入，所屬院系可以用DropDownList控件實(shí)現(xiàn)輸入，將各控件的用途融入項(xiàng)目的實(shí)際開(kāi)發(fā)中；在講述驗(yàn)證控件使用時(shí)，可以針對(duì)已建立的學(xué)生信息注冊(cè)頁(yè)面進(jìn)行實(shí)際需求分析，比如注冊(cè)時(shí)學(xué)號(hào)、姓名、密碼等信息均不能為空，兩次密碼輸入必須保證一致，E-mail必須符合用戶名@域名格式等，依次操作演示如何靈活運(yùn)用驗(yàn)證控件解決這些問(wèn)題；學(xué)習(xí)數(shù)據(jù)庫(kù)編程時(shí)，可以講解如何編程實(shí)現(xiàn)學(xué)生信息注冊(cè)頁(yè)面中的注冊(cè)功能。
2.2 基于項(xiàng)目的實(shí)踐實(shí)訓(xùn)教學(xué)
本課程分為基本項(xiàng)目學(xué)習(xí)和項(xiàng)目實(shí)訓(xùn)2個(gè)實(shí)踐環(huán)節(jié)將理論教學(xué)與實(shí)踐教學(xué)緊密結(jié)合，以創(chuàng)作最終產(chǎn)品為目標(biāo)，使學(xué)生加強(qiáng)實(shí)際動(dòng)手能力，充分獲得與職業(yè)相關(guān)的工作經(jīng)驗(yàn)。
基本項(xiàng)目學(xué)習(xí)主要是在該課程平時(shí)上機(jī)實(shí)驗(yàn)中通過(guò)“學(xué)生信息管理系統(tǒng)”項(xiàng)目實(shí)施“做中學(xué)”，通過(guò)逐步完成項(xiàng)目的設(shè)計(jì)與開(kāi)發(fā)掌握應(yīng)用技術(shù)開(kāi)發(fā)網(wǎng)站，經(jīng)歷項(xiàng)目開(kāi)發(fā)的全過(guò)程，具備全面理解和運(yùn)用學(xué)科知識(shí)的能力。由于教學(xué)課時(shí)有限，不可能將該系統(tǒng)所有頁(yè)面設(shè)計(jì)與代碼實(shí)現(xiàn)都在課堂上進(jìn)行演示，因此，課堂上主要選取設(shè)計(jì)系統(tǒng)主要功能的頁(yè)面進(jìn)行講解，比如學(xué)生信息在線注冊(cè)、查詢、登錄、學(xué)生信息管理。在該階段學(xué)生主要以個(gè)人形式實(shí)現(xiàn)項(xiàng)目分階段任務(wù)，以達(dá)到牢固掌握該課程基本知識(shí)的目的。鼓勵(lì)學(xué)生在基本模塊基礎(chǔ)上進(jìn)行拓展，比如實(shí)現(xiàn)學(xué)生信息查詢功能時(shí)能夠按照學(xué)生學(xué)號(hào)、姓名、所屬院系等信息進(jìn)行綜合查詢，支持按學(xué)號(hào)或姓名字段進(jìn)行模糊查詢等。
項(xiàng)目實(shí)訓(xùn)階段是指該課程基礎(chǔ)教學(xué)后，在學(xué)期末集中一段時(shí)間完成一個(gè)Web項(xiàng)目的設(shè)計(jì)與開(kāi)發(fā)，可以在校內(nèi)實(shí)驗(yàn)室模擬工作環(huán)境對(duì)學(xué)生進(jìn)行訓(xùn)練，或在校外實(shí)訓(xùn)基地進(jìn)行，強(qiáng)化學(xué)生實(shí)踐能力培訓(xùn)，促成CDIO學(xué)習(xí)效果的形成。選擇適當(dāng)?shù)腤EB系統(tǒng)設(shè)計(jì)項(xiàng)目，將學(xué)生分成小組，每組設(shè)計(jì)一個(gè)項(xiàng)目，學(xué)生自主設(shè)計(jì)和完成項(xiàng)目開(kāi)發(fā)，小組成員采用分工協(xié)作的方式完成項(xiàng)目構(gòu)思、項(xiàng)目設(shè)計(jì)、項(xiàng)目實(shí)施、項(xiàng)目運(yùn)行、項(xiàng)目演示及結(jié)題階段。基于CDIO的項(xiàng)目實(shí)訓(xùn)流程如圖1所示。
項(xiàng)目實(shí)訓(xùn)階段中各小組可以選定一個(gè)學(xué)生擔(dān)任項(xiàng)目經(jīng)理對(duì)項(xiàng)目進(jìn)行進(jìn)度、質(zhì)量進(jìn)行管理，組織和協(xié)調(diào)各小組成員完成項(xiàng)目設(shè)計(jì)與開(kāi)發(fā)工作。項(xiàng)目結(jié)題時(shí)可要求各小組進(jìn)行項(xiàng)目演示及答辯，強(qiáng)調(diào)表達(dá)能力、溝通能力、協(xié)作能力的培養(yǎng)，為學(xué)生提供更多的學(xué)習(xí)提升機(jī)會(huì)。項(xiàng)目題目可以采用學(xué)生可以自行選擇、教師指定或校外實(shí)訓(xùn)時(shí)公司實(shí)際項(xiàng)目等方式，比如在線論壇、在線考試系統(tǒng)、音樂(lè)網(wǎng)站、新聞系統(tǒng)、企業(yè)門戶網(wǎng)站等等。在該階段開(kāi)始前，為了讓學(xué)生更加系統(tǒng)的理解應(yīng)用進(jìn)行WEB項(xiàng)目的設(shè)計(jì)與開(kāi)發(fā)，我們給學(xué)生系統(tǒng)的介紹了如何采用界面、業(yè)務(wù)邏輯和數(shù)據(jù)訪問(wèn)三層結(jié)構(gòu)框架實(shí)現(xiàn)購(gòu)物車項(xiàng)目，為學(xué)生提供一定程度的項(xiàng)目指導(dǎo)作用。
2.3 基于CDIO的評(píng)價(jià)體系
CDIO高等工程教育模式以構(gòu)思、設(shè)計(jì)、實(shí)施及運(yùn)作全過(guò)程為載體來(lái)培養(yǎng)學(xué)生的工程能力[3]。工程能力不僅包含個(gè)人的學(xué)術(shù)知識(shí)，還包含終生學(xué)習(xí)能力、團(tuán)隊(duì)交流能力和系統(tǒng)掌握能力[4]。CDIO工程能力的評(píng)價(jià)是在學(xué)生完成一系列項(xiàng)目時(shí)，對(duì)其知識(shí)水平、自身能力、團(tuán)隊(duì)合作與溝通、系統(tǒng)掌控能力的評(píng)價(jià)與具體衡量。本課程對(duì)學(xué)生能力評(píng)價(jià)主要通過(guò)三方面考核：
（1）理論知識(shí)。通過(guò)筆試評(píng)價(jià)學(xué)生對(duì)理論知識(shí)的掌握情況，夯實(shí)理論基礎(chǔ)，為Web實(shí)際應(yīng)用提供保障。（2）工程設(shè)計(jì)與應(yīng)用能力。主要通過(guò)分階段上機(jī)實(shí)驗(yàn)考核，隨著課程內(nèi)容的有序深入，逐步完成“學(xué)生信息管理系統(tǒng)”項(xiàng)目的分階段構(gòu)建，學(xué)生自我拓展對(duì)該項(xiàng)目功能進(jìn)行擴(kuò)充，最終以整體項(xiàng)目的形式提交，通過(guò)軟件設(shè)計(jì)過(guò)程的報(bào)告和最終軟件成果評(píng)價(jià)學(xué)生的工程設(shè)計(jì)與應(yīng)用能力。（3）團(tuán)隊(duì)協(xié)作。課程教學(xué)結(jié)束后在項(xiàng)目實(shí)訓(xùn)階段采用分組方式使學(xué)生在完成項(xiàng)目時(shí)能一起學(xué)習(xí)、研究、分析和討論，參與項(xiàng)目的構(gòu)思、設(shè)計(jì)、實(shí)施及運(yùn)作。主要通過(guò)項(xiàng)目演示與答辯、項(xiàng)目設(shè)計(jì)與分析報(bào)告等形式進(jìn)行評(píng)價(jià)，在該過(guò)程中不斷強(qiáng)化學(xué)生的團(tuán)隊(duì)價(jià)值觀、個(gè)人學(xué)習(xí)觀以及以軟件產(chǎn)品為導(dǎo)向的認(rèn)知習(xí)慣。
3 結(jié)語(yǔ)
針對(duì)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中容易存在的問(wèn)題，將CDIO教學(xué)模式引入該課程教學(xué)各個(gè)環(huán)節(jié)中，以案例為載體組織課堂教學(xué)，基于項(xiàng)目實(shí)施實(shí)踐實(shí)訓(xùn)教學(xué)，強(qiáng)化學(xué)生實(shí)踐能力，能夠有效地激發(fā)學(xué)生的創(chuàng)造思維和學(xué)習(xí)積極性，提高了學(xué)生通過(guò)自己分析、研究、解決實(shí)際問(wèn)題的能力。同時(shí)，為了促進(jìn)基于CDIO的教學(xué)模式的順利推進(jìn)和良好的教學(xué)效果，對(duì)課程的考核方式進(jìn)行改革，建立基于CDIO的評(píng)價(jià)體系，培養(yǎng)學(xué)生的CDIO工程能力。
參考文獻(xiàn)
[1] 查建中.論“做中學(xué)”戰(zhàn)略下的CDIO模式[J].高等工程教育研究，2008（5）：35-37.
[2] 陶勇芳，商存慧.CDIO大綱對(duì)高等工科教育創(chuàng)新的啟示[J].中國(guó)高教研究，2006（11）：81-83.
