引論：我們為您整理了13篇網頁制作與設計范文，供您借鑒以豐富您的創作。它們是您寫作時的寶貴資源，期望它們能夠激發您的創作靈感，讓您的文章更具深度。

篇1

1.考核方案的制定

本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：

（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。

（2）項目總結。對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。

（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。

篇2

1 “網站開發與網頁制作”網絡設計現狀分析

1.1 網站開發語言安全性

網站開發采用的語言有ASP、php、aspx、java等，實際開發制作中PHP+SQL的應用非常廣泛，這在網絡課程設計中也是綜合運用的重要課程，它能獨立實現網頁的自由切換，完成復合圖形的鏈接，調整網站的模式結構，它的動態因素還能起到吸引眼球，脫穎而出的效果；網站開發中PHP+SQL的綜合運用更是提高了網頁的利用空間，加速了后臺數據庫的建立，同時提高了網站開發的安全性和注重瀏覽者的綜合感受。

1.2 靜態網頁制作中Dreamweaver的應用

現階段，在網站開發與網頁制作課程中，Dreamweaver網頁靜態編輯器應用最為廣泛，它從最初的1.0版本升級到CS5，同時它的功能也從簡單的調節色階、飽和度、制作文字圖框上上升到獨立編輯和創建動漫圖片，三維立體調色，人物實體渲染等豐富強大的功能，這在網頁制作圖像編輯上發揮了立竿見影的作用，其次它帶有掃描和創作功能，使制作的圖片所見即所得；同時他還具有自由變換渲染實景的強大功能，可以還原復古地域風情、分辨明暗光景、豐富人物表情等，使我們的圖像新穎而富有特色。

1.3 收錄引擎對網站的友好度

搜索引擎屬于網站開發與網頁制作的后臺工作，它是支撐網頁正常運行的必要條件，也是網站鏈接顯示的重要組成部分，PHP、JAVA、ASP程序的編寫就好比人的大腦，它的關鍵度和完整度不言而喻。在制作處理完網頁，建立網站后往往要優化系統，有利于提高網站的點擊率和被百度收錄的幾率，這也是網絡課程設計的范疇，由于網頁腳本語言的改革使得SEO優化系統后豐富了網站的實用性，從而提高了網站開發與網頁制作的熱情和創新性。

2 “網站開發與網頁制作”設計發展規劃

2.1 多層次深發展滿足不同領域的需求

網絡課程是一種以學生為主體的網絡教育方式，它注重學生的實操能力和融會貫通能力，改變了老師口傳式的傳統教學模式，更好的活躍了學生氛圍。網絡課程設計可以根據學生接受能力的不同、所處領域的不同實行分類式教學模式，分層次輔導，有的放矢。例如，對研究和專業學生的教學，專業學生注重就業方向，我們設計的網絡課程就偏重于實用性，把日后經常用到的知識點納入教學中；對于研究傾向的學生偏重于后臺技術的開發，使它們在今后的研究中取得新的進展和突破，這樣做到有針對性的因材施教可以滿足不同領域學生的需求。網絡課程設計不受時間和地點的限制，可以重復式學習和互動，使學生更好的接受和完成學習任務。

2.2 整合資源優化知識結構，提高網絡課程設計效率

在網絡課程設計中，注重知識點的整合和知識結構的優化是關鍵的一個步驟。網頁制作不僅要求學生靈活掌握網站框架結構，而且在其藝術性上也提出了更高的要求，例如：在網頁制作中加入文字描述是我們常常遇到的問題，這時我們可以涉及如何加入文字并進行藝術設計，如何制作文字動態效果，并且兼顧抓取整段文字的關鍵詞，瀏覽備注信息和搜索引擎中出現的頻率等，這樣就構成了由點到面，循序漸進形成一系列連貫的知識點。再有網站開發過程中，網站鏈接瀏覽器的選擇也十分重要，它涉及到網站的權重問題和優先選擇問題，網站權重突出了網站的地位和導向，我們來換位思考一下，在搜索時習慣輸入什么知識點鏈接哪些網站，什么樣的域名優先錄取等都是我們需要考慮的，這也是我們網絡課程設計中資源優化的體現。

2.3 理論實際相結合，培養學生動手能力

在網站開發與網頁制作網絡課程設計中，首選要建立大量的圖庫資源和圖片資料，要求學生在日常生活中注意積累如各地人情，旅游風景，代表建筑物等一些列具有紀念價值的圖片，使得網頁制作過程中有豐富素材可用；其次課程設計中要多引進網站創新案例，利用多媒體播放一些特點鮮明的網站作品，使學生在潛意識中加深印象，在創新案例講解過程中融入教學重點和網絡設計難點，使學生享受成功案例的同時學到知識，長時間耳濡目染使學生形成一種創新網站設計構想的良性循環；最后要多培養學生善于總結和創新能力，注重學生的動手能力，在網絡課程設計中要留出足夠時間，反復實操。

2.4 將前臺簡單的網頁編輯延伸至后臺技術的開發及數據庫的整理

網站后臺制作是一項乏味而艱巨的任務，針對它的特殊性和復雜性，在網絡課程設計時，注重多媒體的使用，這樣可以使枯燥的編程程序直觀的表達，易于學生的接受；其次后臺數據庫的整理工作更是需要專業知識的鋪墊，需要多涉及實際數據的推算和項目數據庫整理工作，同時注重學生的綜合感受和自我評價能力，使它們能完全融入先進的課程設計中，從而達到理論實際結合的目的。

3 結束語

時代在發展，教育在改革，隨著計算機應用的普及，網絡教育占據主流力量，網站開發與網頁制作網絡課程設計會得到大力的推廣和應用，它不僅可以直觀形象的講解原理，因材施教，而且注重學生理論實踐相結合的動手能力，從而大大提高了學生的綜合素質和就業適應能力。

參考文獻

[1]韓陵宜.網頁制作課程教學及考核方式的研究與探索[J].計算機教學與教育信息，2008（03）.

[2]紀明明.淺談“項目教學法”在網頁制作與網站設計課程教學中的應用[J].中國新技術新產品，2010.

[3]盧新建.試談ASP動態網頁課程的教學探索[J].計算機應用教學研究，2010（10）.

作者簡介

篇3

The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"

XUE Hui， YANG Xiao-feng

（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）

Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.

Key words： web design； teaching； model； design

1 《網頁制作》課程在計算機類專業課程中的地位和作用

如今網絡在人們的生活中占據了越來越重要的地位，網頁制作技術作為建設網站的基礎技術也展現了越來越多的應用，企業對網頁制作人才需求巨大。《網頁制作》課程是計算機類專業的專業主干課，通過該課程的學習，使學生全面建立對網站的認知，學會網頁制作和網站設計的基本方法，熟悉網頁制作與網站設計的基本概念和理論，掌握網頁制作的操作方法和制作技巧，使學生具備設計、開發、網站的能力，加強學生的實際動手能力和解決問題的能力，為以后激烈的就業競爭打下堅實的基礎[1]。

《網頁制作》課程是后續課程《交互式網頁動畫設計》和《》的前導課程。學生通過《網頁制作》課程的學習，可以解決《交互式網頁動畫設計》課程中對動畫網頁美術效果的設計需求，也可以解決《》課程中對網站前臺界面的設計和制作需求[2]。

2 《網頁制作》課程具有易于掌握、難于精通的特點

《網頁制作》課程屬于操作設計類計算機課程，和《計算機基礎》等課程不同的是，在簡單的操作背后隱藏著許多深層次的制作技術和操作技巧，學生學完課程之后，往往只掌握一些簡單的操作，只懂得一些簡單的技術，對于復雜的技術和深層次的制作方法一竅不通，做出的作品只能達到實習生的水平，無法達到應用型人才所需要的技術水準，無法滿足企業對人才的需求[3]。

造成這種情況的原因是，《網頁制作》課程涵蓋內容廣，技術層次深，制作技巧多，具有易于掌握、難于精通的特點。《網頁制作》課程的這個特點給學生掌握網頁制作技術造成了很大困難，要提高教學質量，必須克服這個困難。

3 針對《網頁制作》課程特點的“精講熱練”的教學模式

3.1 針對《網頁制作》課程易于掌握，難于精通的困難的解決辦法

1）把寶貴的課堂時間更多的用在講授深層次的制作技巧上

《網頁制作》課程總的教學時數是有限的，為了讓學生在有限的時間內掌握復雜的技術和深層次的制作技巧，就要把寶貴的課堂時間用在深層次的制作技巧上。《網頁制作》課程中許多簡單的操作、簡單的制作方法和《計算機基礎》課程是類似的，對于簡單的操作、簡單的制作方法大略講一下就可以，而對于復雜的操作，學生難于掌握的技術可以使用更多的時間來教學。

2）由講授和實踐分開上課轉變為在機房統一上課

傳統的《網頁制作》課程的教學模式是老師先在多媒體教室通過投影儀講授，然后學生在機房上機實踐。這種教學模式由于講授和實踐操作有一定時間間隔，對于簡單的操作影響不大，但對于復雜的操作，學生常常就忘記了操作步驟。課堂講授內容較多時，學生甚至會把不同功能的操作相互搞混。

