導語：如何才能寫好一篇網頁制作與設計，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

互聯網作為連接世界各地計算機的全球性信息化網絡，它的傳輸內容是非常豐富的，涉及到全球的各個領域，是人們了解世界、掌握信息的主要渠道之一。網站作為信息時代基層的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好網站，對于保障職工合法權益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。

2網站設計分析

文字、圖形、色彩是展示網站內容的重要組成部分，是構成網站傳達信息不可或缺的手段，同時也是用戶對網站第一印象和整體風格關注的主要內部分。要想設計出符合人性化需求的網站，只有多為用戶著想，認真地以用戶的切身體會出發去完成網站的整體設計。當然，在設計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。

3網頁制作

3.1選擇合適的網頁設計軟件當前能使用的網頁設計類軟件很多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說，初學者最常使用是Frontpage和Dreamweaver，Frontpage是微軟公司出品的一款網頁制作入門級軟件，FrontPage使用方便簡單，會用Word就能做網頁，所見即所得是其特點，該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，利用它可以輕而易舉地制作出充滿動感的網頁。此外，制作網站還要用到邊緣性軟件，如photoshop、flash等，網頁設計過程中可根據自己的需要靈活運用這些軟件。

3.2選擇網頁內容前期的框架設計好后，就要為這個網站選擇內容了。網頁內容影響著網站的成敗，所以我們要多花一些心思在內容制作上。內容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯網等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準備得越多越好，再從這些素材中粗中取細，以備制作網站時可以隨時拿來使用。總之，網頁內容是網站的根本，如果內容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。

3.3運用網頁設計中的色彩不同的色彩搭配產生不同的效果，反映出不同網頁的文化內涵。因為它能產生強烈的視覺沖擊，所以確定網頁的色彩是相當重要的一步。在網頁的色彩設計上，除了要表現心理和感情聯想之外，還要考慮色彩的對比明暗、輕重、冷暖、調和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值，使網頁更有效和準確地把信息傳達給我們的視覺。

4結語

篇2

[關鍵詞]工作過程設計項目教學認證教育考核方式

中圖分類號:G42文獻標識碼:A文章編號:1671-7597(2009)1120140-02

一、概述

項目教學法是以學生的自主性、探索性學習為基礎,采用類似科學研究及實踐的方法,促進學生主動積極發展的一種新型的教學方法。在教學活動中,教師將需要解決的問題或需要完成的任務以項目的形式交給學生,在教師的指導下,以小組工作方式,由學生自己按照實際工作的完整程序,共同制定計劃、共同或分工完成整個項目。在項目教學中,學習過程成為一個人人參與的創造實踐活動,注重的不是最終的結果,而是完成項目的過程。學生在項目實踐過程中,理解和把握課程要求的知識和技能,體驗創新的艱辛與樂趣,培養分析問題和解決問題的能力及團隊精神和合作能力等,教師已經不是教學中的主導地位,成為學生學習過程中的引導者、指導者和監督者,教學內容按照實際的工作任務、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學中,提高學生的社會能力、方法能力、專業能力,使專業訓練更接近社會需求,最終能實現學生的零距離上崗。

《網站設計與網頁制作》是我系計算機應用技術、軟件技術、網絡技術的專業必修課。為了適應時代的發展,《網站設計與網頁制作》課程在繼承世界現行網站網頁教學優勢的基礎上,又吸收了當今網站網頁開發的新技術和新思路。力求更加注重學生的發展和社會的需求,更準確地反映網站網頁開發技術的專業性手段;更加關注學生積淀自己的生活經驗;更強調學生的主動學習,并增加實踐環節。《網站設計與網頁制作》課程期望使每一個學生通過學習網站設計與網頁制作課程,能夠對各種制作手法和設計技術有更深入的理解,能夠使他們對今后的職業選擇和學習方向有更多的思考;能夠在開發能力、學習能力和解決問題能力方面有更好的發展;能夠在責任感、合作精神和創新意識等方面得到提高。

二、課程理念

確立一個中心(以學生為中心)三個融合(校企融合、課內外融合、技術與人文融合)、基于工作過程設計的課程開發理念。提前讓學生感受工作的氛圍,熟悉工作的相關流程,以增強學生在就業過程中的競爭力。并結合我院“我在乎你”的辦學理念,通過理實一體化的教學手段,采用項目式教學,給學生提供一個制作網站的模擬或真實的環境。讓學生通過對“確定項目――制定策劃書――制作網站――驗收――總結經驗”這個流程的訓練,熟悉制作網站的過程,并能夠有所成果。

確立素養、行為、技能教育觀。重視網頁制作過程中技術性心智技能的形成,強調“原型定向、原型操作、原型內化”、原型能經“遷移”形成類型(“舉一反三”);強化學習過程中教師的示范和引導的作用。

以技術開發貫穿網頁制作的全過程,技術開發強調設計與制作。強調過程的可重復、可驗證性。

課程質量以教師的明示能力和學生的內化能力為主要評價指標。

三、設計思路

遵循高職課程改革關于“面向就業,培養實用性人才”的基本精神,在全面貫徹國家教育方針的基礎上,根據學生身心發展的特點和教育規律,重視對學生進行全面的職業素質教育,著眼于培養學生終身學習的愿望和能力,體現職業教育層次網站設計與網頁制作課程的實用性、專業性和可持續發展性。

綜合考慮學生發展的需要、社會需求和就業需求三個方面,本課程以一個大項目出發,分解為7個子項目,在完成七個子項目教學的同時,學生也可以把自己承接的大項目一并完成。

從“以工作任務為中心”和“培養學生應用能力”角度出發,以“項目教學”和“任務驅動的方式”,讓學生在有限的時間掌握網頁制作的技能。

運用項目式教學方法,努力創建開發項目的條件,突出工學結合,提高學生技能的熟練程度和靈活運用的能力。

四、實施建議

本課程的教學必須始終貫徹任務驅動式的“做中學”,過程體驗式的“學中思”,學以致用式的“思中用”和啟思益智式的“用中創”的理念。本課程的總體目標是根據企業網站開發工作流程(即具體的工作過程),從前期策劃開始到網頁設計,網頁制作、網站,一步一個腳印地引導學生逐步深入,親身體驗網站設計與網頁制作的過程。

1.具體實施建議

(1)明確目的、詳細描述操作任務。根據學生的具體項目每次課按照網站開發的進度表都有明確的目的,具體的操作任務。

(2)對課堂模仿實踐的結果進行合理評價和及時計分。對每一次課堂模仿實踐的完成情況進行評價和計分,及時解決學生普遍存在的問題,對完成較好的學生給予肯定。

(3)采用項目驅動的方法,如通過教師項目分解的子項目學習以掌握基礎知識點,然后充分發揮學生的設計能力,完成學生自己的項目,素材由學生自己收集,網頁的風格、布局由學生自己決定,培養學生的創新能力。

(4)充分利用學生課余時間。

(5)項目開發:提前一個月布置任務,并向學生提供參考資源,讓學生有充分的時間準備和尋找合適的項目;學生尋找合適的項目后,與客戶進行交流獲取制作網站的一些素材和信息。根據學生找到的項目,在教師的指導下,把學生分成若干個小組。在每個小組中,每位學生根據自己的特長和愛好,承擔不同的工作角色,完成不同的任務。一般一個項目分給三個小組,每個小組可以拿出一個方案。這樣可以加強小組與小組之間的競爭性,此外在最后驗收時客戶也可以有多個方案進行選擇。

(6)學生在完成網站設計和網頁制作的教程中,如果遇到問題,可以有多種渠道來解決。可以是組內成員的討論、還可以查閱系部的網絡課程、通過老師進行輔導、求助于互聯網等等。

