前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁設計的課程范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

網頁設計的課程范文第1篇

關鍵詞：網頁設計與制作；案例教學；教學方法

網頁設計課程是一門綜合性很強的課程，既需要技術作為支持，同時也需要美感。為了提高課堂教學質量，在教學實踐中從教學內容、教學方法、實訓幾方面進行了探討與實踐，在這里談一談自己的一些體會。

一、明確教學目的，把握教學內容

基礎學習很重要，要打好網頁設計的基礎。學完網頁設計這門課程，學生最基本的是要掌握至少一門的網頁編輯軟件并制作出簡單的頁面。就此，老師來安排自己的教學。

1.掌握一門好的網頁制作工具

我認為，目前最好的網頁制作工具是Dreamweaver，Dreamw-eaver一直以來作為可視網頁編輯工作的標準，它在代碼編輯和應用程序開發方面的功能比較強大。同時，制作網頁中的動畫素材可以選擇Flash，處理和制作網頁中的圖片可以選擇Fireworks，這三個軟件具有良好的嵌入性，被稱為“網頁三劍客”。

2.要求學生能夠利用Dreamweaver設計各種網頁，開發一定規模的網站

授課時以Dreamweaver為主線，講授網頁設計、HTML語言、CSS、Javascript語言及動態網頁設計的基礎知識。

（1）重視對HTML的教學，HTML可以說是網頁的靈魂，網頁的最基本構成是HTML標記符。熟練掌握了HTML語言，可以很輕松地修改網站的網頁結構，而且對SEO網站優化很有用處，另外，無論是PHP、ASP、NET、JSP等網站編程語言，都要用到HTML。所以說學習HTML是我們學習制作動態網頁的基礎。

（2）掌握CSS的基本使用。CSS就是一種叫做樣式表的技術，也有人稱之為層疊樣式表。在主頁制作時采用CSS技術，可以有效地對頁面的布局、字體、顏色、背景和其他效果實現更加精確的控制，可以輕松地控制頁面的布局。

（3）掌握Javascript腳本語言應用基礎。Javascript語言簡單，但功能強大，具體有幾點功能：

①制作網頁特效

②提升使用性能

③窗口動態操作

④擺脫現實環境的束縛

所以，學生掌握Javascript腳本語言對網頁制作有很大的幫助。

二、把握好課堂，多采用實例教學

1.教學，首先要把握好課堂

一次課，45分鐘的理論教學是枯燥和沉悶的，因此首先要在多媒體教學課件上下工夫。課堂教學的靈魂是多媒體教學課件，它不只是文字與圖像的組合，還融合了音頻、視頻和動畫信息等各種元素，使課堂變得更加生動和精彩，這樣可以大大提高學生的學習興趣。

2.用實例作為課堂切入點

要想讓課堂生動活躍，就要充分調動學生的學習積極性。為此，我們需要找到學生感興趣的內容作為切入點。網頁設計是一門實踐性很強的課程，教師可以用實例作為課堂切入點。課堂上可以先演示實例，讓學生看到實際效果，引起學生學習興趣，然后以實例引出具體知識點，將知識點融入具體實例中。比如，在表格布局和內嵌框架的教學模塊中，我們采用任務驅動教學內容如下：

演示案例：制作一個介紹作家的站點，包含6個頁面，主頁為內嵌框架頁，其余頁面為“作者生平”“作品簡介”“文學評論”等等。頁面導航放置在表格左下位置，框架內放置目錄中超鏈接的內容。

基本要求：在此案例中，再添加“經典文章”和“關于我們”兩個內容，資料在網絡中獲取，適當設置網頁的背景以及文本屬性，使頁面美觀大方。

較高要求：用此站點結構制作一個介紹自己的個人站點，要求至少包括6個頁面以上，主頁用內嵌框架結構，站點中導航清晰，布局合理，美觀大方。

三、強化階段實訓，培養學生的動手能力

實訓教學是教學過程中的重要環節。網頁設計課程實訓內容的選擇要真正做到以技能培養為目標。在實訓過程中，學生可以自行查閱資料，根據自己的興趣設計網站，獨立完成。也可以分組完成，鼓勵學生以團隊協作的方式完成某一個網站項目，鍛煉學生的團隊協作能力。

四、其他方式

要想讓學生學習掌握網頁設計課程，單靠課堂教學還是不夠的，可以在校園內舉辦一些網頁設計的比賽，通過比賽，既可以更大地提高他們對此課程的積極性，也可讓學生找到差距，激勵他們努力，不斷提高網頁設計水平。

五、結束語