為了使學生能夠掌握深層次的網頁制作技術，需要改變傳統的教學模式，更多地采取互動模式，以提高學生的學習效率[4]。最好講授和上機實踐統一在機房進行，教師通過機房的同步授課軟件講解、演示，講完之后學生立即練習，打破理論教學和實踐操作的時間間隔，使學生通過親自操作快速掌握相關技能。

3.2 “精講熱練”的教學模式

針對《網頁制作》課程易于掌握、難于精通的特點，本文提出“精講熱練”的教學模式，與傳統的教師先在多媒體教室講授，然后學生在機房上機實踐的教學模式不同，這種教學模式把講授和實踐結合在一起，統一在機房授課，如圖1所示。教師講授時主要講解復雜的操作和深層次的制作技巧，對于簡單的操作、簡單的制作方法大略講一下就可以，此為“精講”。上課時教師先通過機房的同步授課軟件講一塊知識點，然后學生立即練習，練完后教師再講下一塊知識點，講完之后學生再練，反復循環，循循善誘，使教師講授和學生實踐之間沒有時間間隔，此為“熱練”。精講熱練、趁熱打鐵，從而化復雜為簡單，變被動為主動，使學生在教師的引導下逐步深入學習網頁制作知識，掌握深層次的網頁制作技巧。

這種模式的特點是以教師為中心，以學生為主體，把教師講授和學生練習緊密結合在一起，變學生被動聽講為學生主動參與，創建交互式協作學習環境，加強師生交流和學習[5]，使學生在教師的引導下成為課堂的主人，從而有效提高教學質量。

圖1 “精講熱練”教學模式與傳統教學模式對比圖

3.3 “精講熱練”教學模式的優點

“精講熱練”的教學模式具有以下幾個優點：

1）“精講熱練”的教學模式克服了《網頁制作》課程易于掌握，難于精通的困難，集中有限的課堂時間用于深層次網頁制作技術的教學，能有效提高教學質量，使學生的制作水平和制作技巧達到較高的高度。

2）“精講熱練”的教學模式使教師講授和學生練習相結合，能夠充分營造學生積極參與的學習氛圍，有效活躍課堂氣氛，增進學生和教師之間的交流[6]，讓學生在教師的引導下快速掌握網頁制作技術。

3）“精講熱練”的教學模式由于把傳統的多媒體講授轉變為了機房講授，不僅增強了對學生的視覺沖擊，而且學生可以及時動手實踐操作，便于和任務驅動教學[7]、項目化教學[8]、案例教學[9]、層次化教學[10]等教學方法相結合，形成立體化教學體系[11]。

3.4 “精講熱練”教學模式的教學效果

筆者在自己所在學校同一年級計算機專業的兩個班進行了對比教學實驗，一個班采用傳統教學模式，另一個班采用“精講熱練”教學模式，課堂教學效果對比如表1所示。從表中可以看出，“精講熱練”教學模式的課堂教學效果明顯優于傳統模式。

期末進行了總評成績核定，總評成績由平時成績、實踐作品成績和期末考試成績三部分組成，其中平時成績占10%，實踐作品成績占40%，期末考試成績占50%，總評成績對比如圖2所示。從圖中可以看到，“精講熱練”教學模式的總評成績也明顯優于傳統模式。

表1 課堂教學效果對比表

[教學模式＼&課堂氣氛＼&互動性＼&學生興趣＼&逃課人數＼&傳統模式＼&一般＼&弱＼&低＼&較少＼&“精講熱練”模式＼&活躍＼&強＼&高＼&極少＼&]

圖2 總評成績對比圖

4 總結

“精講熱練”的教學模式可以有效克服《網頁制作》課程易于掌握，難于精通的困難，帶動課堂氣氛，提高學生參與學習的主動性，幫助學生掌握深層次的操作方法和制作技巧，能夠有效提高《網頁制作》課程的教學水平。該模式也可以推廣到其他計算機操作設計類課程，在課堂教學上起到示范帶動作用，改善計算機教學的教學氛圍和教學效果，慧及更多教師及學生。

參考文獻：

[1] 劉述，杜世友. 就業導向的網頁制作課程設計及其成效[J]. 中國電化教育， 2009（11）.

[2] 劉銘. 高職《網頁設計》課程的教學模式設計[J]. 職教論壇， 2010（35）.

[3] 張輝. 網頁制作類課程的教學改革與實踐――"先整體、后切分、再拼合"的新型教學法[J]. 佳木斯教育學院學報， 2010（5）.

[4] 黃宇建. 任務教學法在網頁制作教學中的實施過程和優勢[J]. 中國信息技術教育， 2014（14）.

[5] 劉楠. 網頁制作在教學中的設計應用[J]. 黑龍江教育學院學報， 2010，29（9）.

[6] 張洪星，褚建立. 高職高專《網頁設計》課程考核方式的研究與探索[J]. 教育與職業， 2007（2）. （下轉第179頁）

（上接第177頁）

[7] 薛巧梅. 任務驅動教學法在網頁制作教學設計中的應用[J]. 武漢船舶職業技術學院學報， 2013（5）.

[8] 鄭丹青. 項目教學法在動態網頁設計課程中的教學應用[J]. 中央民族大學學報（自然科學版）， 2014，23（2）.

篇4

【文章編號】0450-9889（2015）03B-0121-02

網頁制作與設計課程是學生進入軟件工作室學習的前導課程。為了讓中職學生更好地學習，廣西梧州商貿學校以電子商務創業園為平臺，將網頁制作與設計課程中的職業能力培養作為培養的主線，將典型工作融入課程，解決了學生就業層次低、就業難度大等問題，鼓勵學生的創業熱情，提高了學生的實踐能力，為中職的創新教學提供了源源不斷的改革動力。

一、當前網頁制作與設計課程教學活動中存在的問題

（一）中職生學習存在的問題。當前，中職大規模擴招，使得中職生生源總體質量下降，素質參差不齊，學習質量呈現下降趨勢。中職生學習存在的問題主要體現在以下兩方面：

第一，學習積極性差。在上理論課時，一些學生不愿聽枯燥的理論知識，不愿做教師布置的上機作業，而是玩游戲、玩手機，導致對專業知識的掌握不牢，不能有效地將專業知識遷移到實際工作崗位中。

第二，動手能力差。在上實踐課時，一些學生面對給出具體操作步驟的任務不屑動手，認為過于簡單，而對于沒有給出操作步驟的任務又覺得太難而手足無措，高不成低不就的現象普遍，導致無法構建屬于自己的知識體系，到了實際工作崗位上便無所適從，無法將所學的知識與實際聯系起來，不具備解決問題的能力。

（二）教師教學存在的問題。電子商務和計算機應用專業的網頁制作與設計是實踐性很強的學科，目前主要有傳統教學與校外頂崗實習兩種教學方式，教師教學中存在的問題可從這兩方面進行分析。

第一，傳統教學存在的問題。一是教學內容落后，不適應社會應用實際的變化。當前全國各地相繼開展了網頁設計與制作教學內容的改革，但是在實際教學中，中職教師的教學思維并沒有適應社會應用的變化，教學內容遠遠滯后于當前應用要求。網頁設計中要求美化、策劃，還有后期運營中可維護，這就需要教師不斷融合網站的運營推廣、優化、美化、營銷策劃等方面的知識與實際應用技能；在網頁制作與設計過程中，融合管理以及市場的創新，從而培養復合型服務人才。二是教學方法存在單一性。中職教育具有實踐性的特征，但是當前網頁制作與設計課程教學缺乏職業教育的特征，忽略了職業情境的創建，學生在實施、設計、計劃、分析中不能得到教師對疑惑的解答。在多種教學方式下，要實現教學效果快速提高，需要從思想上實現根本轉變，運用這些先進的教學方式，結合當前高科技、高速度、超大信息、多元化的時代特點，不斷進行課程教學改革，改變單一化教學方式。三是考評方式不夠開放，而是形式化地完成。學生的考評主要涉及日常的教學考勤和完成網站的結果，不能顯示出學生學習效果的提高。在這種封閉的考評方式中，學生改進的方法、存在的問題不能在教師和學生之間形成互動，降低了學習的效果。

第二，校外頂崗實習存在的問題。在頂崗實習中，一方面，學生真正上手操作的機會比較少，加之愿意接受學生實習的企業不多，并且由于大部分學生分散在不同企業，因而管理和考核難度加大；另一方面，學校與實習企業溝通不夠，合作力度不深入，也不夠合理，尚未形成學生、企業、學校三者共贏的局面。

二、電子商務創業園的教學模式

以電子商務創業園為平臺推動網頁制作與設計課程教學改進是一種嘗試。該教學模式以電子商務創業園為平臺，采用項目輔導、專題討論、技術講座等形式，促進學生在真刀真槍的項目開發中學習相關知識，從而提高學生的職業能力。“以職業活動的工作過程”是從“以知識的邏輯線索為依據”轉變而來的，并且學習的資料基本上是實際工作流程和職業崗位活動，以此來安排課程順序和內容。

具體來說，以電子商務創業園為平臺推動網頁制作與設計課程教學改進是將電子商務創業園平臺中的企業項目作為實例，教師結合項目流程化進行重點模塊教學，學生在教師的引導下開展實踐性學習。為了將完成項目任務作為實際教學活動的中心，需要遵守“項目導入、任務驅動”的教學法，教師對學生進行啟發、引導，讓學生通過參與項目任務的網頁制作與設計，親自體驗網站的開發、維護、管理這一完整流程，并在學習中激發自主學習的動力，不斷提出問題，同時發現新問題，從而改變傳統教學模式中教師和學生的角色，實現以學生為中心的教學。

