網(wǎng)頁設(shè)計課程總結(jié)

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

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

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

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

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

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

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

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

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

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

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

三、構(gòu)建科學(xué)合理的網(wǎng)頁設(shè)計人才培養(yǎng)體系

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

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

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

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

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

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

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

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

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

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

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

（三）網(wǎng)頁設(shè)計專業(yè)課程的教學(xué)評價標(biāo)準(zhǔn)

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

1.考核方式

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

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

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

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

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

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

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

參考文獻：

[1]高云.高職高專《網(wǎng)頁設(shè)計》課程改革探索[J].吉林省教育學(xué)院學(xué)報，2009，11：2.

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

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

關(guān)鍵詞：網(wǎng)頁設(shè)計；能力培養(yǎng)；目標(biāo)細化

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

一、課程開設(shè)背景與性質(zhì)分析

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

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

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

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

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

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

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

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

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

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

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

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

二、能力目標(biāo)分析及細化

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

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

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

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

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

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

三、小結(jié)

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

參考文獻：

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

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

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

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

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

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

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

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

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

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

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

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

2.3評價階段

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

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

3結(jié)束語

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

參考文獻

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

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

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

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

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

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

[7] 韓慧. 關(guān)于“網(wǎng)頁設(shè)計”課教學(xué)改革的思考[J]. 山西財政稅務(wù)專科學(xué)校學(xué)報,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)頁設(shè)計課程總結(jié)范文第4篇

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

2.存在的問題

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

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

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

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

3.實驗教學(xué)改革

3.1 教學(xué)內(nèi)容

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

3.2 教學(xué)方法

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

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

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

（2）采用典型案例實驗教學(xué)

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

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

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

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

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

③鼓勵學(xué)生參加網(wǎng)頁設(shè)計競賽。在每學(xué)年學(xué)校或者全市、全國舉辦的網(wǎng)頁設(shè)計等競賽中，我們積極鼓勵并指導(dǎo)學(xué)生參賽，從而進一步激發(fā)了學(xué)生的學(xué)習(xí)興趣。

3.3 教學(xué)成效

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

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

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

二、課程教學(xué)思路與教學(xué)方法改進

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

三、課程體系內(nèi)容重構(gòu)

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

四、總結(jié)