基于Dreamweaver網(wǎng)頁設(shè)計教學(xué)改革

黃元力

摘要：文章進行了Dreamweaver簡單介紹，并結(jié)合高職院校實際教學(xué)中存在的現(xiàn)實問題，根據(jù)當今社會需求及學(xué)院實際，提出了相應(yīng)的課堂教學(xué)內(nèi)容、教學(xué)學(xué)時、教學(xué)方法、課外實踐以及考試機制的改革，以此提高教學(xué)的有效性。

關(guān)鍵詞：Dreamweaver；課堂教學(xué)改革；課外實踐；考試機制改革

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2016）03-0228-02

1 概述

在社會經(jīng)濟飛速發(fā)展的今天，網(wǎng)絡(luò)作為知識和信息載體，已經(jīng)變成人們生活、學(xué)習(xí)和工作中必不可少的一部分。越來越多的企業(yè)、公司和個人通過網(wǎng)站來宣傳企業(yè)形象、推銷企業(yè)產(chǎn)品、展示個人風(fēng)采，提高企業(yè)和個人的知名度。網(wǎng)頁作為宣傳和展示的重要平臺，對其內(nèi)容的重要性、使用的方便性、色彩搭配和設(shè)計的合理性要求越來越高，社會上對網(wǎng)頁制作人才的需求越來越大，網(wǎng)頁制作技術(shù)成了高職院校計算機專業(yè)學(xué)生必不可少的基礎(chǔ)課程。網(wǎng)頁設(shè)計分為靜態(tài)和動態(tài)網(wǎng)頁設(shè)計兩種，靜態(tài)網(wǎng)頁技術(shù)一般是指HTML和CSS技術(shù)，靜態(tài)網(wǎng)頁技術(shù)主要針對網(wǎng)頁中的文字和圖片，這是所有網(wǎng)頁設(shè)計的基礎(chǔ)；動態(tài)網(wǎng)頁技術(shù)是指按網(wǎng)頁使用者的要求做出動態(tài)響應(yīng)的技術(shù)。目前，進行網(wǎng)頁設(shè)計的軟件種類繁多，dreamweaver作為其中的主流軟件，對于初學(xué)者而言是一款非常不錯的網(wǎng)頁設(shè)計軟件。

2 dreamweaver簡介

Dreamweaver與Flash、Fireworks一起被稱為網(wǎng)頁設(shè)計三劍客，它是當前最流行的網(wǎng)頁設(shè)計軟件之一，是由美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得的網(wǎng)頁編輯器。Dreamweaver制作出的網(wǎng)頁兼容性好，并支持flash軟件、javascript語言等，這就很好的融合了動態(tài)和靜態(tài)內(nèi)容的設(shè)計。高職院校計算機專業(yè)開設(shè)的dreamweaver課程，主要是介紹利用dreamweaver開發(fā)工具進行網(wǎng)頁設(shè)計，包括站點的創(chuàng)建、網(wǎng)頁文字的編輯與控制、利用表格和框架進行頁面的設(shè)計和布局、如何進行基本圖像處理、編輯CSS層疊樣式表、模板和庫的使用編輯以及網(wǎng)站的發(fā)布與維護基本知識介紹。

3 教學(xué)中存在的問題

當前，很多高職院校的課堂教學(xué)內(nèi)容枯燥，案例不夠新穎，不能很好地吸引學(xué)生，即使有一些實踐教學(xué)，但都是在課堂中完成，完全不能滿足企業(yè)和社會需求，可以說是閉門造車。再加上教師時間有限，不能深入各行各業(yè)調(diào)查了解研究，對現(xiàn)時各行各業(yè)所需人才和能力把握的力度不夠，課堂教學(xué)針對性不強。從所了解的高職院校來看，在課時的安排上也存在一些問題和不足，一般以周為單位安排4課時，且分為兩次教學(xué)，但Dreamweaver是一門以實踐為主的課程，既要進行理論講解又要動手實踐，這樣每次課要么學(xué)習(xí)內(nèi)容少，只能講解一些零散的知識點或很小的案例；要么實踐時間不夠，學(xué)生無法形成系統(tǒng)的操作技能，課后制作網(wǎng)站時常常不知從何處下手。忽略了教學(xué)過程的連貫性，更別說培養(yǎng)學(xué)生的創(chuàng)造性和理解能力。這樣培養(yǎng)出來的學(xué)生難以適應(yīng)社會的需求。從學(xué)生考核來看，大多數(shù)高職院校的dreamweaver教學(xué)都是采用課堂內(nèi)的理論和實踐教學(xué)，該門課程的考試機制只能對書本知識點進行一個考核，所謂的技能考核根本就是脫離了社會實際，考試體制非常單一，極不利于高職院校學(xué)生的就業(yè)。

4 教學(xué)改革的建議