三、以電子商務創業園為平臺推動網頁制作與設計課程教學改進

首先，以電子商務創業園為平臺推動網頁制作與設計課程的教學改進中，主要以“項目導入、任務驅動”教學法為研究方法。因為以電子商務創業園為平臺推動網頁制作與設計課程教學改進的模式是一種新型的教學模式，還沒有現成的案例，需要我們在實際工作中研究與實踐才可能推廣。其次，中職教育的教學管理中，應注意分層管理，注重個性差異和個別教育，加強學生間的凝聚力，提高學生學習的積極性。落實“總項目―子項目”模式的分層管理，一方面讓項目組成員分頭開展研究，另一方面由項目負責人進行總協調。同時，項目將成立例會制度，目的是強化制度體制，規范行政管理，提高工作效率。最終在校企合作的推動下，一起展開項目研究。

教學改進方案具體如下：

（一）確定項目組人員和教學改進方案。首先，確定教學改進方案的依據。一方面要在網頁制作與設計課程投入人力和財力的基礎上，對編制問卷調查中的通用步驟進行參考，還要對研究成果以及檢索資料進行借鑒，從而得到網頁制作與設計課程中的崗位及能力方面的要求的基礎數據。其次，教學改進方案的設計要設立審批、經費投入等管理制度，將設立審批下放到電子商務創業園中，明確學校分類管理，加大對在電子商務創業園形成過程中出現的違法行為的打擊力度，對責任人嚴肅追究責任。再次，在教育制度改革的同時，要深化課程教學改革，實施德育綜合改革，構建網頁制作與設計課程的德育課程體系，把德育目標融入學科的課程中，實現全科育人，并深入開展法治教育，強化知識課程教學。然后組織相關教師研討，編寫講義，確定教材，落實與課程培養中的各種能力相關的設備以及資金。最后，在學生綜合素質評價中，要明確以學生品德養成、身心健康、學習能力為主要評價內容，堅持常態化實施，如實記錄學生在創業成長過程中的突出表現，并以事實材料為佐證，切實做到有據可查。同時加強公開公示工作，用于招生使用的活動記錄和事實材料必須進行公示，相關負責人須審核簽字。

（二）開展實地考察并簽訂企業開發合同。對電子商務創業園合作的企業如廣東中山市藍狐品牌策劃有限公司進行實地考察，根據考察情況形成初步的教學改進方案，并組織專家論證，與企業簽訂開發合同。企業和學校要在專業設置、師資隊伍建設、實踐教學、實訓基地建設以及現代職業教育體系構建等方面形成良好的合作基礎，開展針對性的對口共建活動，使學校在專業建設、師資素質和實踐教學水平等方面得到提升。企業和學校協調配合、各司其職，以電子商務創業園為平臺實現對網頁制作與設計課程的帶動作用。

（三）教學改進的實施。開展以“項目導入、任務驅動”教學法的網頁制作與設計課程教學改進的同時組織開展優秀作品展評比競賽活動，進一步加強學生技能的培養和全面提高學生的綜合素質。鼓勵學生參與電子商務創業園平臺相關的活動，鼓勵學生建立、開發工作室，可由教師牽頭，組織學生參與，引入企業項目。在企業項目實施的過程中，學生可以了解、熟悉整個工藝流程、不同知識的用途以及操作過程中的注意事項。校企聯合實踐教學，讓學生將理論和實踐進行對接，使學生對所學專業有更深層次的認識，更加明白課堂教學的意義，激發學生學習專業的熱情，這對于學科建設和學科發展具有積極的推動意義；同時，引導學生樹立“學會認知，學會做事，學會共同生活，學會生存”的意識，使學生在創業時“走得出”，“站得住”，“干得好”。除此之外，在教學改進實施過程中，還應注意維護學生的權益。校企合作中涉及的實習生人數多，學生容易被企業當作“廉價勞動力”使用。保障政策的重點包括企事業單位不得向實習生收取實習費；不得安排實習生從事與所學專業無關的實習崗位；學生頂崗實習給企業帶來效益的，企業應向學生發放實習津貼。

（四）完善項目。依照項目開發結果來完善教學改進方案，主要是硬件設施，從而逐步建立電子商務創業園平臺帶動下的網頁制作與設計課程規律性體系，形成網頁制作與設計課程的能力考核評價標準。按“理論教學項目化，實訓環境真實化，素質培養職業化”的要求，開展實訓基地建設。在基于工作過程的行動導向教學理論的指導下，以真實的網頁制作與設計為藍本，在企業項目實施中，建成比較完善的“做中學、學中做”教學場所。同時，對實訓基地的功能進行綜合論證，對原有的師資及企業職工培訓、技能競賽和教產研發服務三種功能的不足進行重點建設，主要針對軟硬件投入建設。在項目完善過程中，按不同層次拆分工作內容，開發產教項目，以適合不同年級的教學；教師的教學以生產為主線，生產活動為載體，理論與實訓一體。學生通過參與項目的活動，學做融合，實現工與學的對接，創新校企合作的模式，使得調整后的項目、人才規格和專業素質貼近行業、企業的現實要求。

總之，以電子商務創業園為平臺推動網頁制作與設計課程教學改進，始終將學生作為學習的主體，通過案例教學、任務驅動、項目教學法、小組合作與協作等方法開展教學活動，這對提高學生主動學習和解決問題的能力，提升學生的崗位職業技能，以及提升教師團隊的教學水平具有重要的意義。

【參考文獻】

[1]王敏.南通市職業學校首批“學生創業園”頒牌儀式暨南通中專創業教育推進會隆重舉行[J].江蘇科技信息：科技創業，2012（2）

[2]陳小燕，謝強，丁秋林.淺談項目式教學在《網頁設計與制作》中的應用[J].電腦學習，2010（1）

[3]彭學軍.以創業為導向的《網頁設計與制作》課程教學[J].職教論壇，2010（23）

篇5

在網絡技術迅速發展的今天，網頁設計與制作已成為當今社會上一種比較熱門的技術，也是“計算機應用技術、計算機網絡技術、國際貿易、國際商務專業”等專業學生的必修課，同時，也是相關專業學生的選修課[1]。

一、《網頁設計與制作》課程現狀與問題

對于以往的教學方式與內容，其相對落后的表現為：以簡單分析為主線，系統的概念化設計思想較弱；以文字教材與課堂講述的方式傳授知識為主導；過于重視軟件的操作，幾乎沒有創新設計的內容，忽視培養學生創造性思維；新理論、新技術相對偏少；與實際案例的聯系不密切、沒有反映現實技術的發展水平。

二、《網頁設計與制作》課程教學改革的對策

（一）教法的改革

“教師一張嘴、學生一支筆”的傳統“填鴨式”教學模式，是培養不出掌握熟練技能技巧面向市場的網頁制作人才的。為此，我們必須在教師的教法上改革傳統的教學模式。

1.注重培養學生的新思維

教學改革的關鍵是教師，要把如何培養具有創新能力的網頁制作人才放在第一位。有了創新意識，就能抓住創新機會，產生創新方法，啟動創新思維。通過改革，帶動和影響學生去創造、去想象、去獨立思考。培養學生的創新思維，可以改變學生依賴老師的習慣，也可以改變計算機教學傳統的填鴨式、灌輸式的教學方法。代之以自學指導法、嘗試教學法、提問驗證法等。教學方法創新，可使學生具有獲取新知識的能力，為他們在今后工作中不斷創新打下基礎。

2.使學生從課本中解放出來動手實踐

傳統教學方式學生取得知識的途徑主要是教師的課堂講授和教科書。筆者認為，教師應該讓學生從書本和課堂中適度解放出來，要求學生積極參加實踐，接觸實際問題，在經歷實踐的同時和解決問題中獲取知識。教師對每一門計算機課都給學生布置實踐課題，作業考核測試盡量在電腦上進行，實行“無紙化”，使理論和實踐教學有機地統一。

3.鼓勵并組織學生校外實習

為了讓學生能更好的適應社會需求，在充分發揮本校人力資源的基礎上，與一些IT公司聯合，鼓勵并組織一些學生去公司實習，讓學生有機會參與實際項目的開發和管理，提高實際應用水平。同時，也可以聘請公司專門從事網頁制作的人員來校授課，讓學生能及時了解學科前沿應用信息并掌提高新技術，盡力讓學生的認知內容始終與世界資訊保持一致。

（二）學法的改革

1.引導學生轉變思想

學生從高中升人高職，大部分學生已經習慣中學教師的教法。簡單的說就是，學生只會學習老師教的內容，不會太多想和學課外的一些知識點。但是，現在不同了，首先要從思想上給學生敲一下警鐘，讓他們知道，高校不同于中學，高校的學習和學法主要靠個人，網頁制作的知識無邊無際，需要學生自己去好好學習，自己去鉆研。因此，老師應該更多的提醒學生平時獨立思考問題、獨立看書、獨立去實踐，逐步轉變學生的慣性思維。

2.引導學生理論與實際相結合