在教學過程中，從學生感興趣的角度出發，對課堂理論教學、實例教學和課程實訓等方面進行探討和改革，能使學生從被動學習轉變為主動學習，提高其實踐操作技能，拓展其知識面。在未來的社會中，網頁在生活中所起的作用將越來越重要，對這門課程的教學要求也越來越高，教師的教學要適應科技的發展，要有改革進取的精神，培養能真正適應社會的人才。

參考文獻：

［1］韓陵宜.中職學校《網頁制作》課程教學的探討.電腦知識與技術，2005.

［2］張麗香.高校《網頁設計》課程教學探討.大眾科技，2006（5）.

網頁設計的課程范文第2篇

【論文摘要】《網頁設計》課程是一門實用性和綜合性都很強的課程。本課程教學的最大特點是易學易忘。為了提高《網頁設計》課程的教學效果，必須不斷改革與充實教學內容，注重突出人才培養的實踐性、應用性。改革教學方法，培養學生的實際動手能力和計算機的操作能力，使學生能夠運用所學的知識進行網頁設計。

《網頁設計》是近年來計算機專業領域發展最快和應用最廣泛的課程之一，當今社會急需培養掌握計算機網頁設計、面向不同應用層次的專業人才。因此，本課程自開設以來，受到學生的普遍歡迎，學生對這門課程教學的要求也越來越高。

《網頁設計》課程以Dreamweaver MX軟件為主干，專門介紹網頁設計和制作的基本技巧。通過這門課程的學習，能夠讓學生掌握網頁設計的基礎知識，并能熟練地制作出動態網站。但是網頁制作技術也在不斷地發展變化，新的技術、新的方法也在不斷涌現，所以我們也需要將網頁設計的最新、最實用的技術引用到課堂上去。

為了提高《網頁制作》課程的教學質量，筆者不斷地從教學內容、教學方法、實驗環節等多方面對本課程進行了積極的創新。在此基礎上總結出一些實際教學經驗與體會，與大家一起探討。

一、《網頁設計》課程的特點

高等學校計算機專業開設《網頁設計》課程的主要目的，是通過本課程的學習，培養學生的實際動手能力和計算機的操作能力，使學生能夠運用所學的知識進行網頁設計。

《網頁設計》不是作為一門課程孤立存在的，它要靠多門學科的知識給予支撐。它們相互滲透和依賴，構成一個科學的、完整的課程體系。

《網頁設計》課程的教學內容實踐性較強，能極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的專業興趣。學習中一定要注意理論與實踐相結合，其中實踐內容是教學的主線。學生應該有較充足的動手實踐機會，較熟練地創作出實用的動態網頁來。理論教學服務于實踐教學，實踐教學反過來又作用于理論教學。在教學過程中常有學生反映，上課能看懂、理解，但課后就忘了，更不要說以后的實驗了。這是本課程教學的最大特點：易學易忘。下面將探討若干提高《網頁設計》課程教學效果的方法。

二、《網頁設計》課程的教學方法

1、教學內容的改革

為了讓學生能夠適應計算機技術的快速發展，筆者在教授這門課程的過程中，對這門課程的教學內容不斷地進行著調整。教學調整的目的就是讓學生能夠獨立完成網頁設計。所以在課堂上，主要以學生掌握知識為根本、以“能懂、夠用、實用”為教學原則、以培養學生動手能力為目標來指導整個教改思路。

《網頁設計》課程以前主要是應用FrontPage軟件，再結合圖像處理軟件來處理一些網頁圖片。而現在網頁制作主要講授的內容是由Dreamweaver軟件、Fireworks軟件和Flash軟件組成。講授時是按這三個軟件的先后順序對各部分進行講解，這三個軟件的功能更新也非常快，講授內容不能一成不變，如果這樣，容易出現學生學習到的知識陳舊。通過調研并根據網頁技術的發展狀況，在每學期的教學過程中，筆者都會對本課程的內容進行調整，刪除以前教學中過時的、理論性較強的內容，增加目前實用的、流行的新技術。

2、分階段模塊化教學

在教學中應注重突出人才培養的實踐性、應用性。將整個教學內容分為四個階段，每一階段設計了若干教學模塊。第一階段使學生能熟練使用網頁設計的超文本標記語言HTML；第二階段能熟悉并熟練使用網頁制作工具Dreamweaver MX；第三階段能進行網頁設計中的圖像和簡單動畫的制作；第四階段掌握在網頁中嵌入Javascript腳本語言，實現網頁動態效果。每一階段的教學內容完成后，在專業機房組織單元考核，以實現分階段達標，最終使學生能獨立設計小型WEB站點。 轉貼于

