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

網(wǎng)頁設計課程總結范文第1篇

關鍵詞：網(wǎng)頁設計；職業(yè)定位；人才培養(yǎng)

中圖分類號：G712 文獻標識碼：A 文章編號：1674-7712 （2013） 04-0130-03

一、網(wǎng)頁設計人才培養(yǎng)現(xiàn)狀

高職院校網(wǎng)頁設計課程體系與教學之間存在許多弊端，概括起來，主要有以下幾個方面：

（1）課程與教學內容理論性強，實踐教學方法、教學手段不適應行業(yè)需求，學生職業(yè)能力和創(chuàng)新能力的培養(yǎng)沒有真正落實。

（2）師資力量存在缺陷，普遍現(xiàn)象是：大部分老師是從校門進校門，沒有企業(yè)的從業(yè)經(jīng)驗，也沒有實際項目開發(fā)經(jīng)驗，基本上是“照本宣科”，所謂的項目驅動，項目的開發(fā)流程屬于模擬范疇，與實際客戶的需求，還相差甚遠。目前高職院校已意識到這個問題，通過各種方式尋求校企合作，實現(xiàn)校企互動的新模式，如何盡快解決師資在理論知識和實踐應用方面的不足是十分迫切的。

（3）課程設置不盡合理，課程內容上重“設計”輕“技術”。教學上按照以往的教學模式，僅僅在多媒體教室中講解操作步驟、做典型范例是遠遠不夠的。應著重培養(yǎng)學生的創(chuàng)新意識和獨立開發(fā)網(wǎng)站的能力。藝術性與技術性的高度統(tǒng)一是今后網(wǎng)頁設計發(fā)展的大趨勢，不斷探索新的教學模式和教學理念，根據(jù)行業(yè)需求來構建合理的課程體系。

二、網(wǎng)頁設計專業(yè)的職業(yè)崗位

根據(jù)對沈陽、大連地區(qū)IT行業(yè)的發(fā)展現(xiàn)狀與趨勢、人才需求狀況、企業(yè)調研等方面調查分析，可以將網(wǎng)頁設計崗位分為網(wǎng)頁設計、網(wǎng)頁制作、網(wǎng)站編輯、網(wǎng)站管理四大崗位群。

三、構建科學合理的網(wǎng)頁設計人才培養(yǎng)體系

（一）網(wǎng)頁設計人才培養(yǎng)目標的定位

本專業(yè)培養(yǎng)適應社會與區(qū)域經(jīng)濟發(fā)展需要，德、智、體、美全面發(fā)展，熟悉網(wǎng)站的配色及制作流程，掌握網(wǎng)站設計與策劃、網(wǎng)站的安全與服務器配置以及網(wǎng)站的搜索引擎優(yōu)化技術；掌握動態(tài)網(wǎng)站編程技術，具有獨立制作整站系統(tǒng)的能力，在企事業(yè)單位、網(wǎng)絡公司、廣告公司等IT行業(yè)從事網(wǎng)頁設計、網(wǎng)站美工、各類網(wǎng)站的開發(fā)與維護等工作的網(wǎng)頁設計師、高級技師和高級網(wǎng)站程序員。

（二）網(wǎng)頁設計專業(yè)的課程體系

根據(jù)網(wǎng)頁設計行業(yè)的職業(yè)崗位分析及人才需求，確定網(wǎng)頁設計的人才培養(yǎng)目標。按人才的職業(yè)能力的培養(yǎng)為主線構建了該專業(yè)的課程體系。確定了該專業(yè)的核心專業(yè)課程，課程體系結構如圖1所示。

按課程的培養(yǎng)目標，將網(wǎng)頁設計的專業(yè)課程分成以下四個模塊：網(wǎng)頁設計基礎模塊、客戶端開發(fā)模塊、數(shù)據(jù)庫操作模塊和Web應用程序開發(fā)模塊。

模塊一：網(wǎng)頁設計基礎模塊，對應的課程是《網(wǎng)頁設計與制作》，主講內容是“網(wǎng)頁三劍客”，DW也就是Dreamweaver（網(wǎng)頁制作），F(xiàn)W是Firework（矢量圖形制作和圖像處理），F(xiàn)lash（動畫制作）。這三種軟件能相互合作。比較實用的操作方式是：在Firework中做好主要頁面，然后導出，在Dreamweaver中加以修改，添加鏈接等，便做出一個非常好看的頁面。

模塊二：客戶端開發(fā)模塊，對應的課程是《JavaScript》或《VBScript》，《JavaScript》是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向對象的動態(tài)類型的客戶端腳本語言，該語言區(qū)分大小寫，主要目的是解決服務器端語言（比如Perl）遺留的速度問題，為客戶端提供更流暢的瀏覽效果。

