網(wǎng)頁制作與設(shè)計(jì)課程精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁制作與設(shè)計(jì)課程主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞 案例教學(xué) 網(wǎng)頁設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)作為一門綜合性、實(shí)踐性、應(yīng)用性極強(qiáng)的課程，在教學(xué)的方法上應(yīng)有別于一般的基礎(chǔ)理論課程，原來那種照本宣科填鴨式教學(xué)已經(jīng)不適應(yīng)高職教育的需要，必須改進(jìn)傳統(tǒng)的課堂教學(xué)方法，引入現(xiàn)代教學(xué)理念，提升學(xué)生學(xué)習(xí)的主動(dòng)性，提高學(xué)生實(shí)際動(dòng)手能力是教學(xué)關(guān)鍵。

基于以上特點(diǎn)，“網(wǎng)頁設(shè)計(jì)與制作”這門課程設(shè)要以學(xué)生實(shí)際出發(fā)， 以“教師為主導(dǎo)， 學(xué)生為主體”的符合這門學(xué)科特點(diǎn)的教學(xué)與管理模式， 讓學(xué)生在教師的指導(dǎo)下， 對(duì)所學(xué)的課程進(jìn)行探索、分析、研究。

一、案例教學(xué)法的思想和特點(diǎn)

案例教學(xué)法也被稱為“實(shí)例式教學(xué)”或“基于問題的教學(xué)，其原型是拋錨式教學(xué)。這種教學(xué)方法要求建立在有感染力的真實(shí)事件或真實(shí)問題的基礎(chǔ)上，學(xué)生要想完成對(duì)所學(xué)知識(shí)的最好辦法是讓學(xué)生到現(xiàn)實(shí)世界的真實(shí)環(huán)境中去感受、體驗(yàn)（即通過獲取直接經(jīng)驗(yàn)來學(xué)習(xí)），而不是僅僅聆聽教師關(guān)于這種經(jīng)驗(yàn)的介紹和講解。與傳統(tǒng)的以教師講授為主的被動(dòng)灌輸式教學(xué)相比，案例教學(xué)法是一種注重師生互動(dòng)的開放式研究型的教學(xué)方法，注重學(xué)生動(dòng)手能力的培養(yǎng)，是一種具有針對(duì)性、實(shí)踐性、啟發(fā)性、研究性和時(shí)效性的教學(xué)方法，能開發(fā)學(xué)生智力，培養(yǎng)學(xué)生分析問題解決問題的能力，提高學(xué)生素質(zhì)。符合高職教育的特點(diǎn)。

二、案例教學(xué)法運(yùn)用在課堂教學(xué)中

《網(wǎng)頁制作》是一門實(shí)踐性和綜合性很強(qiáng)的課程，涵蓋Dream Weaver網(wǎng)頁制作軟件、Flas制作軟件、Photoshop圖形圖像處理軟件、腳本語言等多方面的內(nèi)容，知識(shí)點(diǎn)非常豐富。筆者從事該門學(xué)科教學(xué)多年，摸索出一套案例教學(xué)方案，使用案例教學(xué)法可以大大地提高學(xué)生的積極性。案例教學(xué)方法如下：

1、興趣激勵(lì)階段

這一階段主要采用優(yōu)秀作品展示教學(xué)法，其目的是：提高學(xué)生的興趣、讓學(xué)生了解一些基本的網(wǎng)站布局。作品來源：一個(gè)是網(wǎng)絡(luò)上的一些優(yōu)秀的網(wǎng)頁；二是往屆學(xué)生的優(yōu)秀作品；三是跟學(xué)生的生活相關(guān)的網(wǎng)站，如校院主頁等。

2、基礎(chǔ)知識(shí)學(xué)習(xí)階段

在這一階段，學(xué)生要學(xué)習(xí)一些網(wǎng)頁設(shè)計(jì)的基本知識(shí)和基本技能，即根據(jù)不同的知識(shí)點(diǎn)，來設(shè)計(jì)出與之配套和相適應(yīng)的案例，這些案例的編排要遵循由淺入深、由易向難、循序漸進(jìn)的原則。網(wǎng)頁設(shè)計(jì)課程教學(xué)中，教師可以選取一二個(gè)典型的網(wǎng)站進(jìn)行簡(jiǎn)化設(shè)計(jì)，將有關(guān)網(wǎng)頁設(shè)計(jì)的基本內(nèi)容、基本概念包括在內(nèi)，學(xué)生在教師指導(dǎo)下，自主地完成相關(guān)案例網(wǎng)站的設(shè)計(jì)，從而掌握網(wǎng)頁設(shè)計(jì)的基本技能，可以達(dá)到良好的教學(xué)效果。

3、技能強(qiáng)化階段

在這一階段主要采用較為簡(jiǎn)單的中小型案例教學(xué)法。其目標(biāo)是，讓學(xué)生在復(fù)習(xí)舊知識(shí)點(diǎn)的過程中學(xué)習(xí)新的內(nèi)容；將上一階段的的案例整合成為一個(gè)具有一定雛形的完整網(wǎng)站，讓學(xué)生來進(jìn)行嘗試，這樣就使得學(xué)生在熟悉的環(huán)境中學(xué)習(xí)了整合能力。

4、綜合網(wǎng)站制作階段

這一階段主要采用綜合案例教學(xué)法。本階段主要是為了提高學(xué)生綜合網(wǎng)站開發(fā)的技能水平，同時(shí)也為了檢驗(yàn)學(xué)生的學(xué)習(xí)成果。在此階段中，教師可以讓學(xué)生自己選擇一個(gè)主題，利用所學(xué)知識(shí)和技術(shù)開發(fā)一個(gè)網(wǎng)站，要求學(xué)生獨(dú)立完成，通過相應(yīng)的方式上傳到WEB服務(wù)器上，作為學(xué)生的最終考試成績(jī)。總之，這個(gè)階段對(duì)于學(xué)生知識(shí)的鞏固和技能的提升是大有裨益的，同時(shí)也可以充分發(fā)揮學(xué)生的主動(dòng)性，鍛煉學(xué)生動(dòng)手能力，培養(yǎng)求異思維。

三、在實(shí)施案例教學(xué)過程中必須注意的問題

1、選擇合適的教學(xué)案例

教師要根據(jù)教學(xué)進(jìn)度和教學(xué)要求設(shè)計(jì)案例， 選擇的案例必須具有針對(duì)性、代表性、實(shí)踐性、系統(tǒng)性的特點(diǎn)。（1）案例應(yīng)具有針對(duì)性，這樣做容易突出授課目標(biāo)，不易偏離授課內(nèi)容；（2）案例應(yīng)具有代表性，學(xué)生能夠從該案例得到啟發(fā)，進(jìn)行拓展性思考；（3）案例應(yīng)具有系統(tǒng)性，前后相互聯(lián)系，相互滲透，后續(xù)階段的案例盡可能涵蓋前面的內(nèi)容，以加深和鞏固所學(xué)知識(shí)；（4）案例應(yīng)具有真實(shí)性，從實(shí)際出發(fā)，根據(jù)學(xué)生的特點(diǎn)，盡可能設(shè)計(jì)一些學(xué)生感興趣的、貼近生活工作的案例，通過生動(dòng)有趣的案例教學(xué)激發(fā)學(xué)生的學(xué)習(xí)興趣，加強(qiáng)學(xué)生的動(dòng)手能力和創(chuàng)新能力的培養(yǎng)；（5）案例應(yīng)循序漸進(jìn)，從易到難的遞進(jìn)方式設(shè)計(jì)，一方面是有利于調(diào)動(dòng)學(xué)生的積極性；另一方面是便于學(xué)生對(duì)項(xiàng)目分解的理解，從而掌握整個(gè)項(xiàng)目的核心思想和構(gòu)建步驟。

2、組織課堂討論及案例總結(jié)

組織案例討論旨在分析問題， 提出解決問題的途徑和方法。教師應(yīng)對(duì)整個(gè)案例的特點(diǎn)、主要知識(shí)點(diǎn)進(jìn)行分析、解剖、歸納并及時(shí)組織學(xué)生對(duì)案例實(shí)施過程及其中的網(wǎng)頁技術(shù)進(jìn)行討論，使學(xué)生對(duì)所學(xué)的、所做的案例有全面的認(rèn)識(shí)，對(duì)設(shè)計(jì)步驟、設(shè)計(jì)思想有比較完整的認(rèn)識(shí)。

案例經(jīng)過學(xué)生的討論后， 教師應(yīng)該及時(shí)做出講評(píng)。這樣做有利于學(xué)生把要求掌握的知識(shí)記牢，同時(shí)， 我們要改革課程成績(jī)的評(píng)價(jià)方式， 提高平時(shí)成績(jī)的比例， 刺激學(xué)生上課的積極性。

3、實(shí)踐教學(xué)環(huán)節(jié)—采用任務(wù)驅(qū)動(dòng)法

任務(wù)驅(qū)動(dòng)教學(xué)是建立在一定理論基礎(chǔ)上的一種教學(xué)模式，它強(qiáng)調(diào)學(xué)生的學(xué)習(xí)活動(dòng)必須與任務(wù)相結(jié)合， 以問題的探索來引導(dǎo)和維持學(xué)習(xí)者的學(xué)習(xí)興趣和動(dòng)機(jī)。教師應(yīng)創(chuàng)建真實(shí)的教學(xué)情境， 讓學(xué)生帶著真實(shí)的任務(wù)去學(xué)習(xí)， 以使學(xué)生擁有學(xué)習(xí)的主動(dòng)權(quán)， 掌握網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的知識(shí)與技能。

四、結(jié)束語

總之，在高職院校計(jì)算機(jī)專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)中運(yùn)用案例教學(xué)法，在實(shí)踐環(huán)節(jié)實(shí)施“任務(wù)驅(qū)動(dòng)”教學(xué)法，有利于學(xué)生實(shí)踐能力的提高和理論知識(shí)的掌握。案例教學(xué)法只是現(xiàn)代教學(xué)方法中的一種，要優(yōu)化課堂教學(xué)，應(yīng)要綜合運(yùn)用多種教學(xué)法，每個(gè)教師都應(yīng)根據(jù)教學(xué)大綱、教學(xué)內(nèi)容和學(xué)生實(shí)際情況的不同選擇和運(yùn)用不同的教學(xué)方法，只有這樣才能真正提高課堂教學(xué)效果，提高教學(xué)質(zhì)量，培養(yǎng)符合時(shí)展要求的新型高素質(zhì)應(yīng)用型人才。

參考文獻(xiàn)：

第2篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞：網(wǎng)頁設(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í)和工作中的地位顯得越來越重要，上網(wǎng)沖浪已經(jīng)成為現(xiàn)代人生活的一個(gè)重要部分。信息技術(shù)的高速發(fā)展，使人們通過網(wǎng)絡(luò)來個(gè)人或者企業(yè)的信息、推廣企業(yè)產(chǎn)品已成為一種流行的趨勢(shì)。網(wǎng)頁已經(jīng)成為信息共享和傳播的主要載體，掌握網(wǎng)頁的制作和網(wǎng)站的管理等內(nèi)容已成為現(xiàn)代人必備的一種技能。

《網(wǎng)頁設(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語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識(shí)，為后繼課程《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》、《計(jì)算機(jī)網(wǎng)絡(luò)》等打下牢固基礎(chǔ)，因此該課程具有知識(shí)點(diǎn)多、操作性強(qiáng)的特點(diǎn)。如何提高《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)質(zhì)量，是亟待解決的問題。根據(jù)近年來對(duì)網(wǎng)頁課程的講授經(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)頁設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：

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

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

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

4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁動(dòng)畫的簡(jiǎn)單設(shè)計(jì)；

5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁的各種動(dòng)態(tài)效果。

1.2課程內(nèi)容

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

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

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

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

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

1.2.3 Photoshop圖像處理

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

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

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

1.2.5 JavaScript程序設(shè)計(jì)

JavaScript是目前Web客戶端開發(fā)的主要編程語言，也是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é)過程中大膽運(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)頁設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。

1.3.2案例教學(xué)法

在課堂上采用案例教學(xué)法，通過精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過程。比如在講解HTML的標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過一些小實(shí)例講解該標(biāo)記在網(wǎng)頁實(shí)際設(shè)計(jì)中要注意的問題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過一個(gè)綜合實(shí)例――具有多個(gè)網(wǎng)頁的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語法，達(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)頁設(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)頁設(shè)計(jì)

實(shí)驗(yàn)1 CSS文字排版、實(shí)驗(yàn)2 CSS網(wǎng)頁布局、實(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)畫的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫的制作、實(shí)驗(yàn)5逐幀動(dòng)畫的制作、實(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)頁特效、實(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)站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開辟了學(xué)生自學(xué)天地。