3、案例教學法

案例教學是在學生掌握了有關基本知識和分析技術的基礎上，在教師的精心策劃和指導下，根據教學目的和教學內容的要求，運用典型案例，將學生帶入特定事件的現場進行案例分析，通過學生的獨立思考或集體協作，進一步提高其識別、分析和解決某一具體問題的能力，同時培養溝通能力和協作精神的教學方式。

案例教學使得學生成為了教學活動的主體，形成了學生自主學習、合作學習、研究性學習和探索性學習的開放型的學習氛圍。與傳統的以教師為主導的教學法相比，案例教學法有以下幾個方面的特點：①傳統教學方式是以教師和教材為中心，以灌輸的方式從書本到書本，從概念到概念，關注的是向學生灌輸了哪些知識，忽視了對學生學習潛能的開發，導致學生理論與實踐的脫節。而案例教學十分注重學生的主體性、主動性、自主性的發揮，注重引導學生通過案例的分析推導、運用概念較好地解決實際問題，促使學生的思維不斷深化，并在力圖對一個問題尋找多種解答的過程中培養和形成創造性思維。②案例教學有利于提高學生分析問題和解決實際問題的能力。區別于傳統的注入式教學方式，案例教學是一種動態的、開放的教學方式，在案例教學中，學生被設計成自身處在特定的情境中，在信息不充分的條件下對復雜多變的形勢獨立做出判斷和決策，在這過程中鍛煉了自我綜合運用各種理論知識、經驗分析和解決問題的能力。③案例教學有利于促使學生學會學習。學會學習是學習型社會對人們能力的基本要求。傳統教學方式教給學生的是運用概念解決問題的現成答案，學生獲得的是背誦、機械記憶、按標準答案答題的知識。而案例教學告訴學生“答案不止一個”，答案是開放的、發展的。在案例教學中，教師通過有意識的引導，讓學生自己去查資料，通過個體獨立或群體合作的方式做出分析和判斷，積極尋找多種答案，這樣經過反復多次的積淀后，就會獲得了自主學習的方法，使其學會學習成為現實。④案例教學有利于促使學生學會溝通與合作，在合作中互相溝通，在溝通中增進合作。

在教學中，教師通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。具體做法是通過具體案例提出任務，將任務分解到每次的課堂教學中實現，教學過程中為了調動學生的學習積極性，教學過程中常常采用互動方式，即老師提出一種解決問題的思路，然后讓學生采用其它方式來解決同一個問題，課堂上每介紹一個任務后，都要首先讓學生上機去模仿著實現，然后再要求他們采用自己的解決方案來完成任務。實踐證明，采用這種方式進行實踐性強的課程教學收效非常明顯。

4、注重實踐環節

當學生已基本掌握了本課程的大部分內容時，就可以布置一份綜合作業，要求每位學生設計一個個人網站并添加一個動態效果。要求每位學生對自己的網站要做到既有鮮明、統一的風格又有完善的內容，將頁面的結構、圖片的位置、鏈接的方式設置合理，做到網頁布局的和諧統一，并且還要做到容易更新等。要做到這些，就必須在制作網站之前，對網站進行一個總體規劃，然后再逐步進行設計。

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

總之，教師應以培養能力為主線，強化實踐性教學。

教學工作是學校工作的重點，教學方法的革新是一個永久的話題，在教學過程中必須不斷探索、不斷創新，只有這樣才能順應時代潮流的發展，培養出素質高能力強的人才。

【參考文獻】

[1]呂慧娟. 《網頁設計》課程教學的創新與實踐. 電腦知識與技術. 2007.13.

網頁設計的課程范文第3篇

【關鍵詞】高職教育網頁設計課程改革綜合能力

【中圖分類號】G423.07 【文獻標識碼】A 【文章編號】1674－4810（2014）17－0064－02

隨著網絡技術的進步，計算機和電子通訊設備技術的推陳出新、電子商務涵蓋范圍的不斷擴大，網頁設計師在短短十年間一下飆升為技術型潛力巨大的新興職業。電子商務的快速發展更是促使人們看到網頁設計的廣大的就業市場和光明的發展前景。各大高職院校紛紛開設網頁設計相關課程：網頁美術設計、網頁設計與制作、網頁界面設計與制作、網頁制作軟件等。