模塊三：數(shù)據(jù)庫操作模塊，對應的課程是《SQLServer》或《Access》或《mySQL》，作為網(wǎng)站的后臺數(shù)據(jù)庫管理系統(tǒng)，負責網(wǎng)站的實時更新，對數(shù)據(jù)進行存儲，在網(wǎng)站的建設中起著至關重要的作用。

模塊四：Web應用程序開發(fā)模塊，對應的課程是《》或《JSP》或《PHP》，主要講述動態(tài)Web頁面的實用技術。

模塊教學采用理實一體化教學模式，采用了“任務驅動”教學法，教學任務分為：課堂教學模擬、企業(yè)真實項目操作兩部分，這些任務的設計遵循了由簡單到復雜，由單人獨立操作到項目組成員共同完成，充分調動了學生的學習積極性和主動性，有效提高學生的知識應用能力和創(chuàng)新能力。

教學評價建議改變單一的總結性評價的方法，采用評價過程、階段評價和綜合評價相結合的評價方法。教學中要注重學生學習的過程，精心設計對學生學習過程的記錄及評價，如學習的形式、獲取信息的方式、討論的要點、設計的方案等進行記錄，并對作品進行交流、自評和互評等，從而讓學生學會學習。

（三）網(wǎng)頁設計專業(yè)課程的教學評價標準

制訂本專業(yè)各核心課程的教學評價標準，此標準以《動態(tài)網(wǎng)頁設計》課程為例。

1.考核方式

本學習領域的課程考核宜采用過程考核、公共考核和期末考試相結合，具體考核內容及權重見表3。期末考試分為理論考試和實踐考試。其中，理論考試主要考核8個學習情境中的主要知識點，試卷分值100分，其中填空題（占25%）、選擇題（25%）、判斷題（20%）、簡答題（30%），試卷從不同角度考查學生基礎知識的掌握能力；實踐考試內容為2至3道上機操作題，主要考核學生的上機設計和調試能力，及對知識的綜合運用能力。

（四）網(wǎng)頁設計專業(yè)的師資建設

建立一支高素質的師資隊伍是網(wǎng)頁設計專業(yè)建設的關鍵，這支隊伍不僅要具有網(wǎng)頁設計相關的理論知識和實踐經(jīng)驗的特長，而且還熟悉整個網(wǎng)站的運作和前臺后臺維護管理等方面的理論知識。教師的培養(yǎng)可以通過以下的方法：

1.以行業(yè)為基地進行專業(yè)培訓，加快與行業(yè)的聯(lián)系。

2.組織教師到其它兄弟學校進行交流和調研，提高教師業(yè)務水平。

3.積極從國內外及相關行業(yè)引進、或者借用專家人才，提高教師隊伍水平。

4.專業(yè)教師自身應該時時刻刻跟蹤、掌握電網(wǎng)頁設計發(fā)展的最新動態(tài)，掌握網(wǎng)頁設計最前沿的知識，不斷地更新知識?？傊?，網(wǎng)頁設計專業(yè)人才培養(yǎng)應當以企業(yè)需要什么樣的人才為出發(fā)點，總結過去的經(jīng)驗和教訓，從實際出發(fā)，嚴格按照客觀規(guī)律來建立網(wǎng)頁設計人才培養(yǎng)的模式和體系，這樣才能培養(yǎng)出符合社會需要的合格人才。

參考文獻：

[1]高云.高職高?！毒W(wǎng)頁設計》課程改革探索[J].吉林省教育學院學報，2009，11：2.

[2]趙京丹，閆寧.任務驅動教學法在Dreamweaver網(wǎng)頁制作教學設計中的應用[J].職業(yè)教育研究，2007，7.

網(wǎng)頁設計課程總結范文第2篇

關鍵詞：網(wǎng)頁設計；能力培養(yǎng)；目標細化

在2014級和2015級12個教學班、在600多人次的教學過程以及期末的200多件課程作業(yè)展評中，筆者發(fā)現(xiàn)：學生能夠較為輕松地完成網(wǎng)頁程序代碼的編寫、駕馭網(wǎng)頁的鏈接，能夠處理網(wǎng)頁各級界面中的文字、圖片、音像、動畫、色彩、標題、標志、導航、搜素等各種構成元素，也能夠如期完成期末課程作業(yè)。但是在眾多的學生作品中，很難發(fā)現(xiàn)優(yōu)秀的、吸引人眼球的作品。在3次畢業(yè)學生的座談和2次企業(yè)家的面談中同樣發(fā)現(xiàn)：高職院校近幾年雖然培養(yǎng)出了大批網(wǎng)頁設計人才，但能夠獨立從事網(wǎng)站設計與開發(fā)的人才少之又少。