2.3參與教師科研，以研促學(xué)

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

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

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

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

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

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

3課程實(shí)訓(xùn)

網(wǎng)頁的制作不僅要求制作者有熟練的網(wǎng)頁制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁設(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)頁效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁。

實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁整體布局設(shè)計(jì)，網(wǎng)頁代碼的編寫、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁效果圖和網(wǎng)頁代碼，還要進(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)頁代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問題想辦法解決，學(xué)生帶著問題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。

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

4結(jié)束語

明確的教學(xué)目標(biāo)、豐富的教學(xué)內(nèi)容、科學(xué)的教學(xué)方法、有效的教學(xué)手段大大增強(qiáng)了學(xué)生主動(dòng)參與學(xué)習(xí)的積極性。隨著網(wǎng)頁技術(shù)的進(jìn)一步發(fā)展和進(jìn)步，網(wǎng)頁設(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)頁設(shè)計(jì)》課程實(shí)踐性教學(xué)改革與創(chuàng)新研究[J].改革與創(chuàng)新,2011(12):103-104.

第3篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞： 《網(wǎng)頁設(shè)計(jì)與制作》 工作過程 課程設(shè)計(jì)

《網(wǎng)頁設(shè)計(jì)與制作》是一門綜合性很強(qiáng)的課程，是計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的專業(yè)技能課程之一。在本課程的開設(shè)過程中，我們通過對(duì)網(wǎng)頁美工師、網(wǎng)站設(shè)計(jì)師等崗位的調(diào)研，學(xué)習(xí)和借鑒德國(guó)等先進(jìn)國(guó)家的職業(yè)教育經(jīng)驗(yàn)，結(jié)合《網(wǎng)頁設(shè)計(jì)與制作》課程的特點(diǎn)，基于工作過程導(dǎo)向確定了該課程設(shè)計(jì)的指導(dǎo)思想和課程內(nèi)容體系。

一、課程設(shè)計(jì)思路

基于工作過程的課程體系開發(fā)是以職業(yè)崗位工作過程為導(dǎo)向，以職業(yè)技能為中心，以學(xué)生為主體，實(shí)現(xiàn)知識(shí)傳授與職業(yè)能力訓(xùn)練相結(jié)合、學(xué)歷教育與職業(yè)資格證緊密結(jié)合，重視專業(yè)技能和綜合職業(yè)能力考核，培養(yǎng)面向生產(chǎn)、建設(shè)、服務(wù)和管理第一線需要的高技能應(yīng)用型人才。在基于工作過程的課程開發(fā)過程中，遵循“崗位導(dǎo)向、注重過程（工作過程和開發(fā)設(shè)計(jì)過程）、多能（專業(yè)能力、方法能力、社會(huì)能力）并重、細(xì)化標(biāo)準(zhǔn)”的原則，按照“工作任務(wù)（職業(yè)崗位的典型工作任務(wù)）―行動(dòng)領(lǐng)域（工作任務(wù)的分析歸納）―學(xué)習(xí)領(lǐng)域（工作過程的課程開發(fā)）―學(xué)習(xí)情境（教學(xué)過程的方案設(shè)計(jì)）”的步驟進(jìn)行。

二、課程內(nèi)容體系的建設(shè)

1.課程教學(xué)目標(biāo)的確定

“以就業(yè)為導(dǎo)向，以能力為目標(biāo)”的高職課程改革，首要任務(wù)就是明確課程的教學(xué)目標(biāo)。在教學(xué)中，我們?cè)趰徫环治龌A(chǔ)上確定本課程的教學(xué)目標(biāo)。

*知識(shí)目標(biāo)：學(xué)會(huì)如何規(guī)劃網(wǎng)站、設(shè)計(jì)網(wǎng)頁；能根據(jù)網(wǎng)站內(nèi)容的特點(diǎn)設(shè)計(jì)并制作相應(yīng)風(fēng)格的網(wǎng)站。

*能力目標(biāo)：掌握從Internet網(wǎng)上搜索需要的資料并進(jìn)行加工處理的技能；掌握利用相關(guān)軟件設(shè)計(jì)、制作網(wǎng)頁的技能。

*情感目標(biāo)：學(xué)會(huì)協(xié)作；學(xué)會(huì)如何正確認(rèn)識(shí)、評(píng)價(jià)自己與同學(xué)；增強(qiáng)自信心；培養(yǎng)良好的職業(yè)道德。

2.課程教學(xué)內(nèi)容設(shè)計(jì)

在工作過程為導(dǎo)向的教學(xué)過程中，需改變傳統(tǒng)學(xué)科型課程以學(xué)科知識(shí)邏輯為主線、專業(yè)理論知識(shí)為主體的教學(xué)內(nèi)容，應(yīng)以實(shí)際工作任務(wù)需要為基礎(chǔ)，以職業(yè)活動(dòng)為主線，以培養(yǎng)職業(yè)核心能力為本位，注重理論知識(shí)與實(shí)踐知識(shí)、職業(yè)技能的綜合，重新組織和設(shè)計(jì)教學(xué)內(nèi)容。

根據(jù)對(duì)網(wǎng)頁制作崗位工作過程的調(diào)查與分析顯示，工作人員應(yīng)具有完整的設(shè)計(jì)思路和創(chuàng)造理念，能獨(dú)立進(jìn)行門戶網(wǎng)站、行業(yè)網(wǎng)站的策劃、規(guī)劃、架設(shè)工作，能獨(dú)立完成網(wǎng)站編程、后臺(tái)搭建等。依據(jù)學(xué)生職業(yè)能力形成規(guī)律和網(wǎng)頁制作的實(shí)際工作過程，堅(jiān)持理論夠用、適用、實(shí)用原則，將工作任務(wù)模塊轉(zhuǎn)換成教學(xué)內(nèi)容，我們將課程內(nèi)容調(diào)整為：網(wǎng)站策劃、網(wǎng)站規(guī)劃、網(wǎng)頁風(fēng)格設(shè)計(jì)、網(wǎng)頁制作、網(wǎng)站測(cè)試和網(wǎng)站上傳與更新維護(hù)六個(gè)知識(shí)模塊，每一個(gè)小的模塊項(xiàng)目又具體細(xì)化為一個(gè)個(gè)小的任務(wù)。教學(xué)內(nèi)容均來自于職業(yè)崗位的具體工作任務(wù)，并使教學(xué)內(nèi)容由抽象的概念轉(zhuǎn)變?yōu)榫唧w的工作項(xiàng)目，構(gòu)建圍繞職業(yè)核心能力為中心的以“做”為主體的課程。

3.課程教學(xué)方法

為了充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的綜合能力，我們采用工學(xué)結(jié)合、教學(xué)做一體的教學(xué)模式，綜合采用了項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動(dòng)、案例分析、多媒體演示等教學(xué)方法，將“在實(shí)踐中學(xué)習(xí)、在學(xué)習(xí)中實(shí)踐、理論與實(shí)踐教學(xué)一體化”的思想貫穿在整個(gè)教學(xué)過程中。本課程以完整的“企業(yè)宣傳網(wǎng)站”為例，將各個(gè)知識(shí)點(diǎn)融于項(xiàng)目開發(fā)過程中，從簡(jiǎn)單到復(fù)雜，從基礎(chǔ)到高級(jí)。在教學(xué)過程中，首先以需要制作的項(xiàng)目為背景，設(shè)計(jì)相關(guān)的案例，以案例的講解引出項(xiàng)目，以問題形式提出，這樣每個(gè)小項(xiàng)目的主題也就是教學(xué)重、難點(diǎn)的內(nèi)容，項(xiàng)目的完成過程也就是教學(xué)重難點(diǎn)的突破過程。最后，以“布置項(xiàng)目”的方式引入有關(guān)概念，展開教學(xué)內(nèi)容。學(xué)生通過項(xiàng)目實(shí)踐尋找完成任務(wù)的途徑和方法，最終得到項(xiàng)目結(jié)果。通過本課程的學(xué)習(xí)，學(xué)生不僅學(xué)到了基本知識(shí)、基本技能，而且通過項(xiàng)目的開發(fā)，積累了項(xiàng)目開發(fā)的經(jīng)驗(yàn)。

此外，深入開展第二課堂活動(dòng)，指導(dǎo)學(xué)生課余實(shí)踐活動(dòng)，引導(dǎo)學(xué)生將課堂上學(xué)到的知識(shí)和方法應(yīng)用到其他網(wǎng)站項(xiàng)目的開發(fā)中去，學(xué)以致用。充分利用校內(nèi)實(shí)訓(xùn)基地，將教學(xué)與實(shí)訓(xùn)合一，滿足培養(yǎng)學(xué)生綜合能力的需要。

4.課程教考核方式

建立科學(xué)、完整的課程考核方式，是檢驗(yàn)項(xiàng)目教學(xué)方法的實(shí)際效果，促使學(xué)生更積極主動(dòng)地投入到項(xiàng)目任務(wù)的自主學(xué)習(xí)和實(shí)操中，提高教學(xué)質(zhì)量的主要手段。課程的考核以能力考核為主，采用多種方式綜合考核的方法。課程的總評(píng)成績(jī)由平時(shí)成績(jī)和期末考核成績(jī)兩部分構(gòu)成，其中平時(shí)學(xué)習(xí)考核成績(jī)占課程總評(píng)成績(jī)的40%。期末考核成績(jī)占課程總評(píng)成績(jī)的60%。平時(shí)考核成績(jī)由課堂討論、交流，提交的課后作業(yè)完成情況綜合評(píng)定。期末考核采用理論+實(shí)踐的考試模式。理論考試采用國(guó)家信息產(chǎn)業(yè)部“網(wǎng)頁設(shè)計(jì)師”認(rèn)證考試并實(shí)施；實(shí)踐考試采用“項(xiàng)目開發(fā)+現(xiàn)場(chǎng)答辯”的考核方式，重點(diǎn)考核學(xué)生對(duì)整個(gè)項(xiàng)目開發(fā)的思路及開發(fā)方法，同時(shí)考查學(xué)生口頭表達(dá)能力、與人溝通能力，最主要的考核是以項(xiàng)目最后實(shí)現(xiàn)的效果及每個(gè)人完成工作量的情況、完成工作的質(zhì)量及效率進(jìn)行評(píng)分，由項(xiàng)目小組與教師共同打分。在交流評(píng)價(jià)的基礎(chǔ)上對(duì)學(xué)生獲得的材料和做出的作品進(jìn)行檢驗(yàn)。驗(yàn)證學(xué)生自己的觀點(diǎn)。通過對(duì)比師生評(píng)價(jià)結(jié)果，找出造成結(jié)果差異的原因，讓學(xué)生反思他們?cè)谔骄繉?shí)踐中所運(yùn)用的解決問題的策略。

三、結(jié)語

在今后的教學(xué)中，我們必須依據(jù)高等職業(yè)教育人才培養(yǎng)目標(biāo)和職業(yè)崗位綜合能力的需要,以工作過程為導(dǎo)向進(jìn)行《網(wǎng)頁設(shè)計(jì)與制作》課程開發(fā)，依據(jù)該課程的知識(shí)結(jié)構(gòu)特點(diǎn)，以職業(yè)能力為目標(biāo)確定教學(xué)內(nèi)容，注重職業(yè)情境中實(shí)踐智慧的養(yǎng)成,提高畢業(yè)生的素質(zhì)和就業(yè)能力。

參考文獻(xiàn)：

［1］姜大源.當(dāng)代德國(guó)職業(yè)教育主流教學(xué)思想研究［M］.清華大學(xué)出版社，2007，（4）.

第4篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞：中職；網(wǎng)頁設(shè)計(jì)與制作課程；教學(xué)做合一

中國(guó)教育家陶行知先生曾說過，“行是知之始，知是行之成。”“做是學(xué)的中心，也是教的中心?！彼f：“手和腦在一塊兒干，是創(chuàng)造教育的開始；手腦雙全，是創(chuàng)造教育的目的?！弊⒅貙?shí)踐是陶行知先生“教學(xué)做合一”的真諦。國(guó)務(wù)院印發(fā)的國(guó)發(fā)[2014]19號(hào)文件《關(guān)于加快發(fā)展現(xiàn)代職業(yè)教育的決定》中也指出：“深化產(chǎn)教融合、校企合作、工學(xué)結(jié)合，推動(dòng)專業(yè)設(shè)置與產(chǎn)業(yè)需求對(duì)接、課程內(nèi)容與職業(yè)標(biāo)準(zhǔn)對(duì)接、教學(xué)過程與生產(chǎn)過程對(duì)接、畢業(yè)證書與職業(yè)資格證書對(duì)接、職業(yè)教育與終身學(xué)習(xí)對(duì)接，提高人才培養(yǎng)質(zhì)量，強(qiáng)化職業(yè)教育的技術(shù)技能積累作用?！?/p>