網頁設計是通過更合理的色彩搭配、字體使用、圖片處理、樣式設置進行頁面設計美化，設計師使用專業軟件給瀏覽者呈現出圖、文、聲音及動畫多位一體的全方位感官效果，在功能和技術限定的情況下，盡可能制作出給予用戶完美的視覺體驗的網站。可以看出，網頁設計是一門從藝術到技術的專業課程，市場對于網頁設計師的要求也從單純的平面設計到簡單網頁效果的制作發生了變化。針對這一改變，高職的網頁設計課程也應做出相應的改革。

目前，大多數高職院校為藝術設計專業學生在大學中開設一次網頁設計課程，課時多為48～72課時，在一個學期內完成。課程名稱為網頁美術設計、網頁設計與制作、網頁制作軟件等。在課程學習過程中，任課教師也是以單純的教授網頁設計軟件Dreamweaver和圖片處理軟件PhotoShop為主，軟件學完，課程結束。然而觀看學生所制作的網站，從顏色搭配和樣式的設計都與現今優秀網頁“美術”不搭邊。簡單來說，單純學習了網頁的制作，而忽略了美術法則的運用，制作網頁，而非設計網頁。或是學生在沒有任何網頁制作軟件的基礎上學習網頁美術法則理論，到了實踐上各種效果卻無法實現，最終僅能實用平面設計軟件制作靜態網頁布局效果圖。

一 高職藝術設計專業網頁設計課程存在問題的原因

存在這種現象，主要有以下原因：

1．課程設置：大學中僅開設一次網頁設計課程

網頁設計是一門相對于平面設計起點較高的專業，一個網頁設計軟件Dreamweaver還需配合使用平面軟件PhotoShop，Web動畫效果軟件Flash等。軟件難度較大，學習時間太短。一個Dreamweaver軟件的學習就占用了課程的大部分學時。一次網頁設計課程結束后，沒有相關的美術設計課程讓學生實踐，就像是只學會了使用畫筆，還沒來得及

了解怎樣算是一幅好畫。

2．課堂設計：課堂內容涉及面較為單一

見過這樣的一些課程標準，整個網頁設計課程只講到關于美術設計部分――色彩、布局、元素、風格，沒有半點關于工具的介紹――軟件Dreamweaver、Fireworks、Flash。最終學生在還沒有網頁概念的情況下，用PhotoShop制作一張網頁圖片作為作業結束課程，學生還停留在紙質媒體的平面設計稿上，無法真正體驗到網頁在互聯網和電子設備上所呈現的特質。

3．教材設計：一門課程僅配備一本教材

有了工具書，沒有技法書；或是只教了技法，卻連工具都沒碰過。對于平面設計專業學生而言，平面上的美術基礎要應用到網頁美化中，心有余而力不足。但目前市場上有關網頁設計、制作方面的教材圖書種類繁多，基本都是單純的講解軟件、工具、命令等技術知識，類型單一，而關于網頁色彩風格、布局、元素、效果圖等網頁美術的工具書又缺少制作方式，對于剛入門的學生來說比較難實現。僅僅一次課程一本教材很難把網頁設計學好。

4．市場現狀：需求大門檻低水平參差不齊

在這個電子商務發展高峰期，越來越傻瓜式的軟件操作使得更多的非專業人員加入到這個行列。大多數設計者通過自學懂得如何制作網頁，卻不一定懂得如何設計美觀使用起來舒適的網頁。其較低的準入門檻導致網頁設計行業的現狀并不太好，人們要求設計者什么都懂，要比平面設計師多懂點代碼，比程序員多懂點設計，還能做點動畫。針對這個設計行業大環境，高職學子更應具有更高的網頁制作和審美感知水平，才能提高自身的競爭力。

二 高職藝術設計專業網頁設計課程的改革

筆者認為，要培養具有社會競爭力的專業網頁設計人才，高職就應針對當今行業市場對網頁設計的需求、用人單位對網頁設計師的要求、客戶在網站使用上的習慣，對課程做出相應的改革。

1．在課程設置上可開設大于一次的網頁設計課程

最少兩次的網頁設計課程，可使學生在打下網頁制作軟件的基礎后，再次開設一門專門以網頁美術為主的課程。

網頁設計作為新興行業，每年跟隨著電子產品的更新和軟件功能的強化，效果與美術規則不斷地出現新的流行趨勢。如2014年網頁就以扁平化圖片和酷炫動態作為最新設計潮流元素，并且顏色搭配和布局方式也與以往不同。這些我們都可從國外一些優秀網站和國內的大型電商網站中找到。但在軟件的學習上，老師和學生往往只把重點放在軟件各個功能的運用上，很難把注意力同時分散到網頁的美化規則中。但如果學生在已經有了軟件基礎后，再次開設網頁美術設計課程，猶如讓一群有素描基礎的學生進行設計素描一樣，更能體會當中需注意美術法則的含義。由于有了軟件基礎，各種美化效果就更能實現。那么課程的最終作品就不僅僅是停留在普通效果的網頁制作或平面效果圖制作了，更加復雜和新穎的頁面效果、更加舒適的色彩搭配和頁面布局，不僅提高了學生們的審美情趣，也讓他們在課堂中的成就感油然而生。