我們注意引導學生從課本中解放出來，但是也不能完全的脫離課本。尤其是網頁制作科目的實踐性很強，所以一定要注意提醒學生不能忘掉課本的這個“本”，注意理論與實踐相結合，只有通過在實踐中來發現問題，同時又從課本中獲取知識，才能達到理論與實踐相結合，才能增長知識，才能取得更大的進步。

3.引導學生利用好網絡資源

隨著學校網絡環境的進一步改善，學生上網的機會也隨之增多。網絡資源為我們的教學提供了一個很好的學習資源，但需要教師的有效規范和引導。網上關于網頁制作的相關網站很多，有一些做網頁的相關技巧等著學生去學。通過學生對網絡資源的利用，既能大大的補充學生做網頁知識的全面性，又能很好的激發學生學習的積極性。

4.引導學生建立學習小組

在教學的過程中，我們可以將學生每4—6人來建立一個學習小組，小組成員之間相互協作，相互幫助，來共同解決問題。同時可以讓小組中尖子生充當小老師來指導其他成員，從而達到共同學習進步的效果。學習小組的建立，初步培養同學們合作交流的愿望，使他們能主動與他人合作，敢于提出與別人不同的見解，也勇于放棄或修正自己的錯誤觀點。通過學生的共同探索，可以培養同學之間相互合作、共同探索的團隊精神，也可以提高學習效率。

（三）成績考核方法的改革

網頁制作操作性很強，實踐內容多，而理論知識少，一個學生學得好不好，關鍵看學生的動手能力怎么樣。對學生成績的考核也是網頁制作教師長期探索的課題。

1.小的知識點，平時隨堂考查

在時間允許的情況下對每個學生要逐一檢查，使學生在平時就養成對小知識點的積累。久而久之，做一個網站的所有知識點就會慢慢的積累起來。

2.提前布置一些較大的工程（如個人主頁、網店設計之類）

如何使學生將一些小的知識點組合成為一個大的或綜合的網站才是做網頁最終目的。因此，開學初我們就可以布置個人主頁、網店設計的任務，要求學生做好準備，到期末后一起交上來。這樣既可以即學即用，也使得學生在平時把精力真正的投入到專業技能的訓練上。

3.上機操作

期末考試的成績不能僅僅就是上面的兩個方面的成績，還要讓學生能在規定的時間內來完成老師所規定的一個網站來，學生可以自由發揮，設計想出自己獨特風格的網頁，這樣對學生就會有一個很大促進作用，有助于學生獨創意識的發展。

三、五步教學法

《網頁設計與制作》課程特點是：具有很強的操作性，并且新技術不斷涌現，有明顯的時展特點，教學內容須同步更新；設計無定勢，故極富創意性、挑戰性，要求學生手腦并用。

基于以上特點，教學時可反復采用五步法訓練，即【分析】【歸納】【模仿】【創新】【進入資料庫】，逐漸提高學生層次。具體實施時采用宏觀講解與個別指導相結合的方法進行。

（一）創設情境，提出問題，討論分析

通過“創設情境，提出問題”可以激發學生的求知欲，而且還可以培養學生發現問題，探索問題的能力。

（二）操作演示，理論講授，模仿創新

本課程重視實際操作，培養學生的動手能力。在組織課堂教學時：首先，演示案例結果，給學生以直觀的感受，然后倒述代碼；其次，提出問題，讓學生模仿著翻三，歸納總結；最后，留出部分時間讓學生創新設計。

（三）資源開放，自主探索，評價作品

在網上隨時學習資源，鼓勵學生利用搜索引擎，自主學習，互評作品，總結得失，共同提高。

四、期望達到的教學效果

通過讓學生分組設計網店，掌握網絡店鋪營銷的基本操作方法、各種信息搜集與方式的使用、網絡問卷的制作與、網絡廣告推廣策劃、網絡營銷各種策略方案等核心知識和必備技能[2]。同時獲得相應的操作能力、學習能力、應用能力，強化學生的實踐能力，100％達到課程教學的要求。

學生在掌握基本知識、能力，培養素質的基礎上，能掌握課程中要求的職業技能和素質，能在真實或仿真的環境中經營網絡店鋪。由于本課程設計為項目導向、任務驅動的工作過程系統化課程，每個項目的第一步即為明確工作任務，全體課程組教師應充分尊重學生在教學過程的主體地位，把單向灌輸改為師生協同互動，從引導學生的思維方式入手，最終由學生自主完成電子商務操作流程，達到良好的教學效果，極大地調動學生的主動性，使學生的學習目的進一步明確，學習興趣明顯提高。

篇6

網頁設計；高職；教學內容

隨著互聯網逐漸深入到經濟生活的各個角落，涌現出越來越多的網站。相應的，各類單位、企業等用人單位對網頁設計與制作人才的需求也開始變得普遍。而《網頁設計與制作》也早已成為大多數高職院校普遍開設的課程，甚至在同一所高職院校中也有相當數量的專業開設了這一課程，這些現象都反映出了社會對網頁設計與制作人才的需求。而互聯網的不斷發展也在推動著社會對網頁設計與制作人才水平要求的不斷提高，也對《網頁設計與制作》的教學提出了新的挑戰。

一、《網頁設計與制作》教學內容存在的問題

1.教學內容與實際應用脫節。

目前，《網頁設計與制作》的教學內容大致分為：網頁設計基礎知識、HTML語言基礎、CSS樣式基礎、網頁文本和圖像、超鏈接、表格、框架、Div、多媒體網頁、模板和庫、站點管理維護。不同院校、不同專業在具體內容的選擇上可能會有所差異，但大致都包括了這些內容。首先，在《網頁設計與制作》教學中，往往會以Dreamweaver這一網頁制作軟件的使用作為主要內容，所有的操作都依賴于Dreamweaver，很少涉及對HTML代碼的講解，這導致學生無法熟練的查看、修改HTML代碼，一旦離開了Dreamweaver，學生將無法制作、修改網頁。而在實際應用中，HTML代碼是在進行網頁設計時無法繞過的一個知識點。因為在Dreamweaver的設計視圖下操作是不能解決所有問題的，很多網頁設計中出現的問題只有通過查看HTML代碼才能發現并解決。此外，Dreamweaver也并不是計算機上的常用軟件，學生應該具備在脫離Dreamweaver的環境中進行簡單網頁制作、修改的能力。其次，早期的頁面布局以表格布局為主，但隨著互聯網技術與網頁設計標準的不斷發展，表格布局技術已經不再是主流，取而代之的是Div+CSS布局，也是所謂的內容與形式分開的布局方式。在這種布局方式下，頁面元素的布局更加靈活、頁面代碼更加簡潔。而更重要的是，采用這種布局方式的網站在整體風格的管理和后期維護上更加方便、效率更高。因此，《網頁設計與制作》的教學內容應當給予Div+CSS足夠的重視，加大其在教學內容中的比重，以增強與實際應用聯系的緊密程度。再次，隨著移動互聯網的興起，通過手機等移動終端訪問互聯網的用戶數量已經超過了傳統的通過PC訪問互聯網的用戶數量，如何設計適合于移動終端瀏覽的頁面，也應該作為《網頁設計與制作》教學內容的一部分。

2.只重視“制作”忽略“設計”。

不同院校、不同專業對《網頁設計與制作》課程的命名不盡相同，但大多帶有“設計”二字。而在實際的教學內容安排中，卻往往沒有體現出“設計”的部分。網頁設計是一門典型的交叉課程，既有計算機科學知識，又有人文社會科學知識。網頁設計雖較多的依賴技術性手段，但并不代表在教學內容的安排上就要以技術為主導。學習Dreamweaver也是只是為了掌握一種工具而不是最終目的，成功的網頁設計作品還要有美觀的布局、配色和人性化的信息導航。

二、確定合理的《網頁設計與制作》教學內容

1.加強對HTML基礎的教學。

雖然Dreamweaver作為主流的“所見即所是”編輯工具，可以讓使用者不接觸HTML代碼就能完成大部分網頁制作的工作，但是只有真正理解HTML語言，才能理解網頁工作的原理，才能真正深入到網頁設計的核心，才能學習到其他優秀網頁設計作品的內涵，為將來的能力提升鋪平道路。

2.加強對Div+CSS內容的教學。

Div+CSS布局已經是成熟的主流網頁布局技術，《網頁設計與制作》的教學應該突出對該技術的側重，將已經被淘汰的表格布局作為輔助。同時，對CSS的教學內容應該貫穿始終，因為CSS可以說是控制網頁元素表現形式的關鍵，掌握了CSS就能根據需要輕松的設置頁面元素的各種效果，從而為整個頁面增色。

3.增加對藝術設計的教學。

目前網頁設計行業內最缺乏的是具備優秀設計能力的高端網頁設計人才，而目前《網頁設計與制作》教學中最欠缺的就是對設計能力的培養，導致學生在學完課程后也只能進行簡單的模仿和重復，無法進行有效的創新和設計。因此網頁設計課程的教學應該以藝術設計為出發點，增加對傳統藝術設計方面的教學內容，如構圖、色彩、設計思維等知識，并進行相應的實踐練習，以此培養學生基本的審美能力和在設計上的創新能力，這樣才能讓網頁制作技術服務于網頁設計，從而真正體現出“設計”，避免舍本逐末。

4.補充對主流技術的教學。

互聯網的發展日新月異，新的技術不斷涌現，作為《網頁設計與制作》的任課教師，應該具備一定的判斷能力，將未來網頁設計技術發展的新趨勢呈現給學生，幫助他們緊跟行業動態，為將來就業打下良好基礎。