一、課程開設背景與性質分析

通過查閱知網(wǎng)、萬方等數(shù)據(jù)庫中其他學者的學術成果并結合自身教學的經(jīng)驗發(fā)現(xiàn)，計算機信息工程專業(yè)的學生在網(wǎng)頁設計課程的學習中常常出現(xiàn)如下問題：

1.網(wǎng)頁界面常常呈現(xiàn)“雜”“亂”“多”“滿”的現(xiàn)象，沒有清晰條理的流程。這主要是缺乏系統(tǒng)的版式設計，構成網(wǎng)頁各元素之間缺乏理性秩序所導致的。

2.網(wǎng)頁設計中字體使用隨意，沒有顧及字體與網(wǎng)頁風格、企業(yè)性質之間的聯(lián)系，無法反映企業(yè)的文化與理念。

3.網(wǎng)頁設計中色彩使用隨意，沒有考慮到色彩的象征與隱喻性以及色彩的對比、和諧等視覺美學特征。

4.網(wǎng)頁各級鏈接之間風格雜亂，基本上是一個界面一個風格，各個界面之間缺乏必然的內在聯(lián)系，只是各種風格的堆砌。

5.網(wǎng)頁設計缺乏創(chuàng)意與創(chuàng)新意，基本上是對已有網(wǎng)頁的抄襲與拷貝。由于缺乏相應的美學基礎，所做出的網(wǎng)頁在視覺上依然“慘不忍睹”。

6.網(wǎng)頁設計缺乏內涵深度，主要原因在于各種視覺符號的任意使用，沒有考慮到視覺符號能指與所指之間的關系以及視覺符號內涵與外延之間的關系，也沒有考慮到視覺符號的使用禁忌等問題。

在課中與課后的互動中發(fā)現(xiàn)：大多數(shù)學生根本沒有意識到上述問題。偶爾有學生即使意識到了上述問題，也因為缺乏相應的美學功底與文化底蘊不知道如何去改變。這些問題會隨著課程的結束而一直遺留，最終導致畢業(yè)后無法獨立完成視覺形式優(yōu)美、內涵豐富、客戶滿意的網(wǎng)頁設計與制作。

上述問題的出現(xiàn)，究竟是課程設置的不合理？培養(yǎng)目標實施過程中出現(xiàn)的偏差？抑或是教學過程的失誤？還是其他因素所導致？

有學者認為，上述問題出現(xiàn)的原因有教材編寫沒有連貫性、教材內容滯后、課程內容結構不合理、教學方法不合理等。然而筆者認為，造成計算機信息工程專業(yè)學生畢業(yè)后無法獨立從事網(wǎng)頁設計的主要原因在于：學生缺乏基本的美學功底與文化底蘊，課程設置中缺乏相應的美學基礎課程，有意或無意夸大了軟件的功能等。歸根結底，是對網(wǎng)頁設計職業(yè)能力培養(yǎng)目標的理解或者執(zhí)行偏差所導致，在學生能力培養(yǎng)目標的定位中太過寬泛，沒有將學生應該有的能力目標進行細化。

隨著網(wǎng)絡技術的迅猛發(fā)展和信息終端設備的普及，網(wǎng)頁設計與制作教學已成為當今高校教育中的熱點，網(wǎng)頁設計或網(wǎng)頁設計與制作這些課程在各大高校遍地開花。視覺傳達設計專業(yè)與信息工程專業(yè)將其作為一門專業(yè)必修課，其他專業(yè)也大多將其作為一門選修課或者通識課開設。

網(wǎng)頁設計是技術、文化與藝術交匯的結果，不僅要求學生具備計算機程序代碼編寫能力，同樣也需要基本的美學能力與文化底蘊，只有具備了技術、文化與藝術素養(yǎng)才能設計并制作出視覺效果良好且讓客戶滿意的網(wǎng)頁。

二、能力目標分析及細化

無論是教育部高等學校計算機基礎課程教學指導委員會提出的“面向社會、針對崗位、強化能力、促進發(fā)展”的指導思想，還是“加強實踐、注重應用、增強素質、培養(yǎng)能力”的課程指導原則，均過于寬泛，需要教學單位在具體的授課執(zhí)行過程中將其細化。