4.1 課堂教學(xué)改革

1）教學(xué)內(nèi)容的改革。隨著人們審美要求的越來越高，單獨的dreamweaver制作出的網(wǎng)頁已經(jīng)不能滿足人們的需要了。根據(jù)往屆畢業(yè)學(xué)生對企業(yè)的了解和所需知識的反饋，結(jié)合教師對現(xiàn)時狀況的分析，建議進行選擇性的重點理論知識講解和課堂練習(xí)，增添配套的選修課程，如《色彩的搭配》、《排版的技巧》、《數(shù)據(jù)庫的應(yīng)用》等，在講解書本內(nèi)容的同時，配合講解一些與網(wǎng)頁制作有的軟件知識，這樣制作出的網(wǎng)頁更加適合人們的審美觀、頁面的設(shè)計更加合理化，從而鞏固學(xué)生的基礎(chǔ)知識，并加深學(xué)生的綜合能力，與就業(yè)接軌。

2）教學(xué)課時的改革。在理論教學(xué)時，可以按一般教學(xué)時間即每2節(jié)為一次課進行，這主要是針對當堂課所學(xué)知識進行一些小練習(xí)，以鞏固新學(xué)的知識，課堂講解主要以學(xué)生很熟悉的網(wǎng)頁內(nèi)容為例進行講解。在一章或重點內(nèi)容講完之后，必須安排一個比較大的課堂實踐教學(xué)。首先，要提前對實踐要求進行說明，按所給要求利用課外時間進行構(gòu)思整理及素材查找，并完成相關(guān)站點內(nèi)容，學(xué)生可以以小組為單位也可獨立完成；其次，再根據(jù)學(xué)生所完成的情況進行課堂重點指導(dǎo)，幾乎每組都有這樣或那樣的問題要指導(dǎo)，最后學(xué)生與學(xué)生之間相互觀摩學(xué)習(xí)、總結(jié)，這時一次課的時間就完全不夠，根據(jù)項目的大小不同，時間安排也有所不同。因此，在課堂實踐教學(xué)時間的安排上必須由所任專業(yè)教師，根據(jù)實際教學(xué)內(nèi)容進行設(shè)置。

3）教學(xué)方法的改革。課堂教學(xué)內(nèi)容主要采用案例或項目式教學(xué)為主，充分激發(fā)學(xué)生學(xué)習(xí)興趣。在選擇案例或項目時，內(nèi)容最好是時下熱門或?qū)W生所熟悉的例子，新穎且具有代表性，既要把握好本堂課的知識點，又要對知識進行整合，不同知識的整合得到的網(wǎng)頁效果是不一樣的。在進行框架內(nèi)容的講解過程中，先給出如圖一所示的網(wǎng)頁內(nèi)容，讓學(xué)生討論怎樣實現(xiàn)它的布局，這時很多學(xué)生就提出用前面所學(xué)的知識——表格進行頁面的布局，接著給幾分鐘的時間讓學(xué)生利用表格進行示例的布局，這時很多學(xué)生就覺得非常麻煩，在這種情況下，我們提出框架布局，先分析圖中布局的方式，再仿照圖中的布局進行設(shè)置，最后根據(jù)師生的共同操作結(jié)果，得出框架布局的優(yōu)點和缺點，總結(jié)出什么情況下使用框架布局什么情況下使用表格進行布局。對于一些更大的課堂實踐，還可以采用老生帶新生的方法學(xué)習(xí)，以項目的形式讓高年級與低年級學(xué)生建組，低年級的學(xué)生主要利用Dreamweaver進行網(wǎng)頁內(nèi)容的基本操作，高年級學(xué)生主要利用java等進行網(wǎng)頁動態(tài)的設(shè)置，在分工配合設(shè)計過程中，低年級學(xué)生既對所學(xué)基礎(chǔ)知識進行了鞏固，同時也培養(yǎng)了學(xué)生的自主學(xué)習(xí)，更激發(fā)了學(xué)生對網(wǎng)頁設(shè)計的興趣。

4.2 課外實踐