學生通過該項目的進行,了解并把握整個過程及每一環節中的基本要求。這樣既教會學生制作方法,又讓學生體會制作過程的創新性和協作精神,能最大限度地發揮項目式教學的功能。

2.教學方法建議

《網站設計與網頁制作》課程以真實項目為案例組織教學,課程教學方法符合“教、學、做”合一的原則,采用理論實踐一體化的項目教學和案例教學方法,強調學生將所學知識和技能在實踐中應用。課程教學圍繞如何開發一個網站展開,各個教學單元采用“應用導向、任務驅動”教學方法。本課程采用的主要教學方法如下:

(1)四步教學法

通過“講解――示范――模仿――練習”四步教學法,讓學生通過模仿老師講解的方法制作網頁,理論與實踐相結合,“教、學、練、思”四者有機融合、訓練學生的動手能力和模仿技能,提高課堂教學的實踐性。

(2)任務驅動、案例教學法

方法:

下發工作任務單、學生解讀任務

教師初步講解、示范

學生實施任務

教師巡回

教師評價

通過案例提出問題,幫助學生建立感性認識,激發學習興趣。對案例進行分析,找到解決問題的方法和操作步驟,逐步完成案例的操作。在教學過程中,遵循“啟發式教學”原則,啟發學生積極思維,通過觀察,發現問題,提出問題,分析問題并逐步解決問題,從中領悟職業經驗。

(3)項目實施法

方法:

下發項目書

學生分組討論項目分解

師生共同完成項目分析

學生實施,教師指導

提交項目作品

最終評價

引入“項目教學法”,給學生提供一個制作網站的工作環境,通過組織學生承接項目,繼而進行項目的開發,使學習與工作相結合,訓練學生完成工作任務所需的技能、技巧,同時引導學生進一步加強專業理論知識的學習,從而培養學生的綜合職業素質。

3.考核建議

實施項目式教學以后,學習的過程和在此過程的學習態度顯得越來越重要,這也是企業需求人才的一個重要標準。所以本課程的考核內容一共分為四個部分:網站的總體規劃,具體完成的過程,最終完成的作品和多方代表的反饋意見。

五、將課程與全國計算機信息高新技術考試進行有機結合

全國計算機信息高新技術考試之高級網頁制作員的專項技能水平達到相當于中華人民共和國職業資格技能等級三級,在一種操作系統平臺下綜合使用網頁相關軟件完成網頁制作和動態數據處理的工作,實際能力要求達到:能綜合使用兩種以上網頁制作相關軟件進行網頁設計和制作,并具有相應的教學能力。它是網頁設計制作人員、Web開發人員及網頁設計愛好者綜合應用網頁制作開發工具進行專業、高效Web設計與制作能力的權威認定。如果嘗試將“網站設計與網頁制作”課程與“全國計算機信息高新技術考試”進行有機的結合,可以提高學生獨特設計理念、豐富動態應用程序、互動多媒體制作方式等綜合能力,創作出更為直觀、高效的Web作品。

將學歷教育與認證教育相結合,進一步探求高校培養目標與企業用人之間的聯系,培養適應社會需求的學生,這無疑是一種教學改革的新模式。

六、結語

以工作過程為導向的項目式教學法是一種先進的高職教學理念,它突破了傳統的教學模式,通過解決學生身邊的一些現實問題來實現學生對知識的掌握,大大提高了學生學習的積極性和主動性。通過項目教學法學習的學生,他們的動手能力、解決實際問題的能力有很大的提高。這種方法不但適合高職計算機課程教學,尤其適用于學生水平參差不齊、學生自控能力比較薄弱、課程的應用性比較強的教學。教師在觀察學生、幫助學生的過程中,開闊了視野,提高了專業水平。充分地展示了現代職業教育“以能力為本”的價值取向,使課堂教學的質量和效益得到更大幅度的提高。可以說,項目教學法是師生共同完成項目,共同取得進步的教學方法。它是在模擬企業真實的工作過程中,用行為來引導學生、啟發學生的學習興趣,讓學生在團隊中自主地進行學習,培養學生的多種能力,使學生掌握的知識與企業的需求更加接近,我們將繼續在實踐教學中深入探討項目式教學法,與企業加強聯系,累積真實項目素材,進一步完善適合高職特點的教學方法。

參考文獻:

[1]姜大源,職業教育學研究新論[M].教育科學出版社,2007:87.

[2]鄧澤民、王寬,現代四大職教模式[M].中國鐵道出版社,2006:132.

篇3

一、選用合理的教材

中等職業學校的人才培養模式是指在一定的教育理論指導下，按照特定的培養目標和人才規格，以相對穩定的教學內容、課程體系和評估方式，實施人才教育的過程的總和。我校網頁設計與制作課程的培養目標是能對網站的功能進行分析，全面掌握使用的能力；能對頁面進行修改的能力。為此，我校選用的教材除了國規教材外，還補充了Adobe創意大學的標準教材。教學內容不僅能滿足中等職業學校專業教學標準，能夠反映當前的生產技術水平和職業崗位資格要求，更注重課程內容對接職業標準、教學過程對接生產過程。教材的內容編排符合學生認知特點，突出網頁制作的創意工作流程，將創意設計與軟件功能相結合，以軟件的實際應用為主線，對行業中的典型案例與Dreamweaver軟件新功能等方面的知識進行深入探討。Adobe創意大學的標準教材是聯合行業專家、行業協會、教育專家、一線教師、Adobe技術專家開發的，重點清晰，內容完善，為專業及其相關行業實踐型人才的培養量身訂制。

二、采用“教、學、做”一體的項目式教學方法

以學生為主體，有效設計和實施“教、學、做”一體的項目式教學方法，通過真實、完整的實例呈現知識點。

1.循序漸進，由淺入深

選擇小范例詮釋理論知識，每一個項目都從最簡單的內容入手，慢慢深入，達到制作出高級頁面的效果，避免只講定義的乏味與枯燥，符合學生的認知規律。

2.內容全面，實例豐富

融入大量的實用操作技巧，力求將最常見的軟件技巧與行業流程全面細致地進行介紹。結合實例介紹每種應用的操作步驟，學生只需要按照步驟一步步進行操作，就可以在不知不覺中掌握大量的知識，創作出精彩的個性網站。

3.行動導向、任務驅動

從網頁制作行業的實際出發，基礎知識與基本技能相結合，緊扣“做中學，做中教”的教育理念，將知識點穿插在網站實例制作的操作過程中，在實際制作中介紹網站開發的實際流程與制作技巧，尤其是針對實際制作中廣泛采用的“Div+CSS布局模式”，對教材內容進行全面的補充和完善。拓展HTML代碼的學習內容、學習方法，通過課后訓練設計達到課堂知識的“舉一反三”，這樣更加貼近實際。

4.由易到難、由部分到整體

從網頁制作技能培訓的實際需要出發，設計一個網站建設實例，采用循序漸進的方法，詳細描述網站的開發過程，介紹網頁制作的各種知識、技能和注意事項。所學知識分別涉及：站點的規劃與管理；文本、圖像及CSS層疊樣式表；表格布局，超級鏈接；框架布局，多媒體文件；熱區、層和行為；表單及各種表單元素；模板、站點的測試、與維護等各項靜態網頁開發知識，采用知識講授與案例教學相結合的方法。

5.綜合運用，注重啟發

制作兩個企業網站，系統全面地介紹網站建設的實際開發流程及常用手法與技巧。每個任務包含“任務描述”“自己動手”和“舉一反三”三個模塊，將知識點、技能點和注意事項穿插在網頁制作的過程中，注重啟發學生的學習興趣，力求在知識結構編排上體現循序漸進、重點突出、難點分散，在語言敘述上注重概念清晰、邏輯性強、通俗易懂、便于理解。