在調慶、四川、安徽三省高職院校網(wǎng)頁設計課程培養(yǎng)目標的過程中發(fā)現(xiàn)，大多數(shù)職業(yè)院校將網(wǎng)頁設計能力培養(yǎng)集中于以下幾個方面：培養(yǎng)學生數(shù)據(jù)收集、信息處理、素材加工的能力；培養(yǎng)學生通過Photoshop軟件制作靜態(tài)網(wǎng)頁的能力；培養(yǎng)學生通過HTML、CSS編程，使用CSS進行頁面樣式控制，使用DIV+CSS進行網(wǎng)頁布局的能力；培養(yǎng)學生設計網(wǎng)站的綜合能力；培養(yǎng)和提高學生的動手能力；培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力。

從上述專業(yè)能力培養(yǎng)目標的細化子目標中可以發(fā)現(xiàn)，嚴重偏向于技術而忽視藝術審美與文化品位能力的趨勢。

從網(wǎng)頁設計課程性質分析可以發(fā)現(xiàn)，網(wǎng)頁設計是一門綜合性、交叉性很強的課程，需要技術、藝術與文化素養(yǎng)作支撐。高職院校培養(yǎng)的人才應該是能夠獨立策劃、編程并設計出視覺優(yōu)美、內涵豐富的網(wǎng)頁人才。視覺傳達設計等專業(yè)的學生，不乏美學素養(yǎng)，但是計算機程序語言的編寫能力較差，缺乏嚴謹?shù)睦硇运季S；信息技術工程專業(yè)的學生，程序語言編寫能力是他們的強項，但是其美學素養(yǎng)與文化底蘊相對缺乏。在網(wǎng)頁設計的前導課程中，美學相關課程與訓練的缺乏，必然會導致信息技術工程專業(yè)的學生一條腿走路，成為一個“健全的瘸子”。

所以，本文認為對于計算機信息工程、計算機軟件等專業(yè)學生的培養(yǎng)目標應該細化為：組織與策劃能力、程序編寫與測試能力、視覺表現(xiàn)與美化能力。而這些子目標應該繼續(xù)細化，如下表。

如表所示，可以通過大學語文課程來培養(yǎng)學生的文化素養(yǎng)，通過網(wǎng)頁文案策劃來訓練學生的組織與（下轉第59頁）策劃能力，通過美學基礎來訓練學生的文字、圖形、圖像、色彩特征與客戶需求的匹配能力，通過字體設計、版式設計、設計色彩、創(chuàng)意思維激發(fā)與表現(xiàn)等課程訓練學生的視覺表現(xiàn)與美化能力，通過網(wǎng)頁設計（HTML+CSS）來訓練學生的程序編寫與測試能力。然而，在大多數(shù)理工類或偏向于理工類的職業(yè)院校中，由于課時的限制，往往缺少文化素養(yǎng)與美學素養(yǎng)的培養(yǎng)與訓練，這是導致學生網(wǎng)頁設計作品中出現(xiàn)常見問題的主要原因。筆者認為，在條件允許的情況下，盡量開設提升審美與人文素養(yǎng)的必修課程且至少250學時。如若條件不容許，則可以通過選修的方式進行。

三、小結

由于對網(wǎng)頁設計專業(yè)能力培養(yǎng)目標的細化程度不夠，導致了網(wǎng)頁設計專業(yè)能力培養(yǎng)目標不清晰，進而導致課程設置不夠合理，只注重于程序編寫與測試能力的培養(yǎng)，最終無法設計出有深度、有內涵、有視覺形式美的網(wǎng)頁作品。

參考文獻：

[1]羅錦光.《網(wǎng)頁設計基礎》課程教學研究[J].計算機光盤軟件與應用，2014（12）.

網(wǎng)頁設計課程總結范文第3篇

摘要：在網(wǎng)絡時代的今天，網(wǎng)頁設計的地位更顯重

>> 淺探項目教學法在《網(wǎng)頁設計基礎與應用》課中的應用 淺談“網(wǎng)頁制作”之網(wǎng)頁版面的教學設計 淺談網(wǎng)頁設計之美 多文本閱讀之教學設計淺探 淺談中職網(wǎng)頁設計教學 網(wǎng)頁設計的教學實踐 構成設計教學探議 動漫設計教學淺探 數(shù)學“大問題”設計之我探 網(wǎng)頁設計之視覺信息傳達分析 淺述網(wǎng)頁之藝術設計 《背影》教學視野之探 中職計算機任務教學之任務設計探議 淺探當前初中美術教學之創(chuàng)意活動設計 中職網(wǎng)頁設計課程的教學探討 中職網(wǎng)頁制作課程教學設計探討 《網(wǎng)頁框架》教學設計與反思 網(wǎng)頁設計課程教學改革探析 高職《網(wǎng)頁設計》課程的教學探討 “網(wǎng)頁設計與制作”課程教學探索 常見問題解答 當前所在位置：或.html)。