陶行知視“教學(xué)做”為一體，“做”是核心，主張?jiān)谧鲋薪?、做中學(xué)。在數(shù)學(xué)中等職業(yè)學(xué)校的網(wǎng)頁設(shè)計(jì)與制作課程中，我們要從培養(yǎng)目標(biāo)出發(fā)，堅(jiān)持理論聯(lián)系實(shí)際的原則，加強(qiáng)學(xué)生動(dòng)手訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新能力。

一、選用合理的教材

中等職業(yè)學(xué)校的人才培養(yǎng)模式是指在一定的教育理論指導(dǎo)下，按照特定的培養(yǎng)目標(biāo)和人才規(guī)格，以相對(duì)穩(wěn)定的教學(xué)內(nèi)容、課程體系和評(píng)估方式，實(shí)施人才教育的過程的總和。

我校網(wǎng)頁設(shè)計(jì)與制作課程的培養(yǎng)目標(biāo)是能對(duì)網(wǎng)站的功能進(jìn)行分析，全面掌握使用的能力；能對(duì)頁面進(jìn)行修改的能力。為此，我校選用的教材除了國(guó)規(guī)教材外，還補(bǔ)充了Adobe創(chuàng)意大學(xué)的標(biāo)準(zhǔn)教材。教學(xué)內(nèi)容不僅能滿足中等職業(yè)學(xué)校專業(yè)教學(xué)標(biāo)準(zhǔn)，能夠反映當(dāng)前的生產(chǎn)技術(shù)水平和職業(yè)崗位資格要求，更注重課程內(nèi)容對(duì)接職業(yè)標(biāo)準(zhǔn)、教學(xué)過程對(duì)接生產(chǎn)過程。教材的內(nèi)容編排符合學(xué)生認(rèn)知特點(diǎn)，突出網(wǎng)頁制作的創(chuàng)意工作流程，將創(chuàng)意設(shè)計(jì)與軟件功能相結(jié)合，以軟件的實(shí)際應(yīng)用為主線，對(duì)行業(yè)中的典型案例與Dreamweaver軟件新功能等方面的知識(shí)進(jìn)行深入探討。

Adobe創(chuàng)意大學(xué)的標(biāo)準(zhǔn)教材是聯(lián)合行業(yè)專家、行業(yè)協(xié)會(huì)、教育專家、一線教師、Adobe技術(shù)專家開發(fā)的，重點(diǎn)清晰，內(nèi)容完善，為專業(yè)及其相關(guān)行業(yè)實(shí)踐型人才的培養(yǎng)量身訂制。

二、采用“教、學(xué)、做”一體的項(xiàng)目式教學(xué)方法

以學(xué)生為主體，有效設(shè)計(jì)和實(shí)施“教、學(xué)、做”一體的項(xiàng)目式教學(xué)方法，通過真實(shí)、完整的實(shí)例呈現(xiàn)知識(shí)點(diǎn)。

1.循序漸進(jìn)，由淺入深：選擇小范例詮釋理論知識(shí)，每一個(gè)項(xiàng)目都從最簡(jiǎn)單的內(nèi)容入手，慢慢深入，達(dá)到制作出高級(jí)頁面的效果，避免只講定義的乏味與枯燥，符合學(xué)生的認(rèn)知規(guī)律。

2.內(nèi)容全面，實(shí)例豐富：融入大量的實(shí)用操作技巧，力求將最常見的軟件技巧與行業(yè)流程全面細(xì)致地進(jìn)行介紹。結(jié)合實(shí)例介紹每種應(yīng)用的操作步驟，學(xué)生只需要按照步驟一步步進(jìn)行操作，就可以在不知不覺中掌握大量的知識(shí)，創(chuàng)作出精彩的個(gè)性網(wǎng)站。

3.行動(dòng)導(dǎo)向、任務(wù)驅(qū)動(dòng)：從網(wǎng)頁制作行業(yè)的實(shí)際出發(fā)，基礎(chǔ)知識(shí)與基本技能相結(jié)合，緊扣“做中學(xué)，做中教”的教育理念，將知識(shí)點(diǎn)穿插在網(wǎng)站實(shí)例制作的操作過程中，在實(shí)際制作中介紹網(wǎng)站開發(fā)的實(shí)際流程與制作技巧，尤其是針對(duì)實(shí)際制作中廣泛采用的“Div+CSS布局模式”，對(duì)教材內(nèi)容進(jìn)行全面的補(bǔ)充和完善。拓展HTML代碼的學(xué)習(xí)內(nèi)容、學(xué)習(xí)方法，通過課后訓(xùn)練設(shè)計(jì)達(dá)到課堂知識(shí)的“舉一反三”，這樣更加貼近實(shí)際。

4.由易到難、由部分到整體：從網(wǎng)頁制作技能培訓(xùn)的實(shí)際需要出發(fā)，設(shè)計(jì)一個(gè)網(wǎng)站建設(shè)實(shí)例，采用循序漸進(jìn)的方法，詳細(xì)描述網(wǎng)站的開發(fā)過程，介紹網(wǎng)頁制作的各種知識(shí)、技能和注意事項(xiàng)。所學(xué)知識(shí)分別涉及：站點(diǎn)的規(guī)劃與管理；文本、圖像及CSS層疊樣式表；表格布局，超級(jí)鏈接；框架布局，多媒體文件；熱區(qū)、層和行為；表單及各種表單元素；模板、站點(diǎn)的測(cè)試、與維護(hù)等各項(xiàng)靜態(tài)網(wǎng)頁開發(fā)知識(shí)，采用知識(shí)講授與案例教學(xué)相結(jié)合的方法。

5.綜合運(yùn)用，注重啟發(fā)：制作兩個(gè)企業(yè)網(wǎng)站，系統(tǒng)全面地介紹網(wǎng)站建設(shè)的實(shí)際開發(fā)流程及常用手法與技巧。每個(gè)任務(wù)包含“任務(wù)描述”“自己動(dòng)手”和“舉一反三”三個(gè)模塊，將知識(shí)點(diǎn)、技能點(diǎn)和注意事項(xiàng)穿插在網(wǎng)頁制作的過程中，注重啟發(fā)學(xué)生的學(xué)習(xí)興趣，力求在知識(shí)結(jié)構(gòu)編排上體現(xiàn)循序漸進(jìn)、重點(diǎn)突出、難點(diǎn)分散，在語言敘述上注重概念清晰、邏輯性強(qiáng)、通俗易懂、便于理解。

6.注重現(xiàn)代信息技術(shù)在教學(xué)中的應(yīng)用。現(xiàn)代信息技術(shù)參與之后的課堂“以教師創(chuàng)造性的教為主導(dǎo)，以學(xué)生探索性的學(xué)為主體”，豐富多彩的教學(xué)環(huán)境，給學(xué)生更大的思維空間，突出學(xué)生的主體地位。運(yùn)用現(xiàn)代信息技術(shù)，創(chuàng)設(shè)他們感興趣的事物與情境，抓住學(xué)生的心理特點(diǎn)，將抽象化的、概念化的知識(shí)點(diǎn)，以貼近生活的生動(dòng)、鮮明的圖文并茂的畫面呈現(xiàn)乏味的定義定律，集聲音、文字、圖像、圖畫動(dòng)態(tài)顯示于一體，達(dá)到將抽象概念具體化、微觀概念宏觀化的目的。讓學(xué)生易于理解接受，讓學(xué)生身臨其境，親歷其中，得到體驗(yàn)，在輕松的氛圍中愉快地學(xué)習(xí)，提高了學(xué)生的思維能力、想象能力和創(chuàng)新能力。

現(xiàn)代信息技術(shù)使課堂教學(xué)以發(fā)展為主，教師通過創(chuàng)造教學(xué)環(huán)境，在課堂上為學(xué)生提供觀察、獨(dú)立思考和實(shí)踐，將技術(shù)與學(xué)科教學(xué)靈活有機(jī)地結(jié)合，為學(xué)生提供一個(gè)友好交互、自由開放的學(xué)習(xí)環(huán)境，組織并指導(dǎo)學(xué)生進(jìn)行實(shí)踐活動(dòng)，激發(fā)學(xué)生主動(dòng)去探索、積極去思考，從而極大地提高教學(xué)效率。

三、考核評(píng)價(jià)方式多角度

網(wǎng)頁設(shè)計(jì)與制作課程對(duì)學(xué)生的能力要求是：（1）會(huì)Dreamweaver的安裝；（2）合理使用網(wǎng)頁元素制作簡(jiǎn)單靜態(tài)頁面；（3）能夠使用表單、CSS樣式、行為、層、模板、框架等技術(shù)制作比較復(fù)雜的靜態(tài)網(wǎng)頁，并能夠進(jìn)行站點(diǎn)；（4）初步了解動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)，能夠制作簡(jiǎn)單的留言板等動(dòng)態(tài)網(wǎng)頁。因此，我從以下幾方面對(duì)學(xué)生進(jìn)行評(píng)價(jià)：

1.網(wǎng)頁作品與真實(shí)生活是否有關(guān)聯(lián)，主題鮮明。這表現(xiàn)為作為真實(shí)的項(xiàng)目場(chǎng)景，這種真實(shí)場(chǎng)景是對(duì)日常企業(yè)場(chǎng)景的模擬，或者真實(shí)場(chǎng)景中的實(shí)際操作。

2.要求學(xué)生對(duì)一些與職業(yè)有關(guān)的問題進(jìn)行思考和解決。比如企業(yè)網(wǎng)站，學(xué)生要依據(jù)問題，以科學(xué)的論證和推理方式設(shè)計(jì)合乎自身認(rèn)識(shí)的、具有創(chuàng)造性的解決問題的方案，創(chuàng)作具有創(chuàng)造性的網(wǎng)站作品。

3.操作過程和最終作品是評(píng)價(jià)的重點(diǎn)。在實(shí)際操作過程中，學(xué)生解決問題的綜合能力得到鍛煉，如思考問題能力、問題反思能力、團(tuán)結(jié)合作能力、信息搜集能力和創(chuàng)造力等，評(píng)價(jià)中充分展現(xiàn)出來，而網(wǎng)站作品則是各種能力綜合鍛煉得到的結(jié)果。

4.學(xué)歷證書與職業(yè)資格證書對(duì)接。Adobe創(chuàng)意大學(xué)考試認(rèn)證是Adobe公司推出的權(quán)威國(guó)際認(rèn)證，是針對(duì)全球Adobe軟件的學(xué)習(xí)者和使用者提供的一套全面科學(xué)、嚴(yán)謹(jǐn)高效的考核體系，為企業(yè)的人才選拔和錄用提供了重要和科學(xué)的參考標(biāo)準(zhǔn)。

總而言之，運(yùn)用陶行知先生的教學(xué)做合一思想，我們?cè)谥新毦W(wǎng)頁設(shè)計(jì)與制作課程中堅(jiān)持理論與實(shí)踐的有機(jī)結(jié)合，注重學(xué)思結(jié)合、知行統(tǒng)一，堅(jiān)持“做中學(xué)、做中教”，加強(qiáng)理論課程與實(shí)踐課程的整合、融合，開展項(xiàng)目教學(xué)、場(chǎng)景教學(xué)、主題教學(xué)和崗位教學(xué)，從而強(qiáng)化對(duì)學(xué)生實(shí)踐能力和職業(yè)技能的培養(yǎng)。

參考文獻(xiàn)：

[1]陶行知.陶行知全集：卷1[M].成都：四川教育出版社，1991.

[2]陶行知.陶行知全集：卷2[M].成都：四川教育出版社，1991.

第5篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

該文介紹了《網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目化教學(xué)思路和方法，從設(shè)計(jì)理念與思路、對(duì)計(jì)應(yīng)相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對(duì)性與適用性、教學(xué)內(nèi)容的組織與安排、教學(xué)模式的設(shè)計(jì)與創(chuàng)新、實(shí)踐教學(xué)條件的建設(shè)與使用等6個(gè)方面進(jìn)行了設(shè)計(jì)與分析，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求進(jìn)行了一些思考和探索。

關(guān)鍵詞：

高職院校;網(wǎng)頁設(shè)計(jì);項(xiàng)目化課程;開發(fā)實(shí)踐

