網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)作教學(xué)實(shí)踐初探

陳氚

摘 要：網(wǎng)頁(yè)設(shè)計(jì)是操作性和綜合性都很強(qiáng)的技能課程，它具有實(shí)踐性、操作性、綜合性很強(qiáng)的特點(diǎn)，對(duì)學(xué)生動(dòng)手技能與理解力均的要求很高。為了提高本課程的教學(xué)效果，必須不斷改革與充實(shí)教學(xué)內(nèi)容，注重突出學(xué)生人才培養(yǎng)的實(shí)踐性、應(yīng)用性。具體教學(xué)中采用由淺入深循序漸進(jìn)演示案例操作與培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力結(jié)合，圓滿達(dá)到教學(xué)效果。

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

一、施教視對(duì)象調(diào)整課程手段，明確教學(xué)目標(biāo)

網(wǎng)頁(yè)設(shè)計(jì)是藝術(shù)類(lèi)專(zhuān)業(yè)的專(zhuān)業(yè)應(yīng)用技能課，與傳統(tǒng)的其他學(xué)科相比具有鮮明的自身特點(diǎn)：①具有很強(qiáng)的操作性和綜合實(shí)踐性，特別強(qiáng)調(diào)學(xué)生的操作能力和學(xué)以致用的綜合實(shí)踐能力。②理論教學(xué)服務(wù)于實(shí)踐教學(xué)，實(shí)踐教學(xué)反過(guò)來(lái)又作用于理論教學(xué)，任何一個(gè)細(xì)節(jié)都是為創(chuàng)作網(wǎng)頁(yè)整體服務(wù)的，在教學(xué)過(guò)程依據(jù)學(xué)生實(shí)驗(yàn)環(huán)節(jié)反映，每次增加實(shí)驗(yàn)演示環(huán)節(jié)，通過(guò)做某一個(gè)操作加深理解理論知識(shí)，使學(xué)生從易學(xué)易忘到學(xué)會(huì)即用的程度。

例如：藝術(shù)類(lèi)學(xué)生對(duì)HTML語(yǔ)句不理解，我多次在Dreamweaver界面，在設(shè)計(jì)窗口與拆分窗口切換演示與講解以下內(nèi)容的實(shí)際意義

我的作品展示

讓學(xué)生理解這段語(yǔ)句“”僅在瀏覽時(shí)顯示標(biāo)題的，而“我的作品展示“語(yǔ)句才是在頁(yè)面顯示的，反復(fù)讓學(xué)生在這兩個(gè)語(yǔ)句更換不同的內(nèi)容，看到瀏覽是顯示的結(jié)果，學(xué)生通過(guò)實(shí)踐揭開(kāi)HTML語(yǔ)句的神秘感，增加學(xué)習(xí)積極性，加深標(biāo)記符語(yǔ)句理解與運(yùn)用。

二、靜態(tài)網(wǎng)頁(yè)增加動(dòng)感效果，激發(fā)學(xué)生探究熱情

（1）網(wǎng)頁(yè)設(shè)計(jì)與制作是綜合實(shí)踐性很強(qiáng)的課程，無(wú)論是網(wǎng)頁(yè)界面設(shè)計(jì)、網(wǎng)頁(yè)編程、網(wǎng)頁(yè)藝術(shù)欣賞的教學(xué)，要讓學(xué)生成為教與學(xué)的主要部分，引導(dǎo)與激發(fā)學(xué)生探究熱情，讓學(xué)生變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)，從而成為教與學(xué)的主體。 藝術(shù)類(lèi)學(xué)生喜好動(dòng)感美感，在實(shí)際教學(xué)中正確采用Potoshop設(shè)計(jì)具有立體感的導(dǎo)航圖片，在Dreamweaver利用插入菜單的圖像對(duì)象—鼠標(biāo)經(jīng)過(guò)圖像，分別插入原始圖像（圖片1）和鼠標(biāo)經(jīng)過(guò)圖像（圖片2）并且直接鏈接導(dǎo)航條要超鏈接頁(yè)面一氣呵成。

通過(guò)利用Potoshop為Dreamweaver做前期準(zhǔn)備，同時(shí)溫習(xí)鞏固前學(xué)習(xí)軟件在后期學(xué)習(xí)的應(yīng)用的關(guān)聯(lián)性，同時(shí)初賞靜與動(dòng)的聯(lián)系加強(qiáng)學(xué)習(xí)主動(dòng)性。