大多數(shù)高職院校只有課堂實踐，得到的實踐經(jīng)驗根本不能滿足企業(yè)和社會需求，不能很好地利用所學(xué)知識解決實際問題，因此，學(xué)生必須進入企業(yè)實踐，真正做到理論聯(lián)系實際。在學(xué)生能進行簡單網(wǎng)頁設(shè)計后，按個人愛好或?qū)嶋H需要組隊，分別深入企業(yè)學(xué)習(xí)，把課堂的理論掌握牢固的同時，根據(jù)不同企業(yè)的需求，在實踐中深入學(xué)習(xí)相關(guān)知識。同時，教師要通過與企業(yè)人員的溝通，給出學(xué)生項目任務(wù)和學(xué)習(xí)目標，激發(fā)學(xué)生學(xué)習(xí)動力和學(xué)習(xí)興趣，避免學(xué)生盲目的、不知所以然的進入企業(yè)。這就要求學(xué)生既要對企業(yè)本身有一個初步的了解，又要求學(xué)生對社會的需求進行調(diào)查，這樣設(shè)計出的網(wǎng)頁，既能展示本企業(yè)的內(nèi)涵，同時又能滿足客戶的需求。然后，根據(jù)不同小組進入的企業(yè)不同，教師要對各企業(yè)的人才需求和社會需求進行更深入的了解，根據(jù)不同的需求，再次進行不同重點知識的講解和人才培養(yǎng)，通過學(xué)生之間的相互聯(lián)系，又對不同的重點知識進行相互傳遞，讓學(xué)生對知識的掌握盡量深入化、廣泛化。

1）學(xué)校教師指導(dǎo)。學(xué)生在企業(yè)實踐過程中，離不開理論知識的支撐以及人際交往活動，這方面的問題由學(xué)校教師進行解決。教師應(yīng)針對不同崗位的特點，有重點地對學(xué)生進行基本理論的指導(dǎo)，幫助學(xué)生構(gòu)建理論框架，以利于企業(yè)實踐。

2）企業(yè)師傅傳授。企業(yè)實踐是學(xué)生課堂理論知識的直接運用，其目的是將學(xué)生課堂所學(xué)理論知識用于實際，提高學(xué)生理論運用水平。企業(yè)實踐過程中，企業(yè)師傅應(yīng)對學(xué)生進行企業(yè)實踐過程中的技術(shù)指導(dǎo)，并把自己的實踐經(jīng)驗進行傳授，促進學(xué)生將課堂所學(xué)的間接經(jīng)驗轉(zhuǎn)化為操作實踐的直接經(jīng)驗。

3）工友、同學(xué)之間的幫助。在解決實踐問題時，不同學(xué)生遇到問題不同，解決問題的能力也不一樣，掌握到的知識也有所不同。以學(xué)習(xí)姿態(tài)進入企業(yè)的學(xué)生們，就應(yīng)在空余時間，經(jīng)常與同學(xué)或工友進行實踐經(jīng)驗分享，從而讓學(xué)生更快、更多掌握實踐技能。同時，通過同學(xué)、工友之間知識的傳遞，也提高了學(xué)生的社交能力。

4.3 考試機制改革

之前的考試只是對學(xué)生課堂所學(xué)知識進行一個單一測試，而高職院校是學(xué)生進入社會前過渡的一個平臺，在平時的教學(xué)和考試中盡可能地把這個內(nèi)容放在里面，所以dreamweaver的考試機制就要把社會實踐和社交能力的測試作為考試改革的一部分。

考試機制可改為“三三四”結(jié)構(gòu)。即課堂學(xué)習(xí)占學(xué)期總成績的30%，期未測試占學(xué)期總成績的30%，企業(yè)實踐占學(xué)期總成績的40%。課堂學(xué)習(xí)的考評包括課堂的出勤、紀律、師生的互動效果以及課堂中或課堂外完成的小項目，這一部分成績是對學(xué)生的課堂基礎(chǔ)知識、學(xué)習(xí)態(tài)度、學(xué)習(xí)方式進行一個考評；期未測試，既要測重課本基本知識點的測試，又要兼顧不同企業(yè)崗位實際運用知識的測試。企業(yè)實踐成績，由教師與企業(yè)師傅根據(jù)學(xué)生在團隊合作中所占的角色、團結(jié)合作精神以及學(xué)習(xí)的自主性等方面進行評判分數(shù)，這部分成績既考核了學(xué)生的基本理論知識、學(xué)生操作技能、社交能力，同時還考核了學(xué)生創(chuàng)造性和理解能力。這樣培養(yǎng)出來的學(xué)生才能更快地融入社會。

Dreamweaver這門課程具有較強實踐性、綜合性和創(chuàng)造性，這就需要學(xué)院與企業(yè)為學(xué)生搭建一個平臺，供學(xué)生在實踐過程中發(fā)揮自由想象。對于怎樣培養(yǎng)企業(yè)和社會所需人才，還需要教師在教學(xué)過程和社會發(fā)展中不斷探索。

參考文獻：

[1] 鄧振杰 .網(wǎng)頁制作基礎(chǔ)教程 [M]. 2版.人民郵電出版社.2010-10.

[2] 江平. Dreamweaver教學(xué)中的幾個問題[OL]. 武漢船舶職業(yè)技術(shù)學(xué)院學(xué)報，2008（2）.

[3] 羅旋碧.淺淡“網(wǎng)頁制作”在中職教育中的教學(xué)改革.[OL] .http：//www.doc88.com/p-994286815090.html .2012-05.