2．在課堂安排上可采用優秀網站作為軟件學習案例

若學生課程安排太滿，確實無法在大學中進行兩次或以上網頁設計課程的學習，那么，老師就應在課堂實踐中多以呈現較新潮流趨勢的網頁作為軟件學習案例。

國外設計一直是流行趨勢的坐標，我們可以通過對比國外近年網站找到最近國內網頁設計的方向，一些優秀的網頁專業網站也有大量的相關文章給予我們參考。老師在進行備課時就要比以往多下幾重功夫了，在軟件教學上，軟件學習教材中是有大量的案例，但更新速度畢竟與網絡是無法相提并論的。通過優秀網站作為軟件與教材中案例對比分析，找出各自在色彩、布局、元素、風格上的特點，來讓學生了解網頁美術法則。在學生學習軟件中對優秀案例的臨摹實踐中，體驗一種耳濡目染的效果讓學生了解何為優秀網頁的同時，掌握如何設計優秀網頁。

3．在教材選擇上可采取多本教材多種形式教學

如果僅限定于根據所購教材作為課堂所有內容，學生所學知識比較單一，教師可選擇網絡、圖書館圖書作為參考教材。

現今市面上大部分關于網頁設計教材分為網頁制作軟件和網頁美術兩種。教材的內容設計沒錯，針對網頁制作就應以軟件的學習為主，針對網頁美術就應以美術法則為主。綜上所述，市場及行業對于網頁設計的要求都不僅僅是單一的制作或單一的美化，高校的網頁設計課堂也不應僅僅教授軟件或美術法則。既然已有教材無法一次滿足課程的需要，那么教師可以在課堂中使用網絡或偶爾把課堂轉移到校圖書館進行課程學習。網絡上有大量的網頁設計文章、素材、模板、教程，學生在使用網絡對網站進行瀏覽的同時，也更深刻地體會網頁操作過程中的各種元素對用戶帶來的不同感受。只有通過對網絡的接觸和對網頁的使用，才可真正設計出適合廣大用戶的優秀網頁。在圖書館里，我們可以找到與教材內容相輔相成的大量圖書，學生可以在此深入地了解網頁設計涉及到的不同范疇，把以往狹隘的通過單本教材看成是課程甚至整個網頁設計行業的所有內容，擴展到從藝術到技術的一個更寬的面。

三 結束語

網頁設計的課程范文第4篇

關鍵詞：網頁設計；教學方法；實踐能力；考核評價

中圖分類號：G424.1

1.引言

《網頁設計》是一門集計算機語言、設計技術、美學為一體的綜合設計課程。如何讓學生能夠獨立設計出風格鮮明的網頁？如何提高網頁的實用性？如何讓學生在實踐中學習知識、提高能力？如何在網頁設計中相互配合，增強團隊開發意識？這對《網頁設計》課程的教學提出了更高的要求。

2.《網頁設計》課程的特點

2.1 課程具有較強的職業性[1]。如何讓學生能夠設計網頁是課程的目的之一，而設計網頁的需求來源于企事業單位網站建設工作，這必須必須對各行業的工作有一定的認識。學生只有進入職業角色去構思網頁設計，才能做出符合要求的網頁。、

2.2 課程具有較強的綜合性。《網頁設計》是一門計算機技術與設計藝術相結合的課程，既要讓學生掌握網頁設計語言，又要從美學角度考慮網頁架構設計、線條布局、色彩搭配等問題，必須讓學生會將多方面的知識綜合運用，才能達到課程培養目的。

2.3 課程具有較強的實踐性[1]。《網頁設計》課程的教學內容實踐性強，能極大提高學生的學習能動性，激發參與意識，鍛煉動手能力，同時培養專業興趣。教授和學習中都一定要注意理論與實踐相結合，而實踐是教學的主線。教師應該多安排實踐內容，學生應該多動手實踐，能熟練地創作出實用的網頁。理論教學指導、服務實踐教學，實踐教學反過來印證、提高理論教學。

3.目前《網頁設計》課程教學中存在的問題