三、結束語

《網頁設計與制作》作為一門開設多年的課程，在教學內容的設計上必須要關注行業的最新動態，同時明確課程的核心內容，才能培養出社會所需要的網頁設計人才。

作者：韋喆哲 單位：廣西經濟管理干部學院信息管理系

篇7

網絡運用越來越廣泛，熟悉網頁設計基本程序，掌握一點網頁制作實用技術，對提高網絡使用效率非常有幫助。特別是網頁制作中的實用技術，也是平時工作和學習的需要，熟悉其技術要領，能夠給我們帶來更多便利。計算機已經進入尋常人家，網絡把整個世界都聯系在一起。網絡研究也不再是專業技術人員的專利，普遍電腦愛好者掌握相關軟件的使用，也是極其平常的事情。網頁設計和制作技術普及當然有重要意義。

1 網頁設計技術要領

網頁設計經歷不同發展時期，借助的工具也在不斷更新之中。網頁設計技術也隨之軟件更新中不斷得到簡化，如果不是特別需要，簡單網頁設計早已變得很容易。

1.1 HTML語言

網頁制作要借助一定的工具才能實現。我們最常熟悉的網頁，也是大家都會制作的Windows文本網頁。這是借助Windows軟件工具完成的。可這還不是我們真正需要學習的網頁設計，隨著人們對網頁制作要求的不斷提高，制作動態超級鏈接的網頁已經成為人們的普遍需要。

要學習網頁設計，首先要了解HTML語言，因為這是網頁制作的基礎。HTML語言是專業術語，就是指計算機標記語言，通過HTML源代碼解讀和撰寫實現網頁設計。隨著更多實用性軟件的問世，HTML語言對計算機愛好者來說，已經沒有那么重要了。大家關注的是網頁的實效性，能不能給人以視覺沖擊，制作也有更多的簡單便捷的軟件可供選擇。因此，網頁設計制作對HTML語言的依賴越來越少，只有在特別需要的時候要用上HTML語言。了解HTML語言是必要的，特別是要寫腳本語言程序時，HTML語言就不可或缺。

1.2 版面設計

網頁版面設計時，要對版面風格進行定位，對頁面文字和圖片等內容做統籌考量，不僅要安排有序得當，還要體現整齊美觀大方的視覺效果。版面設計其實是一種藝術，而不是一般意義的技術了。網頁就是制作者的思想品位素養的直觀表達，閱讀網頁就是對制作者的審視和評價。

版面設計首先要做好主頁制作工作。主頁就是人的臉面，要體現網頁內容風格，就要注意突出什么，要有醒目的文字和圖片，而且文字和畫面要有自己的特色，一味堆砌當然不會有好效果。一般情況下，有特色的主頁要包含這樣幾個要素：文字、圖片、色調和排版方式。幾種要素不可或缺，還要注意相互之間的協調和搭配，和諧統一才能體現整體美。

2 網頁制作實用技術

網頁制作可以借助的軟件很多，Frontpage是一款比較適合初學者網頁制作的入門工具。Frontpage的界面和操作和Word比較相似，非常容易學習。

2.1 插入圖片

在網頁中插入圖片是常常要遇到的，有豐富圖片內容可以讓網頁顯得豐滿生動，其操作方法并不復雜。在制作的網頁中選擇適當位置，確定插入點，然后在網頁上部點擊菜單“插入”選擇“圖片”，再點擊“來自文件”，進入對話框，查找需要插入的圖片位置，最后點擊插入按鈕就可以完成圖片插入。

如果圖片格式不是GIF或者JPEG也不要緊，在網頁保存時Frontpage會自動轉換格式。圖片插入后還要對圖片進行適當調整和修正，點擊圖片選中，單擊便可以隨意拖動圖片，進行大小調整。

圖片確定后還要對圖片進行環繞樣式選擇。在網頁中右鍵點擊圖片，在“圖片屬性”中選擇“外觀”，然后是“環繞樣式”，找到文本圖形周圍流動方式，在“布局”中選擇“圖片對齊方式”，根據需要進行詳細設置。

2.2 添加動畫

網頁添加動畫文件可以讓網頁動態十足，給人帶來不一樣的活力感覺。與圖片相比，動畫需要有多幅圖片構成。首先要準備好動畫文件，動畫文件可以網絡下載，也可以自己制作。添加動畫和圖片插入基本相同。打開網頁，確定動畫插入位置，點擊“插入”選擇“圖片”，在對話框中選擇“從計算機上選擇一個文件”，找到動畫源文件點擊“確定”，動畫就插入到網頁當前位置。

如果要插入用Flash技術制作的動畫，操作就要復雜一些。首先要在Flash中生成動畫文件moon.Swf，然后啟動Frontpage，先建立一個新網頁文件，點擊“插入”選擇“高級”到“插件”，這時會出現“插件屬性”對話框，選擇“瀏覽”找到moon.Swf源文件，確定之后回到“插件屬性”找到“數據源”，并將其中的文件途徑刪掉，只保留文件名moon.Swf。確定之后還要選擇“文件”到“保存”，將動畫文件moon.Swf保存。

2.3 制作滾動字幕

滾動字幕的運用可以讓網頁顯得活潑，其制作技術也比較簡單。首先是打開Frontpage編輯界面，確定插入滾動字幕的位置，把需要顯示的文字輸入進去。然后將這些文字選定，點擊菜單“插入”，選擇“組件”到“字幕”，點擊之后出現對話框，點擊“字幕屬性”，對文章滾動方式進行進一步設置，包括字幕滾動方向和字幕滾動延遲時間等。最后點擊確定，就完成了字幕滾動插入。如果要查看效果，可以從“預覽”中查看。

2.4 建立超級鏈接

制作網頁不僅要建立自己的主頁附頁鏈接，有時還需要將網頁和其他網站形成鏈接，這就需要建立瀏覽器超級鏈接。要鏈接其他網站，首先要選擇作為鏈接的文本，然后點擊菜單“常用”工具欄的“超鏈接”，在“創造超鏈接”中，將要鏈接的網站的地址輸入在URL地址欄內，點擊確定就可以了。如果要改變某些超鏈接，可以先確認是普通模式，右鍵點擊要改變的超鏈接，選擇“超鏈接屬性”，直接輸入新的URL地址就可以了。

3 結束語

網頁設計和制作并不神秘，學習網頁設計和制作也無需多么高的計算機理論水平，只要掌握網頁設計和制作實用技術的操作過程，就可以進行網頁設計和制作，并且能夠把網頁設計和自己的工作學習緊密結合起來，這對工作和學習都有極大幫助。

參考文獻

[1]呂何新，陳偉，沈淦. Front Page 2003網頁設計與制作[M].高等教育出版社，2005.

[2]許文芝.充分挖掘超鏈接功能設計制作網頁課件[J].中小學電教，2003（02）.

[3]張紅玉，王德東.如何在FrontPage2000中插入Flas[J].計算機時代，2001（06）.

[4]陳鳳芹. Dream weaver網頁設計與制作教學探討[J].中國教育技術裝備，2012（21）.

[5]陳艷，宋順林，邢桂芬.基于Dream weaver方式的Web站點開發——及其在OA系統中應用[J].計算機應用與軟件，2004（09）.

篇8

1設計原則

1.1表格的定位功能

網頁制作中表格的運用很重要，它的作用除了表格本身具有的統計處理數據的功能之外，還可以對所制作的網頁頁面中的設計元素進行定位。網頁中的文本位置、圖像位置，可以通過表格來準確控制，而且還能消除諸多網頁元素之間的干擾，這樣設計出的網頁更加緊湊。

（1）網頁制作使用表格時，要避免這樣的設計行為：使用一張表格，然后將所有網頁設計都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網頁中，瀏覽器是將表格中所嵌套的全部內容都讀取出來之后，再顯示結果頁面。一般的網頁可能感受不到瀏覽器的這種工作順序，如果網頁中信息量大，瀏覽網頁的人瀏覽速度慢，瀏覽器這種工作順序就能表現出來。遇到這種網頁，瀏覽器在讀取了表格中全部內容之后，才為瀏覽者提供解釋結果，在這之前顯示的是空白。

（2）在進行網頁設計時，利用表格定好需要的位置，在頁面視圖下都是正常的，但是用瀏覽器瀏覽該網頁時就會出現部分設計對象位置混亂。這是由于表格寬度的設計出了問題，有兩種設置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會有多種分辨率多種頁面設計結果出現，但是采用后者的方法，就不會出現這種問題。

1.2文件的命名

網頁制作的過程中，有時會出現如下這些問題：在設計時插入進去的圖片，預覽時顯示不出來、已經設計安排好的鏈接用不了等等情況。通過對問題的分析，發現問題出在了文件的命名上（用中文進行命名）。設計制作者為了在設計之后能夠便于自己查找調用，會在設計時對一些文件命以中文名，這就導致預覽時無法顯示圖片，只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題，可以用英文單詞或者漢語拼音有針對性的命名。

1.3圖像的無縫拼接