6.注重現代信息技術在教學中的應用

現代信息技術參與之后的課堂“以教師創造性的教為主導，以學生探索性的學為主體”，豐富多彩的教學環境，給學生更大的思維空間，突出學生的主體地位。運用現代信息技術，創設他們感興趣的事物與情境，抓住學生的心理特點，將抽象化的、概念化的知識點，以貼近生活的生動、鮮明的圖文并茂的畫面呈現乏味的定義定律，集聲音、文字、圖像、圖畫動態顯示于一體，達到將抽象概念具體化、微觀概念宏觀化的目的。讓學生易于理解接受，讓學生身臨其境，親歷其中，得到體驗，在輕松的氛圍中愉快地學習，提高了學生的思維能力、想象能力和創新能力。現代信息技術使課堂教學以發展為主，教師通過創造教學環境，在課堂上為學生提供觀察、獨立思考和實踐，將技術與學科教學靈活有機地結合，為學生提供一個友好交互、自由開放的學習環境，組織并指導學生進行實踐活動，激發學生主動去探索、積極去思考，從而極大地提高教學效率。

三、考核評價方式多角度

網頁設計與制作課程對學生的能力要求是：（1）會Dreamweaver的安裝；（2）合理使用網頁元素制作簡單靜態頁面；（3）能夠使用表單、CSS樣式、行為、層、模板、框架等技術制作比較復雜的靜態網頁，并能夠進行站點；（4）初步了解動態網頁設計的基礎知識，能夠制作簡單的留言板等動態網頁。因此，我從以下幾方面對學生進行評價：

1.網頁作品與真實生活是否有關聯，主題鮮明。

這表現為作為真實的項目場景，這種真實場景是對日常企業場景的模擬，或者真實場景中的實際操作。

2.要求學生對一些與職業有關的問題進行思考和解決。

比如企業網站，學生要依據問題，以科學的論證和推理方式設計合乎自身認識的、具有創造性的解決問題的方案，創作具有創造性的網站作品。

3.操作過程和最終作品是評價的重點。

在實際操作過程中，學生解決問題的綜合能力得到鍛煉，如思考問題能力、問題反思能力、團結合作能力、信息搜集能力和創造力等，評價中充分展現出來，而網站作品則是各種能力綜合鍛煉得到的結果。

4.學歷證書與職業資格證書對接。

Adobe創意大學考試認證是Adobe公司推出的權威國際認證，是針對全球Adobe軟件的學習者和使用者提供的一套全面科學、嚴謹高效的考核體系，為企業的人才選拔和錄用提供了重要和科學的參考標準。

四、結語

篇4

關鍵詞 案例教學 網頁設計

網頁設計作為一門綜合性、實踐性、應用性極強的課程，在教學的方法上應有別于一般的基礎理論課程，原來那種照本宣科填鴨式教學已經不適應高職教育的需要，必須改進傳統的課堂教學方法，引入現代教學理念，提升學生學習的主動性，提高學生實際動手能力是教學關鍵。

基于以上特點，“網頁設計與制作”這門課程設要以學生實際出發， 以“教師為主導， 學生為主體”的符合這門學科特點的教學與管理模式， 讓學生在教師的指導下， 對所學的課程進行探索、分析、研究。

一、案例教學法的思想和特點

案例教學法也被稱為“實例式教學”或“基于問題的教學，其原型是拋錨式教學。這種教學方法要求建立在有感染力的真實事件或真實問題的基礎上，學生要想完成對所學知識的最好辦法是讓學生到現實世界的真實環境中去感受、體驗（即通過獲取直接經驗來學習），而不是僅僅聆聽教師關于這種經驗的介紹和講解。與傳統的以教師講授為主的被動灌輸式教學相比，案例教學法是一種注重師生互動的開放式研究型的教學方法，注重學生動手能力的培養，是一種具有針對性、實踐性、啟發性、研究性和時效性的教學方法，能開發學生智力，培養學生分析問題解決問題的能力，提高學生素質。符合高職教育的特點。

二、案例教學法運用在課堂教學中

《網頁制作》是一門實踐性和綜合性很強的課程，涵蓋Dream Weaver網頁制作軟件、Flas制作軟件、Photoshop圖形圖像處理軟件、腳本語言等多方面的內容，知識點非常豐富。筆者從事該門學科教學多年，摸索出一套案例教學方案，使用案例教學法可以大大地提高學生的積極性。案例教學方法如下：

1、興趣激勵階段

這一階段主要采用優秀作品展示教學法，其目的是：提高學生的興趣、讓學生了解一些基本的網站布局。作品來源：一個是網絡上的一些優秀的網頁；二是往屆學生的優秀作品；三是跟學生的生活相關的網站，如校院主頁等。

2、基礎知識學習階段

在這一階段，學生要學習一些網頁設計的基本知識和基本技能，即根據不同的知識點，來設計出與之配套和相適應的案例，這些案例的編排要遵循由淺入深、由易向難、循序漸進的原則。網頁設計課程教學中，教師可以選取一二個典型的網站進行簡化設計，將有關網頁設計的基本內容、基本概念包括在內，學生在教師指導下，自主地完成相關案例網站的設計，從而掌握網頁設計的基本技能，可以達到良好的教學效果。

3、技能強化階段

在這一階段主要采用較為簡單的中小型案例教學法。其目標是，讓學生在復習舊知識點的過程中學習新的內容；將上一階段的的案例整合成為一個具有一定雛形的完整網站，讓學生來進行嘗試，這樣就使得學生在熟悉的環境中學習了整合能力。

4、綜合網站制作階段

這一階段主要采用綜合案例教學法。本階段主要是為了提高學生綜合網站開發的技能水平，同時也為了檢驗學生的學習成果。在此階段中，教師可以讓學生自己選擇一個主題，利用所學知識和技術開發一個網站，要求學生獨立完成，通過相應的方式上傳到WEB服務器上，作為學生的最終考試成績。總之，這個階段對于學生知識的鞏固和技能的提升是大有裨益的，同時也可以充分發揮學生的主動性，鍛煉學生動手能力，培養求異思維。

三、在實施案例教學過程中必須注意的問題

1、選擇合適的教學案例

教師要根據教學進度和教學要求設計案例， 選擇的案例必須具有針對性、代表性、實踐性、系統性的特點。（1）案例應具有針對性，這樣做容易突出授課目標，不易偏離授課內容；（2）案例應具有代表性，學生能夠從該案例得到啟發，進行拓展性思考；（3）案例應具有系統性，前后相互聯系，相互滲透，后續階段的案例盡可能涵蓋前面的內容，以加深和鞏固所學知識；（4）案例應具有真實性，從實際出發，根據學生的特點，盡可能設計一些學生感興趣的、貼近生活工作的案例，通過生動有趣的案例教學激發學生的學習興趣，加強學生的動手能力和創新能力的培養；（5）案例應循序漸進，從易到難的遞進方式設計，一方面是有利于調動學生的積極性；另一方面是便于學生對項目分解的理解，從而掌握整個項目的核心思想和構建步驟。

2、組織課堂討論及案例總結

組織案例討論旨在分析問題， 提出解決問題的途徑和方法。教師應對整個案例的特點、主要知識點進行分析、解剖、歸納并及時組織學生對案例實施過程及其中的網頁技術進行討論，使學生對所學的、所做的案例有全面的認識，對設計步驟、設計思想有比較完整的認識。

案例經過學生的討論后， 教師應該及時做出講評。這樣做有利于學生把要求掌握的知識記牢，同時， 我們要改革課程成績的評價方式， 提高平時成績的比例， 刺激學生上課的積極性。

3、實踐教學環節—采用任務驅動法

