中職網頁設計教學的初步探討

摘要：網頁設計的迅速發展，使得許多高校、職校都已開設網頁設計這門課程。文章根據網頁設計課程的特點，從教學內容、教學方法等方面探討如何在教學中培養學生的操作能力。

關鍵詞：網頁設計；教學方法；教學內容

中圖分類號：G712 文獻標識碼：A 文章編號：1671-0568（2014）05-0057-02

網絡信息技術的廣泛應用使得信息共享成為現實，而網頁作為當前網絡信息發布的主要方式，正日益深入地影響著我們的生活方式，與此同時網頁制作技術也得到了很多人的青睞。面向中職生開設的Dreamweaver網頁設計課程，主要培養學生使用Dreamweaver制作靜態網頁的能力。通過該課程的學習，學生能掌握網頁設計與制作的基本方法和基本技能，成為符合中職人才培養目標及方向的、熟練的網頁制作者。

一、網頁設計課程的特點

網頁設計是一門新型的應用技術課程，是藝術與技術相結合的產物。它要求設計制作出來的網頁既要美觀又要能實現一定的功能；它的學科綜合性很強，要靠多門學科的知識給予支撐。這門課程的實踐性很強，對理論知識也有比較高的要求。結合課程特點，在教學過程中必須把握以下兩點：一方面，網頁制作技術的發展使得新技術、新方法層出不窮，課程教學中要將網頁制作的最新、最實用的技術引入課堂；另一方面，要根據授課對象的實際情況，如中職生計算機操作不是很熟練、圖像相關基礎知識掌握不牢、色彩美工基本一無所知，教學過程中需要根據學生情況有針對性地調整教學的方法及進度，將提升學生興趣和學習主動性放在首位。

二、教學內容的確定

網頁設計指的是靜態網頁，沒有涉及后臺編程。教學內容通常包括HTML語言、CSS樣式、網頁設計原理及原則。由于針對的是中職生，在教學內容的安排上就會有所取舍，主要以實際案例為基礎，重點掌握可視化網頁編輯器的使用。除了介紹軟件的使用外，還加入對于網頁設計非常重要的圖像處理的內容，傳授網站結構、風格、配色及頁面布局等知識。教學內容的選擇上主要有以下幾方面：

1.網頁制作軟件的掌握。學校開設的網頁設計課程一般會選擇FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比較專業的網頁設計工具，因而通常選擇它作為主要的網頁設計平臺。除了讓學生掌握怎樣使用這款軟件制作網頁，還要讓學生了解網頁基礎知識，如讓學生知道什么是網頁文件；學會規劃好自己的文件夾，將所有的網頁文件和圖片都放在自己的工作文件夾中，不要鏈接工作文件夾之外的圖片，有的學生將做好的網頁放到別的計算機上結果需要的圖片無法顯示，就是這個地方沒有做好。

2.增加圖像處理和Flash方面的內容。隨著網頁設計技術的不斷變化，Photoshop、Fireworks與Dreamweaver網頁制作軟件的結合越來越緊密，由于網絡速度的提升，圖像元素在頁面中早已變得不可或缺，利用圖像處理軟件的功能直接生成網頁已經變得非常簡單。而Flash以文件體積小、風格多樣及良好的交互功能等優點在網頁中所占的份額越來越大，甚至出現了完全使用Flash完成的網頁作品，在教學中為了讓學生簡單了解，一般讓學生通過設計常見的Flash廣告條來實現。所以，在開設這門課程的同時，也開了Photoshop和Flash這兩門課。

三、教學方法的探索

網頁設計課程通常在機房授課，便于學生上機操作、鞏固課堂教學效果。傳統教學方法是教師在課堂上講授理論知識，然后學生上機練習，教師在一旁進行輔導。這種枯燥的灌輸方式難以調動學生的興趣，即使學生將課堂上所學的知識都聽明白了，上機操作時仍然無從下手，因而必須采用有效的教學方法。

1.采用案例教學法。案例教學是在學生掌握基本理論知識的基礎上，根據教學目的和教學內容的要求，由教師精心策劃和指導，運用典型案例，將學生帶入特定事件現場進行案例的分析，使學生獨立思考或集體協作，進一步提高學生分析問題、解決具體問題的能力的教學方式。筆者對教學目的和教學內容選用實際網頁中的典型案例，在教學中先展示網頁效果，再講解相關的理論知識，在學生理解基本理論的基礎上再演示完成案例，并對案例進行適當總結，將枯燥的理論知識融入生動的案例之中，理論與實際相結合，有利于學生更好地掌握知識。另外，根據學生的實際情況，還可在本案例的基礎上延伸到其他類似的例子，達到舉一反三的效果。采用案例教學法，學生不但可以掌握課堂上學過的案例，而且能靈活地運用課堂知識，提高綜合運用能力。

2.采用任務驅動教學法。所謂“任務驅動”，就是在學習過程中，學生在教師的幫助下，緊緊圍繞一個共同的任務活動中心，在強烈的問題動機的驅動下，通過學習資源的積極主動應用，進行自主探索和互動協作的學習。這種教學模式強調學生的學習活動必須與任務相結合，以問題來引導和維持學生的學習興趣和動機。所以，安排第一次教學內容時，給學生欣賞一些優秀的、獲獎的網頁設計作品或瀏覽比較熟悉的網頁，可激發學生的學習熱情。在欣賞過程中，讓學生說出該網頁吸引他們的優點，教師適時講解網頁設計中關于色彩搭配和布局的知識，這樣可提高學生學習的主動性，讓學生主動地學習知識。同時，確定本門課的總體任務——設計并制作一個完整的網站，學生在后續的學習中就有了任務感，有了目標學習才會更認真。再針對課程中的每一部分內容，將總體任務細分為若干個小任務，如文本、圖像、表格、鏈接、CSS樣式等，由淺入深，讓學生通過完成這一個個任務來掌握網頁設計與制作的基本操作。例如，介紹Fireworks軟件時，筆者采用了模仿式教學法，著重于網站Logo、整體效果設計與制作能力的培養，通過學習、模仿優秀網站的設計圖稿，提高學生的審美能力，對各類網站的設計風格、色彩搭配、網頁布局等有一定的認知。

四、考核方法的探索

根據中等職業教育的教學需要和課程教學特點，課程考核形式要能全面地評價學生的綜合素質和技能應用能力。在網頁課程的考核過程中，期末總評學習成績可由兩部分組成：平時成績（平時到課考勤、課堂表現、作業和能力考核）和期末考核（期末上機考試），各占總成績的50%。這種考核方式注重實踐操作和應用開發能力的培養，可發揮學生的學習積極性和主動性。

此外，還可在校園內舉辦網頁設計比賽，設置獎勵分。如學校舉辦的藝術節、網頁作品展示等，不但能提高學生學習本課程的積極性，還可讓學生找到彼此的差距，激發學生的學習動力，不斷提高網頁設計水平。

參考文獻：

[1]丁海燕.“網頁設計與制作”課程設計、特色與培養目標[J].云南大學學報（自然科學版），2009，（S1）.

[2]張麗香.高校《網頁設計》課程教學探討[J].大眾科技，2006，（05）.

[3]王秋.校園網頁設計[J].中國教育網絡，2008，（12）.

（編輯：梁向陽）