模塊二：編輯網(wǎng)頁元素。網(wǎng)頁元素包括文本、圖像、多媒體、超級鏈接、Logo、導航欄等。要求學生能夠熟練地編輯各種網(wǎng)頁元素。其中，Logo是網(wǎng)站的標志，一般在網(wǎng)頁的左上角，內容一般是網(wǎng)站有代表性的人物、動物、花草或者英文名稱等?？梢怨膭顚W生利用生成器或者Photoshop等設計好自己的網(wǎng)站Logo。超級鏈接是實現(xiàn)網(wǎng)頁跳轉的重要途徑。教師可以通過案例使學生掌握文本鏈接、圖像鏈接、Email鏈接、錨點鏈接、空鏈接、腳本鏈接等各種鏈接形式。

模塊三：設計網(wǎng)頁布局。網(wǎng)頁布局設計到網(wǎng)頁在瀏覽器中所顯示的外觀，決定著網(wǎng)頁設計的成敗。通過表格布局、布局模式布局、框架布局三種手段來定位網(wǎng)頁元素。其中，首頁的布局尤為重要?？梢赃\用各種形狀，如矩形、圓形、菱形等，“同”字形、“匡”字形、“三”字形、“川”字形等，或者是運用曲線組成的柔美的或不規(guī)則的圖形。然后將頁面元素放入其中，確定它們的位置，同時要考慮整個頁面的平衡、疏密等因素，編排出令人舒適的效果。最后確定頁面尺寸和頁面元素的尺寸。

模塊四：優(yōu)化網(wǎng)頁樣式。主要是通過Html標簽對和CSS規(guī)則來優(yōu)化整個頁面的樣式，使整個網(wǎng)站的風格較統(tǒng)一，并且有特色。其中，CSS層疊樣式表類似于Word中的樣式，它將網(wǎng)頁的排版從網(wǎng)頁文檔的制作中獨立出來。利用它可以批量地修改成百上千個網(wǎng)頁的外觀樣式，大大提高了工作效率。

模塊五：制作網(wǎng)頁特效。利用層來實現(xiàn)對頁面元素的精確定位；利用行為來動態(tài)響應用戶的操作或者觸發(fā)任務；利用JavaScript語言實現(xiàn)動態(tài)的、實時的、交互的動態(tài)效果。其中，行為一方面是指Dreamweaver8.0提供的預定義行為。實現(xiàn)鼠標經(jīng)過圖像、彈出信息、拖動層、顯示彈出式菜單等動態(tài)效果。另一方面是指結合時間軸，創(chuàng)建自定義的動態(tài)效果。教師可以適當增加案例的數(shù)量，租金學生的學習興趣。關于JavaScript未做重點講解，只給學生提供―些特效代碼、插件、代碼下載網(wǎng)站，并演示如何使用現(xiàn)成的特效代碼。

模塊六：管理網(wǎng)站資源。通過資源面板批量的修改重復的網(wǎng)頁元素，從而高效的管理網(wǎng)頁中的各種資源。通過庫管理和更新多次重復使用的網(wǎng)頁元素。利用模板保存較好的文檔格式，作為中間件，需要時可以套用。

模塊七：其他相關知識的補充。主要是ASP語言、數(shù)據(jù)庫知識和Flash。要求能夠制作簡單的動態(tài)網(wǎng)頁。另外，F(xiàn)lash是一種簡單直觀、功能強大的動畫設計工具。在教學過程中，教師可以鼓勵學生通過案例的學習，自己動手制作網(wǎng)站片頭、主題文字的動態(tài)效果、背景、網(wǎng)頁切換等效果，增強網(wǎng)站的吸引力。

以上的七個模塊，就是對“網(wǎng)頁設計”課程全部教學內容的一個整合。然而，在每個模塊的教學過程中，針對課堂上沒有解決的問題，可以通過網(wǎng)絡教學法，在課后進行有益的交流和補充。并且，每個模塊學習結束后，都給學生時間將所掌握的技術應用在各自的項目方案中。

總之，“網(wǎng)頁設計”課程是一門實踐性操作性很強的課程，無論怎樣安排教學內容，無論使用怎樣的教學方法，都是要以學生為中心，提高學生的網(wǎng)頁設計能力。

2.3評價階段

當完成教學階段的全部工作后，在學期末最后一周，由教師對學生的學習效果進行考查。每一位學生都上講臺介紹自己的網(wǎng)站主題、內容、所用技術等，然后，由老師當場從創(chuàng)意、審美、內容、技術、工作量五個角度進行點評。最終依據(jù)學生平時的上機以及作業(yè)情況(30%)加上最終提交的網(wǎng)頁設計作品(70%)給出學生本學期的考核成績。成績分為優(yōu)秀、良好、中等、及格和不及格五個檔次。推薦優(yōu)秀作品的設計者參加網(wǎng)頁設計大賽、假期到公司實習或者考認證。