任務驅動教學是建立在一定理論基礎上的一種教學模式，它強調學生的學習活動必須與任務相結合， 以問題的探索來引導和維持學習者的學習興趣和動機。教師應創建真實的教學情境， 讓學生帶著真實的任務去學習， 以使學生擁有學習的主動權， 掌握網站設計與網頁制作的知識與技能。

四、結束語

總之，在高職院校計算機專業《網頁設計與制作》課程教學中運用案例教學法，在實踐環節實施“任務驅動”教學法，有利于學生實踐能力的提高和理論知識的掌握。案例教學法只是現代教學方法中的一種，要優化課堂教學，應要綜合運用多種教學法，每個教師都應根據教學大綱、教學內容和學生實際情況的不同選擇和運用不同的教學方法，只有這樣才能真正提高課堂教學效果，提高教學質量，培養符合時展要求的新型高素質應用型人才。

參考文獻：

篇5

（福建廣播電視大學晉安校區 福建 福州 350003）

摘要：根據多年對“網頁設計與制作”課程的教學探索，提出“課程案例”這一新概念，并設計開發出一個學生既熟悉、又感興趣的“課程案例”——班級網站，讓學生在模仿再開發該案例網站的過程中學習課程知識，從而掌握本課程的知識和運用技能，達到教與學的良好效果。

關鍵詞 ：網頁設計與制作；課程案例；班級網站

中圖分類號：G712 文獻標識碼：A 文章編號：1672-5727（2014）11-0093-03

作者簡介：王淑云（1965—），女，福建福州人，福建廣播電視大學晉安校區高級講師，研究方向為計算機軟件。

中職生的共性就是對缺乏學習興趣。筆者通過多年的課堂教學體會到：如果有一套行之有效的既適合中職生實際水準、又貼近他們學習生活、能激發他們學習興趣的案例貫穿于整個課程教學，就有可能解決這個問題。基于此，筆者提出了“課程案例”這一新概念，設計并開發出一套“課程案例”應用于“網頁設計與制作”課程教學中，學生通過案例的模仿再開發，全面掌握“網頁設計與制作”課程知識與技能的基本要領，從而實現課程的教學目標，培養學生的網站開發和設計能力。下面詳述這一“課程案例”教學的設計及所進行的課堂教學。

“課程案例”的提出和設計

（一）“課程案例”這一新概念的提出

市面上相關教材比比皆是，但從其所提供的案例方面看，沒有比較適合中職學生的：要么網頁主題讓學生很陌生，要么網頁頁面設計太復雜，中職生很難掌握，而且其中的案例多是針對某一知識點或某一章節設計的，屬于“知識點案例”或“章節案例”，是零碎知識，不能貫穿整個課程知識教學。所以，教科書只適合作為本課程理論知識點的參考資料。“網頁設計與制作”是一門技能型課程，重要的是要教會學生如何去構建和設計一個完整的網站，而不是空泛地談一些理論知識。“課程案例”區別于“知識點案例”或“章節案例”之處在于：該案例貫穿于整個課程教學，覆蓋課程包含的所有知識，課程知識的學習以“課程案例”為線索進行，學生模仿再開發設計完該案例，課程的所有知識學習也已結束。筆者思考并設計這樣的“課程案例”，并對教材進行如下處理：提煉教材所提到的知識點，將其重新排列組合，按由淺入深的學習順序，將課程知識點結合到自主設計的“課程案例”中，分模塊漸進教學，整個教學過程注重學生自身思維的開發，將個體集美術設計、課程知識學習和課程實踐三者緊密結合，將學生各方的能力逐漸激發展示出來。

（二）圍繞學生的興趣進行“課程案例”的設計

學生對一門應用型技術課的學習如沒有興趣，可能是沒有一個令他們感興趣的實例吸引他們漸次深入學習，從而引導他們學習掌握課程知識。班級是校園學習生活的一個集體，班級網站中所記錄的人物、活動都是學生身邊的人和事，網站的主題反映的正是他們的校園生活。如果把班級網站作為教學案例，讓學生以自己的學習生活為主題組建成網站，一方面能引起他們極大的學習興趣，另一方面，作為同一個班級的學生，在設計本班級的網站過程中，能夠創造很多互相交流的機會，培養互相學習的精神，也能加深同學間的友情。所以，“班級網站的設計與創作”是一個理想的課程案例。筆者應用模塊教學法，將理論知識與該課程案例完美結合起來，在近似實踐的學習過程中培養學生的學習興趣，讓他們在興趣中學、在學習中增添興趣，從而在良性循環中完成課程學習。

再考慮學生的能力方面，他們已經有了對文字、圖片和表格的基本處理能力，還學過或同步學習Photoshop、flash、計算機網絡基礎等相關課程，所以，只要對網頁素材的處理提出具體的要求，或對他們略加指導即能自行設計處理完成。對于該課程，雖然大部分學生瀏覽過很多網站內容，但并沒有真正了解網站是怎么回事；對互聯網世界充滿興趣和好奇，卻還沒有網頁設計與制作的理論知識和實踐技能，對網站常識還比較陌生。因此，在課程學習中，重點是要力求深入淺出、盡可能直觀全面地剖析一個好的網站案例，運用視、聽的方法，幫助學生建立有關網頁設計與制作的基本概念和基本知識，掌握建設網站的基本技能。

鑒于此，教師如何將Dreamweaver、HTML和CSS三部分內容有機結合，讓學生通過課程學習，模仿再開發出一個比較完整的“班級網站”，著力培養學生的實際建站能力、設計開發能力，從而提高他們自主學習與創新能力、信息收集與處理能力、提出問題并分析問題和解決問題的能力，成為課程教學的重要目標。

“課程案例”教學方法的設計

教學手段以“多媒體機房、網絡、項目開發”三項結合。多媒體機房為學生設計網站提供基本條件，網絡是學生尋找素材資源和借鑒別人經驗的空間，項目開發是他們學習的任務。

教學方法上，采用示范講解、任務驅動的教學模式，從以下三個方面展開：

采用案例講解的教學模式 教學過程根據編排好的知識點內容和事先創建好的“班級網站”實例，逐步講解該“課程案例”，便于學生理解和進行模仿設計開發。

實施模塊化教學方法 遵循學生“由淺入深，循序漸進，由感性到理性”的認識規律，把知識點組合后分模塊漸進教學。教學過程講練結合，以學生實踐為主，完成“班級網站”這一“課程案例”中包含的每個模塊的再設計與再創作；以教師引導為輔，講解設計與創作過程中遇到的新知識，組織學生完成能力拓展訓練。

走四步教學流程，融“教、學、練”于一體 第一步，教師展示課程案例，演示創作過程，講解涉及的知識點內容；第二步，下達任務，提出完成任務的具體要求和完成時間；第三步，學生模仿再設計再創作，完成任務；第四步，任務驗收，學生自我評價，教師綜合講評。

“課程案例”的課堂教學

基于學生的現有知識技能，教師課程教學中重點講授如何設計開發網站，在其他環節只扮演一個組織者和啟迪者的角色，一步步引導學生完成本課程的目標，充分培養和發揮學生的自主設計能力、繪畫能力和創新能力。

整個課程的課堂教學以“課程案例”為主線，設定以下幾個教學模塊。

模塊一：學習有關網頁的基本知識，介紹建設網站的工具等。