3.1 傳統的教學方法不適應《網頁設計》的課程特點。傳統黑板式教學與口授言講式教學以教師為中心，教師教學為主體，學生被動接受學習，理論和實踐嚴重脫節，紙上談兵，無法解決現實的網頁設計問題。教師授課按部就班，學生大多跟隨課堂教學，教師講多少，學生學多少；甚至講授到下一個知識點或者操作內容時，以前學習的又忘記了。

3.2 多媒體教學方式的缺陷。在使用多媒體的教學方式中，教師可以利用多媒體靈活多樣性，以豐富多彩的形式展示教學內容，但按照多媒體課件設計內容講授，比較機械；而課后學生忙于拷貝教師課件，甚至不用記筆記，缺乏深刻認識，對知識點的印象更易淡忘。

3.3 以課堂教材為主，思維局限，缺乏學生實踐能力培養。以課堂為中心的教學方式，讓學生的思維受限于教材。目前《網頁設計》所用教材大多專注于網頁設計工具的使用，缺乏網站開發實例；這樣一來學生只能學會如何去使用開發工具來制作網頁，而不會學會網站建設的技巧。

3.4 上機練習，缺乏團隊合作培養。上機練習任務都針對近期所講知識點，且受限于上機練習時間，作業不可能布置太復雜，導致學生在練習過程中，經常是獨立思考、獨自操作，缺乏相互溝通、相互配合；而遇到問題更多依賴老師來解決，讓教師投入更多的時間來解決問題，缺乏對學生協作精神、團隊意識和創新能力的培養。

4.關于《網頁設計》教學的思考

4.1 充分調動學生學習興趣。可以介紹淘寶網、12306火車票訂票網站、高考志愿填報網站、電子郵件、微博等網站的應用情況，以學生熟悉的網絡應用為切入點，使學生切身體會到網絡應用在現在生活中發揮的重要作用。然后，教師逐步引導學生了解網絡應用的作用，同時讓學生了解就業需求，讓學生切身體會到學習網頁設計的必要性，提高學生的學習興趣，增加學習動力。

4.2 扎實掌握基本知識。在學習這門課程之前，學生大多沒有學習過網絡相關的知識，為了讓學生了解網頁設計工作在整個網絡應用中所處的位置，非常有必要補充網絡基礎知識，明白網站開發流程。

首先，著重講述網絡的基本概念，如：網絡上常見的服務、IP地址、域名解析等，描述從客戶端訪問一個網站時數據傳遞的過程，讓學生充分理解網站是如何讓人們能夠訪問的；在整個訪問網站過程中，網頁設計是在哪一個環節工作，發揮什么作用。其次，模擬要開發一個網站，從無到有，從需求分析、網站規劃、設計制作、申請域名和空間、網站、后期維護等開發流程逐步介紹各環節要完成的工作，讓學生對網站開發有初步的印象。這些基本知識看似對網頁設計關聯性非常小，但是可以讓學生對整個網絡有更深刻的理解，對網站開發過程了解了，更有利于掌握網頁設計技術。

4.3 綜合運用多種教學方法，以學生為中心[2]。教學的最終目標是讓學生掌握網頁設計的關鍵技術，具備制作靜態網站的能力。為了達到這個目標，要求教師結合不同授課內容，靈活運用多種教學方法，可以使用案例教學法、項目教學法等，讓學生快速有效地掌握知識，達到熟練運用。

首先，案例教學方法的使用。案例教學法（Case Method）是19世紀70年代美國哈佛大學法學院院長蘭德爾首創。它要求在教學中采用實例進行教學，教師將知識點設計應用到案例中，并進行實際操作[2]。在網頁設計課程中，針對網頁設計的知識點，可以設計出專門的范例代碼在課堂上進行演示，也可以在一個案例中貫穿幾個有相關性的知識點，綜合使用多種技術。例如：在CSS應用中，可以設計出招生宣傳網站中“專業介紹”的案例，針對文字段落設計出不同的樣式，并在學院、專業、專業介紹等不同級別的文字上進行試驗，展示CSS技術的優勢。其次，項目教學法的應用。項目教學法（Project Based Learning，PBL）是建立在工業社會、信息社會基礎上的現代教育的一種形式，以培養實用型人才為直接目的的一種人才培養模式。這種教學模式的關鍵是可以避開傳統的學科體系教學知識的完整性和系統性，從以邏輯思維方式為主轉向以形象思維方式為主，所關注的是項目能否按期完成，對知訓結構是以“夠用”為準則的，主要是為了鍛煉學生勤動手的技能，不僅可以獨立收集信息還可以自行分析知識，從一定程度上提高了學生的實踐及創新能力[3]。在學習HTML和CSS知識之后，可以設計一個網站開發項目，2人一組，一個負責設計網頁結構、安排內容；另一個負責設計CSS樣式表，完成內容美工、顯示效果制作。這種情況下，只有兩個人充分溝通才能完成該設計，在實踐動手中增強團隊協作意識。