網頁中圖像的應用是很有必要的，圖像可以使網頁更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網頁設計和制作的時候比較常見。網頁的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網頁之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網頁中顯示效果不受應影響即可。如果在設計網頁時，要用到大圖片，設計制作的時候可以用無縫拼接技術，該技術在圖像處理軟件中可以實現，先將要用到的大圖片處理成數個小圖片，將這些小圖片按照一定規則嵌套到網頁中，組成大圖片，拼出的大圖在現實效果上與完整的原圖基本上沒有差別，拼接痕跡也不會被察覺。在拼接小圖片的過程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設為零，去掉表格邊框，設置好單元格的參數后，再手動微調，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網頁下載速度。

1.4個人站點中導航按鈕的設計

設計制作網頁時，加入導航按鈕，可以利用Photoshop或者Flash進行制作。設計者只有具備很好的圖像、動畫處理軟件基礎，才能掌握住這種創新性的方法，自己根據想達到的效果設計導航按鈕，能夠設計的創意。

2制作技巧

網站的頁面中包含：作為網站門面的首頁、支撐起網站結構的框架頁面，網站的內容表達主體普通頁面、網站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。

比如設計首頁時，有兩種形式的設計可以作為網站首頁，一種是形象展示型，這種方式的設計主要在布局和造型上，加了藝術化的處理，結合公司的形象與公司的服務理念，提供有相關性的圖像與文字，這樣設計出的畫面才有生機和活力，在這樣網頁中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁設計形式是信息羅列型，這種形式主要用于大中型企業網站，有很多條目和分類。

保持一致的網頁設計風格。網站營銷的諸多影響因素中，網頁風格的一致性是不可忽視的重要方面。統一網站風格的方法有很多，網站結構就是其中一種，比如，網站布局、內容排版、圖標大小、圖片位置等等。在統一網頁風格時，需要設計者特別關注的是網站中具有代表性的典型元素要保持一致，比如網站背景logo 、公司名稱字體、網站中圖片格調等等。

色彩搭配。頁面的色彩搭配是與網站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應盡量使用黑色與背景對比明顯，按鈕、邊框、背景等使用彩色。色彩的應用最好根據網站主題風格選定一種基調，再根據這個基調來搭配其它顏色。一般來講，綠色配以金黃、淡白，可以產生優雅、舒適的氣氛；藍色與白色混合，能給人柔順、淡雅、浪漫的感覺，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應是一個整體，以達到和諧、悅目的最佳視覺效果。

3結束語

篇9

一、采用適當教學方法,激發學生的學習興趣

傳統的教學方式是教師在課堂上講授理論內容,學生上機練習,教師輔導。這樣一堂課結束后,學生可能對上課講的內容聽明白了,但在實際操作時往往無從下手。《網頁設計與制作》是一門實踐性很強的課程,教師讓學生動手去做,經歷網頁制作、網站設計的各個細微環節,實現教與學的互動,才能充分激發學生主動學習的興趣。學生具備了網頁制作的基本知識和操作能力,教師可以采用“模仿”式教學,讓學生設計和制作一個完整的網站,邊做邊學,使學生進一步熟悉相關理論知識的應用與實際操作。

在教學中,教師要選定一個難易度適中的網站,既不能太難模仿,使學生產生畏懼心理,又不能太簡單,而達不到教學的目的。學生在“模仿”課環節,對指定的網站首頁和其他主要網頁進行模仿還原,該網站的各類素材可以直接使用,對于頁面在尺寸、色彩、外觀上也可以相同。對于這種特定的、明確的任務,學生往往會表現出極大的熱情。學生在演練的過程中難免會遇到各種問題,網站完成以后,普遍都會存在著不同方面的缺陷。老師應通過實際案例的具體剖析,拉近學生與課程教學的距離,將收集的典型的問題重點講解。學生因為剛剛實際操作過,對具體的問題有具體的認識,因而在聽講過程中針對性較強,對如何解決自己遇到的問題也會很感興趣。興趣是最好的老師,有興趣才有快樂可言。

這樣,學生既可以復習網頁制作的基本操作,又能對完整設計一個網站的流程有更深的了解。學生在模仿教學的過程中,會不斷地克服一個又一個的困難,學習自信心會大大地增強。愛默生說過,自信是成功的第一秘訣。有了信心,學生才能起航去找尋學習中的快樂。

二、注重綜合實踐環節,調動學生的學習主動性

在學生基本掌握了本課程的內容后,教師要注重綜合實踐環節的融會貫通,可布置一份綜合作業,要求學生設計一個個人網站,網站既要有鮮明、統一的風格,又要有完善的內容,頁面的結構、圖片的位置、鏈接的方式設置合理,做到網頁布局的和諧統一,還要做到容易更新,等等。要做到這些,學生就必須在制作網站之前,對網站進行一個總體規劃,然后逐步進行設計。

為了讓學生展現良好的創作技巧和獨特的風格,布置綜合作業之后,教師可先讓學生進行選題,構建出自己的網站結構,然后上網查詢相關的資料,再對網站進行規劃,寫出書面的網站設計方案,教師對每個學生的方案進行審查和評閱,及時指出應改進的地方和存在的問題。通過這些環節讓學生學會查找、閱讀專業文獻資料的方法,培養學生撰寫方案的能力。

如此完整的綜合實踐,放手讓學生依照自己的想法設計、制作屬于自己的網站,讓學生自己做主,學生的學習主動性會大大提高,就能愉快、積極地去學習,調動自己的內在潛能,不斷完善和提高自己。學生對某一件事和某一項活動的主動性發揮得越充分,與之相關的能力發展得就越快。

三、綜合全面評價學生,增強學生的學習成就感

《網頁設計與制作》課程的考核方式承襲傳統的應試模式,考試內容側重于對記憶型知識的考查,忽視實踐動手能力和知識運用能力的考查。這樣傳統的考核方式既不能考查出學生真正的實力,在某種程度上又束縛了學生多向思維的發展。為了讓學生對學習《網頁制作與設計》課程產生興趣,除了理論考試之外,我們還應該將整個考核過程融入到日常的教學環節中去,設計出讓學生容易接受并感到“快樂”的考核方法。

實踐表明,《網頁設計與制作》課程的考核方式應該以學生實際制作的網頁作品作為考核的主要內容。在作品考核的基礎上,把學生的學習過程也納入考核的范圍,形成“過程+作品”的考核模式。教師可以將學生不同階段作品的完成情況作為考核依據。這樣,教師不僅可以有效控制學生的學習過程,而且可以根據反饋,適當調整教學進度。

一直以來,考核都是教師的“專利”,學生是被動的“待估品”,這樣傳統的考核方式讓老師和學生的距離拉得太遠,產生疏離感。“親其師”才能“信其道”,只有老師做學生的朋友,親近學生,與學生相互學習、共同切磋,以學習成員的身份與學生一起參與到學習的過程中,學生才敢在老師面前放松身心,體驗到零距離帶來的那份親切,敞開自己的心扉。因此在考核中,教師要放棄自己的“權力”,和學生一起相互的討論、評價,讓學生享受到自己考核自己的樂趣。學生在其中找到自己的優點,會肯定自己;發現自己的缺點,會提高自己,學習成就感會逐漸增強,考核過程就不再是痛苦的,而是蘊藏無限快樂的過程。

在網絡高度發展的今天,學生可以非常便捷地在網絡上獲取到大量的關于網頁制作的學習資源,因此老師面臨著更多的挑戰,不僅需要對網頁制作相關技術進行持續研究,而且要在教學方法、教學手段上不斷進行革新,以充實的內容吸引學生,以活躍的氛圍打動學生,讓學生愛學習、好學習,在學習過程中獲得成就感和滿足感,得到身心的愉悅,實現快樂學習。

參考文獻:

[1]謝志妮.案例教學法在《網頁設計》課程中的應用[J].廣東青年干部學院學報,2007,(68).

篇10