模塊二：草擬“網站地圖”，設計網站“模板頁”。展示課程案例網站，分析班級網站的風格、頁面的布局和包含的元素，先給學生一個真實的空間印象，之后讓學生模仿如何設計這樣的網站。首先設計出紙質的網站空間布局和內容：包括考慮整個網站的風格、主色調、頁面布局、頁面的大概內容等，每一個頁面設計草擬在一張紙上，其實這就是網站地圖了。做足了這個功課，日后的整個班級網站的設計就有了頭緒。為避免各頁面出現相同內容的重復設計，提出設計制作“模板頁”來生成其他頁面。例如：把風格和內容相一致的部分（如班級廣告圖、班級徽標、導航條、版權信息等）設計出來，作成模板頁保存下來，以備后面制作網站各頁面時利用模板頁生成，并在此基礎上進行相應頁面內容的設計創作。草擬“網站地圖”和設計制作網站“模板頁”是同時進行的，要結合著做。這個階段都還是“紙上練兵”。

模塊三：收集和創作素材。班級網站的素材主要來源于學生自己的學習生活，可以是活動的照片、活動記錄，也可以是為自己班級創作的班級廣告圖、班級徽標等Flash或Photoshop作品，將這些素材分門別類放入建好的站點目錄樹中。

模塊四：學習Dreamweaver，首先建立班級網站站點。

模塊五：設計創建“模板頁”。根據前期草擬的網站地圖，利用布局表格設計模板框架。框架搭好后就是為模板頁添加素材。模板上需要的素材并不太多，關鍵是要“精”，用精心選擇和創作的素材。提醒學生，模板上大塊的空間要留出來給各頁面添加相應的內容，這點至關重要。

模塊六：利用模板生成網站各頁面。模板設計成熟并制作出來后，就要根據模板上的導航設計生成相應的頁面，并將各頁面互相鏈接起來。

模塊七：完善各頁面內容。每一兩次課完善一個頁面的內容，直到網站中各頁面內容全部添加完成。當然，課后要為如何合理安排這些頁面內容花很多時間去構思、去創作或收集相應的素材。所以，收集素材這項工作是一直貫穿于整個網頁設計過程中的。

模塊八：應用一些網頁特效的代碼，如添加背景音樂、QQ互動、圖片文字的滾動、表單等，讓頁面動起來，增加網頁的吸引力和活力。

模塊九：本地站點測試。

教學評價設計

評價方案 （1）學生自我評價：即每個學生對自己的評價。教師事先給出評價標準和具體要求，學生對照自己的學習態度、創作的作品，對自己給出合理評價。（2）模塊作品評價：教師對每個學生的評價。教師通過對學生課堂反映、每個模塊上交的作品、討論活躍程度等方面，對每個學生進行評價。（3）期末考核：教師通過對學生一整學期模仿再設計創作的“班級網站”進行評分，考核學生的實踐與動手的綜合能力，對學生進行合理的評價。

成績評定 按出勤率、模塊作品成績、成熟作品成績加權考核。

結語

在“網頁設計與制作”課程案例的課堂教學中，筆者采用的是興趣教學和讓學生貼近實戰的方法，以保持學生對知識探索的興趣并提高學生的動手能力。這種教學的重要前提是要設計一個好的案例，“好”的標準是內容貼近學生的學習生活、設計難度又適合他們的實際水平，“班級網站”這一課程案例便是好案例之一。此外，在教學過程中，筆者為學生提供了十分豐富的信息資源，教會他們信息資源該如何收集、從哪里獲取、以及如何有效利用等知識。

參考文獻：

[1]劉瑞新.網頁設計與制作教程[M].北京：機械工業出版社，2010.

[2]唐乾林.網站界面設計案例教程[M].北京：機械工業出版社，2011.

[3]尚俊杰.網絡程序設計——ASP[M].北京：清華大學出版社，北方交通大學出版社，2009.

[4]趙豐年.網頁制作三劍客操作互動[M].北京：人民郵電出版社，2011.

[5]趙豐年.網頁制作技術——Dreamweaver Flash Fireworks[M].北京：人民郵電出版社，2003.

[6]馬月.網站界面設計[M].北京：北京理工大學出版社，2006.

篇6

本文著重分析了《網頁設計與制作》課程教學存在的問題，探索了《網頁設計與制作》課程教學改革的策略，以提高《網頁設計與制作》教學質量。

關鍵詞：

網頁設計與制作；課程；教學改革；策略

隨著互聯網的發展，互聯網已經被廣泛運用到人們的工作和生活之中，其中企業網站對企業的宣傳與發展有著重要作用，網頁設計與制作成為企業建設網站的重要技術支撐。因此，各企業積極引入高素質網頁設計與制作人才的，強化企業網站建設。而高校作為為企業培養人才的基本場所，十分重視《網頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網頁設計與制作》課程教學改革不僅能夠提高教學質量，培養高素質網絡設計與制作人才，而且對企業發展和互聯網發展有著深刻意義。

1《網頁設計與制作》課程教學存在的問題

1.1學生學習被動

長期以來，我國高校《網頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網頁設計與制作作業，在課堂上出現睡覺、玩手機甚至是曠課現象，學生的專業基礎知識不扎實，無法將專業理論知識與網頁設計與制作實踐相結合。

1.2學生動手能力較差

在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網頁設計與制作操作過于簡答。但是當學生真正上手進行網絡設計與制作會發現自己對操作步驟和操作技巧不了解，無法進行網頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網頁設計與制作，而是一味按照自己的經驗和想法設計制作網頁，導致網頁設計與制作的專業性和科學性不強。

1.3缺乏溝通

首先，在《網頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現狀、學習興趣和學習需求，《網頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環節，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統的教師權威的師生關系，很多學生在《網頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰，自行設計并制作網絡，但是，個人的知識和智慧是有限的，個人設計與制作網頁受到知識水平和專業技能的限制較大。

2《網頁設計與制作》課程教學改革的策略

2.1重新定位課程教學標準

首先，高校《網頁設計與制作》教學應積極重視企業的用人標準，在《網頁設計與制作》教學中重點培養學生的職業素養、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網頁設計與制作》教學應加強重視課程教育目標，根據新課改的課程教學要求強調學生創新思維和動手操作能力的培養，使學生具備網頁正當年規劃與構建能力、網頁圖形設計能力、動畫設計和制作能力等。

2.2優化教學內容

《網頁設計與制作》課程教學應根據教學大綱和企業的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網絡常用名、網頁瀏覽器、網頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網頁定位技術、動態網頁設計、網頁站點管理、數據庫連接技術等知識。

2.3更新教學模式

高校《網頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網頁設計與制作，加強學生的動手練習。另外，高校《網頁設計與制作》教學應積極利用網絡中的教學資源，將網絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網頁設計與制作技巧，提高《網頁設計與制作》教學的吸引力。

引用：

[1]《網頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)

篇7

關鍵詞：教學內容；選取流程；針對性；適用性

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2011)27-6705-02

自2010以來，我們先后對廣州鴻城科技有限公司、南昌瑞道信息技術有限公司等十幾家企業的“網站設計與開發”崗位進行問卷調查，經過調查發現：很多畢業生對工作環境適應能力不強，對勝任崗位的能力存在一定差距，存在眼高手低的現象，常常工作不到三個月就不辭而別，而企業又招不到理想的人才。身為職業教育工作者，針對這一現象，我們必須進行深刻思考，深入研究高職教學規律，積極探索高職教學改革。

隨著市場對人才需求的變化，高職原有的教學模式已經不能很好地適應社會對職業教育的需求，要培養出深受企業歡迎的技能型人才，高職教育教學改革勢在必行。在充分調研市場對“網站設計與制作”這一崗位任職的要求后，《網頁設計與制作》課程采用了理實一體的教學模式。“理實一體教學”將理論和實踐高度統一；使教學更加形象、更加直觀、更加易學；使學生既掌握夠用的理論知識，又具備嫻熟的實踐操作技能，還具有可持續發展的潛能。但如何選取、優化《網頁設計與制作》課程教學內容對理實一體教學模式的成功實施，起著至關重要的作用。

1 理實一體教學模式下教學內容選取