5.總結

筆者根據多年來在《網頁設計》教學中的實踐，就《網頁設計》這門課程該如何去提高教學質量、增強學生的學習積極性、提高學生實踐能力和創新能力展開思考和總結，針對目前該課程教學中存在的問題提出相應解決方法，對教學模式進行革新，取得了較好的教學效果。

參考文獻

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

網頁設計的課程范文第5篇

《網頁設計與制作》課程是計算機網絡、電子商務、計算機軟件及計算機應用等專業的一門必修的專業課，是進一步學習《動態網站開發與管理》等專業課程的基礎。通過課程建設，力求建設一套有效地、完整的教學資源，達到職業教育的教學目標。

關鍵字：職業教育 課程建設 工學結合

中圖分類號：G71 文獻標識碼：A 文章編號：1672-3791（2015）08（b）-0000-00

課程建設不僅僅是將教學大綱、教學課件、教案首頁、例題等教學資料整理在一起就完成的，而是要根據此課程所對應的職業或行業的需求，通過企業調研、企業專家研討等多種途徑從中獲取，總結出課程的技能解析表，使之成為課程建設目標的依據。課程建設成功與否的標志在于其群體教學質量與教學水平是否真正得到提高。課程組成員對課程的內容、課程體系及課程的各個環節的認識，這些最終都依賴于在課程教學中起到主導作用的教師，因此教師自身業務水平的提高是課程建設的核心，是提高教學質量的關鍵。所以在課程建設規劃中必須把促進師資隊伍建設擺在首位，并且將隊伍素質、隊伍水平、師資培養及提高都安排出明確的目標，只有這樣，才能確保課程建設成為有源之水，才能保證教學質量的穩步提高。

1 課程建設目標

《網頁設計與制作》課程是HTML、XHTML、JavaScript、CSS及網頁設計制作相關軟件應用等專業知識的綜合應用，在《網頁設計與制作》的基礎之上后續課程有《動態網站開發》等內容。通過本課程和相關課程的學習，學生能夠勝任WEB前端工程師的工作。在課程建設上，我們一直探索如何有效進行教學，逐步形成了以項目驅動、案例教學為主的符合高職學生學習的教學模式，具體計劃如下：

（1）將工學結合的教學理念運用到積極探索教學方法改革中，一方面進行企業調研，根據網站建設的職業技能要求，進一步分析總結本課程的典型工作任務；另一方面，根據項目驅動為主的教學模式，撰寫教學大綱、課程設計方案、項目任務書及項目任務指導書，力爭提高教學效率和教學的規范化建設。

（2）著力健全本課程的教學資源建設，包括：項目案例集、理論與技能試題庫、網頁設計素材庫、校本講義等教學資源的整理和完善。同時，進一步增強師資隊伍建設和提高教師的業務能力，安排教師積極參加相關專業的培訓及企業實習，這些措施的實施不僅開拓了教師的思路及眼界，更提高了課題組成員的專業水平。

（3）教學實踐，進一步完善已開發的課程資料，并爭取企業人員的意見。“實踐是檢驗真理的唯一標準”，組織教學實踐，不斷地更新課程內容，調整課程結構，改革教學方法與手段，加快了實訓教學條件與教學資源的建設步伐，逐步形成了講授課、實驗課、學習指導課相結合的教學模式，注重增強教學互動性。

2 課程建設內容

明確《網頁設計與制作》課程在網站開發工作流程中的作用和職業技能要求，從而對教學方案、教學內容、教學模式等方面的課程設計做出了根本的改變，力求使教學目標更符合實際的行業標準，即網站開發中前端工程師應具備的應聘條件。

《網頁設計與制作》課程建設內容主要包括課程目標、課程內容與結構、教學方法和手段、課程團隊、課程資源、課程考核、課程管理等幾個方面：

（1）在課程目標建設方面：通過廣泛的專業調研與市場調查，并結合往屆畢業生反饋意見，不斷改進完善人才培養方案，適時地調整課程目標，明確了課程的職業崗位指向和職業能力要求，明確課程知識目標、技能目標，進一步明確以職業崗位能力要求的課程目標，使之更加貼近不斷發展的職業崗位技能要求。通過市場調研得出的對專業人才的需求有以下幾個大的方面：

①擁有過硬專業技術能力；

