職業院校《網頁設計與制作》校本教材建設初探

龍 紅，王洪蘭

（湖南科技工業職業技術學院，湖南 湘潭 411207）

職業院校《網頁設計與制作》校本教材建設初探

龍 紅，王洪蘭

（湖南科技工業職業技術學院，湖南 湘潭 411207）

按照職業院校教育發展規律，本著“適度、夠用”的原則，緊緊圍繞“服務學生、就業導向、能力本位”的核心理念，文中從教材結構劃分、教學素材選用、教學模式運用等方面對如何建設《網頁設計與制作》校本教材進行了分析與探討。

職業院校；網頁設計；網頁制作；教材建設

一、引言

《網頁設計與制作》課程是一門兼具設計性、綜合性和實踐性的專業技術課程，是高職計算機多媒體技術、計算機網絡技術、電子商務等專業的一門專業核心課程。它涵蓋了HTML語 言 、Dreamweaver、Fireworks、Photoshop、Flash和Javascript等相關知識，全面涉及了WEB站點開發、設計、制作、維護等技術，為后續的asp.net動態網頁制作、網站建設與維護等課程打下堅實的基礎。

二、《網頁設計與制作》課程教材結構劃分

根據《網頁設計與制作》課程特點和職業院校計算機類課程的特性，以項目任務為載體對教材體系和教學內容進行整合，將網頁設計與制作的知識點和網站建設的基本技能融入四類常見的網站頁面制作項目，每個項目分為若干個任務。教材內容由易到難，逐層深入，讓學生切實掌握網頁設計與制作的流程、方法和技能，提高學習動手能力、分析問題與解決問題的能力以及自學能力。主要結構如下。

項目一：個人網站的設計與制作。

隨著網絡技術的不斷發展，個人網站已成為人們展示自己的一種手段。本項目將通過制作一個簡單的“鴻瀾”個人網站，從任務資訊、任務決策與計劃、任務實施、任務檢查與評估和練習與提高五個方面進行描述，了解個人網站規劃與設計的基本原則和主要內容，熟悉網站建設的基本流程，掌握Dreamweaver的基本操作和表格布局排版技術，認識HTML語言的基本結構和常用標記符〈table〉、〈img〉、〈font〉、〈p〉、〈br〉等使用方法，培養學生團隊合作和獨立思考的意識，養成良好的職業素養，為制作更加復雜的網站做好知識準備。

項目二：電子商務類網站的設計與制作。

21世紀以來，電子商務伴隨著IT的成熟，逐漸發展壯大，成為網絡經濟的核心。企業通過電子商務網站實現了宣傳公司形象、發布企業動態、產品展示、網上訂單、網上交易等功能，與客戶間的距離進一步貼近。本項目通過完成整個電子商務網站的設計與制作，相關內容層層展開，在學生頭腦中形成“如何搭建整體網站”的概念。

項目三：中小企業網站的設計與制作。

作為企業類網站，主要實現的功能首先是具有較強的盈利能力。其次網站是企業樹立形象和展現文化的重要窗口，是為顧客提供服務的一個工具，是企業整體營銷戰略的一部分。常見功能有企業信息、新聞中心、產品展廳、人力資源、會員中心、留言反饋等。本項目通過某一中小企業類網站的整體設計，培養學生在學習過程中發現問題、解決問題的能力，提高學習的主觀能動性。

項目四：主題網站的設計與制作。

本項目給出網站設計與制作的如下要點：（1）建立網站站點；（2）建立網站頁面（首頁為：index.html），頁面元素完整；（3）應用表格或者div、css布局頁面；（4）在頁面中插入文字，并用css美化文字大小、字體、顏色等效果；（5）在頁面中添加超級鏈接，并用css美化超級鏈接；（6）建立模板，并制作其他頁面；（7）至少完成8個及以上頁面，頁面標題欄、狀態欄、版權等信息齊全；（8）頁面中超級鏈接如沒有鏈接頁面以空鏈接（#）代替。