就課程本身運用實質來說，工作的項目其實分為網站設計與管理、網頁制作、圖像與媒體設計與運用、數據庫設計與管理、腳本與應用程序的設計與運用。經過市場調研和多年教學實踐，我把把課程牽引項目分為八個具體任務：1.圖文并茂網頁的制作完成該項目的知識包括常見網頁設計工具的使用、HTML文檔基本結構、文本排版控制標記符、圖像插入標記符、特殊字符以及物理顯示標記符、css的意義、創建與使用方法。項目技能目標有安裝和啟動網頁制作軟件、熟悉網頁制作的基本步驟、正確插入文本與特殊字符、正確對文本進行分段分行、正確插入圖像、運用css技術控制文字圖片樣式。2.個人簡歷網頁的制作完成該項目的知識包括有序列表標記符、無序列表標記符、表格標記符、超鏈接標記符、Css技術對列表的控制方法。項目技能目標有制作有序列表、無序列表、制作混合列表、運用超鏈接標記符啟動電子郵箱鏈接、運用表格進行簡單頁面排版、運用css技術設置列表顯示方式。3.電子相冊制作完成該項目的知識包括網頁圖像素材的特點與主要類型、Fireworks對圖片進行批處理的方法、電子相冊排版要點、圖像、表格、超鏈接標記符的相關屬性、css技術的濾鏡使用方法。項目技能目標有熟悉網頁圖像素材的特點與類型、掌握Fireworks的基本操作方法、了解并掌握網頁圖片處理的主要方法、熟知圖像、表格、超鏈接標記符的屬性、運用css濾鏡技術美化圖片效果。4.學習欣賞網站設計與制作完成該項目的知識包括本地網站的創建與、IIS的安裝與設置方法、網站的規劃與制作流程、框架技術進行網頁布局的方法、超鏈接標記符在框架技術中的作用、錨點鏈接技術、網站LOGO的制作方法、制作網站flashbanner的方法、多媒體素材網頁的制作方法。項目技能目標有：正確創建、設置、本地網站、正確安裝、設置與管理IIS、運用框架技術進行網頁布局、錨點技術在長版面網頁中的應用、運用圖像設計軟件制作LOGO、運用flash制作具有動態效果的banner、掌握向網頁插入動畫、視頻等多媒體素材的方法、熟悉css控制超鏈接樣式的方法。5.門戶網站制作完成該項目的知識包括門戶網站的設計、規劃與制作流程、網站創建、、維護管理的方法、Div+css布局網頁的方法、創建子菜單的方法、Dhtml技術、Dreamweaver的高級應用技術。項目技能目標有熟悉運用div+css技術設計網頁、掌握Dreamweaver創建與運用divAp的方法、掌握運用Dreamweaver時間軸功能制作網頁漂移元素的方法、掌握Dreamweaver行為面板的使用方法、靈活應用DHTML增加網頁特效。6.個人信息網站設計與制作完成該項目的知識包括個人網站的規劃方法與制作特點、運用圖形制作工具設計繪制網頁布局、Fireworks執行切片并導出網頁的方法、Dreamweaver布局切片網頁的方法、頁內框架技術在網頁布局中的應用方法、動態導航條的制作方法、css對網頁進行樣式規范與美化的方法。項目技能目標有了解個人網站的制作方法與特點、設計并繪制網頁布局圖、應用切片技術設計網頁布局結構、運用Dreamweaver優化切片網頁、運用頁內框架技術實現網站超鏈接、掌握制作動態導航條的方法、運用css對網頁進行樣式規范與美化。7.用戶注冊信息網頁制作完成該項目的知識包括表單與表單元素的相關標記符、表單與表單元素的作用、表格布局表單元素、css對表格、表單元素的控制方法、Dreamweaver檢驗表單行為的應用、以電子郵件方式提交表單的方法。項目技能目標有熟悉表單及表單元素的設置方法、掌握表格布局表單元素的方法、運用css對表格、表單元素進行規范與美化、掌握Dreamweaver驗證表單的方法、掌握電子郵件形式提交表單的方法。8.瀏覽、查找、修改通訊錄的網頁完成該項目的知識包括動態網頁制作與設置、數據庫的綁定、表單動作設置、表單元素與數據表的對應、動態表格插入與應用、動態網站的。項目技能目標有熟悉表單及表單元素、掌握動態網頁制作與設置方法、運用表單動作設置動態效果、掌握動態表格的插入方法、掌握動態網站要領。

篇11

《網頁設計與制作》是高職網絡專業根據網頁設計與制作、網站管理、網頁編輯的工作崗位能力要求所開設的課程，同時也是進行WEB應用系統開發的重要基礎。針對高職院校的特點，結合本行業的需求及課程特點，該文就該課程的內容如何選取，教學方法與能力培養等問題進行了一些分析和探討。

1　教學內容的安排

1.1　根據課程標準安排教學內容

課程標準是規定課程的性質、目標、內容框架，提出教學建議和評價建議的綱領性教學文件。在進行課程設計前，要先了解該課程的課程標準。

《網頁設計與制作》課程的總體目標是：基于行業企業真實工作過程設計課程教學活動方案。通過項目引入任務驅動式的教學方法，使學生在認知和實際操作上，對網頁有一個整體認識。使學生掌握網頁設計和制作的基本職業技能，能夠制作社會企事業單位的靜態網站，具備網站的策劃、設計和制作及維護的能力。倡導學生積極參與真實項目制作，實踐學真知，積累優秀作品，為就業打下必要基礎。培養學生具有誠實、守信，善于溝通和合作的團隊合作能力，為從事網絡媒體網頁制作工作奠定良好的基礎。

1.2　以行業需求為依據，就業為導向，與時俱進為原則。

通過對IT　行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析，可以將網頁設計分為網頁設計、網頁制作、網站編輯、網站管理　4大崗位群。其中網頁設計主要是網站開發前期界面的效果圖設計，網頁制作主要根據頁面效果圖利用網頁制作工具實現效果圖向網頁的映射，網站編輯主要負責網站內容的維護和管理為主的工作崗位，網站管理主要負責網站的日常維護、網站的改版等工作。

在教學中，可以根據這些職業崗位和不斷發展的IT技術對技能和知識的需求，選取課程教學內容，并從這些職業崗位中選擇一些真實項目作為實踐教學內容。

1.3　以激發學生學習熱情為目的設計教學內容

興趣是最好的老師，有了興趣才能使學習效率提高，因此在學習過程中，為保持學生的學習熱情，必須精心設計教學內容。

網頁設計所涉及的領域十分廣泛，生活之中無處不在。且本課程最終目的為制作一個成功的靜態網站，那么在教學過程中，設計案例、任務及最終項目時，應以當代大學生所感興趣的角度出發，或者給予其充分的自，讓他們為了圓滿完成自己的想法和創意而積極主動的去汲取新的知識，掌握技巧，提高動手能力。

2　教學模式探討

本課程的教學過程中，所采用的教學模式主要有“教學做一體化”，“任務驅動”和“項目教學”等。根據課程特點，使用“教學做一體化”讓學生打好知識基礎，使用“任務驅動”模式讓學生鞏固知識并掌握一定的技能，提高動手能力，并能以完成任務為目標培養自主學習及發現問題解決問題的能力。最后通過“項目教學”培養學生的職業能力。

2.1　“教學做一體化”教學模式

網頁設計與制作的主要知識點在于：html語言、css樣式、網頁制作軟件的操作。對于知識點的教學應該主要由教師講授來引導學生入門，再根據該課程實踐性強的特點，讓學生嘗試用動手操作的方式來理解和消化吸收知識點，再引導學生總結重點、難點、方法和技巧，以此打好基礎，為完成后續的任務而做好準備工作。

2.2　“任務驅動”與“工作項目”相結合

在企業中，完成一個網頁也可以是一個完整的工作過程。完成一個整體網站則需要多個工作過程。本課程的要求是完成整體網頁的設計與制作。其中網頁是由logo、banner、導航、文字、圖像、動畫、視頻等元素組合而成。各個元素的添加的方法與組合方法則是本課程所介紹的重點知識。

在網站建設行業中，不同的企業機構在設計網頁時，均有不同的需求。如有的企業因為信息量小功能少就需要設計簡潔型網頁，而有些則需要設計成大型的結構復雜的頁面，不管是復雜還是簡潔，都是相同的制作流程，不同的是簡潔型涉及知識點少。教學過程中，可以從簡潔型網頁入手，由淺入深設計工作項目，例如設計一個完成純文字頁面的工作項目，將些項目分解為幾個工作任務：認識網頁創建站點應用網頁元素“文字”對網頁布局完成頁面初期效果，通過完成各種工作任務直到整個項目，學生不僅掌握了相關的知識點，還可以以一名網站制作人員的身份，體會了制作頁面的工作過程。

在隨后的教學中，再融入新的知識點，設計稍為復雜的項目，循序漸近，如適當添加元素或者變換組合方式及網站優化等，通過完成不同的項目，體會不同工作崗位的需求：如作為網頁設計師對網頁進行布局、配色與裝飾等；作為網站管理人員從便于維護和修改的角度對網頁進行修改；或者作為網站seo對網站進行全方位的優化處理等。并在完成項目的同時，通過引導學生總結學習方法，引導其自主學習，舉一反三，以達到掌握知識，強化技能的目的。

2.3　以作品評價為考核方式

在學期即將結束之前，教師適合學生能力的工作項目，提出設計要求，學生以網站建設團隊的人員結構為依據，組成小組，并明確分工。以市場調研需求分析整體規劃確定方案收集素材協作完成推廣后期維護的行業實際工作過程，小組成員分別以項目經理、業務員、網站美工、網站編輯、網站設計與制作、網站優化維護人員等身份，以工作的形式完成最終項目的制作，讓學生在做中學，學中做，自主管理，使學習能力、溝通能力、崗位適應能力等各方面都得到提高。通過對項目完成的情況進行評價，項目考核成績*60%　+平時成績*40%作為該門課程總成績。其中平時成績包括為出勤+　紀律+　團隊協作能力（互評成績），這種考核方式注重實踐操作和應用開發能力的培養，可以大大發揮學生的學習積極性和主動性。

3　注重學生能力的培養

從高職院校的特點出發，再結合本行業的需求，本課程以培養學生成為一名優秀的網頁制作人員為宗旨，除了讓學生熟練掌握網頁設計與制作中的各種操作技術具備開發維護小型網站的能力外，還要為學習計算機網絡技術專業后續課程的知識打下基礎。在教學中，應注意全方位的培養學生和各種能力。

首先，對于專業能力，學生除了掌握網站制作流程，網頁制作軟件的操作，使用軟件完成網頁的結構搭建、布局與美化外，還應該順應時代養成手寫代碼的習慣，這樣不僅使制作出來的網頁能符合web標準，同時還能為學習web應用系統開發打下基礎。

第二，在教學過程中，通過完成一個個項目，對學生的協調溝通能力、資料檢索能力、閱讀分析能力、語言表達能力、項目策劃能力、分析能力、創新能力均能進行很好的鍛煉。