②善于交際，擁有較好的口才，能與領導同事和客戶進行較好的溝通與交流；

③堅守職業道德，能吃苦耐勞、有較強的團隊合作精神；

④能及時了解市場行情，思維敏捷，具有創新能力；

⑤不斷地學習進取，具有自主學習能力和知識應用的能力。

（2）在課程內容和課程結構建設方面：《網頁設計與制作》課程的教學內容是綜合應用到HTML/XML、DIV+CSS技術、JavaScript/Ajax、圖形圖像處理、動畫制作等編寫代碼能力、信息采集處理能力及網頁制作技術，同時要熟悉相關軟件的操作使用，如：Dreamweaver、Photoshop、Flash、CorelDraw等，是進行動態網站開發的前端工作。在課程建設中過程，收集和整理課程骨干教師、行業中的技術專家的意見，調整和完善課程教學和課程內容設計，圍繞培養網站開發應用型人才這一中心目標、注重培養學生創新思維能力和實踐動手能力。調整各教學模塊的課時分配，加大功能模塊和綜合實訓模塊的課時。

（3）教學方法與手段建設方面：為培養學生綜合應用知識的能力，采用教學案例教學法，通過對完整項目的工作流程，培養學生從設計網站頁面及站點管理到制作整個網站靜態頁面的綜合應用能力，調動學生學習的積極性，充分利用啟發式教學原則進行教學，使學生在課堂中能積極思考；注重理論聯系實際，使學生在學習過程中能夠理解平時上網時所應用到功能的實現過程，不再感到枯燥無味。在機房里采用講授、教師示范、學生演示、學生練習等多種教學方法， 切實提高教學效果，以提高學生的動手能力、創新能力為目的，將課件、教案、習題、測試題等學習資源提供給學生，實現優質教學資源共享。

在機房授課，學生一人一機，多媒體教學，大大提高了課程的教學效果，但教學課時有限，課后自主學習，加強基本功的訓練尤為重要。且計算機的發展日新月異，課程教學的滯后與目前技術的發展，讓學生及時了解與課程相關的技術動態，不要與當前社會需求脫節，開闊眼界，擴寬知識面也是非常有必要的，因此在精品課程建設的過程中加大了網上學習功能的建設力度，可以讓學生把課堂上沒有消化吸收的知識點通過精品課程中的教學資源進行自學，通過項目案例加強實踐動手能力訓練，進行課外延伸學習。

（4）為企業提供技術服務方面：為學生創造實踐機會，與北京航空城賓館簽訂了網站開發協議，該網站的主要功能就是企業宣傳，包括前臺展示和后臺管理兩個模塊。

（5）課程研究建設方面：開展課題組集體教研活動，加強課程目標、課程教學內容、教學方法、教學手段等方面的研究，撰寫課程設計方案、項目任務書和項目指導書、搜集整理案例集、理論及實踐題庫等教學資料，并于本學期開始實踐教學活動，進一步修訂課程設計方案、項目任務書及指導書，完善教學資料。

（6）課程研究建設方面：開展課題組集體教研活動，加強課程目標、課程教學內容、教學方法、教學手段等方面的研究，撰寫課程設計方案、項目任務書和項目指導書、搜集整理案例集、理論及實踐題庫等教學資料，并于本學期開始實踐教學活動，進一步修訂課程設計方案、項目任務書及指導書，完善教學資料。

3 結論

通過《網頁設計與制作》課程建設，不僅僅是建立了一套完整的教學資源，更是認知和實踐了一套先進的教學理念。

首先，體現在教師自身業務水平的提高。師資隊伍建設是課程建設的核心內容，是提高教學質量的關鍵。創建學習條件，相互聽課，取長補短，不斷提高業務素質，教師隊伍整體水平和業務綜合能力上都有了顯著提高，建成了一只愛崗敬業、教學基本功扎實、學術水平較高且結構較合理的師資隊伍。

其次，體現在教學理念的根本改變。學校曾組織教師參加過“工學結合”的教學思想創新的培訓，教師不斷學習實踐新的教學理念、不斷提高教學質量是課程建設的根本所在。在課程建設規劃中，必須明確本門課程在不同階段的教學質量的內涵與目標，以確保課程建設的準確操作，從而達到不斷提高課程教學質量的目的。

最后，體現在課程體系的建設。課程標準是教學的法定性文件，是組織教學的基本依據。而教學資源是教學內容、教學方法的重要載體，學生評價是促進教學質量、確保教學實踐有效實施的方法和手段。

參考文獻

[1] 首珩.高職加強精品課程建設的研究[J].職業技術教育，2003，（25）：39-42.