學生根據以上設計要求，結合所學內容，從旅游類網站、時尚類網站、教育類網站、門戶類網站等幾個大類中選擇某一項進行設計制作。教師將根據學生完成情況的復雜程度和實際效果給予評價，鍛煉了學生的實踐動手能力，增強了自信心和學習興趣。

三、教學素材的選用方法

教學素材是以完成課堂教學任務為目的，以教師引導學生開展課堂活動的形式呈現的教學材料。

1.合理性。以個人網站設計來說，文本的制作上講求清晰、明了、突顯個性化，Logo和導航的字體、字號設計可以依個人的喜好采取不規則式，選擇跳躍感強的色彩。在圖像的選取上也是以色彩豐富、形狀多樣的圖案為主。

2.整體性。選用的教學素材要能夠自然、貼切地把各個知識點整合在一起，教學素材要服務于教學目標，要突出教學的重點。電子商務類網站以從事電子商務為主，對安全、穩定等性能要求較高，比較考驗網站中運行的程序。在知識點上以表格嵌套、模版運用、腳本語言和行為語句為重點進行講解。

3.現實性和針對性。課堂教學中選取的素材要符合學生的認知水平和實際生活，教師可以從具體教學對象的特殊性出發，根據教學對象因人、因地、因時選材，為他們“量身定制”針對性較強的教學素材，如在教授電子商務專業學生時，素材的選取多以電子商務平臺或某一個人網店為主，以便引導學生從自己熟悉的教學素材中直觀體驗獲取知識、提高能力的喜悅。

四、教學模式在教材中的運用

在《網頁設計與制作》校本教材的開發上主要采用“基于過程的項目式教學法”。即“在引導學習者融入有意義的項目完成的過程之中，讓學習者積極地探究與發現，自主地進行知識的整合與建構，以現實的、學生生成的新知識和提高的完成項目任務的能力為主要成就目標，項目完成的過程也是學習者學習活動進行的過程”。為此，以項目作品開發為主線，把教材中的范例網站分解成若干個子任務，將課程標準中的圖像處理、動畫制作、音視頻處理、網頁頁面設計制作、站點發布維護等多方面的知識點融入其中，在整個課堂教學實施中，教師根據網站設計開發的實際工作順序安排，以作品演示的方式從頭至尾帶領學生操作，讓其感受網站從無到有一步步制作的全過程，有助于提高學生的學習興趣，培養其創新設計能力。

五、結語

筆者認為，一本好的教材應具備合理的章節順序，精練、準確的理論描述，必要的理論實現步驟和貼合學生實際、具有一定擴展性的實例，以及最后的綜合性練習章節，并且在教材中最好還要加上行業規范和相關的職業崗位及要求。這樣，使用這些教材的學生才能更好地明確自己的學習目標和學習要求，將來才能適應社會的需要。

[1]雷秀芳.從一個別具匠心的教學設計談教學素材選取與應用的有效性[EB/OL].西安愛知中學，2011-09.2012-05. http：//blog.sina.com.cn/s/blog_7f05840a0100w4og.html.

[2]郭鋰，葉惠文.基于“雙層項目驅動教學模式”的計算機基礎課程立體教材開發與應用[J].中國大學教學，2012，（2）.

[3]李巍.高校“網頁設計與制作”教材建設初探[J].西昌學院學報，2012，（3）.

[4]孫小英.高職《網頁設計與制作》教材改革探討[J].電子商務，2012，（12）.

G712

A

1674-9324（2014）21-0170-02

龍紅（1981-），女，湖南湘潭人，助講，湖南科技工業職業技術學院教師，研究方向：網頁設計與制作、圖形圖像處理、計算機多媒體技術等；王洪蘭（1980-），女，吉林吉林人，講師，湖南科技工業職業技術學院教師，湖南大學研究生，研究方向：程序設計、圖形圖像處理、網頁設計與制作、數字水印等。