1.1 教學內容選取的指導思想

依據高職計算機應用技術（網站建設方向）人才培養目標、從計算機專業群未來就業崗位的實際需求出發，統籌考慮選取課程教學內容。以網站設計與開發技術的崗位任職要求，參照網站設計與開發職業的資格標準，不斷改革與創新課程體系與教學內容。

教學過程中按照以“職業崗位工作過程為導向”，“以職業能力培養為課程核心”，“以教師為主導、學生為中心”的理念進行課程設計，以實際工作任務為載體組織教學內容，不斷創新與改革教學方法和教學手段。

1.2 教學內容的針對性與適用性

1）深入職業崗位調研，掌握一手資料

要確保理實一體教學達到預期效果，科學選取與優化教學內容使其具有針對性、適應性顯得尤為重要。為此，課程組要廣泛深入區域內典型的企業、校外合作實訓基地，對與課程相關的職業崗位進行充分調研，從企業領導者、中層管理者、技術骨干及生產一線人員獲取第一手資料。分析了解網站建設與開發從業人員在知識、能力、素質方面的要求，根據掌握的一手資料，選取與優化課程教學內容，使課程教學內容真正貼近企業、緊跟行業發展，達到學以致用的目的。

2）以勝任崗位為目標，有效確保教學內容的針對性與適用性

通過調研，明確了學生通過對該課程的學習，能夠熟練掌握網頁制作工具（Dreameweaver或FrontPage），掌握網頁設計語言（Html、或JavaScrip或VBscript），在網頁中設置特效，設置網頁顏色、文本格式和列表，熟練掌握網頁中顏色值的配置和背景圖案的設置方法，熟練掌握字符、超鏈接顏色的設置方法；掌握在網頁中添加CSS、插入動畫、聲音、多媒體信息的技術；熟練掌握表格的使用，能熟練通過對表格設計來布局網頁；熟練掌握Div標簽與CSS樣式結合，進行頁面布局；（增加）掌握框架制作網頁的方法，能使用框架設計網頁；掌握表單的制作方法，通過表單制作交互式頁面；掌握Javascript語言的語法；能看懂Javascript特效網頁源代碼，并掌握在HTML語言代碼中插入網頁特效代碼;掌握網站管理、網站測試與維護等知識。從而科學選取與優化教學內容，確保教學內容與職業崗位需要的針對性、適用性。

3）教學內容選取流程

依據對相關職業崗位的調查分析，并充分考慮學生可持續發展的要求來選擇和構建教學內容體系。在實踐教學過程中，課程組有著嚴謹的教學內容選取流程以保證教學內容的適應性和針對性（如圖1所示）。

2 教學內容組織與優化

2.1 組織原則

以“網站開發工作過程”為導向的“模塊化為主線”的原則組織教學內容，按照理論以必須夠用為度，注重技能培養的原則設計課程內容體系。

將網站從業人員必備的知識和技能分成4個模塊進行教學，科學設計學習性工作任務，對每一個教學單元設計了若干個具體工作任務或項目（行動化的學習項目），在任務完成過程中進行教學內容的講解，同時項目主線中沒有牽涉的內容，采用“任務驅動”的方式進行補充講解。所有內容的安排都圍繞學習任務的完成來展開。把教、學、做三者有機的相結合，使工作流程模塊化、模塊內容案例化，課程考核過程化，理論與實踐一體化。

2.2 以四個模塊為主線組織教學內容

教學內容緊密結合現代企業建設網站項目的設計流程、網站建設流程，按照項目驅動組織教學內容。根據課程目標能力的要求，教學模塊順序從教學目標的角度出發，整合教材內容，使教學內容體系具有系統性、科學性、連貫性、啟發性、實用性。在具體的教學內容組織和形式上，課程組堅持以網頁制作技術需求層次為教學單元，將教學內容分成四個知識模塊：網站開發基礎模塊、網頁制作模塊、網頁編程模塊、網站管理模塊，以四個模塊為主線，以提高學生能力為目標展開教學。如表1所示。

3 結束語

在理實一體教學過程中，教師要善于思考，不斷地總結，不斷豐富理實一體教學的內涵。《網頁設計與制作》課程在實施理實一體教學過程中，不斷深入市場調研分析，了解網站建設與開發從業人員在知識、能力、素質方面的要求，根據掌握的一手資料，選取與優化課程教學內容，使課程教學內容真正貼近企業、緊跟行業發展，使學生既掌握夠用的理論知識，又具備嫻熟的實踐操作技能，還具有可持續發展的潛能。學生畢業后能很快適應工作環境和勝任崗位，成為社會所需的合格人才。

參考文獻：

[1] 王冬.網站開發與網頁制作網絡課程設計[J].電腦編程技巧與維護,2010(2).

篇8

關鍵詞:網頁制作 課程改革 項目教學 個性化教學

一、互聯網行業的潛在需求

在互聯網時代,新興行業層出不窮,例如新媒體、電子商務等新型傳播方式和商業交易模式,為經濟發展注入了新的動力。而不少傳統行業也逐漸淘汰落后產能,引進各種新型電子智能技術和設備,紛紛建設電子信息網絡平臺與管理系統,以實現高效便捷的管理,并且極大地提高了生產效率。

二、網頁設計與制作課程的發展現狀和培養目標

(一)網頁設計與制作課程的發展現狀

在以往的教學過程中,教師往往只是從課本知識入手,著重傳授相關概念和理論,而對于軟件的操作,采取“為教而教”的方式,對學生的培養重在使用,而非實用。如此教學的結果是,學生雖然掌握了基本的軟件操作方法,卻只是停留在“知其然而不知其所以然”的階段,一旦面臨企業或者用工單位指派的實際任務,就會陷入一籌莫展的境地。究其原因,仍然是老師的作用沒有充分發揮,沒有培養學生良好的設計和規劃意識,致使學生沒有建立起完整的作品概念,更不用說創新意識和能力的培養。因此,應當明確的是,課程內容的教授應是“設計”與“技術”并重,甚至將設計理念提到更加重要的位置,讓學生真正意識到開發與設計的重要性,培養獨立設計與制作的能力,達到作品所應有的功能和視覺效果。

(二)網頁設計與制作課程的培養目標

新課程教學目標中明確規定,我們應該確立以學生為主體的意識,明確以培養學生的實際動手能力和操作技能為教學目標。這樣才能保證教學的目的和意義的實現。

網頁設計與制作課程的教學就是面向實際應用,解決實際問題的實踐活動,在教學過程中,老師和學生都應該具備目標意識和創新意識,在軟件和網絡知識的運用過程中,在實際問題的解決和網頁的設計操作中,提高學生的網頁設計技能和綜合素質。倡導運用不同方式和靈活運用各種工具、尋求最佳途徑的輕松活潑的教學,讓學生參與到教學活動中來,提高學生解決實際問題的能力,培養學生的創新能力、服務意識和團隊合作精神。

三、新形勢下課程改革的新思路

互聯網行業是近年來發展最為迅速的行業,也是自身更迭和淘汰速度最快的行業。順應知識爆炸時代的需求,互聯網行業的特點就是新鮮、快速和海量信息,而作為互聯網依托之一的網頁自然也要跟隨時代潮流而變。作為新時代的技能型行業,網頁設計與制作要求將最新的知識和科技融匯進來,才能保證不被淘汰。

(一)項目開發教學

1.協調好理論課與實踐課的關系

任何學科的教授都是理論與實踐相統一的整體,任何一方都不可偏廢。但是對于注重實際能力的設計與制作課程,可以將理論的傳授更加實用化。

2.案例教學或項目式教學

以案例或項目開發為教學載體,既生動活潑,同時在潛意識中培養了學生解決問題的意識和能力。