這種評價方式是以能力為中心的全程化、開放式、全面的考核方式，能夠綜合考查學生平時參與課程的情況、每階段學習的狀況和最重的網(wǎng)頁設計效果，使學生的素質和綜合能力得到提高。

3結束語

筆者根據(jù)多年來在“網(wǎng)頁設計”課程中的教學經(jīng)驗，本著以學生為中心的原則，對傳統(tǒng)的教學模式進行改革，提出了創(chuàng)新的教學思路和實踐總結。筆者在“網(wǎng)頁設計”課程的教學過程中精心設計了科學的教學方案；采用了適合的多樣的教學方法；較合理地整合了網(wǎng)頁設計的教學內容；采用了全程化的評價方式。實踐證明取得了較好的教學效果。但是仍需要加強教學環(huán)節(jié)的組織，更加充分的利用網(wǎng)上的教學資源，豐富課堂教學內容，將“網(wǎng)頁設計”之教學推向更高的層次。

參考文獻

[1] 胡亞卓. 淺談網(wǎng)頁設計[J]. 科教文匯,2008,(02):180.

[2] 林菡,張軍. 優(yōu)良的網(wǎng)頁設計應該注意的幾個要素[J]. 北京教育學院學報(自然科學版),2007,(8):12-15.

[3] 顏謙和,顏珍平. “網(wǎng)頁設計與制作”課程運用案例教學法初探[J]. 計算機教育,2007,(9):65-66.

[4] 吳建梅,周瑩. “任務驅動”教學法在高職“網(wǎng)頁設計”課程中的應用[J]. 科技廣場,2007,(08):210-211.

[5] 余平. 項目驅動在網(wǎng)頁設計實踐教學中的應用[J]. 實驗室科學,2007,(5):94-95.

[6] 李若蘭. “網(wǎng)頁設計”課程之分層教學實踐[J]. 大眾科技,2007,(7):33.

[7] 韓慧. 關于“網(wǎng)頁設計”課教學改革的思考[J]. 山西財政稅務專科學校學報,2007,(10):79-80.

Teaching Exploration of Web Design

JIANG Hai-yan, DU Lin, LI Shu-jin, ZHAO Ke

(Department of Computer, Shandong Education Institute, Shandong Jinan 250013 , China)

網(wǎng)頁設計課程總結范文第4篇

“網(wǎng)頁設計與制作”課程正逐漸成為各高校近年來計算機專業(yè)領域發(fā)展最快和應用最廣泛的課程之一，作為對學生實踐動手能力要求較高的課程，該課程在許多高校已經(jīng)采用了實驗課堂的教學形式并受到了學生的普遍歡迎。那么，如何提高該課程的實驗課堂教學質量，真正增強學生的動手實踐能力則是擺在各位任課教師面前的首要問題。我們經(jīng)過近五年的實驗教學觀察和總結，將從教學內容、教學方法以及教學效果三個方面闡述如何解決該課程發(fā)展面臨的問題。

2.存在的問題

“網(wǎng)頁設計與制作”作為許多高校計算機專業(yè)的專業(yè)基礎課或者選修課，在實際教學過程中，經(jīng)常面臨的問題有：

⑴任課教師對新技術的把握能力不夠。由于技術的發(fā)展日新月異，Html標準也發(fā)展到了Html5，一些任課教師顯得無所適從。

⑵部分院校教學形式仍然采取理論和實驗分堂教學。采取理論和實驗分堂教學，在教學過程中學生理論課程聽起來枯燥，在實驗課又翻開書按部就班，學生掌握知識成效甚微。

⑶單純工具型教學。學習任何一門課程的目的應該都要做到學以致用，簡單的工具教學只能滿足學生會不會的問題，要制作出優(yōu)秀的網(wǎng)頁還需要學生對藝術設計等相關知識有一定的了解。

3.實驗教學改革

3.1 教學內容