第三，模擬工作環境的教學，對于學生端正工作態度，有責任心，具備團隊意識和協作能力都有很好的提高。

4　結束語

隨著經濟與網絡技術的發展，社會對高職類畢業生的要求越來越高，為適應市場需求，高職教師應在教學內容和教學方法、能力培養上應不斷的改革與創新，根據需要調節內容，通過“任務驅動+項目導向”促進學生盡快的掌握網頁設計與制作的相關技能，并在實施過程中全方位的培養學生的專業能力、學習能力、職業能力與社會能力，為大學生就業創業打好基礎。

篇12

作者簡介：侯敏（1979-），女，漢族，陜西西安人，講師。研究方向：軟件工程，數據庫

互聯移動終端的大面積推廣，使得掌握網頁制作技術的人才在各個行業里都成為必不可少的需求；同時，地方普通高校為社會服務的使命感在不斷增強，如何培養出“學即能用”的人才，使之在短時間內掌握主流的網頁設計技術，提高站點訪問量，是這門課程課堂教學效果進步的體現。

一、技術背景與課堂教學要求

（一）Internet發展歷程

Internet經歷了從Web1.0到Web3.0的迅猛發展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設了主動權，使得用戶和網站可進行雙向信息互動；Web3.0提升了用戶的主動權，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專屬的功能模塊，整合數據資源，適用于電腦、手機、PDA等多終端平臺定制。

（二）傳統的網頁設計與制作課程內容一般情況下，高校開設的網頁設計課程從教學內容上可劃分為兩大塊：

1.相關知識介紹。網站的概念、基本元素及頁面等相關知識的介紹。

2.應用軟件的使用。介紹使用最多的Dreamweaver系列網頁制作工具，使學生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯網的全面推廣和“學即能用”的需求，以上內容已不能滿足互聯網時代與時俱進的特點。最關鍵的問題在于：課堂學到的知識是否馬上就能得到應用，是否與目前社會上專業的網頁制作公司的技術規格保持一致。因此，本門課程的改革勢在必行。

二、“服務于地方”教學內容的改革

（一）教學內容改革

內容改革是課程改革的首要環節。關于什么是關鍵內容，什么是次要內容，筆者走訪了本地專業網頁設計公司中企動力的設計總監馬女士，通過對她的訪談，了解到時下主流的網頁設計公司所涉及到的技術規范，對本校現階段的教學內容做了必要的調整，簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術的授課內容，有選擇地介紹了網頁交互特效及表單的應用，加強了網頁美化工具、HTML語言及CSS的學習內容。改革后的課程主要分為六大模塊：網頁和網站的基礎知識、網頁美化工具（Photoshop或者Fireworks）、HTML語言、網頁開發工具的介紹、DIV+CSS、動態網頁技術。首先，通過具體的例子闡明網頁、網站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關知識；其次，介紹網頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學生可用其設計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業度；再次，介紹HTML的基本語法結構和語句，使學生熟練掌握其主要標簽的使用（傳統的教學模式對這一部分的內容有所忽略）。

實踐證明，學生若不熟悉HTML的語法構成，學習DIV+CSS這一主流的網頁布局模式就會相當吃力。當然，對于非專業學生而言，學習一門語言，即便是文本標記語言，由于其本身對計算機系統相關知識的欠缺，授課會比較困難，學生也學得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設計大量實例，反復練習才能掌握。之后介紹開發工具，重點是要理解頁面的代碼模式和設計模式，而DIV+CSS則是本門課程的重頭戲，由于學生對代碼有種天生的恐懼，所以，在建立CSS時又以開發工具建立為主，修改程序為輔。最后簡單提及動態網頁技術。由于課時限制（32節），本課程主要講授靜態網頁制作。靜態網頁技術分為傳統技術和新技術。傳統課堂教學內容重點是布局表格、框架、模板等，而目前主流的網頁制作公司則主要應用DIV+CSS。所以，對于陳舊的技術簡單介紹即可，而把DIV+CSS作為布局的主要技術進行講解。由于這些內容需要學生對代碼部分比較熟悉，所以，在課時中增加了相應的HTML的基本語法結構和語句的介紹，并對主要標簽的使用熟練掌握。

（二）實際授課效果

筆者今年為設計和思政兩個專業的學生授課。設計專業的學生已經開設了PS，有一定的設計基礎，所以，課程內容改革中的第一部分可以省略；思政專業的學生沒有圖片處理基礎，筆者在授課過程中有意加強了這部分內容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學生有追求新知識的欲望，基本能做到學以致用，并反饋到最終的作品中。往屆學生的作品更像電子小報，而今年通過課程內容改革的學生作品雖不完美，但在形式內容上更接近Internet的正規網站，教學效果良好。針對我校提出建立培養服務于地方應用型人才的本科院校，傳統的網頁設計與制作課程必須響應時代號召，更新教學內容與方法。本文僅供從事該課程教學的教師參考。

篇13

1、設計思路

本課程的設計秉著“以職業崗位工作過程為主線”、“以職業能力培養為課程核心”、“以實際項目為導向”等先進的教學理念。使用基于工作過程培養模式，強調知識的實用性。突出網站設計制作、網站推廣和網絡編輯等行業崗位實用能力培養，以崗位能力選擇相關知識點、技能點，形成理論與實踐、知識與技能相統一的課程模式。在課程內容組織和實施中突破傳統學科教材的“三段式”課程設置模式和知識傳授過程，將知識點的講授貫穿于一個完整的綜合性網站的設計與制作，通過情景、過程、類比、模擬等教學模式提高學生的知識、技能等綜合能力。

2、課程任務及目標

通過課程的學習培養學生網站設計制作、網站推廣和網絡編輯等方面的崗位職業能力，使學生具備計算機及其它相關專業課學習和應用中所必需的網頁制作與網站設計的基本知識和基本技能，形成解決實際應用問題的方法能力，養成良好的職業道德，為后續課程綜合實訓和頂崗實習與畢業設計等課程打下堅實的基礎。并注意滲透思想教育，逐步培養學生的辯證思維，加強學生的職業道德觀念。

3、課程內容設計

課程教學內容設計根據課程所對應的職業崗位所需的知識和技能選取出來作為課程教學內容，課程教學內容具體參照表1所示

4、課程實施

4.1 課程教學模式

本課程針對高職教育特點，采用基于工作過程（工作任務驅動）的教學模式。第一次授課時就告訴學生課程要開發的網站、要求，涵蓋的知識點，以此為基礎展開教學，注重培養學生發現問題、分析問題、解決問題的能力以及創新思維與技術綜合應用能力。具體教學模式如下：

(1)課程教學采用一體化分組教學。教學地點為計算機實訓室；

(2)教師在課前展示本學期要作為教學案例的綜合性網站項目，并要求學生按照自己的興趣和愛好分組開發不同內容的綜合性網站項目。然后對綜合性網站項目進行前期的需求分析，確定網站項目開發規模，所需的人力物力，學生自主組成學習小組，制定網站項目開發進度表，以此充分調動學生的創新思維，培養創新能力。

(3)網站項目設計與實施：學生按照網站項目開發進度表完成網站開發。整個過程中，教師真實案例演示為輔，學生自主設計為主，教師的作用僅為答疑、過程監控以及對共性問題進行總結與歸納。在此過程中，學生的分析問題、解決問題的能力將得到有效的鍛煉，使學生對課程體系有一個更加全面的認識。

(4)網站項目驗收：教師對學生完成的網站項目進行驗收與評價，學生需提交網站項目開發報告并答辯，學生和老師提問，按照評分標準給出成績。對于優秀作品，進行展示與點評。

4.2 教學方法與教學手段

本課程采用的主要教學方法有以下幾種：

(1)項目教學法：課程教學通過精選企業案例、分解任務，有機地將相關知識點融合到課程中，讓學生對網頁設計與制作有一個直觀和更加感性的認識。

(2)“教”、“學”、“做”三位一體教學法。

(3)直觀教學法：通過動畫演示、電子教案、電子課件、投影、錄像、圖片等現代教育技術展開理論教學，將復雜的原理用簡單的、感性的方法展現出來，并選取與學生實際生活密切相關的項目實例進行講解，有效地使難以理解的概念簡單化、形象化，充分激起了學生的學習興趣和主動性。

5、課程考核

課程考試成績分兩大部分：網站開發過程化考核成績和期末網站展示考核。

(1)網站開發過程化考核；網站開發過程化的任務考核從實施過程、實施結果、態度、創新性和團隊合作精神五個方面考核，其中實施過程、實施結果、態度、創新性根據每個任務的完成情況，由自我評價和教師評價相結合的方式進行。團隊合作精神的考核由同小組的其他成員進行。

(2)期末考試的作品考核；期末考試的作品考核方式為課程答辯，成績為網站展示成績和教師提問成績總和。

參考文獻

[1]王秀麗.網頁設計與制作[M］.北京:清華大學出版社,2006．

[2]蔣秀玲,鄒淑英,陳文東．“任務驅動”教學法在Dreamweaver 教學中的運用[J].通化師范學院學報,2009,30(10):88－89．

[3]殷兆燕,崔毓娟．《網頁設計與制作》課程教學改革探索與實踐[J].常州信息職業技術學院學報,2009，8(4):64－66．