中職網(wǎng)頁設(shè)計(jì)課程的教學(xué)探討

楊偲

摘要：如今，中職學(xué)校的職能是培養(yǎng)技能型和應(yīng)用型人才，中職學(xué)生是一個(gè)特殊的群體，他們成績較差，厭學(xué)、自卑心理嚴(yán)重，中職計(jì)算機(jī)教學(xué)如何激發(fā)學(xué)生的學(xué)習(xí)積極性，提高課堂教學(xué)的有效性成為當(dāng)務(wù)之急。針對(duì)這個(gè)需求，對(duì)網(wǎng)頁設(shè)計(jì)課程從課堂理論教學(xué)、實(shí)踐教學(xué)以及如何提高學(xué)生對(duì)本課程的興趣等幾個(gè)方面的內(nèi)容進(jìn)行了探討。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)與制作；案例教學(xué)；教學(xué)方法

網(wǎng)頁設(shè)計(jì)課程是一門綜合性很強(qiáng)的課程，既需要技術(shù)作為支持，同時(shí)也需要美感。為了提高課堂教學(xué)質(zhì)量，在教學(xué)實(shí)踐中從教學(xué)內(nèi)容、教學(xué)方法、實(shí)訓(xùn)幾方面進(jìn)行了探討與實(shí)踐，在這里談一談自己的一些體會(huì)。

一、明確教學(xué)目的，把握教學(xué)內(nèi)容

基礎(chǔ)學(xué)習(xí)很重要，要打好網(wǎng)頁設(shè)計(jì)的基礎(chǔ)。學(xué)完網(wǎng)頁設(shè)計(jì)這門課程，學(xué)生最基本的是要掌握至少一門的網(wǎng)頁編輯軟件并制作出簡單的頁面。就此，老師來安排自己的教學(xué)。

1.掌握一門好的網(wǎng)頁制作工具

我認(rèn)為，目前最好的網(wǎng)頁制作工具是Dreamweaver，Dreamw-eaver一直以來作為可視網(wǎng)頁編輯工作的標(biāo)準(zhǔn)，它在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強(qiáng)大。同時(shí)，制作網(wǎng)頁中的動(dòng)畫素材可以選擇Flash，處理和制作網(wǎng)頁中的圖片可以選擇Fireworks，這三個(gè)軟件具有良好的嵌入性，被稱為“網(wǎng)頁三劍客”。

2.要求學(xué)生能夠利用Dreamweaver設(shè)計(jì)各種網(wǎng)頁，開發(fā)一定規(guī)模的網(wǎng)站

授課時(shí)以Dreamweaver為主線，講授網(wǎng)頁設(shè)計(jì)、HTML語言、CSS、Javascript語言及動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)。

（1）重視對(duì)HTML的教學(xué)，HTML可以說是網(wǎng)頁的靈魂，網(wǎng)頁的最基本構(gòu)成是HTML標(biāo)記符。熟練掌握了HTML語言，可以很輕松地修改網(wǎng)站的網(wǎng)頁結(jié)構(gòu)，而且對(duì)SEO網(wǎng)站優(yōu)化很有用處，另外，無論是PHP、ASP、NET、JSP等網(wǎng)站編程語言，都要用到HTML。所以說學(xué)習(xí)HTML是我們學(xué)習(xí)制作動(dòng)態(tài)網(wǎng)頁的基礎(chǔ)。

（2）掌握CSS的基本使用。CSS就是一種叫做樣式表的技術(shù)，也有人稱之為層疊樣式表。在主頁制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)更加精確的控制，可以輕松地控制頁面的布局。

（3）掌握J(rèn)avascript腳本語言應(yīng)用基礎(chǔ)。Javascript語言簡單，但功能強(qiáng)大，具體有幾點(diǎn)功能：

①制作網(wǎng)頁特效

②提升使用性能

③窗口動(dòng)態(tài)操作

④擺脫現(xiàn)實(shí)環(huán)境的束縛

所以，學(xué)生掌握J(rèn)avascript腳本語言對(duì)網(wǎng)頁制作有很大的幫助。

二、把握好課堂，多采用實(shí)例教學(xué)

1.教學(xué)，首先要把握好課堂

一次課，45分鐘的理論教學(xué)是枯燥和沉悶的，因此首先要在多媒體教學(xué)課件上下工夫。課堂教學(xué)的靈魂是多媒體教學(xué)課件，它不只是文字與圖像的組合，還融合了音頻、視頻和動(dòng)畫信息等各種元素，使課堂變得更加生動(dòng)和精彩，這樣可以大大提高學(xué)生的學(xué)習(xí)興趣。