（2）通常主頁(yè)面均有圖片播放的動(dòng)畫(huà)效果，在Flash利用幾組圖片分別采用⑴Flash模板創(chuàng)建相冊(cè)（固有動(dòng)畫(huà)效果），⑵Flash采用導(dǎo)入圖片更改大小變形，利用圖層和插入幀并創(chuàng)建補(bǔ)間動(dòng)畫(huà)等實(shí)現(xiàn)圖片在一定時(shí)間播放動(dòng)畫(huà)，在Dreamweaver利用插入媒體—SWF插入主頁(yè)或頁(yè)面合適處，瀏覽時(shí)頁(yè)面不間斷播放動(dòng)畫(huà)（圖片3）。

圖片3

三、精心準(zhǔn)備案例項(xiàng)目，從宏觀上進(jìn)行教學(xué)設(shè)計(jì)：

將實(shí)際案例引入教學(xué)，每個(gè)重要知識(shí)點(diǎn)均與實(shí)際應(yīng)用結(jié)合起來(lái)，融創(chuàng)新思維培養(yǎng)學(xué)習(xí)方式、實(shí)踐案例教學(xué)于課程教學(xué)中。經(jīng)典賞析、知識(shí)講授、課堂練習(xí)、實(shí)踐輔導(dǎo)、創(chuàng)新操作等不同教學(xué)方法靈活運(yùn)用，在充分利用現(xiàn)代多媒體教學(xué)、網(wǎng)上學(xué)習(xí)、交流溝通的基礎(chǔ)上，采用第一課堂與第二課堂結(jié)合，學(xué)研相結(jié)合，將現(xiàn)代科學(xué)技術(shù)充分應(yīng)用于教學(xué)改革之中。

在進(jìn)行教學(xué)時(shí)，教師對(duì)每個(gè)學(xué)習(xí)情景都設(shè)計(jì)好案例，然后進(jìn)行在上課的時(shí)候明確任務(wù)、教師演示、學(xué)生設(shè)計(jì)、展示評(píng)價(jià)等。在展示和對(duì)比中發(fā)現(xiàn)問(wèn)題、發(fā)現(xiàn)認(rèn)識(shí)缺陷；用碰撞形成共識(shí)，在課堂交流和評(píng)價(jià)中，發(fā)現(xiàn)學(xué)習(xí)中的問(wèn)題，以此引起學(xué)生間的認(rèn)識(shí)性爭(zhēng)議，學(xué)生在思維碰撞中形成共識(shí)，是最好的教學(xué)方式。

四、課程教學(xué)的進(jìn)一步探討

本課程主要講述靜態(tài)網(wǎng)頁(yè)制作部分，對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)、色彩搭配、flash動(dòng)畫(huà)、圖形圖像處理技術(shù)布?jí)|與選擇應(yīng)用。前導(dǎo)課程可以開(kāi)設(shè)Potoshop、Flash等，為本課程奠定課程知識(shí)儲(chǔ)備。

計(jì)算機(jī)工科專(zhuān)業(yè)學(xué)生利用數(shù)據(jù)庫(kù)動(dòng)態(tài)實(shí)現(xiàn)公告欄，我在教學(xué)中思考運(yùn)用Dreamweaver插入菜單的標(biāo)簽——HTML標(biāo)簽—頁(yè)面元素——語(yǔ)句讓藝術(shù)類(lèi)學(xué)生在頁(yè)面實(shí)現(xiàn)滾動(dòng)公告欄效果，有一定實(shí)踐效果。

網(wǎng)頁(yè)設(shè)計(jì)作為一門(mén)實(shí)踐性較強(qiáng)的課程，在教學(xué)的方法上應(yīng)有別于一般的基礎(chǔ)理論課程.提升學(xué)生的主動(dòng)性，通過(guò)對(duì)教學(xué)內(nèi)容及實(shí)驗(yàn)內(nèi)容的合理安排對(duì)學(xué)生進(jìn)行正確引導(dǎo)并提高學(xué)生實(shí)際動(dòng)手能力是其中的關(guān)鍵.我們對(duì)該課程的改革力求提高學(xué)生分析和解決問(wèn)題的能力，通過(guò)教學(xué)實(shí)踐的探索，這種教學(xué)方法極大地提高了學(xué)生學(xué)習(xí)的積極性，取得了良好的教學(xué)效果。

參考文獻(xiàn)：

[1]主編：黃舒梅，高海軍，總主編：肖亮.新概念網(wǎng)頁(yè)設(shè)計(jì)，中國(guó)傳媒大學(xué)出版社.

[2]宇帆，王方，何翠平.網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)，人民郵電出版社.

（作者單位：武漢傳媒學(xué)院）

資助：武漢傳媒學(xué)院科技處。