《網(wǎng)頁設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用專業(yè)的一門專業(yè)核心課程。該課程目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應(yīng)用等課程的學(xué)習(xí)為基礎(chǔ)，也是進(jìn)一步學(xué)習(xí)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)等課程的基礎(chǔ)。學(xué)完本課程，要求學(xué)生能達(dá)到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進(jìn)行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗(yàn)的能力。按照高職高專知識(shí)傳授特點(diǎn)與職業(yè)技能需求，同時(shí)根據(jù)網(wǎng)頁設(shè)計(jì)與制作課程知識(shí)的掌握規(guī)律，目前我校采用了項(xiàng)目化教學(xué)方法，為學(xué)生較好地掌握知識(shí)及快速適應(yīng)工作崗位需求打下扎實(shí)的基礎(chǔ)。

1設(shè)計(jì)理念與思路

該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學(xué)習(xí)內(nèi)容設(shè)計(jì)為網(wǎng)頁設(shè)計(jì)實(shí)際工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。采用整體→模塊→整體的設(shè)計(jì)思路，按照簡(jiǎn)單到復(fù)雜、單一到綜合、低級(jí)到高級(jí)的原則進(jìn)行。

1.1設(shè)計(jì)理念：學(xué)習(xí)的內(nèi)容是工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。這一理念體現(xiàn)了該課程的職業(yè)性和實(shí)踐性，同時(shí)學(xué)習(xí)的主體變?yōu)閷W(xué)生，學(xué)習(xí)內(nèi)容以培養(yǎng)學(xué)生的職業(yè)技能為主。為體現(xiàn)這一設(shè)計(jì)理念，在課程設(shè)計(jì)前我們調(diào)研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對(duì)網(wǎng)頁設(shè)計(jì)各個(gè)方面涵蓋的崗位進(jìn)行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個(gè)基于工作實(shí)踐的“網(wǎng)頁設(shè)計(jì)與制作”項(xiàng)目（比工作實(shí)踐更完備體現(xiàn)課程的各個(gè)知識(shí)點(diǎn)）。同時(shí)分解實(shí)際工作中網(wǎng)頁設(shè)計(jì)的工作流程和崗位，確立多個(gè)子項(xiàng)目。這種方式學(xué)習(xí)，充分體現(xiàn)職業(yè)典型工作任務(wù)，以“工作”促學(xué)習(xí)，邊“工作”邊學(xué)習(xí)，學(xué)生學(xué)習(xí)內(nèi)容具體化，學(xué)習(xí)興趣大大提高。

1.2設(shè)計(jì)思路：整體→模塊→整體課程設(shè)計(jì)的思路是根據(jù)幾個(gè)不同類型的網(wǎng)站案例整體設(shè)計(jì)入手，將網(wǎng)頁設(shè)計(jì)所有環(huán)節(jié)和操作步驟詳細(xì)介紹給學(xué)生，讓學(xué)生從與“用戶”溝通開始參與到整個(gè)系統(tǒng)的設(shè)計(jì)過程中，教師根據(jù)任務(wù)需要，先給出網(wǎng)頁效果圖，讓學(xué)生體驗(yàn)完成后的整體效果，再根據(jù)項(xiàng)目進(jìn)程分解任務(wù)，這種設(shè)計(jì)優(yōu)點(diǎn)是能讓學(xué)生將學(xué)習(xí)過程作為完整的“工作”過程。在此基礎(chǔ)上，進(jìn)一步將各工作任務(wù)分成若干子任務(wù)，通過90課時(shí)教學(xué)+30課時(shí)整周實(shí)訓(xùn)學(xué)習(xí)，最終將各個(gè)子項(xiàng)目整合，完成網(wǎng)站整體設(shè)計(jì)工作。在子模塊學(xué)習(xí)任務(wù)設(shè)定中，每個(gè)子任務(wù)設(shè)計(jì)是按實(shí)際工作中網(wǎng)頁設(shè)計(jì)的技能要求提煉出來的，能滿足不同崗位的需求。項(xiàng)目完成時(shí)，我們還設(shè)計(jì)了學(xué)員相互評(píng)價(jià)體系，對(duì)設(shè)計(jì)成果進(jìn)行評(píng)估，讓學(xué)生在自我學(xué)習(xí)過程中及時(shí)總結(jié)并收獲進(jìn)步。

2對(duì)專業(yè)建設(shè)與發(fā)展的定位與作用

該課程采用項(xiàng)目化教學(xué)方式，可以起到如下作用。（1）學(xué)生對(duì)該專業(yè)的工作崗位有了具體認(rèn)識(shí)，了解了各崗位所需的專業(yè)知識(shí)，從而幫助學(xué)生進(jìn)行職業(yè)規(guī)劃和知識(shí)儲(chǔ)備。（2）學(xué)生對(duì)所學(xué)專業(yè)的工作內(nèi)容有了比較具體的認(rèn)識(shí)。該課程使學(xué)生對(duì)計(jì)應(yīng)專業(yè)到底是做什么的、怎么做等問題有了全面認(rèn)識(shí)，增強(qiáng)了學(xué)習(xí)信心和學(xué)習(xí)興趣。

3課程內(nèi)容的針對(duì)性與適用性

（1）該課程是依據(jù)“計(jì)算機(jī)應(yīng)用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設(shè)計(jì)師職業(yè)崗位設(shè)置的。總體設(shè)計(jì)思路是：著重培養(yǎng)學(xué)生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識(shí)，以網(wǎng)站設(shè)計(jì)工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學(xué)生在完成網(wǎng)站設(shè)計(jì)具體項(xiàng)目的過程中完成相應(yīng)工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學(xué)時(shí)為90學(xué)時(shí)教學(xué)+30學(xué)時(shí)整周實(shí)訓(xùn)，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁視覺效果設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁兼容性設(shè)計(jì)等。（3）知識(shí)目標(biāo)和能力目標(biāo)。知識(shí)目標(biāo)應(yīng)掌握HTML、CSS、JavaScript、HTML5、CSS3等知識(shí)，該課程學(xué)習(xí)結(jié)束，學(xué)生應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設(shè)計(jì)出綜合性的網(wǎng)站。能力目標(biāo)主要體現(xiàn)以下方面：①熟練使用網(wǎng)頁編輯軟件。②熟練使用樣式表控制頁面外觀。③能在網(wǎng)頁中設(shè)置需要的腳本。④能進(jìn)行網(wǎng)站的更新與管理。另外根據(jù)職業(yè)教育要求，加強(qiáng)學(xué)生以下素質(zhì)：①服務(wù)意識(shí)：為他人提供優(yōu)質(zhì)的服務(wù)。②文明法制意識(shí)：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。④較強(qiáng)的自我知識(shí)及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場(chǎng)應(yīng)用動(dòng)態(tài)。

4教學(xué)內(nèi)容的組織與安排

該課程主要教學(xué)內(nèi)容包括網(wǎng)站服務(wù)器、HTML、CSS、網(wǎng)頁界面整體設(shè)計(jì)(含JavaScript應(yīng)用)、網(wǎng)頁兼容性等5個(gè)教學(xué)模塊，其中HTML和CSS為學(xué)習(xí)和實(shí)踐的重點(diǎn)，通過幾個(gè)案例的制作過程展開知識(shí)講授。具體教學(xué)內(nèi)容及課時(shí)安排見表1，“網(wǎng)頁外觀制作技術(shù)”項(xiàng)目的教學(xué)設(shè)計(jì)見表2（其他教學(xué)項(xiàng)目的教學(xué)設(shè)計(jì)因篇幅所限此處省略）。

5教學(xué)模式的設(shè)計(jì)與創(chuàng)新

在該課程的教學(xué)中，教學(xué)地點(diǎn)由教室遷移到一體化實(shí)訓(xùn)室，教學(xué)方式由教師講為主轉(zhuǎn)變?yōu)閷W(xué)生做為主。實(shí)施中包含如下步驟。（1）指定清晰的工作任務(wù)，教師展示頁面效果。（2）學(xué)生制訂工作計(jì)劃，理順工作思路。（3）教師進(jìn)行工作過程輔導(dǎo)，講解涉及的理論知識(shí)。（4）學(xué)生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學(xué)資源。（5）學(xué)生完成工作任務(wù)，體驗(yàn)工作效果。（6）師生及企業(yè)專家共同評(píng)價(jià)工作成果。

6實(shí)踐教學(xué)條件的建設(shè)與使用

課程在網(wǎng)站設(shè)計(jì)一體化教室完成，其間配合到企業(yè)現(xiàn)場(chǎng)教學(xué)實(shí)習(xí)環(huán)節(jié),實(shí)施時(shí)由每位學(xué)生獨(dú)立完成網(wǎng)頁制作任務(wù)，課程各種教學(xué)資源能夠在學(xué)習(xí)過程中在線使用。

7結(jié)語

第6篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞 商務(wù)網(wǎng)頁設(shè)計(jì)與制作 課程設(shè)計(jì) 電子商務(wù)專業(yè)

中圖分類號(hào)：F713 文獻(xiàn)標(biāo)識(shí)碼：A

截至2012年12月，中國(guó)網(wǎng)絡(luò)購物用戶規(guī)模達(dá)到3.12億，市場(chǎng)整體交易規(guī)模為10.2萬億元，同比增長(zhǎng)29.9%。隨著網(wǎng)絡(luò)購物人數(shù)爆炸式的增長(zhǎng)，越來越多的企業(yè)開始嘗試?yán)镁W(wǎng)絡(luò)平臺(tái)開展商務(wù)活動(dòng)。同時(shí)，企業(yè)對(duì)于電子商務(wù)人才的需求也越來越大。鑒于中小企業(yè)自身的特點(diǎn)，企業(yè)希望人才來了就能用，這就要求學(xué)生具有較強(qiáng)的專業(yè)技能?！渡虅?wù)網(wǎng)頁設(shè)計(jì)與制作》課程是電子商務(wù)專業(yè)的一門核心專業(yè)課程，這門課程學(xué)好了，對(duì)于學(xué)生未來的成才和發(fā)展效果是非常明顯的。筆者結(jié)合多年從事電子商務(wù)專業(yè)《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》教學(xué)實(shí)踐經(jīng)驗(yàn)，引入企業(yè)網(wǎng)站的生產(chǎn)流程，對(duì)課程教學(xué)內(nèi)容體系進(jìn)行了重構(gòu)。

1課程教學(xué)現(xiàn)狀及存在的問題分析

《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》是高職電子商務(wù)專業(yè)的一門核心專業(yè)課程，既是學(xué)生最期待、最向往的課程，也被認(rèn)為是最艱難，最難啃的課程，以文科學(xué)生為主體的商貿(mào)財(cái)經(jīng)類專業(yè)尤甚。之所以向往，是因?yàn)樗绱酥匾?；之所以艱深，是緣自于技術(shù)的隔膜和不必要的恐懼。當(dāng)然，究其原因，傳統(tǒng)教材與教法，自然難辭其咎。

1.1課程設(shè)置不合理，知識(shí)內(nèi)容落后

傳統(tǒng)網(wǎng)頁設(shè)計(jì)與制作教材，往往專注于“網(wǎng)頁三劍客”等技術(shù)軟件的操作，讓學(xué)生從一個(gè)代碼，一段文字，一張圖片入手，來制作屬于自己的網(wǎng)頁和網(wǎng)站。這種教學(xué)模式，經(jīng)過兩到三年，學(xué)生還難以上手；而一名合格的網(wǎng)頁設(shè)計(jì)師，往往只需一兩天，就能開發(fā)出一個(gè)讓企業(yè)簽單付費(fèi)、價(jià)值達(dá)幾百上千元的小網(wǎng)站。網(wǎng)頁設(shè)計(jì)思路不明確、網(wǎng)站欄目設(shè)置不合理、首頁布局無特色，內(nèi)容定位不清晰?？傊?，網(wǎng)頁制作門檻高、學(xué)生動(dòng)手操作難，美工不出彩、商務(wù)沒感覺，這是傳統(tǒng)模式的致命缺陷。

1.2課程教學(xué)模式落后

傳統(tǒng)的《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中，許多學(xué)校是以教師為中心，偏重于講授為主，傳授網(wǎng)頁制作的工具、技術(shù)等專業(yè)知識(shí)，缺少對(duì)學(xué)生思考和解決問題能力的訓(xùn)練，沒有引導(dǎo)學(xué)生去自主學(xué)習(xí)，這就導(dǎo)致很難培養(yǎng)學(xué)生的理性精神及創(chuàng)造能力、創(chuàng)業(yè)意識(shí)，也無法培養(yǎng)學(xué)生獨(dú)立思考、敢于向權(quán)威挑戰(zhàn)的學(xué)習(xí)態(tài)度和競(jìng)爭(zhēng)精神，更無法引導(dǎo)學(xué)生的創(chuàng)業(yè)意識(shí)和創(chuàng)造性思維。