2.用實(shí)例作為課堂切入點(diǎn)

要想讓課堂生動(dòng)活躍，就要充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性。為此，我們需要找到學(xué)生感興趣的內(nèi)容作為切入點(diǎn)。網(wǎng)頁設(shè)計(jì)是一門實(shí)踐性很強(qiáng)的課程，教師可以用實(shí)例作為課堂切入點(diǎn)。課堂上可以先演示實(shí)例，讓學(xué)生看到實(shí)際效果，引起學(xué)生學(xué)習(xí)興趣，然后以實(shí)例引出具體知識(shí)點(diǎn)，將知識(shí)點(diǎn)融入具體實(shí)例中。比如，在表格布局和內(nèi)嵌框架的教學(xué)模塊中，我們采用任務(wù)驅(qū)動(dòng)教學(xué)內(nèi)容如下：

演示案例：制作一個(gè)介紹作家的站點(diǎn)，包含6個(gè)頁面，主頁為內(nèi)嵌框架頁，其余頁面為“作者生平”“作品簡介”“文學(xué)評(píng)論”等等。頁面導(dǎo)航放置在表格左下位置，框架內(nèi)放置目錄中超鏈接的內(nèi)容。

基本要求：在此案例中，再添加“經(jīng)典文章”和“關(guān)于我們”兩個(gè)內(nèi)容，資料在網(wǎng)絡(luò)中獲取，適當(dāng)設(shè)置網(wǎng)頁的背景以及文本屬性，使頁面美觀大方。

較高要求：用此站點(diǎn)結(jié)構(gòu)制作一個(gè)介紹自己的個(gè)人站點(diǎn)，要求至少包括6個(gè)頁面以上，主頁用內(nèi)嵌框架結(jié)構(gòu)，站點(diǎn)中導(dǎo)航清晰，布局合理，美觀大方。

三、強(qiáng)化階段實(shí)訓(xùn)，培養(yǎng)學(xué)生的動(dòng)手能力

實(shí)訓(xùn)教學(xué)是教學(xué)過程中的重要環(huán)節(jié)。網(wǎng)頁設(shè)計(jì)課程實(shí)訓(xùn)內(nèi)容的選擇要真正做到以技能培養(yǎng)為目標(biāo)。在實(shí)訓(xùn)過程中，學(xué)生可以自行查閱資料，根據(jù)自己的興趣設(shè)計(jì)網(wǎng)站，獨(dú)立完成。也可以分組完成，鼓勵(lì)學(xué)生以團(tuán)隊(duì)協(xié)作的方式完成某一個(gè)網(wǎng)站項(xiàng)目，鍛煉學(xué)生的團(tuán)隊(duì)協(xié)作能力。

四、其他方式

要想讓學(xué)生學(xué)習(xí)掌握網(wǎng)頁設(shè)計(jì)課程，單靠課堂教學(xué)還是不夠的，可以在校園內(nèi)舉辦一些網(wǎng)頁設(shè)計(jì)的比賽，通過比賽，既可以更大地提高他們對(duì)此課程的積極性，也可讓學(xué)生找到差距，激勵(lì)他們努力，不斷提高網(wǎng)頁設(shè)計(jì)水平。

五、結(jié)束語

在教學(xué)過程中，從學(xué)生感興趣的角度出發(fā)，對(duì)課堂理論教學(xué)、實(shí)例教學(xué)和課程實(shí)訓(xùn)等方面進(jìn)行探討和改革，能使學(xué)生從被動(dòng)學(xué)習(xí)轉(zhuǎn)變?yōu)橹鲃?dòng)學(xué)習(xí)，提高其實(shí)踐操作技能，拓展其知識(shí)面。在未來的社會(huì)中，網(wǎng)頁在生活中所起的作用將越來越重要，對(duì)這門課程的教學(xué)要求也越來越高，教師的教學(xué)要適應(yīng)科技的發(fā)展，要有改革進(jìn)取的精神，培養(yǎng)能真正適應(yīng)社會(huì)的人才。

參考文獻(xiàn)：

［1］韓陵宜.中職學(xué)?！毒W(wǎng)頁制作》課程教學(xué)的探討.電腦知識(shí)與技術(shù)，2005.

［2］張麗香.高?！毒W(wǎng)頁設(shè)計(jì)》課程教學(xué)探討.大眾科技，2006（5）.

［3］周霞.網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作教程.冶金工業(yè)出版社，2004.

（作者單位 湖南省邵陽市新邵縣工業(yè)職業(yè)中專）