根據(jù)制定的人才培養(yǎng)方案，該課程在我校開設一共32學時，全部采用實驗課堂教學。經(jīng)過對本課程的不斷摸索和總結，我們將學生需要掌握及完成的教學內容分為六大模塊：模塊一，掌握網(wǎng)頁、網(wǎng)站基礎入門知識。根據(jù)“先總體后具體”的原則，總體講述網(wǎng)站的概念以及網(wǎng)站上線的流程，要求學生不會做網(wǎng)頁但要先會搭網(wǎng)站，計劃2學時；模塊二，掌握基本網(wǎng)頁語言標簽。通過對一些典型的小型網(wǎng)站來講解并要學生掌握HTML語言各類標記符的使用方法，計劃10學時；模塊三，掌握網(wǎng)頁布局，學會層疊樣式表（CSS）。通過案例，要求學生學會樣式控制并布局網(wǎng)站，計劃10學時；模塊四，掌握制作網(wǎng)頁相關工具軟件的使用。結合具體的實例介紹并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等軟件的使用方法，計劃4學時；模塊五，網(wǎng)頁設計進階學習。通過對優(yōu)秀網(wǎng)站的鑒賞和分析，提高學生的學習興趣，使學生頭腦里形成設計的概念、網(wǎng)站規(guī)劃的思路及流程，同時介紹網(wǎng)站的總體結構、風格定位、色彩的應用以及版式的設計等方面的知識，計劃6學時；模塊六，網(wǎng)頁綜合設計。學生自行選擇一個積極健康的主題設計一個綜合類網(wǎng)站，該內容在課堂外完成，可在課程中期開始同步進行。

3.2 教學方法

通過長期的教學實踐，我們可以將教學方法歸納為以下幾點：

（1）采用實驗課堂教學，實踐為主，講授為輔

該課程的操作性較強，實踐綜合性也較強，課程學時也較緊湊，采用理論課堂教學，學生勢必在有限的學時內收獲較少，故采用實驗課堂教學。在具體實驗教學過程中，采取實踐為主，講授為輔的教學形式，如在教學內容模塊一里面，計劃2學時，可以1/3時間講授基礎入門知識，2/3時間學生根據(jù)教師精心準備的教學材料動手搭建成型網(wǎng)站，現(xiàn)學現(xiàn)用，學生記憶深刻，能較快掌握相關知識及技能。

（2）采用典型案例實驗教學

該門課程強調實踐動手能力，所以在實驗課堂講授時必須圍繞案例進行教學，離開案例教學則該門課程又將倒退回理論教學的層面。要采用案例教學，需要從宏觀上進行教學設計：可將互聯(lián)網(wǎng)上較熱的實際案例引入實驗課堂教學體系中，每個重要知識點均與實際應用結合起來，在實際教學中，多引用實例，提高學生的學習興趣，讓學生主動去模仿、分析、創(chuàng)新等，同時也能幫助學生加強深對網(wǎng)站網(wǎng)頁的理解，使其能夠靈活運用所學的知識，從而獲得一種成就感。該案例教學方法可以貫穿于教學內容的模塊二至模塊六，如在模塊三掌握網(wǎng)頁布局過程中，可以選用學生比較熟悉的淘寶、京東等知名企業(yè)網(wǎng)站進行講解，可以由淺入深，從簡單的登錄網(wǎng)頁到復雜的網(wǎng)站首頁一步步剖析架構，特別是對于諸如margin、padding等容易出錯的問題進行重點講解，讓學生能模仿并自己重新設計主題書寫網(wǎng)頁。

（3）拓展課堂、多元一體化輔助實驗教學

要想真正讓學生的動手能力達到質的飛躍，達到學以致用的目的，僅靠有限的課堂學時是遠遠不夠的，但單純增加學時又是不太現(xiàn)實和最不可取的方法。在實驗教學過程中，我們不斷摸索，總結出我們認為行之可效的方法：拓展課堂、多元一體化輔助實驗教學。具體表現(xiàn)在以下幾個方面：

①借用現(xiàn)代化多媒體手段學生自主學習。在教學過程中，學生除了按照任課教師的要求和準備的教學材料進行學習外，還應在任課教師指導下，充分利用現(xiàn)代多媒體等手段進行網(wǎng)上學習，如在基礎知識模塊學習過程中，可充分借助W3C學院（W3Cschool）進行輔助學習及實踐練習。

②舉辦課堂外網(wǎng)頁設計進階講座。在實驗課堂教學過程中，模塊五涉及到一些進階的學習，但學生要借此在網(wǎng)頁設計上有所造詣是遠遠不夠的。我們在教學過程中，針對不同的學生對象，采取學生自愿的原則，免費舉辦一些網(wǎng)頁設計進階講座，講座的主題包括網(wǎng)頁設計涉及的一些前言技術、美工素養(yǎng)及技能、學生創(chuàng)新創(chuàng)業(yè)思維的訓練等。通過這些進階講座，學生提高了網(wǎng)頁設計與制作的綜合能力，同時也開拓了眼界。