1.3實(shí)踐教學(xué)方法有待完善

現(xiàn)有的《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》實(shí)踐教學(xué)更多的強(qiáng)調(diào)技術(shù)層面的東西，很少有考慮到商務(wù)訴求。在教學(xué)過程中，大部分學(xué)生都有畏難情緒，導(dǎo)致教學(xué)效果不明顯，學(xué)生網(wǎng)頁設(shè)計(jì)的思路不清晰，動(dòng)手操作難。

2《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》教學(xué)模式設(shè)計(jì)總體方案

2.1打破傳統(tǒng)學(xué)術(shù)思維的束縛，遵循網(wǎng)站建設(shè)的業(yè)務(wù)邏輯

課程設(shè)計(jì)以典型企業(yè)網(wǎng)站為載體，通過商務(wù)網(wǎng)頁設(shè)計(jì)導(dǎo)引、商務(wù)網(wǎng)頁布局與設(shè)計(jì)、網(wǎng)頁效果圖制作、靜態(tài)頁面制作、DIV+CSS網(wǎng)頁布局五個(gè)學(xué)習(xí)型項(xiàng)目的創(chuàng)設(shè)，對(duì)商務(wù)網(wǎng)頁設(shè)計(jì)與制作的基本原理及實(shí)現(xiàn)方法進(jìn)行了系統(tǒng)介紹及完整展示，讓學(xué)生能在較短的時(shí)間內(nèi)制作出不僅美觀大方，而且能體現(xiàn)企業(yè)商務(wù)訴求的網(wǎng)站，打破傳統(tǒng)學(xué)術(shù)思維的束縛，遵循網(wǎng)站建設(shè)的業(yè)務(wù)邏輯――企業(yè)怎么做，我們?cè)趺醋?。商?wù)網(wǎng)頁設(shè)計(jì)制作流程如下圖1所示。

2.2教學(xué)內(nèi)容體系構(gòu)建

本課程在教學(xué)內(nèi)容的設(shè)計(jì)上以商務(wù)網(wǎng)頁設(shè)計(jì)與制作業(yè)務(wù)流程為主線，將商務(wù)網(wǎng)頁設(shè)計(jì)的基本原理與方法融入到典型工作任務(wù)的介紹和實(shí)訓(xùn)中。

第一個(gè)模塊和第二個(gè)模塊以典型商務(wù)網(wǎng)站類型、典型商務(wù)網(wǎng)頁版面風(fēng)格分析入手，使學(xué)生快速理解和掌握網(wǎng)頁設(shè)計(jì)的基本原理和方法，并能完成網(wǎng)站欄目規(guī)劃及商務(wù)網(wǎng)頁版面設(shè)計(jì)的任務(wù)。

第三個(gè)模塊以網(wǎng)頁素材的選擇為突破口，使學(xué)生快速地熟悉并掌握網(wǎng)頁效果圖制作的方法、步驟及要點(diǎn)。

第四個(gè)模塊則要求學(xué)生在已有效果圖的基礎(chǔ)上能制作實(shí)現(xiàn)靜態(tài)頁面，以使學(xué)生掌握必要的html標(biāo)記語言，并掌握常見的兩種頁面布局方式，為后續(xù)課程的學(xué)習(xí)打下基礎(chǔ)。

在課程實(shí)訓(xùn)方面，則選擇目前商務(wù)網(wǎng)站建設(shè)服務(wù)市場(chǎng)業(yè)務(wù)類型較多的企業(yè)網(wǎng)站建設(shè)業(yè)務(wù)為主線構(gòu)建實(shí)訓(xùn)項(xiàng)目。這類網(wǎng)站建設(shè)業(yè)務(wù)中的頁面設(shè)計(jì)素材豐富、規(guī)范化程度高，便于學(xué)生學(xué)習(xí)。

在教學(xué)內(nèi)容的細(xì)節(jié)處理上將充分考慮本課程與藝術(shù)設(shè)計(jì)類及軟件設(shè)計(jì)類相關(guān)課程的區(qū)別，降低學(xué)生學(xué)習(xí)難度，突出商務(wù)網(wǎng)頁設(shè)計(jì)與制作的重點(diǎn)，使學(xué)生能舉一反三，適應(yīng)商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)師崗位能力需求。

3課程教學(xué)的實(shí)施途徑

3.1基于校企合作的課程項(xiàng)目開發(fā)

《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》要求教師教學(xué)應(yīng)以企業(yè)真實(shí)需求為邏輯主線組織教學(xué)內(nèi)容，以項(xiàng)目為知識(shí)學(xué)習(xí)、技能訓(xùn)練和素質(zhì)養(yǎng)成的載體。為了保證與企業(yè)生產(chǎn)實(shí)踐相結(jié)合，最大限度地利用企業(yè)有效資源，通過積極深入市場(chǎng)與企業(yè)一線，認(rèn)真分析當(dāng)?shù)禺a(chǎn)業(yè)結(jié)構(gòu)與發(fā)展趨勢(shì)，尋找校企合作的結(jié)合點(diǎn)。目前，課程依照行業(yè)標(biāo)準(zhǔn)、崗位技能要求以及崗位工作流程等進(jìn)行項(xiàng)目運(yùn)作。在項(xiàng)目的開發(fā)過程中，企業(yè)高度參與，共同確定基于工作過程的典型工作任務(wù)。

3.2基于職場(chǎng)環(huán)境的教學(xué)實(shí)訓(xùn)基地建設(shè)

建設(shè)能夠進(jìn)行教、學(xué)、創(chuàng)于一體的基于職場(chǎng)環(huán)境一體化教學(xué)實(shí)訓(xùn)基地，是實(shí)施一體化教學(xué)的硬件保障，是實(shí)現(xiàn)教學(xué)模式轉(zhuǎn)變的重要條件。目前，我們已經(jīng)建立了三個(gè)學(xué)生工作室：網(wǎng)贏工作室、智越工作室和服務(wù)外包工作室。其中智越工作室的核心業(yè)務(wù)是中小企業(yè)網(wǎng)站建設(shè)與維護(hù)，每年吸納30多名學(xué)生，完成10多個(gè)企業(yè)真實(shí)項(xiàng)目，收入1萬多元。通過引進(jìn)企業(yè)真實(shí)項(xiàng)目，和企業(yè)建站的標(biāo)準(zhǔn)流程，提升學(xué)生的專業(yè)技能和職業(yè)素養(yǎng)。

3.3考核評(píng)價(jià)體系改革

本課程的學(xué)習(xí)，是要求學(xué)習(xí)者聯(lián)系一家有商務(wù)網(wǎng)站建設(shè)需求的真實(shí)企業(yè)，來完成課程模塊的實(shí)訓(xùn)。本課程以學(xué)習(xí)者的實(shí)訓(xùn)作品為主要考核依據(jù)，兼顧學(xué)習(xí)者的學(xué)習(xí)態(tài)度、職業(yè)素養(yǎng)、團(tuán)隊(duì)意識(shí)及表達(dá)溝通能力。

4結(jié)束語

將企業(yè)真實(shí)的生產(chǎn)制作流程引入到《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)中，引導(dǎo)學(xué)生重視企業(yè)的商務(wù)訴求，制作出符合企業(yè)需求的商務(wù)網(wǎng)站，是本課程的重要特色。

參考文獻(xiàn)

[1] 方玲玉.《網(wǎng)絡(luò)營(yíng)銷實(shí)務(wù)》工學(xué)結(jié)合課程開發(fā)的實(shí)踐嘗試[J].職教論壇，2008（16）.

[2] 張嬋.基于就業(yè)一創(chuàng)業(yè)導(dǎo)向的獨(dú)立學(xué)院網(wǎng)絡(luò)營(yíng)銷實(shí)踐教學(xué)方法改革探討[J].物流工程與管理，2012（5）.

[3] 周建良.以創(chuàng)業(yè)能力培養(yǎng)為導(dǎo)向的電子商務(wù)課程開發(fā)探索[J].科教文匯，2010（7）.

[4] 韓義.對(duì)電子商務(wù)課程教學(xué)改革的思考[J].天津電大學(xué)報(bào)，2008（9）.

[5] 方玲玉，李小斌，李念.高職經(jīng)管類專業(yè)系列項(xiàng)目課程開發(fā)――以高職電子商務(wù)專業(yè)為例[J].職教論壇，2010（12）.

第7篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞:網(wǎng)頁設(shè)計(jì) 網(wǎng)頁制作 教學(xué)改革

中圖分類號(hào):G64 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1007-3973 (2010) 01-178-02

1根據(jù)專業(yè)特色確定教學(xué)目標(biāo)

《網(wǎng)頁設(shè)計(jì)與制作技術(shù)》是計(jì)算機(jī)類專業(yè)的一門基礎(chǔ)課程,考慮到計(jì)算機(jī)類專業(yè)的學(xué)生缺少藝術(shù)設(shè)計(jì)基礎(chǔ),通常是以掌握靜態(tài)網(wǎng)頁的制作技術(shù)為教學(xué)目標(biāo)。但是對(duì)于多媒體專業(yè)的學(xué)生來說僅僅掌握網(wǎng)頁制作是不夠的。

多媒體專業(yè)的任務(wù)是能夠?qū)D形、圖像、文本、聲音、視頻、動(dòng)畫等多種媒體元素以合理的形式進(jìn)行整合,為其設(shè)計(jì)美觀的界面和人性化的交互方式,使之成為一個(gè)完整的多媒體系統(tǒng)。所以多媒體專業(yè)對(duì)學(xué)生在藝術(shù)設(shè)計(jì)水平和軟件制作能力方面都提出了較高的要求,針對(duì)這一專業(yè)特點(diǎn),《網(wǎng)頁設(shè)計(jì)與制作技術(shù)》課程的教學(xué)目標(biāo)放在了網(wǎng)頁的“設(shè)計(jì)”和“制作”兩方面。“設(shè)計(jì)”方面要求學(xué)生能夠利用設(shè)計(jì)工具設(shè)計(jì)出符合商業(yè)需求的網(wǎng)頁界面,能夠?qū)W(wǎng)站的信息進(jìn)行重組,能夠根據(jù)需要設(shè)計(jì)合理的交互方式;“制作”方面要求學(xué)生具備將網(wǎng)頁界面設(shè)計(jì)稿采用合理的制作技術(shù)轉(zhuǎn)換為真實(shí)網(wǎng)頁的能力,能夠制作可維護(hù)、可擴(kuò)展的網(wǎng)站結(jié)構(gòu)。

2依據(jù)教學(xué)目標(biāo)制定教學(xué)內(nèi)容

教學(xué)內(nèi)容是依據(jù)教學(xué)的兩個(gè)目標(biāo)來制定的,總體分為兩部分“網(wǎng)頁設(shè)計(jì)”和“網(wǎng)頁制作”。這兩部分的內(nèi)容對(duì)于多媒體專業(yè)的學(xué)生來說同樣重要,授課時(shí)間上要給予合理的分配。

“網(wǎng)頁設(shè)計(jì)”部分的內(nèi)容主要包括:

2.1網(wǎng)頁布局設(shè)計(jì)

由于受到顯示屏幕的限制,網(wǎng)頁具有區(qū)別于一般平面設(shè)計(jì)的布局結(jié)構(gòu),并且根據(jù)網(wǎng)頁信息量、網(wǎng)站主題和風(fēng)格的差異可以設(shè)計(jì)出千差萬別的布局。學(xué)生應(yīng)該具備根據(jù)實(shí)際合理設(shè)計(jì)網(wǎng)站布局的能力。

2.2網(wǎng)頁色彩設(shè)計(jì)

網(wǎng)頁的色彩創(chuàng)作擁有自身的設(shè)計(jì)規(guī)則,與其他視覺形式有著較大的差異。對(duì)于平面設(shè)計(jì)來說,色彩是靜止的,色彩的分布根據(jù)固定的信息來編排。對(duì)于網(wǎng)頁來說,信息是流動(dòng)的,網(wǎng)頁上的色彩也會(huì)跟著流動(dòng),因而,學(xué)生要掌握網(wǎng)頁上的用色更需謹(jǐn)慎。

2.3網(wǎng)頁界面元素設(shè)計(jì)

網(wǎng)頁上包括的文字、圖片、按鈕、聲音、動(dòng)畫等都需要經(jīng)過精心設(shè)計(jì)來配合完成一個(gè)完整的網(wǎng)站。學(xué)生需要掌握各種軟件來實(shí)現(xiàn)素材的設(shè)計(jì)與制作,這些軟件可以是Photoshop、Fireworks、Flash、Cooledit等。