(二)打造學生的展示平臺

利用學校的資源優勢,為學生打造一個成果展示平臺,促進學生間的互動和交流。利用每堂課的任務教學或者教學實例,引導學生開動腦筋,去尋求最優解決方案,并且滿足他們展示與交流的愿望,建立一個開放活躍的學術氛圍。

四、結論

綜上所述,網頁的設計與制作本身就是生動而充滿樂趣的課程,教學的目的就是要讓學生真正在實踐中運用相關的軟件和技術知識,并且在運用和實踐的過程中鍛煉思維,提高解決實際問題的能力,從而順利走上就業崗位,成為實用型的技術人才。

參考文獻:

[1]楊森,劉瀟瀟.網頁設計與制作課程教學改革的研究與探索[J].辦公自動化雜志.2010.(03).

[2]磨曙明.網頁設計與制作課程中項目教學法的運用[J].新課程.2010.(05).

[3]敖冰峰,喬陽.“項目教學法”在網頁設計與制作中的應用[J].科技創新導報.2010.(17).

[4]蔣紅,包松穎.高職網頁設計與制作課程的教學思考[J].寧波教育學院學報.2010.(06).

篇9

如今社會各界對人才的要求正在不斷提高，這就使得高校必須對教學方式做出改變，否則很難使學生適應當代社會的發展要求和發展趨勢，網頁設計與制作作為我國高等院校及中職院校中的重點專業之一，如今如何提升該專業學生的能力也已經引起了社會各界的廣泛關注。本文通過查閱相關資料，簡要介紹了項目教學法的特點，并提出了行之有效的項目式教學在網頁設計與制作方面的創新措施，以期能夠為我國網頁設計與制作教學方面的發展提供有價值的參考。

關鍵詞：

項目式教學；網頁設計；網頁制作；方式創新

前言

隨著社會的不斷進步，科技的不斷發展，我國各個領域都得到了很好的發展，尤其在計算機技術得到普遍應用之后，經過多年發展其已經具備了多種形式，而網頁設計與制作在近年來更是受到各個行業的青睞，并且其如今在高校教育中也占據著十分重要的地位。雖然近年來我國不斷在進行教育改革，很大程度上促進了學生的全面發展，但在教學過程中依然會受到傳統教育理念和教學模式的影響，使得網頁設計與制作專業的教學成果大打折扣，而項目教學法是目前最佳的教學方式之一。

1項目教學法的特點

項目教學法在我國教育中所應用的領域并不多，近年來其一直活躍在網頁設計與制作專業的教學中，通過對教學情況分析可以將項目教學法的特點歸納為以下幾點：①具有實踐性，項目教學法主要是教師對學生布置項目任務，并向學生做出充分的解釋，而該類教學任務通常與真實世界有直接的聯系；②具有自主性，在應用項目教學法的過程中，學生可以根據自身特點、自身學習現狀以及興趣所在來選擇相應的任務；③具有綜合性，若要獨立完成項目教學法中的項目任務，需要將多種學科知識以及能力結合到一處，這對于促進學生全面發展可以起到很好的作用；④具有開放性，教師在向學生布置任務后，并不會限制學生的完成方法，學生有足夠的自我展示空間和機會，有助于提升學生的創新能力[1]。

2項目式教學在網頁設計與制作方面的創新措施

2.1注重項目的選取

網頁設計與制作如今在各個行業中都發揮著十分重要的作用，眾所周知，校園教育中通常會受到教學設施不完善或其他因素的影響，而導致教學效果不佳，因此在網頁設計與制作專業的教學中，應盡量避免發生此種現象，因此在選取項目時應盡量考慮到該項目是否具有可行性，同時也要考慮到學生的自身能力、擅長的領域以及今后的就業方向等，畢竟在項目教學法中首要任務是為學生選擇項目，否則很難開展下一步工作，另外，為了能夠使學生提升創新能力，教師可以在布置項目時為學生介紹更多的思路，如此一來學生可以采取多種方式來處理同一項目，對于提升學生的綜合能力來說可以起到很好的作用[2]。

2.2豐富評價機制

由于受到傳統教育影響，我國教師在評價學生表現時通常以學生最終的學習成績為標準，但此種評價對學生而言并不公平，并且也不符合當代教育理念，因此在今后的教學中應豐富評價機制，尤其在項目教學過程中，不應只是將目光集中在結果上，應多多關注學生處理項目的過程，根據學生不同階段的表現對其進行評價，或增加小組評價、自我評價等方式[3]。

2.3優化教師隊伍

項目教學法以及網頁設計與制作專業在我國教育中存在的時間均不長，這也導致了我國缺乏該專業的精英教師，同時也缺少可借鑒的優秀教學經驗，這就使得教師必須不斷豐富自身，提升自身教學能力。高校除了提升本校教師綜合素質及能力外，也可以嘗試引進該領域的優秀人才任兼職教師，或聘請其成為學生的專業教師，全程參與項目的選擇、項目講解以及項目指導和評價等環節，在此過程中不僅學生能夠得到更好的指導，教師也可以在潛移默化中提升自身教學能力。

2.4注重時效性

如今社會發展速度飛快，而學校教育通常很難跟得上時展的腳步，尤其在教學材料以及教學設施方面，因此今后相關教師應多多關注網頁設計與制作專業的應用領域，并針對其展開充分研究，明了該專業對人才的最新要求，并根據實際情況來開展項目教學，積極更新教育理念以及教材等，避免學生在項目過程中取得了良好成績，卻已經失去了效用的情況出現，否則不僅容易打擊到學生的信心，還會影響學生今后的就業問題[4]。

2.5積極開展創新項目

如今社會需要的是全能型人才、創新型人才，在項目教學中也應充分考慮到這一要求，以此來促進學生的全面發展，如在教學過程中開展項目賽，根據學生自我意愿將學生分為若干個小組，根據各個小組的實力已經設計方向，為學生布置不同的項目，此種方式不僅可以豐富教學方式，促進學生間的情感交流，也能夠使學生在交流中獲得更多靈感，并且，網頁設計與制作對于很多大項目而言均需要以團隊的形式開展，在項目式教學中開展團隊項目對學生而言是十分必要的。

2.6注重項目過程

項目教學法的教學重點在于通過處理不同的項目來提升學生的專業能力，在學生獨立處理項目的過程中勢必會有各種各樣的疑問以及問題出現，成功處理此些問題能夠很大程度上提升學生的能力，因此在教學過程中教師應更專注于對學生進行過程指導，使學生能夠根據教師的指導以及自身領悟能力和專業能力，不斷提升網頁設計與制作的能力。

3結語

綜上所述，項目式教學在高校網頁設計與制作專業的教學中可以起到至關重要的作用，不僅可以使學生充分具備將理論與實踐結合的能力，還能夠在教學過程中鍛煉學生獨立處理項目的能力，同時對提升學生創新意識和創新能力等方面也能起到很好的推動作用。目前項目教學法已經在網頁設計與制作專業的教學中得到了廣泛應用，雖然取得了不錯的教學成果，但依然有很大的上升空間，因此相關機構和人員應加強對此方面的研究和實施力度，使項目教學法在該專業教學中發揮更大的作用。

參考文獻：

[1]屠燕飛.項目式實驗教學在網頁設計與制作課程中的應用[J].職業，2016，12（02）：72~73.

[2]蔡燕敏.網頁設計與制作課程中的項目式實驗教學[J].實驗科學與技術，2015，03（03）：123~125.

[3]吳海生.基于項目驅動的《網頁設計與制作》課程教學的改革與實踐[J].電腦知識與技術，2013，23（11）：5319~5320.

篇10

關鍵詞： 《網頁設計與制作》 教學有效性 專業技能 提高