③鼓勵學生參加網(wǎng)頁設計競賽。在每學年學?；蛘呷?、全國舉辦的網(wǎng)頁設計等競賽中，我們積極鼓勵并指導學生參賽，從而進一步激發(fā)了學生的學習興趣。

3.3 教學成效

經(jīng)過近五年的實驗教學摸索總結，在近三年的教學中，該課程保持了良好的教學效果，在學生之間口碑較佳，也得到了其他后續(xù)專業(yè)課程任課教師高度的認可，在學校的教學評分中也一直位于所有課程前20%之列。同時，課堂外的免費講座、培訓以及開展的各項相關比賽也極大鼓舞了學生的學習興趣，為學生創(chuàng)新創(chuàng)業(yè)指明了方向，學生最終完成了該課程“學什么”、“怎么學”、“作什么”的關鍵問題，為今后的進一步深造學習打下了堅實的基礎。

網(wǎng)頁設計課程總結范文第5篇

《網(wǎng)站設計與制作》也是計算機各專業(yè)學生學習后續(xù)課程的基礎，比如學習基于網(wǎng)絡編程的動態(tài)網(wǎng)頁設計技術，學生畢業(yè)后可從事網(wǎng)絡軟件的設計與開發(fā)，進行商務網(wǎng)站的設計與制作，同時也可以考取網(wǎng)頁設計師、網(wǎng)絡軟件工程師等相關國家職業(yè)資格證書。開設該課程是復合我校關于“高素質、技能型人才”培養(yǎng)目標的需求的，通過該課程的教學，可以培養(yǎng)出一批優(yōu)秀的、能夠在一線工作崗位上從事網(wǎng)頁設計與制作、網(wǎng)站規(guī)劃、管理與維護工作的專業(yè)人才?；谠撜n程的主要工作崗位有：網(wǎng)站管理與維護人員、網(wǎng)頁設計與編輯人員、網(wǎng)站策劃人員及網(wǎng)頁美工人員等。

二、課程教學思路與教學方法改進

學生如果要很好得完成網(wǎng)站制作，所需的的知識體系非常龐雜，其中包括網(wǎng)絡基礎知識，網(wǎng)頁制作技術，平面設計和動畫制作等基本要素。具體涉及到網(wǎng)頁制作軟件，圖像處理軟件，動畫軟件，數(shù)據(jù)庫知識，腳本語言動態(tài)服務器編程技術等。教學內容比較多，知識點比較分散，而學時僅為48個學時，學習內容多而課時少。經(jīng)過多年的教學活動的開展和經(jīng)驗總結后，我們總結出一套適合高職學生教學方法，那就是使用任務驅動式的教學方法。我們以前的教學設計思路是：講授知識點———設計任務———監(jiān)督學生完成———驗收，現(xiàn)在的教學設計思路是這樣的：實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色：給學生布置一項工作（實際工作任務導向）———將工作轉變?yōu)橐粋€任務（任務驅動）———通過任務引出知識點（知識學習）。學生在此教學思路中的角色：通過老師的引導，理解相關任務要求，繼而產生強烈的學習相關知識的興趣，在下一步的知識學習中就能很好地學習，掌握了相關知識后，馬上運用于實踐，完成老師布置的任務。通過該課程的教學，使學生最終能夠自主開發(fā)一個完整的網(wǎng)站，畢業(yè)后能夠直接從事企事業(yè)單位網(wǎng)站的開發(fā)設計與管理維護等工作。

三、課程體系內容重構

本課程性質是計算機系的基礎必修課，教學對象是全系各專業(yè)的大一學生，因此教學內容定位于靜態(tài)網(wǎng)頁的制作，以Dreamweaver軟件為主線，介紹靜態(tài)網(wǎng)頁設計和制作的基本技術,目前很多網(wǎng)頁教材是基于網(wǎng)頁三劍客的即Dreamweaver、photoshop和flash，然而當前課時條件和時間條件下，根本做不到三個軟件都講到位，事實上每個軟件分開都可成為一門課程，而網(wǎng)頁設計課程只能以網(wǎng)頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網(wǎng)頁密切相關為了解決內容多學時少的矛盾，有利于教學的開展和培養(yǎng)學生的動手能力，為此我們對教學內容重新進行了重構，圍繞Dreamweaver軟件講解網(wǎng)頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候，才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網(wǎng)頁設計基礎；模塊二、頁面的基本操作；模塊三、簡單網(wǎng)頁的制作；模塊四、網(wǎng)頁的樣式設計；模塊五、實用HTML布局頁面；模塊六、實用DIV+CSS布局頁面；模塊七、制作多媒體頁面；模塊八、網(wǎng)頁交互設計；模塊九、網(wǎng)站的測試與管理。

四、總結