2.4網(wǎng)頁導(dǎo)航設(shè)計(jì)

這一部分絕不僅僅是制作菜單,重點(diǎn)是對(duì)網(wǎng)站信息的組織。學(xué)生對(duì)網(wǎng)站信息的組織往往是隨意的,他們沒有意識(shí)去分析大量要在網(wǎng)頁上出現(xiàn)的信息哪些重要,哪些是輔助的,重要信息應(yīng)該出現(xiàn)在頁面的什么位置,以及如何使用色彩來突出重要信息。

2.5交互設(shè)計(jì)

瀏覽者不僅要求網(wǎng)頁具有良好的外部界面,也非常關(guān)心界面的組件、布局和風(fēng)格,看它們是否能支撐有效的交互,瀏覽者是否能輕松使用網(wǎng)站的功能來快速尋找到所需要的信息,這是評(píng)價(jià)網(wǎng)站可用性的一個(gè)重要指標(biāo)。

“網(wǎng)頁制作”部分的內(nèi)容主要包括:

(1) 使用XHTML+CSS實(shí)現(xiàn)網(wǎng)頁布局。早期的網(wǎng)頁制作大多采用表格嵌套的方法實(shí)現(xiàn),這種方法制作的網(wǎng)頁難以更新和擴(kuò)展?，F(xiàn)代的網(wǎng)頁越來越多使用XHTML+CSS來實(shí)現(xiàn),因?yàn)槠渚哂辛己玫撵`活性,同時(shí)也提出了一種全新的網(wǎng)頁制作思路。

(2)利用模板快速生成網(wǎng)頁。模板技術(shù)在XHTML+CSS流行的時(shí)代同樣重要,能夠幫助快速生成同類型的網(wǎng)頁,也更易于后期的維護(hù)。

(3)使用框架構(gòu)建網(wǎng)站。

(4)使用Flash輔助。Flash在制作導(dǎo)航條、按鈕、動(dòng)態(tài)圖片等方面具有明顯的優(yōu)勢(shì),把Flash結(jié)合進(jìn)來能讓網(wǎng)頁增添不少亮點(diǎn)。

3 根據(jù)現(xiàn)代學(xué)生的特點(diǎn)選擇教學(xué)方法

現(xiàn)代的學(xué)生都有一些新的特點(diǎn),比如喜歡拿手機(jī)發(fā)短信、喜歡通過網(wǎng)絡(luò)獲取知識(shí)多過于書籍、喜歡在網(wǎng)絡(luò)上與他人溝通、喜歡使用博客、玩游戲等,思想認(rèn)識(shí)上也與以前的學(xué)生有很大的不同。教學(xué)應(yīng)該以學(xué)生的學(xué)習(xí)為中心,教師的任務(wù)是幫助學(xué)生提高學(xué)習(xí)興趣,教學(xué)的過程要符合學(xué)習(xí)習(xí)慣。如何改變傳統(tǒng)的教學(xué)方式來適應(yīng)現(xiàn)代的學(xué)生是我們需要研究的課題。可以考慮在以下方面改進(jìn)教學(xué)方法,從而加強(qiáng)對(duì)學(xué)生的學(xué)習(xí)引導(dǎo):

3.1讓學(xué)生在自由、輕松的課堂環(huán)境下學(xué)習(xí)

國(guó)外的一些研究表明,讓學(xué)生在完全放松的狀態(tài)下學(xué)習(xí)能夠得到比嚴(yán)肅的課堂環(huán)境更好的教學(xué)效果,尤其對(duì)于需要發(fā)揮創(chuàng)意的課程來說更是如此。我們可以考慮將課堂從教室移至亭子、池塘邊、樹蔭下等大自然的某個(gè)角落,或者重新布局教室,使它看起來象工作室、會(huì)客廳、休息室,或者通過課堂上給予學(xué)生充分的自由思考、自由交流的機(jī)會(huì),教師的語言如果更具有幽默感和親和力,就能更好地激發(fā)學(xué)生的興趣和創(chuàng)造力。

3.2充分利用網(wǎng)絡(luò)實(shí)現(xiàn)零距離教學(xué)

現(xiàn)代的學(xué)生對(duì)網(wǎng)絡(luò)的使用非常普遍,通過網(wǎng)絡(luò)獲取知識(shí)的比例越來越大,所以利用網(wǎng)絡(luò)進(jìn)行課堂外的教學(xué)補(bǔ)充是非常有效的。通?？梢允褂镁W(wǎng)絡(luò)課程、論壇、博客等形式為學(xué)生提供隨時(shí)隨地可以獲取的學(xué)習(xí)資源;利用QQ等實(shí)時(shí)通訊工具實(shí)現(xiàn)教與學(xué)的零距離。

3.3注意調(diào)節(jié)課堂教學(xué)的節(jié)奏和氣氛

學(xué)生在一堂課的學(xué)習(xí)過程中注意力有明顯的變化規(guī)律,開始階段學(xué)生的注意力是最高的,中間最容易分散,接近最后又會(huì)慢慢提高。建議老師在講授知識(shí)的過程中可以利用這一規(guī)律,把重要的內(nèi)容放在前面,中間要加一些提高注意力的環(huán)節(jié)(可以是一次小組活動(dòng)、一點(diǎn)小幽默)重新激發(fā)學(xué)生的熱情,需要強(qiáng)調(diào)和總結(jié)的內(nèi)容要把握好最后的時(shí)間段。

4課程改革的進(jìn)一步探討

《網(wǎng)頁設(shè)計(jì)與制作技術(shù)》是一門綜合性的課程,根據(jù)學(xué)科的差別,可能會(huì)不同程度地涉及到網(wǎng)頁布局、色彩、交互、數(shù)據(jù)庫、服務(wù)器程序設(shè)計(jì)等內(nèi)容。針對(duì)多媒體專業(yè),本文沒有涉及后臺(tái)的數(shù)據(jù)庫和服務(wù)器程序部分,對(duì)于前臺(tái)的網(wǎng)頁制作技術(shù),如果學(xué)時(shí)充足,還可以考慮增加利用JavaScript實(shí)現(xiàn)網(wǎng)頁特效的內(nèi)容。隨著網(wǎng)頁制作技術(shù)的不斷發(fā)展,新技術(shù)、新方法、新標(biāo)準(zhǔn)將會(huì)不斷涌現(xiàn),所以我們也需要將網(wǎng)頁設(shè)計(jì)與制作的最新、最實(shí)用的技術(shù)反映到課堂教學(xué)中去。

5 結(jié)束語

網(wǎng)頁的設(shè)計(jì)與制作更多的表現(xiàn)為一門藝術(shù),要讓學(xué)生學(xué)到網(wǎng)頁設(shè)計(jì)的理念而不僅僅是網(wǎng)頁制作的方法,這應(yīng)該是該門課程在多媒體專業(yè)中承當(dāng)?shù)娜蝿?wù)。上面所提到的教學(xué)目標(biāo)、教學(xué)內(nèi)容和教學(xué)方法都應(yīng)該圍繞這一核心任務(wù)展開,最終為培養(yǎng)既有設(shè)計(jì)能力又有動(dòng)手能力的合格學(xué)生服務(wù)。

參考文獻(xiàn):

[1]尤彩虹.高職《網(wǎng)頁設(shè)計(jì)與制作》課程建設(shè)實(shí)踐與探索[J].中國(guó)科教創(chuàng)新導(dǎo)刊.2009,(2):183.

第8篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)與制作；教學(xué)模式；改革；實(shí)踐

一、課程教學(xué)改革背景

我校的《網(wǎng)頁設(shè)計(jì)與制作》課程多年來一直是網(wǎng)絡(luò)技術(shù)、信息管理、電子商務(wù)、計(jì)算機(jī)應(yīng)用、軟件技術(shù)等專業(yè)的基礎(chǔ)課程，該課程技能操作強(qiáng)，知識(shí)點(diǎn)多，是重要的專業(yè)基礎(chǔ)課。但多年來教學(xué)存在一些問題和弊端，尤其是教學(xué)模式的不足嚴(yán)重影響了教學(xué)質(zhì)量?！秶?guó)家中長(zhǎng)期教育改革和發(fā)展規(guī)劃綱要（2010-2020年）》明確指出：“職業(yè)教育要改革人才培養(yǎng)體制，深化教育教學(xué)改革，創(chuàng)新教育教學(xué)方法，推進(jìn)課程改革，探索多種培養(yǎng)方式”。因此，我們進(jìn)行了多種教學(xué)摸索和實(shí)踐，以改變現(xiàn)狀。

二、課程教學(xué)模式改革基本思路

通過詳細(xì)的調(diào)研，我們確定了教學(xué)模式改革的基本思路：把企業(yè)需求作為出發(fā)點(diǎn)，以就業(yè)為導(dǎo)向，著力培養(yǎng)學(xué)生制作網(wǎng)站的技能水平與操作能力。在此基礎(chǔ)上醞釀改革：自創(chuàng)“案例―模塊―項(xiàng)目”正逆向啟發(fā)式教學(xué)方法，綜合應(yīng)用已有的適合技能學(xué)習(xí)的教學(xué)模式。

三、課程教學(xué)模式改革的應(yīng)用

1.自創(chuàng)了“案例―模塊―項(xiàng)目”正逆向教學(xué)方法

這種教學(xué)法以案例為基礎(chǔ)，相關(guān)案例構(gòu)成一個(gè)模塊，幾個(gè)模塊構(gòu)成一個(gè)項(xiàng)目。其中案例是將課程內(nèi)容與教學(xué)內(nèi)容聯(lián)系，將要講授的知識(shí)點(diǎn)以實(shí)例的形式體現(xiàn)，在課堂上以技能操作方式進(jìn)行分析；模塊是按照教學(xué)大綱的思路，將幾個(gè)相近案例組合在一起，實(shí)現(xiàn)崗位技能的應(yīng)用，同一教學(xué)模塊對(duì)不同層次的學(xué)生有不同的要求和考核標(biāo)準(zhǔn)，針對(duì)學(xué)生的具體情況和教學(xué)內(nèi)容來分析；項(xiàng)目是以案例模塊為教學(xué)單位、專項(xiàng)能力模塊為學(xué)習(xí)單元綜合起來的一個(gè)任務(wù)，根據(jù)制作完整網(wǎng)站項(xiàng)目任務(wù)分析，確定不同知識(shí)模塊。

2.輔以任務(wù)導(dǎo)向法、技術(shù)藝術(shù)法、趣味引入法、學(xué)生施教法、作品評(píng)價(jià)法、互動(dòng)教學(xué)法、討論教學(xué)法等多種教學(xué)方法

多種教學(xué)方法因時(shí)制宜綜合運(yùn)用，提高了學(xué)生的學(xué)習(xí)興趣，增強(qiáng)了課程的知識(shí)性、實(shí)踐性和趣味性。

3.教學(xué)配套設(shè)施改革

充分利用學(xué)校優(yōu)質(zhì)互聯(lián)網(wǎng)教學(xué)資源和網(wǎng)絡(luò)信息資源作為輔助教學(xué)資源，為學(xué)生創(chuàng)造一種開放、主動(dòng)、發(fā)現(xiàn)式的學(xué)習(xí)環(huán)境。

（1）我校實(shí)訓(xùn)室配有大屏幕投影儀，六七十臺(tái)配置最先進(jìn)的品牌電腦，高質(zhì)量、高尖端的網(wǎng)絡(luò)教學(xué)平臺(tái)，并開發(fā)了教師端教學(xué)程序利用校園網(wǎng)在實(shí)訓(xùn)室內(nèi)聯(lián)機(jī)教學(xué)，教師機(jī)能隨時(shí)點(diǎn)名、教學(xué)、演示、答疑，控制學(xué)生機(jī)的開關(guān)、收發(fā)作業(yè)，學(xué)生也能隨時(shí)提問、觀看教師演示、自己練習(xí)，目前該課程已有三分之二課時(shí)在實(shí)訓(xùn)室內(nèi)進(jìn)行。

（2）充分發(fā)揮Internet互聯(lián)網(wǎng)對(duì)此課程的特殊作用，開放網(wǎng)絡(luò)資源讓學(xué)生學(xué)習(xí)，鑒賞、觀摩國(guó)內(nèi)外優(yōu)秀網(wǎng)站、動(dòng)畫，調(diào)用、借鑒網(wǎng)上好的版面、圖片、資料，維護(hù)、修改學(xué)院網(wǎng)站，上傳自己制作的個(gè)人主頁和小型網(wǎng)站，學(xué)生實(shí)學(xué)實(shí)用，將廣闊的因特網(wǎng)作為學(xué)習(xí)和實(shí)訓(xùn)操作空間，學(xué)到許多課堂上接觸不到的知識(shí)，專業(yè)素質(zhì)、技能水平進(jìn)步很大，極大地提高了教學(xué)質(zhì)量。

4.革新實(shí)訓(xùn)

我們跳出舊有的坐在機(jī)房搞實(shí)訓(xùn)的模式，直接和學(xué)校、公司、企業(yè)、社區(qū)聯(lián)系，讓學(xué)生利用所學(xué)知識(shí)為他們制作網(wǎng)站，全過程按企業(yè)開發(fā)網(wǎng)站的工作流程去規(guī)劃、設(shè)計(jì)、制作，讓學(xué)生進(jìn)入實(shí)際領(lǐng)域內(nèi)調(diào)查、搜集資料，感受實(shí)際工作中所需要的知識(shí)、技能、能力，學(xué)會(huì)表達(dá)、解決問題的方法與團(tuán)結(jié)協(xié)作的精神，完成從學(xué)生到設(shè)計(jì)師、從學(xué)校到社會(huì)的蛻變。

5.實(shí)行考評(píng)改革

為了讓學(xué)生平時(shí)扎扎實(shí)實(shí)地學(xué)習(xí)，學(xué)到實(shí)用的技能知識(shí)，在考評(píng)上我們加大了平時(shí)考評(píng)的力度，由最初的試卷考評(píng)、認(rèn)證考評(píng)到現(xiàn)在通過平時(shí)紀(jì)律、態(tài)度，作業(yè)完成情況，網(wǎng)站項(xiàng)目制作情況，創(chuàng)新、協(xié)作精神四個(gè)方面來考查學(xué)生的綜合素質(zhì)和動(dòng)手能力，確定學(xué)生的考評(píng)成績(jī)。

四、改革效果

1.提高了學(xué)生的技能水平

通過改革，學(xué)生由原來的被動(dòng)灌輸變?yōu)楝F(xiàn)在的主動(dòng)學(xué)習(xí)，學(xué)生成了課堂主體，對(duì)“案例―模塊―項(xiàng)目”這種授課方式充滿了濃厚的興趣，學(xué)習(xí)積極性提高，尤其是動(dòng)畫和圖片處理，掌握得非常好，一般學(xué)完本課程后，每個(gè)學(xué)生都能制作出一個(gè)完整的中小型網(wǎng)站來，畢業(yè)后就能赴生產(chǎn)一線工作崗位，成為高技能應(yīng)用型人才。其中有部分學(xué)生在教師的指導(dǎo)下對(duì)本校網(wǎng)站進(jìn)行維護(hù)、更新、管理工作。

2.提高了教學(xué)效率

教改后“案例―模塊―項(xiàng)目”正、逆向授課相對(duì)于原來灌輸式授課來說，教學(xué)效率有了質(zhì)的飛躍，原來需要四五個(gè)課時(shí)才能講清的內(nèi)容，現(xiàn)在兩三個(gè)課時(shí)就能掌握，教學(xué)效率提高了許多。

3.提高學(xué)生的學(xué)習(xí)積極性與創(chuàng)新思維

案例、模塊、項(xiàng)目的授課方式推出，引起了學(xué)生的濃厚興趣，看到每一個(gè)練習(xí)有實(shí)實(shí)在在的效果，每堂課都能學(xué)到實(shí)用的東西，學(xué)生的學(xué)習(xí)積極性越來越高，課堂上也越來越投入。加上技術(shù)藝術(shù)法、趣味引入法、學(xué)生施教法、作品評(píng)價(jià)法、互動(dòng)教學(xué)法等教學(xué)方法的使用，學(xué)生參與其中，親身體驗(yàn)良好的課堂氛圍，思維越來越敏捷，學(xué)習(xí)越來越主動(dòng)，創(chuàng)新性作品不斷涌現(xiàn)。

4.提高了教學(xué)質(zhì)量

自從進(jìn)行“案例―模塊―項(xiàng)目”正、逆向教學(xué)模式改革后，教學(xué)質(zhì)量有了很大提高，課堂上每個(gè)案例、模塊學(xué)生都能學(xué)會(huì)并當(dāng)場(chǎng)操作演示；原來學(xué)生在課程結(jié)束后只能做幾個(gè)簡(jiǎn)單的靜態(tài)頁面，而現(xiàn)在技能水平有了很大的提高，都能制作出一個(gè)完整的網(wǎng)站，靜態(tài)、動(dòng)態(tài)效果處理得很好，在后能進(jìn)行更新、維護(hù)、管理工作，顯示了深厚的專業(yè)素質(zhì)。

五、總結(jié)

通過近兩年的網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)模式改革，取得較好的效果，網(wǎng)頁制作技能水平得到很大提高，都能夠利用所學(xué)的知識(shí)與技能去制作和開發(fā)網(wǎng)站，較大地調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性，培養(yǎng)了創(chuàng)新思維、團(tuán)結(jié)協(xié)作能力與動(dòng)手操作能力。但改革還需不斷深化，教師與學(xué)生還需不斷努力，讓實(shí)踐來驗(yàn)證效果，實(shí)現(xiàn)師生雙贏的美好明天。

參考文獻(xiàn)：

第9篇：網(wǎng)頁制作與設(shè)計(jì)課程范文

關(guān)鍵詞： 電子商務(wù) 網(wǎng)頁設(shè)計(jì)與制作 教學(xué)改革

隨著高等職業(yè)教育改革形勢(shì)的縱深發(fā)展，隨著對(duì)教高16號(hào)文的深入學(xué)習(xí)，“基于工作過程的課程與課程開發(fā)”的理念逐漸為廣大高職院校師生所接受，這也從側(cè)面印證了該理念與高等職業(yè)教育方針的吻合。職業(yè)教育要能真正培養(yǎng)出技能型人才，必須按照技能型人才的成才規(guī)律來進(jìn)行。因?yàn)橹R(shí)和能力是由學(xué)生主動(dòng)構(gòu)建的，而不是由填鴨式教育從外部灌輸?shù)綄W(xué)生頭腦中的。沒有實(shí)際的工作活動(dòng)，學(xué)生不可能真正獲得對(duì)知識(shí)的理解和能力的掌握。所以，職業(yè)教育培養(yǎng)技能型人才，其核心是必須徹底破除目前高職教育本科化、理論繁瑣的課程體系和教學(xué)內(nèi)容，以及在課堂上以知識(shí)學(xué)習(xí)為中心的教學(xué)方式，使職業(yè)教育的課程在內(nèi)容、結(jié)構(gòu)、實(shí)施方式和實(shí)施環(huán)境四個(gè)方面反映技能型人才的知識(shí)和能力結(jié)構(gòu)構(gòu)建的要求。

一、現(xiàn)階段電子商務(wù)專業(yè)網(wǎng)頁設(shè)計(jì)與制作的缺憾

《網(wǎng)頁設(shè)計(jì)與制作》是電子商務(wù)專業(yè)的一門核心課程，也是一項(xiàng)核心技能，還是一門綜合性、交叉性課程。該課程的教學(xué)目的主要是讓學(xué)生掌握構(gòu)建電子商務(wù)網(wǎng)站的輪廓和前臺(tái)模塊，并為后續(xù)的網(wǎng)站建設(shè)專業(yè)課程打好基礎(chǔ)。該項(xiàng)課程能很好地和學(xué)生的就業(yè)技能相結(jié)合，是體現(xiàn)電子商務(wù)學(xué)生動(dòng)手能力和核心技術(shù)的重要途徑，也是電子商務(wù)的核心課程。該課程教學(xué)不僅關(guān)系到學(xué)生對(duì)電子商務(wù)專業(yè)的理解與把握、后續(xù)專業(yè)課程的學(xué)習(xí)效果，更直接影響到學(xué)生畢業(yè)后從事電子商務(wù)實(shí)際操作的主要?jiǎng)邮帜芰Α?/p>

然而在現(xiàn)階段的教學(xué)中普遍存在以下問題：首先，教師的課堂講解無法激發(fā)學(xué)生的能動(dòng)性和創(chuàng)造性；其次，實(shí)踐教學(xué)的課時(shí)不足，該門課程實(shí)踐性很強(qiáng)，過多依靠教師演示，將使學(xué)生實(shí)際掌握能力無法提高，難以解決實(shí)際問題；再則，傳統(tǒng)的書面考核評(píng)價(jià)方式過于單一，無法全面了解到學(xué)生掌握技能的真實(shí)情況和學(xué)習(xí)熱情；第四，現(xiàn)階段的教學(xué)往往偏重于網(wǎng)頁制作工具的介紹和各軟件功能的講解，忽略了網(wǎng)頁設(shè)計(jì)與制作的本質(zhì)，往往只注重教學(xué)生使用工具，而不是在實(shí)際工作環(huán)境中帶著思考去使用；最后，學(xué)生學(xué)過該門課程后，還是不會(huì)設(shè)計(jì)與制作電子商務(wù)方面的網(wǎng)頁，例如淘寶中的個(gè)人網(wǎng)店、個(gè)人博客的設(shè)計(jì)等。這樣的學(xué)生畢業(yè)后，自然不會(huì)立即適應(yīng)需要網(wǎng)頁設(shè)計(jì)與制作技能的工作崗位，還需要用人單位的大量培訓(xùn)，或者根本沒有機(jī)會(huì)獲得相關(guān)的崗位，對(duì)自己和社會(huì)都造成了極大的浪費(fèi)。這也是我們高職教育的失敗。因此，為了提高電子商務(wù)《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)實(shí)效性，必須對(duì)傳統(tǒng)的教學(xué)模式包括教學(xué)內(nèi)容、教學(xué)方式和考核評(píng)價(jià)等方式進(jìn)行改革。

二、引進(jìn)項(xiàng)目課程的意義

那么什么是項(xiàng)目課程呢？項(xiàng)目課程中的“項(xiàng)目”應(yīng)該是學(xué)生按計(jì)劃、運(yùn)用已有的知識(shí)經(jīng)驗(yàn)，通過自己的操作，在具體的情境中解決實(shí)際問題，可理解為一件產(chǎn)品的設(shè)計(jì)與制作，一個(gè)故障的排除，一項(xiàng)服務(wù)的提供等，最后能產(chǎn)生所對(duì)應(yīng)的產(chǎn)品。而職業(yè)教育的項(xiàng)目課程應(yīng)該是把企業(yè)生產(chǎn)、管理、經(jīng)營(yíng)、服務(wù)中的實(shí)際工作過程作為課程的核心，把典型的工作任務(wù)或工作項(xiàng)目作為課程的內(nèi)容，并與職業(yè)資格標(biāo)準(zhǔn)特別是職業(yè)資格認(rèn)證相銜接，由學(xué)生獨(dú)立或以小組形式自主完成從信息收集、工作計(jì)劃制定、工作任務(wù)實(shí)施、對(duì)工作成果的評(píng)價(jià)等完整的工作過程，學(xué)生在這一過程中獲得綜合職業(yè)知識(shí)和職業(yè)能力。

項(xiàng)目課程的整個(gè)體系和結(jié)構(gòu)與我們傳統(tǒng)學(xué)科課程模式的體系與結(jié)構(gòu)截然不同。項(xiàng)目課程模式的基礎(chǔ)體系是工作體系。工作體系來源于面向生活生產(chǎn)的一線，脫胎于基于職業(yè)崗位的工作任務(wù)的相關(guān)性，是緊密圍繞職業(yè)技能的要求，完成所謂職業(yè)目標(biāo)的，在實(shí)質(zhì)上更是一個(gè)實(shí)踐體系。項(xiàng)目課程的目標(biāo)體系就是在完成工作任務(wù)的過程中讓學(xué)生提高職業(yè)技能。這本身也是高職教育的基本導(dǎo)向，同時(shí)項(xiàng)目課程的職業(yè)技能培養(yǎng)不同于原有教學(xué)體系中單一、分割的各個(gè)技能。項(xiàng)目課程所要培養(yǎng)的是綜合職業(yè)能力，它包括職業(yè)業(yè)務(wù)范圍內(nèi)的單項(xiàng)技能與知識(shí)、綜合技能與知識(shí)；獨(dú)立學(xué)習(xí)及獲取新技能、新知識(shí)、新方法的能力；人際溝通、交往、合作等方面的態(tài)度和能力。同時(shí)，通過一個(gè)個(gè)工作任務(wù)的“項(xiàng)目”載體，以實(shí)際行動(dòng)為過程，著重培養(yǎng)學(xué)生的理論聯(lián)系實(shí)際的技術(shù)應(yīng)用、合作學(xué)習(xí)、自我學(xué)習(xí)和方法創(chuàng)新的能力。

項(xiàng)目課程的運(yùn)用，將使學(xué)生學(xué)習(xí)過程實(shí)踐化、學(xué)習(xí)目標(biāo)明確化、學(xué)習(xí)結(jié)果可測(cè)化。學(xué)生先通過工作任務(wù)書分析獲得工作化的“學(xué)習(xí)任務(wù)”，然后通過組建工作項(xiàng)目來轉(zhuǎn)換成學(xué)習(xí)內(nèi)容。項(xiàng)目課程的學(xué)習(xí)過程是以行動(dòng)為主的學(xué)生自我建構(gòu)過程，學(xué)生在有目標(biāo)的行動(dòng)化學(xué)習(xí)中逐步熟練掌握實(shí)踐知識(shí)、獲取理論知識(shí)，并能通過工作成果激發(fā)成就感，提升學(xué)習(xí)興趣，提高工作結(jié)果的主觀愿望，真正變“要我學(xué)”為“我要學(xué)”。通過每個(gè)項(xiàng)目的結(jié)果實(shí)現(xiàn)學(xué)習(xí)結(jié)果的可測(cè)化。

項(xiàng)目課程的實(shí)施也能主動(dòng)有效地推進(jìn)教師進(jìn)行教學(xué)改革，使教師面對(duì)整個(gè)知識(shí)體系和學(xué)生需求時(shí)能較好地解決為什么要選擇這些知識(shí)，為什么要設(shè)置教這些內(nèi)容，這些知識(shí)能讓學(xué)生掌握什么技能，在工作崗位中能如何體現(xiàn)出來等問題。因此，項(xiàng)目課程的引入將能有效地培養(yǎng)高素質(zhì)技能型人才，也符合高職教育人才培養(yǎng)規(guī)律。

引入項(xiàng)目課程的實(shí)施能充分反映學(xué)生勝任生產(chǎn)、管理、經(jīng)營(yíng)、服務(wù)實(shí)踐活動(dòng)的實(shí)際，能從根本上保證技能型人才培養(yǎng)的要求。這也就是要求將就業(yè)單位中的實(shí)際工作過程、工作任務(wù)和職業(yè)活動(dòng)的真實(shí)場(chǎng)景引入到教學(xué)中來，并以學(xué)生勝任工作任務(wù)為核心形成學(xué)習(xí)項(xiàng)目或課題。這也是我們按照教高16號(hào)文進(jìn)行教學(xué)改革，并將學(xué)生所需的職業(yè)能力提煉，進(jìn)行組合和編排，構(gòu)建項(xiàng)目課程的意義。

三、建立電子商務(wù)網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目課程標(biāo)準(zhǔn)的思路

對(duì)電子商務(wù)網(wǎng)頁設(shè)計(jì)與制作進(jìn)行項(xiàng)目課程改革，緊緊圍繞著以教師為主導(dǎo)、學(xué)生為主體、就業(yè)為導(dǎo)向進(jìn)行校企合作工學(xué)結(jié)合工作過程系統(tǒng)化項(xiàng)目課程改革，強(qiáng)化學(xué)生對(duì)崗位的適應(yīng)能力，培養(yǎng)學(xué)生具有良好職業(yè)道德、過硬的崗位操作和管理能力、可持續(xù)發(fā)展能力，以滿足當(dāng)?shù)亟?jīng)濟(jì)社會(huì)和企業(yè)發(fā)展對(duì)人才的需要。體系改革的難點(diǎn)與重點(diǎn)不在于項(xiàng)目課程的理論，而是該課程課程標(biāo)準(zhǔn)的重構(gòu)和建立。只要建好課程標(biāo)準(zhǔn)，那么也就有了整個(gè)課程改革的思路，教學(xué)大綱，各個(gè)工作任務(wù)、模塊的劃分，知識(shí)體系的分配，乃至教材的編寫、教學(xué)環(huán)節(jié)的設(shè)計(jì)等也就有了明確的目標(biāo)和參照。

本課程標(biāo)準(zhǔn)的總體設(shè)計(jì)思路：變?nèi)问秸n程體系為任務(wù)引領(lǐng)型課程體系，打破傳統(tǒng)的文化基礎(chǔ)課、專業(yè)基礎(chǔ)課、專業(yè)課的三段式課程設(shè)置模式，緊緊圍繞完成工作任務(wù)的需要來選擇課程內(nèi)容；變知識(shí)學(xué)科本位為職業(yè)能力本位，打破傳統(tǒng)的以“了解”、“掌握”為特征設(shè)定的學(xué)科型課程目標(biāo)，從“任務(wù)與職業(yè)能力”分析出發(fā)，設(shè)定職業(yè)能力培養(yǎng)目標(biāo)；變書本知識(shí)的傳授為動(dòng)手能力的培養(yǎng)，打破傳統(tǒng)的知識(shí)傳授方式，以“工作項(xiàng)目”為主線，創(chuàng)設(shè)工作情景，結(jié)合職業(yè)技能證書考證，培養(yǎng)學(xué)生的實(shí)踐動(dòng)手能力。以電子商務(wù)專業(yè)學(xué)生的就業(yè)為導(dǎo)向，根據(jù)行業(yè)專家對(duì)電子商務(wù)網(wǎng)頁設(shè)計(jì)與制作所涵蓋的崗位群進(jìn)行的任務(wù)和職業(yè)能力分析。畢業(yè)生所適應(yīng)的崗位主要有：企事業(yè)單位電子商務(wù)網(wǎng)絡(luò)信息資源的收集、整理和，中小企業(yè)電子商務(wù)網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)，網(wǎng)絡(luò)營(yíng)銷方案策劃及實(shí)施，第三方及傳統(tǒng)企業(yè)的電子商務(wù)客戶服務(wù)等專業(yè)崗位的需求。可見，電子商務(wù)網(wǎng)頁設(shè)計(jì)與制作是本專業(yè)培養(yǎng)的目標(biāo)崗位之一。那么整個(gè)課程的工作體系也就要從這些職業(yè)技能群出發(fā)，尋找那些典型的工作任務(wù)過程。同時(shí)遵循高等職業(yè)院校學(xué)生的認(rèn)知規(guī)律，緊密結(jié)合職業(yè)資格證書中的相關(guān)考核要求，確定本課程的工作模塊和課程內(nèi)容。為了充分體現(xiàn)任務(wù)引領(lǐng)、實(shí)踐導(dǎo)向課程思想，本課程按照制作網(wǎng)站的基本開發(fā)流程即規(guī)劃和準(zhǔn)備階段、基礎(chǔ)網(wǎng)頁制作、網(wǎng)頁特效制作、網(wǎng)頁圖像動(dòng)畫處理等課程內(nèi)容安排，選擇具有代表性的范例為載體組織課程內(nèi)容。通過任務(wù)引領(lǐng)型的項(xiàng)目活動(dòng)，掌握電子商務(wù)網(wǎng)頁設(shè)計(jì)與制作的技能和相關(guān)理論知識(shí)，對(duì)各類工作項(xiàng)目的任務(wù)過程有一個(gè)基本了解，主要培養(yǎng)學(xué)生能描述網(wǎng)站開發(fā)流程，規(guī)劃版面，書寫網(wǎng)站分析報(bào)告；能熟練使用Dreamweaver制作網(wǎng)站；能通過修改模版對(duì)已有網(wǎng)站進(jìn)行二次開發(fā)；能使用Dreamweaver設(shè)計(jì)網(wǎng)頁布局；能將腳本特效運(yùn)用于所制作的網(wǎng)頁上；能熟練掌握拍攝靜物商品的照片；能把商品照片處理后運(yùn)用于網(wǎng)頁；能使用圖形處理軟件制作電子網(wǎng)務(wù)網(wǎng)站店標(biāo)、活動(dòng)廣告、商品描述、網(wǎng)站按鈕文字等；能使用Flash制作商品宣傳動(dòng)畫等職業(yè)技能培養(yǎng)目標(biāo)。

在教學(xué)過程中，應(yīng)立足于加強(qiáng)學(xué)生實(shí)際操作能力的培養(yǎng)，采用項(xiàng)目教學(xué)，以工作任務(wù)引領(lǐng)提高學(xué)生學(xué)習(xí)。課堂教學(xué)通過校企兩個(gè)課堂進(jìn)行教學(xué)，并帶領(lǐng)學(xué)生到企業(yè)進(jìn)行參觀；然后利用學(xué)校的仿真模擬實(shí)訓(xùn)室進(jìn)行模擬實(shí)踐；再利用校外實(shí)訓(xùn)基地進(jìn)行實(shí)習(xí)；在此基礎(chǔ)上進(jìn)行頂崗實(shí)習(xí)；使學(xué)生掌握崗位職業(yè)技能、學(xué)會(huì)學(xué)習(xí)和學(xué)會(huì)工作的方法能力、培養(yǎng)學(xué)生的崗位職業(yè)道德和可持續(xù)發(fā)展能力；同時(shí)輔以社會(huì)實(shí)踐、大賽，提高學(xué)生的發(fā)現(xiàn)問題、分析問題和解決問題的方法，通過網(wǎng)絡(luò)平臺(tái)使學(xué)生進(jìn)行自主創(chuàng)新性學(xué)習(xí)。在教學(xué)過程中，要?jiǎng)?chuàng)設(shè)工作情景，同時(shí)應(yīng)加大實(shí)踐實(shí)操的容量，要緊密結(jié)合職業(yè)技能證書的考證，加強(qiáng)考證的實(shí)操項(xiàng)目的訓(xùn)練，在實(shí)踐實(shí)操過程中，使學(xué)生掌握實(shí)踐項(xiàng)目的操作流程，提高學(xué)生的崗位適應(yīng)能力。教師示范和學(xué)生分組討論、訓(xùn)練互動(dòng)，學(xué)生提問與教師解答、指導(dǎo)有機(jī)結(jié)合，讓學(xué)生在“教”與“學(xué)”過程中，會(huì)進(jìn)行常用案例分析、機(jī)房獨(dú)立制作完成。要重視本專業(yè)領(lǐng)域新技術(shù)、新特點(diǎn)的發(fā)展趨勢(shì)，貼近實(shí)踐操作。為學(xué)生提供職業(yè)生涯發(fā)展的空間，努力培養(yǎng)學(xué)生參與社會(huì)實(shí)踐的創(chuàng)新精神和職業(yè)能力。

在教學(xué)評(píng)價(jià)時(shí)也要注意改革傳統(tǒng)的學(xué)生評(píng)價(jià)手段和方法，采用階段評(píng)價(jià)，過程性評(píng)價(jià)，現(xiàn)場(chǎng)評(píng)價(jià)與目標(biāo)評(píng)價(jià)相結(jié)合，項(xiàng)目評(píng)價(jià)，理論與實(shí)踐一體化評(píng)價(jià)等模式，關(guān)注評(píng)價(jià)的多元性，結(jié)合課堂提問、學(xué)生作業(yè)、平時(shí)測(cè)驗(yàn)、實(shí)驗(yàn)實(shí)訓(xùn)、技能競(jìng)賽及考試情況，綜合評(píng)價(jià)學(xué)生的成績(jī)。應(yīng)注重學(xué)生動(dòng)手能力和實(shí)踐中分析問題、解決問題能力的考核，對(duì)在學(xué)習(xí)和應(yīng)用上有創(chuàng)新的學(xué)生應(yīng)予以特別鼓勵(lì)，全面綜合評(píng)價(jià)學(xué)生能力。

四、小結(jié)

現(xiàn)階段大學(xué)生就業(yè)競(jìng)爭(zhēng)空前激烈，以“就業(yè)為導(dǎo)向”的高職教育也面臨較大的壓力。項(xiàng)目課程改革將使高職學(xué)生能在校園與就業(yè)崗位之間的過渡盡可能少，能使學(xué)生熟練掌握電子商務(wù)網(wǎng)頁設(shè)計(jì)與制作的職業(yè)技能，并獲得進(jìn)一步提升職業(yè)素質(zhì)的方法，以增加就業(yè)機(jī)會(huì)。這也就是對(duì)高職電子商務(wù)《網(wǎng)頁設(shè)計(jì)與制作》這門課程建設(shè)的肯定。

參考文獻(xiàn)：

［1］蔣慶斌，徐國(guó)慶.基于工作任務(wù)的職業(yè)教育項(xiàng)目課程研究［J］.職業(yè)技術(shù)教育，2005，（22）.

［2］徐國(guó)慶.項(xiàng)目課程的基本理論［J］.職教論壇，2006，（04）.

［3］王偉，葉穎.項(xiàng)目課程的教學(xué)設(shè)計(jì)探討［J］.中國(guó)現(xiàn)代教育裝備，2007，（1）.