21世紀是網絡、信息的時代，隨著網絡發展的日新月異，互聯網給人們的生活帶來了一系列根本性的變化。網絡的迅速發展和普及也同時醞釀出一個全新的設計領域――網頁設計。在目前的各種院校的計算機相關專業中，網頁的制作與設計成了一個必須要掌握的專業技能。但事實上，很多計算機專業中職畢業生的計算機水平還只是停留在很低的層面上，再加上用人單位對計算機從業人員的要求越來越高，使他們很難能滿足市場競爭的需要。造成這一結果的其中之一的因素就是我們現行的教學方式方法過于陳舊，提不起學生學習的興趣，甚至是讓學生產生厭學心理。作為一名工作在教學第一線的老師，我們有責任去思考如何提高教學的有效性。在此我根據自己這幾年的教學實踐，談談如何提高《網頁設計與制作》教學的有效性。

一、確立正確合理的教學目標

網頁制作這門課程對學生來說是個比較陌生而好奇的項目，他們都希望自己能通過這次課程的學習來獲得一個新的技能，制作出漂亮的網頁來。一直以來，我們對于《網頁設計與制作》這門課程制定的教學目標都是：讓學生熟練掌握網頁制作技能和技巧，也就是能夠跟著老師一步一步走下去。這樣學完之后，我們從考核結果來看是不差。但是我們卻忽略掉了一個很重要的能力，就是設計能力，網頁除了制作能力之外，更應該重視的是設計能力。很多學生在學完課程之后，如果老師布置一任務，要求自己找資料，獨立完成一個網頁，這時候往往無從下手。所以新學期我制定的課程目標是：了解熟悉網站的開發流程，能夠根據任務的不同來設計網頁，學會網頁制作的技巧，利用網頁制作工具制作出自己設計的網頁。

二、學習網頁制作工具及美化工具并重

在工具軟件的選擇上，我們的原則是選擇最流行的，因為流行的軟件一般用戶多、功能強、有生命力。網頁制作一般需要網頁制作軟件、圖像處理軟件和網頁動畫制作軟件的配合使用。

用于網頁制作的最為常用的專業級的軟件是FrontPage和Dreamweaver。這兩個工具軟件都提供了圖形化的設計界面，FrontPage重視網頁的開發效率、易學易用的引導過程，適合于網頁設計的初學者；而Dreamweaver主攻的是網頁高級設計市場，適合專業的制作人員使用。鑒于Dreamweaver在網站管理和網頁編輯方面的卓越表現，我們采用它作為課程用軟件。

三、教學過程中設計好實例

在本課程的學習中，任務驅動法是比較適合的。學生在完成一個一個的實例過程中，會獲得成就感、滿足感，也就有了繼續學習的興趣。選擇和設計教學實例的目的是為了使學生掌握網頁設計的理論知識，提高學生設計和制作網頁的實踐能力。網頁實例的設計除了具有明確的目標外，還應遵循由淺入深、循序漸進的原則，同時考慮分散知識點中的重點與難點、知識的前后序關系等。一個教學實例的難度對教學效果影響也比較大，在實例設計過程中，我們要注重網頁設計基礎知識與基本技能的訓練，應避免重點與難點過于集中而導致的學生興趣下降和產生畏難情緒。比較妥當的實例難度是大部分學生能做出來，但又存在一點點疑問。同時實例的設計應盡量結合網頁設計的實際應用，這樣可使實例既有新鮮感、可操作性又具有趣味性。

因此，我們在選擇和設計教學實例時應注意：（1）實例必須具有教學性：通過直觀的網頁實例可以形象生動地展示學習的目標，能使學生的明確所學知識的實用價值，從而提高學生學習的興趣和積極性，這也是運用實例教學的主要目的。教師要根據教學內容及目標要求來確定每個網頁實例，因此選擇實例應緊扣教材和教學大綱，使其具有教學性，能為教學目標服務，更要符合教學的需要。（2）實例必須具有典型性：所選擇的實例要能充分地考慮理論知識點和操作技能等學習目標，應遵循由簡到繁，由易到難，循序漸進的原則。所選擇和設計的網頁教學實例要能突出重點，突破難點，真正起到幫助學生理解如何制作和設計網頁的作用。（3）實例還必須具有針對性：選擇和設計的教學實例應針對學生的實際興趣和接受能力來選擇。這樣學生就會學得興致盎然，輕松愉快，教師的點撥也易明易懂，事半功倍。

四、注重HTML語言教學

無論什么類型的網頁，其基本結構都是HTML標記，所以認識、了解HTML標記的含義是非常重要的。認識HTML代碼，在一些必須要修改HTML代碼的情況下（如添加網頁特效的Javascript代碼、添加背景音樂時）就不會感到無從下手，也為動態網頁的學習奠定基礎。而往往教師認為學生對于計算機語言的學習不感興趣，也沒有一定的基礎，所以對這一部分常常忽略掉，這其實是做網頁中的大忌。本學期，在網頁制作的講解過程中，我將HTML語言帶入到教學過程中，先教會學生如何來看懂HTML語言，然后讓學生再根據原有的HTML依葫蘆畫瓢地自己編寫HTML語言，最后達到能夠自己編寫簡單的HTML語言的目的。

五、加強團隊協作

在給學生實踐操作過程中，教師可以使用學生獨立完成任務與團隊完成任務相結合的方法。對于一些比較簡單的任務，我們可以要求每一位學生獨立完成。而對于一些較大的任務，則采用學生互相幫助的方法。由學生自主選擇為主，加上老師的一定的調劑，最終由2到3名學生組成一個小團隊，教會他們分工組織的方法，讓他們自己去設計網頁，鼓勵學生到網絡上搜索素材或自行設計素材，最終完成各個頁面。以前我在教學中，很少去開機房的網絡，主要擔心學生在網絡上聊天、打游戲。但是本學期我在機房中將網絡開下來之后，發現打游戲、聊天的情況甚少，主要是因為學生有事情可做了，他們團隊之間會互相監督、互相幫助，而且不同的團隊之間也會有比較、有競爭。這樣可以大大提高學生學習的效率。學生在學習到技能的同時，也學會了怎樣來與人交流、溝通。

六、設計合理的評價手段

傳統的考試方式很難真正進行有效的考核。因此，我們進行了考核方法的改革，首先采用常規的筆試、上機操作，考核學生掌握基本知識、基本技能的情況，還采取口試，考核學生對整個項目開發的思路及開發方法，同時考查學生口頭表達能力、與人溝通能力。最主要的考核是以項目最后實現的效果及每個人完成工作量的情況、完成工作的質量及效率進行評分，由項目小組與教師共同打分。采取的形式有學生相互評價，小組評價，通過學生在小組中的表現，完成任務的情況，在小組中的表現進行評價。我要求學生在交流評價的基礎上對自己獲得的材料和做出的作品進行檢驗，驗證自己的觀點。通過對比師生評價結果，找出造成結果差異的原因，讓學生反思他們在探究實踐中所運用的解決問題的策略。

通過這次教學實踐和反思后，我感覺教學方式不能完全照搬以前傳統的教學模式，在新時期下可以利用更為豐富的教學資源――網絡來進行教學。在以大力培養中職學生動手能力的前提下，大膽對傳統教學方式進行改革是可行的。世上沒有最完美的教學法，只有不斷完善的教學法；沒有一成不變的教學策略，只有不斷改進以切合學生學習實際的教學策略。多對自己的教學過程進行自我反省，以就業為導向，旨在解決問題，能夠使教師成為動腦筋的教師。通過自我反省，我們能增進對課堂，教學問題的認識，從而改進教學方式，提高教學效率。

參考文獻：

［1］張閣林.網頁制作技能教程.北京：電子工業出版社，2007.