網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

隨著4G網(wǎng)絡(luò)的成熟和智能手機(jī)的普及，網(wǎng)頁(yè)設(shè)計(jì)師不僅能制作普通網(wǎng)頁(yè)界面，更多是能設(shè)計(jì)藝術(shù)界面和交互界面的網(wǎng)頁(yè)，能適應(yīng)多平臺(tái)等特點(diǎn)。根據(jù)我學(xué)院每年對(duì)企業(yè)調(diào)研，目前企業(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求：（1）根據(jù)企業(yè)需求和定位能夠設(shè)計(jì)符合當(dāng)下交互技術(shù)的流行網(wǎng)頁(yè)界面；（2）能夠制作靜態(tài)網(wǎng)頁(yè)和網(wǎng)頁(yè)前端javascript特效，較好配合后臺(tái)程序員進(jìn)行網(wǎng)站開(kāi)發(fā)；（3）有較強(qiáng)的自學(xué)能力，是藝術(shù)與技術(shù)相結(jié)合的高素質(zhì)技術(shù)技能型人才。

2高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀

我院對(duì)福建省同類(lèi)高職院校的網(wǎng)頁(yè)設(shè)計(jì)人才培養(yǎng)進(jìn)行廣泛調(diào)研，很少院校能夠培養(yǎng)符合企業(yè)需求的網(wǎng)頁(yè)設(shè)計(jì)師，致使我省應(yīng)屆畢業(yè)生難于滿(mǎn)足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才需求。高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀是：

2.1開(kāi)設(shè)課程不滿(mǎn)足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求網(wǎng)頁(yè)設(shè)計(jì)課程是一門(mén)綜合性的課程，是它包括構(gòu)圖、排版、特效制作等多種知識(shí)，決定了這門(mén)課程具有很強(qiáng)的綜合性、實(shí)踐性、融藝術(shù)性與技術(shù)性為一體的特點(diǎn)。而高職院校教學(xué)雖然在開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)課程體系上采取一定改革措施，但針對(duì)性不強(qiáng)，如針對(duì)企業(yè)需要藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)人才，專(zhuān)門(mén)開(kāi)設(shè)了《網(wǎng)站色彩與構(gòu)成》、《網(wǎng)頁(yè)設(shè)計(jì)》、《網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)》、《程序設(shè)計(jì)基礎(chǔ)（java方向）》相關(guān)專(zhuān)業(yè)技術(shù)課程，也專(zhuān)門(mén)開(kāi)設(shè)了《設(shè)計(jì)素描》、《設(shè)計(jì)色彩》、《構(gòu)成設(shè)計(jì)》等美術(shù)課程，但沒(méi)有真正以企業(yè)工作過(guò)程為導(dǎo)向，開(kāi)設(shè)藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)綜合項(xiàng)目課程，學(xué)生很難融會(huì)貫通運(yùn)用綜合知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，另一方面由于網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的飛速發(fā)展，從最早的表格布局到現(xiàn)在DIV+CSS布局，網(wǎng)頁(yè)語(yǔ)言從最早的HTML1.0到現(xiàn)在的HTML5，網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格也隨著時(shí)代的變化而不斷改變，社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求不斷提高，而高職院校相關(guān)專(zhuān)業(yè)課程沒(méi)有適時(shí)更新，學(xué)生也缺乏提升自我的學(xué)習(xí)能力，因此高職畢業(yè)生很難適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)這一行業(yè)的人才需求。

2.2教師專(zhuān)業(yè)水平有限，團(tuán)隊(duì)意識(shí)不強(qiáng)有的高職院校雖然按照企業(yè)工作過(guò)程開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程，但由于各個(gè)任課教師專(zhuān)業(yè)水平不同，團(tuán)隊(duì)意識(shí)不強(qiáng)，較難形成一個(gè)企業(yè)整體項(xiàng)目意識(shí)，通常每個(gè)教師根據(jù)自己方向選擇各自企業(yè)項(xiàng)目進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程的教學(xué)，有的教師自身受限專(zhuān)業(yè)水平與實(shí)踐技能，無(wú)法與專(zhuān)業(yè)組教師達(dá)成共識(shí)，造成學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)課程體系無(wú)法形成專(zhuān)業(yè)整個(gè)知識(shí)技能體系，網(wǎng)頁(yè)設(shè)計(jì)綜合技能很難得到提高，只能滿(mǎn)足于淘寶美工卻無(wú)法勝任電商網(wǎng)頁(yè)設(shè)計(jì)師。

2.3教學(xué)方法單一，仍以傳統(tǒng)教學(xué)為主長(zhǎng)期以來(lái)在教學(xué)中仍以教師為主體，而忽略學(xué)生的主體地位。h教師在授課中，往往先講解網(wǎng)頁(yè)各獨(dú)立元素的設(shè)計(jì)制作，與整體案例的設(shè)計(jì)制作相分離，導(dǎo)致學(xué)生在實(shí)踐過(guò)程中，學(xué)生只掌握每個(gè)工具單獨(dú)使用，不能將網(wǎng)頁(yè)各獨(dú)立元素的制作與整體項(xiàng)目相結(jié)合，當(dāng)需要綜合運(yùn)用各種軟件工具知識(shí)去制作完整項(xiàng)目時(shí)，卻顯得力不從心，即整體性不強(qiáng)。這種傳統(tǒng)教學(xué)方法優(yōu)勢(shì)是整個(gè)教學(xué)過(guò)程比較系統(tǒng)完整，授課內(nèi)容還是以理論知識(shí)為先導(dǎo)，教學(xué)手段單一，老師雖是孜孜不倦的教，而學(xué)生興趣缺乏，參與性不強(qiáng)，不能培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和團(tuán)隊(duì)協(xié)作能力，往往老師累得滿(mǎn)頭大汗，學(xué)生卻收獲甚微。

2.4生源質(zhì)量參差不齊隨著高職招生人數(shù)不斷上升，生源質(zhì)量參差不齊，生源質(zhì)量也在下降。教師引入企業(yè)項(xiàng)目進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)教學(xué)，學(xué)生完成的程度和質(zhì)量不一，有些同學(xué)無(wú)法跟上進(jìn)度，就出現(xiàn)厭學(xué)、遲到及曠課等現(xiàn)象。

3網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)構(gòu)建模式及優(yōu)勢(shì)

3.1網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)構(gòu)建模式網(wǎng)頁(yè)設(shè)計(jì)集藝術(shù)與技術(shù)為一體綜合性課程，既需要個(gè)人創(chuàng)意設(shè)計(jì)能力，又需要全面應(yīng)用高新技術(shù)能力，具有很強(qiáng)的實(shí)踐性和綜合性。在網(wǎng)頁(yè)設(shè)計(jì)授課過(guò)程中，教師要從易到難引入企業(yè)項(xiàng)目，引導(dǎo)啟發(fā)學(xué)生，并在課堂上統(tǒng)一進(jìn)行項(xiàng)目分析，在講解過(guò)程中，將網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)美學(xué)及專(zhuān)業(yè)技術(shù)知識(shí)融入到所要完成項(xiàng)目中，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性、自主的對(duì)網(wǎng)頁(yè)綜合知識(shí)進(jìn)行建構(gòu)，同時(shí)通過(guò)現(xiàn)代網(wǎng)絡(luò)視頻教學(xué)，演示網(wǎng)頁(yè)設(shè)計(jì)從選定項(xiàng)目、制定計(jì)劃、活動(dòng)探究、制作作品、成果展示、綜合評(píng)價(jià)等環(huán)節(jié)，激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目整體認(rèn)識(shí)，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣，讓學(xué)生自己產(chǎn)生要制作屬于自己的項(xiàng)目作品，學(xué)生從傳統(tǒng)教學(xué)“要我學(xué)”變?yōu)榛旌辖虒W(xué)“我要學(xué)”的教學(xué)模式。通過(guò)混合式教學(xué)模式，把傳統(tǒng)學(xué)習(xí)方式的優(yōu)勢(shì)和網(wǎng)絡(luò)學(xué)習(xí)方式的優(yōu)勢(shì)結(jié)合起來(lái)，教學(xué)以學(xué)生為主體，充分挖掘?qū)W生學(xué)習(xí)過(guò)程過(guò)程積極性、主動(dòng)性和創(chuàng)造性，培養(yǎng)藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)技能型人才。搭建好的網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)絡(luò)教學(xué)平臺(tái)、教育教學(xué)資源庫(kù)，運(yùn)用在線(xiàn)教學(xué)與課堂教學(xué)優(yōu)勢(shì)互補(bǔ)的混合式教學(xué)模式，教師通過(guò)基于網(wǎng)絡(luò)的課堂進(jìn)行教，學(xué)生除了課堂學(xué)習(xí)外，課后自主在線(xiàn)學(xué)習(xí)、在線(xiàn)做作業(yè)、討論協(xié)作、在線(xiàn)答疑等學(xué)習(xí)活動(dòng)。將教師的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)由課堂上擴(kuò)展到了課堂外，才能真正培養(yǎng)出綜合能力強(qiáng)、創(chuàng)造性思維突出的網(wǎng)頁(yè)設(shè)計(jì)人才。

3.2網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)的優(yōu)勢(shì)(1)提高教師“雙師”素質(zhì)：網(wǎng)頁(yè)設(shè)計(jì)課程是基于企業(yè)項(xiàng)目教學(xué)，項(xiàng)目設(shè)計(jì)是項(xiàng)目教學(xué)的成敗的關(guān)鍵，要求教師不僅要具備深厚的理論知識(shí)，還應(yīng)具有一定職業(yè)技能與實(shí)踐經(jīng)驗(yàn)，即教師具備“雙師”素質(zhì)，通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)建設(shè)，優(yōu)秀專(zhuān)業(yè)教師與企業(yè)技術(shù)人員帶領(lǐng)專(zhuān)業(yè)較弱教師，共同完成項(xiàng)目網(wǎng)頁(yè)設(shè)計(jì)整體設(shè)計(jì)。通過(guò)開(kāi)展混合式教學(xué)，進(jìn)一步提高教師的教學(xué)設(shè)計(jì)水平和實(shí)踐技能，更新教師的教育觀(guān)念，提高教師自身的業(yè)務(wù)水平，促進(jìn)教師向雙師型轉(zhuǎn)變。(2)教學(xué)資源豐富：教師與企業(yè)技術(shù)人員在網(wǎng)絡(luò)教學(xué)平臺(tái)提供各種媒體素材，包括視頻、動(dòng)畫(huà)、課件、網(wǎng)頁(yè)設(shè)計(jì)優(yōu)秀作品等教學(xué)內(nèi)容，遠(yuǎn)遠(yuǎn)超過(guò)教師課堂講授與教材內(nèi)容。網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)一步為學(xué)生提供課后學(xué)習(xí)實(shí)踐企業(yè)項(xiàng)目，引入企業(yè)項(xiàng)目任務(wù)，能從高職學(xué)生特點(diǎn)出發(fā)，項(xiàng)目從易到難，循序漸進(jìn)，讓學(xué)生學(xué)習(xí)實(shí)踐覺(jué)得能“跳著夠得著”，既有挑戰(zhàn)性，又能完成企業(yè)項(xiàng)目并使學(xué)生獲得成就感，提高學(xué)生綜合實(shí)踐技能。通過(guò)網(wǎng)絡(luò)在線(xiàn)教學(xué)優(yōu)勢(shì)，為學(xué)生提供了自由選擇的學(xué)習(xí)空間，有更豐富網(wǎng)絡(luò)學(xué)習(xí)資源，激發(fā)學(xué)生學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)生的主動(dòng)性與積極性，有效提高了學(xué)生的創(chuàng)新思維能力，對(duì)于培養(yǎng)學(xué)生的創(chuàng)造精神和樹(shù)立終身學(xué)習(xí)的觀(guān)念有重要的意義。(3)學(xué)習(xí)自主性：傳統(tǒng)的課堂教學(xué)受限上課時(shí)間，教學(xué)內(nèi)容也受限，存在形式與內(nèi)容單一。特別對(duì)于學(xué)生難于理解的重點(diǎn)與難點(diǎn)，老師可能認(rèn)為在課堂已講解很清楚，但學(xué)生還是沒(méi)有理解等諸多弊端，而通過(guò)混合式教學(xué)，利用網(wǎng)絡(luò)在線(xiàn)教學(xué)等輔助手段在很大程度上彌補(bǔ)了這種不足，讓學(xué)生能在課后按需學(xué)習(xí)，讓差生或請(qǐng)假學(xué)生補(bǔ)缺補(bǔ)漏，趕上全班統(tǒng)一進(jìn)度。通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù)，可以24小時(shí)開(kāi)放教學(xué)，大大打破上課的時(shí)間限制，學(xué)生可以把課堂當(dāng)中沒(méi)有消化的內(nèi)容利用網(wǎng)絡(luò)的在線(xiàn)自主學(xué)習(xí)，進(jìn)一步的加深理解，使課堂教學(xué)加以延伸。利用在線(xiàn)學(xué)習(xí)，基礎(chǔ)好的同學(xué)也可以通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù)進(jìn)行自學(xué)，提升自己的學(xué)習(xí)能力。(4)網(wǎng)絡(luò)在線(xiàn)答疑：利用在線(xiàn)系統(tǒng)為教師和學(xué)生提供一個(gè)良好的交流平臺(tái)，師生通過(guò)平臺(tái)將獲得更多的溝通機(jī)會(huì)，師生之間在平臺(tái)上在線(xiàn)討論交流答疑，學(xué)生之間也可以在平臺(tái)上在線(xiàn)討論交流答疑，及時(shí)解決學(xué)習(xí)過(guò)程中遇到問(wèn)題，調(diào)動(dòng)了學(xué)生的積極性，進(jìn)一步提高教學(xué)水平。

4混合式教學(xué)模式實(shí)例分析

在網(wǎng)絡(luò)環(huán)境下，構(gòu)建與傳統(tǒng)教學(xué)相互融合網(wǎng)絡(luò)教學(xué)平臺(tái)，實(shí)現(xiàn)交互式教學(xué)平臺(tái)，學(xué)生自主學(xué)習(xí)的空間。下面以學(xué)院《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)》為例說(shuō)明，實(shí)現(xiàn)傳統(tǒng)教學(xué)與網(wǎng)絡(luò)教學(xué)的混合教學(xué)模式。

1.設(shè)計(jì)制作企業(yè)項(xiàng)目。課前教師與企業(yè)人員共同設(shè)計(jì)制作《**企業(yè)網(wǎng)頁(yè)設(shè)計(jì)》項(xiàng)目，共構(gòu)建八個(gè)學(xué)習(xí)情景：《學(xué)習(xí)情境1企業(yè)網(wǎng)頁(yè)圖文混排》；《學(xué)習(xí)情境2企業(yè)網(wǎng)頁(yè)表格數(shù)據(jù)制作》；《學(xué)習(xí)情境3企業(yè)網(wǎng)頁(yè)表格布局》：《學(xué)習(xí)情境4企業(yè)網(wǎng)頁(yè)超鏈接設(shè)置》：《學(xué)習(xí)情境5企業(yè)網(wǎng)表單網(wǎng)頁(yè)制作》；《學(xué)習(xí)情境6企業(yè)網(wǎng)頁(yè)制作-css樣式表應(yīng)用》：《學(xué)習(xí)情境7企業(yè)網(wǎng)頁(yè)布局-div+css布局》；《學(xué)習(xí)情境8企業(yè)網(wǎng)頁(yè)JavaScript特效應(yīng)用》。

2.課堂教學(xué)內(nèi)容以網(wǎng)頁(yè)設(shè)計(jì)的工作過(guò)程為依據(jù)，劃分上述八個(gè)學(xué)習(xí)情境，采用混合式教學(xué)模式，按任務(wù)展開(kāi)教學(xué)。每個(gè)學(xué)習(xí)情境都包含：①任務(wù)導(dǎo)入：首先提供學(xué)生與所講知識(shí)相關(guān)的網(wǎng)頁(yè)案例，吸引學(xué)生注意，然后導(dǎo)入學(xué)習(xí)情境任務(wù)；②分析總結(jié)：教師引導(dǎo)學(xué)生發(fā)現(xiàn)問(wèn)題，并提出問(wèn)題，激發(fā)學(xué)生學(xué)習(xí)興趣，經(jīng)過(guò)共同分析與討論，總結(jié)出具體的制作方法；③實(shí)訓(xùn)(仿真實(shí)踐，在線(xiàn)測(cè)試)：學(xué)生根據(jù)學(xué)習(xí)情境，在教師的示范講解下，獨(dú)立完成操作，在線(xiàn)測(cè)試。④講評(píng)總結(jié)：學(xué)生在制作過(guò)程中會(huì)出現(xiàn)各種各樣的問(wèn)題。教師所做的是將問(wèn)題匯總?？偨Y(jié)出相關(guān)的注意事項(xiàng)，點(diǎn)評(píng)作業(yè)時(shí)，側(cè)重學(xué)生的思維引導(dǎo)，及時(shí)給予學(xué)生鼓勵(lì)。⑤能力擴(kuò)展：提供給學(xué)生實(shí)踐性較強(qiáng)的案例，要實(shí)現(xiàn)效果，需要結(jié)合以前的知識(shí)和運(yùn)用一定的技巧。這樣既擴(kuò)大了知識(shí)面。又體現(xiàn)了知識(shí)的綜合性。在課堂講解環(huán)節(jié)，可以適時(shí)插入教學(xué)視頻、技術(shù)操作視頻、實(shí)例展示等內(nèi)容，解決傳統(tǒng)教學(xué)方法無(wú)法講清楚的知識(shí)點(diǎn)和實(shí)際操作演示，使教學(xué)效果更生動(dòng)具體。通過(guò)學(xué)習(xí)情境，學(xué)生目的明確，整體性學(xué)習(xí)Dreamweaver軟件各個(gè)工具，運(yùn)用到每個(gè)學(xué)習(xí)情境任務(wù)中，學(xué)習(xí)網(wǎng)頁(yè)各獨(dú)立元素與整體學(xué)習(xí)情境相結(jié)合。

3.在網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)上，教師上傳課前準(zhǔn)備《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)》學(xué)習(xí)指南、課堂講解八個(gè)學(xué)習(xí)情境模擬、仿真實(shí)踐、在線(xiàn)測(cè)試、網(wǎng)絡(luò)資源、網(wǎng)絡(luò)答疑等環(huán)節(jié)。(1)學(xué)習(xí)指南：包括課程介紹、課程標(biāo)準(zhǔn)、學(xué)習(xí)建議、鏈接優(yōu)秀網(wǎng)站的網(wǎng)址等，讓學(xué)生了解本門(mén)課程的教學(xué)目的、要求和學(xué)時(shí)分配，當(dāng)學(xué)生遇到網(wǎng)頁(yè)設(shè)計(jì)問(wèn)題時(shí)，就可以在學(xué)習(xí)指南資源庫(kù)中找到滿(mǎn)意的答案。(2)學(xué)習(xí)情境模擬:教師授課、實(shí)踐操作視頻。(3)情境模擬部分:有10個(gè)訓(xùn)練素材，學(xué)生可以選擇訓(xùn)練企業(yè)項(xiàng)目進(jìn)行自我訓(xùn)練，學(xué)生之間還可以通過(guò)網(wǎng)絡(luò)互相交流；(4)仿真實(shí)踐環(huán)節(jié):在一定程度需要借助仿真實(shí)訓(xùn)軟件，應(yīng)用于學(xué)生日常實(shí)訓(xùn)和各階段試。(5)網(wǎng)絡(luò)答疑：網(wǎng)絡(luò)給師生提供了一個(gè)交流的平臺(tái)，師生可以通過(guò)QQ、郵箱、論壇等形式進(jìn)行交流，教師可以及時(shí)了解學(xué)生的學(xué)習(xí)情況。(6)網(wǎng)絡(luò)資源:網(wǎng)絡(luò)資源包括相關(guān)網(wǎng)站、相關(guān)視頻、課程課件、講義、行業(yè)信息、參考書(shū)籍、學(xué)生實(shí)訓(xùn)實(shí)錄等補(bǔ)充資源，供學(xué)生課外學(xué)習(xí)。這樣便于因材施教，使好生更優(yōu)，差生進(jìn)步更快。

5小結(jié)

第2篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

一、課堂內(nèi)容要精而不多

很多教師總想在有限的課堂時(shí)間內(nèi)，讓學(xué)生學(xué)到更多的知識(shí)，往往在備課時(shí)，就準(zhǔn)備了很多內(nèi)容。其實(shí)這樣做的話(huà)，收到的效果往往不夠好，因?yàn)橹新殞W(xué)生的學(xué)習(xí)基礎(chǔ)和態(tài)度，不是特別理想，上課的狀態(tài)也不是特別好，如果教師只顧著要在課堂上多講一些知識(shí)，而不考慮學(xué)生的接受能力，這樣只會(huì)讓學(xué)生聽(tīng)得暈頭轉(zhuǎn)向。以致一個(gè)學(xué)期下來(lái)，學(xué)生只是一知半解地學(xué)到了點(diǎn)皮毛知識(shí)。

因此，教師在準(zhǔn)備上課內(nèi)容時(shí)，一定要精讀教材，抓好重點(diǎn)難點(diǎn)。如在課堂上盡量不要把時(shí)間分得太散，在課堂的前15至20分鐘，趁學(xué)生的精神狀態(tài)比較好和注意力比較集中，把這節(jié)課的核心及重點(diǎn)內(nèi)容教授給學(xué)生，讓學(xué)生能在一個(gè)最好的狀態(tài)下接受新知識(shí)。在課堂的后半部分，教師可以發(fā)起一些討論，來(lái)活躍課堂的氣氛。

二、教學(xué)方式，以啟發(fā)和體會(huì)為主

在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，理論知識(shí)講得再多，如果學(xué)生不會(huì)靈活運(yùn)用，一點(diǎn)用處也沒(méi)有。理論知識(shí)是學(xué)生學(xué)習(xí)和提高的基礎(chǔ)，但在教學(xué)中，不必太拘束于理論，應(yīng)讓學(xué)生結(jié)合實(shí)踐，去理解和體會(huì)知識(shí)。如在學(xué)習(xí)網(wǎng)頁(yè)的模塊分布和頁(yè)面色彩時(shí)，教師不需要講太多的理論，應(yīng)找各種各樣的典型網(wǎng)頁(yè)或網(wǎng)站，讓學(xué)生在上網(wǎng)或觀(guān)察中體會(huì)。有些網(wǎng)站的設(shè)計(jì)讓用戶(hù)在使用的過(guò)程中覺(jué)得很便捷，很愉快，而有些網(wǎng)站卻會(huì)讓用戶(hù)覺(jué)得很凌亂，使用不順暢。學(xué)生在觀(guān)察和研究這些不同的網(wǎng)站設(shè)計(jì)的時(shí)候，教師可以讓學(xué)生評(píng)選出自己喜歡的或者是覺(jué)得最好的和最差的，讓學(xué)生說(shuō)說(shuō)最好的網(wǎng)站設(shè)計(jì)好在哪里，最差的，又差在哪里。

通過(guò)這樣的觀(guān)察和體會(huì)，讓學(xué)生明白網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，需要注意什么，怎么做才會(huì)更好。學(xué)生結(jié)合自己的實(shí)際體會(huì)，歸納總結(jié)出自己能理解和掌握的知識(shí)。這樣比教師一直在講臺(tái)上強(qiáng)調(diào)某些知識(shí)更有效。

三、實(shí)踐環(huán)節(jié)重創(chuàng)新

中職計(jì)算機(jī)教學(xué)更重視實(shí)踐，重視動(dòng)手操作，否則理論知識(shí)再豐富，如果不會(huì)動(dòng)手實(shí)踐，也不能保證學(xué)生能夠更好地就業(yè)。實(shí)踐環(huán)節(jié)不但要重視，還要高效，有些學(xué)校在課程的實(shí)踐方面，分配了足夠的課時(shí)，但實(shí)踐的效果并不好。在網(wǎng)頁(yè)設(shè)計(jì)這種相對(duì)比較開(kāi)放和自由的實(shí)踐課上，可讓學(xué)生充分發(fā)揮自己的想象力和創(chuàng)造力。值得注意的是，在學(xué)生的實(shí)踐過(guò)程中，教師要對(duì)學(xué)生進(jìn)行適當(dāng)?shù)膸椭?，如果任由學(xué)生自己去摸索，那么很可能在上機(jī)實(shí)踐這段有限的時(shí)間內(nèi)，學(xué)生很難做出點(diǎn)東西來(lái)。這個(gè)階段并不是學(xué)生探索的階段，重要的是鼓勵(lì)學(xué)生把設(shè)想變?yōu)楝F(xiàn)實(shí)。

四、課后任務(wù)要有針對(duì)性

課后的作業(yè)不但能檢查上課的效果，還能幫助學(xué)生鞏固和復(fù)習(xí)上課所學(xué)的知識(shí)，適當(dāng)?shù)淖鳂I(yè)是必不可少的。但作業(yè)的布置不能隨便給個(gè)任務(wù)或項(xiàng)目，教師一定要根據(jù)上課的情況和學(xué)生的大體掌握水平來(lái)布置一個(gè)適當(dāng)?shù)淖鳂I(yè)。作業(yè)的布置應(yīng)該是抓住那些學(xué)生掌握得不是特別好的地方，學(xué)生通過(guò)作業(yè)可以再一次思考，或者通過(guò)查資料，與同學(xué)交流等方式把疑問(wèn)弄明白，把不懂的知識(shí)再次梳理并鞏固。因此，課后的作業(yè)必須有要一定的針對(duì)性。

五、總結(jié)

總之，在中職計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，教師要根據(jù)實(shí)際的情況，敢于打破一些傳統(tǒng)的教學(xué)模式和方法。用更靈活、更人性化的方法進(jìn)行教學(xué)。在教學(xué)中把握好重點(diǎn)、難點(diǎn)，力求讓學(xué)生對(duì)知識(shí)點(diǎn)的掌握更透徹。因此，教師要認(rèn)真對(duì)待教學(xué)的每一個(gè)環(huán)節(jié)，與時(shí)俱進(jìn)，開(kāi)展以學(xué)生為本，以學(xué)生的發(fā)展為綱的課堂教學(xué)，讓每一個(gè)學(xué)生的能力都得到發(fā)展，都能學(xué)到實(shí)實(shí)在在的有用的知識(shí)。

參考文獻(xiàn)

[1]葉宗國(guó).中職計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)模式的探討[J].計(jì)算機(jī)光盤(pán)軟件與應(yīng)用，2011（6）.

第3篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 就業(yè)導(dǎo)向 教學(xué)方法

1、 課程目前存在的問(wèn)題

1.1、各科不能融會(huì)貫通。要想設(shè)計(jì)與制作出高水平的網(wǎng)站，常用的網(wǎng)絡(luò)三劍客軟件：

“PHOTOSHOP 、FLASH 、DREAMWEAVER”是缺一不可的，而計(jì)算機(jī)應(yīng)用專(zhuān)業(yè)的學(xué)生在開(kāi)《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》這門(mén)課之前，就已完成前二門(mén)課程的教學(xué)。但是通過(guò)對(duì)歷屆學(xué)生的調(diào)查發(fā)現(xiàn)，大部分學(xué)生學(xué)完就忘，不能將學(xué)過(guò)的知識(shí)課程融會(huì)到這門(mén)課中。在以往的教學(xué)過(guò)程中只注重軟件的應(yīng)用與知識(shí)點(diǎn)的講解，學(xué)生就是不斷在學(xué)習(xí)新的知識(shí)點(diǎn)，而忽略了網(wǎng)站的規(guī)劃與設(shè)計(jì)環(huán)節(jié)，導(dǎo)致學(xué)生學(xué)過(guò)的內(nèi)容不能融會(huì)貫通。

1.2學(xué)生層次不同。因?yàn)槊總€(gè)學(xué)生的能力不同，在傳統(tǒng)的教學(xué)中老師統(tǒng)一下達(dá)任務(wù)，所有學(xué)生只能完成統(tǒng)一的任務(wù)，沒(méi)有發(fā)揮學(xué)生自身的長(zhǎng)處，無(wú)論是就高或就低教學(xué)都會(huì)導(dǎo)致學(xué)生的能力不能正常發(fā)揮與運(yùn)用。長(zhǎng)此以往，能力高的學(xué)生，覺(jué)得沒(méi)有發(fā)揮自己水平的空間，最終導(dǎo)致學(xué)生失去了學(xué)習(xí)的興趣;能力低的學(xué)生，總是處于跟不上的狀態(tài)，而失去了學(xué)習(xí)這門(mén)課程的信心，最終放棄學(xué)習(xí)。

1.3傳統(tǒng)的教學(xué)重點(diǎn)放在軟件的使用方法上。雖然學(xué)生能熟練應(yīng)用軟件，但是不能從宏觀(guān)的角度獨(dú)立完成網(wǎng)站的規(guī)劃與設(shè)計(jì)，這樣就導(dǎo)致學(xué)生只是單一的完成別人指定的網(wǎng)站的制作，從而不能提高學(xué)生的創(chuàng)新思維。

2、以就業(yè)為導(dǎo)向?qū)W(xué)生進(jìn)行教學(xué)培訓(xùn)

根據(jù)調(diào)查中華英才、58同城等招聘網(wǎng)站，通過(guò)對(duì)課程的崗位指向分析，與《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》相關(guān)的職業(yè)崗位主要有：網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站管理與維護(hù)、網(wǎng)頁(yè)編輯等。那么針對(duì)這些崗位對(duì)我們學(xué)生知識(shí)的要求最基本的有HTML、DIV、CSS等。而針對(duì)這些崗位對(duì)我們學(xué)生掌握軟件的要求，最基本的就是網(wǎng)絡(luò)三劍客。而我們《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》這門(mén)課的主要軟件就是應(yīng)用DREAMWEAVER。 我們當(dāng)前最主要的任務(wù)就是想盡一切辦法，通過(guò)改革教學(xué)內(nèi)容與教學(xué)方法來(lái)提高學(xué)生面對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作崗位的知識(shí)與技能水平。

3教學(xué)方法

3.1階段教學(xué)：教、學(xué)、練、做統(tǒng)一結(jié)合。互教互學(xué)，注重學(xué)思結(jié)合，知行統(tǒng)一。只有將所學(xué)所悟運(yùn)用到教學(xué)實(shí)踐中，才能讓教學(xué)更加得心應(yīng)手，使教學(xué)效果更上新臺(tái)階。在教學(xué)過(guò)程中要及時(shí)掌握學(xué)生的發(fā)展方向、學(xué)生的不同層次、學(xué)生的學(xué)習(xí)狀態(tài)以及學(xué)生對(duì)教學(xué)內(nèi)容的接受程度。教師要根據(jù)學(xué)生的接受情況仔細(xì)斟酌及時(shí)調(diào)整授課內(nèi)容及難度。因此教師在授課環(huán)節(jié)上一定要給學(xué)生留有思考和討論的時(shí)間，做到學(xué)思結(jié)合，讓學(xué)生很好掌握當(dāng)堂課的內(nèi)容，并且與實(shí)際結(jié)合。教師要巡視指導(dǎo)，及時(shí)了解學(xué)生的學(xué)習(xí)狀況及接受程度，分析與講解共性問(wèn)題。

3.2案例教學(xué)：案例教學(xué)是一種獨(dú)特的教學(xué)形式，它是理論與實(shí)踐溝通的一道橋梁，是發(fā)展學(xué)生的團(tuán)隊(duì)合作意識(shí)與能力的有效途徑。那么在運(yùn)用案例教學(xué)法時(shí)，案例的選擇首先就要具有實(shí)用性、趣味性、知識(shí)性、典型性、啟發(fā)性。將優(yōu)秀網(wǎng)站的案例引入教材、教學(xué)體系當(dāng)中，并且將實(shí)際案例與每個(gè)重要知識(shí)點(diǎn)的應(yīng)用結(jié)合起來(lái)。經(jīng)典案例賞析、重要知識(shí)點(diǎn)講授、學(xué)生課堂練習(xí)、教師實(shí)踐輔導(dǎo)、團(tuán)隊(duì)合作創(chuàng)新等不同教學(xué)方法靈活運(yùn)用。充分利用現(xiàn)代高度發(fā)達(dá)的多媒體以及豐富的網(wǎng)上資源，及時(shí)與學(xué)生交流溝通。采用學(xué)習(xí)與研究相結(jié)合的方法，將現(xiàn)代計(jì)算機(jī)科學(xué)技術(shù)充分應(yīng)用于教學(xué)改革之中。

3.3任務(wù)驅(qū)動(dòng)教學(xué)：它將以往以傳授知識(shí)為主的傳統(tǒng)教學(xué)理念，轉(zhuǎn)變?yōu)橐越鉀Q問(wèn)題、完成

任務(wù)為主的多維互動(dòng)式的教學(xué)理念。在網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)課程中體現(xiàn)的任務(wù)驅(qū)動(dòng)教學(xué)法，按照能力分解，階梯推進(jìn)的思路，來(lái)設(shè)計(jì)與分配任務(wù)。同時(shí)學(xué)生完成任務(wù)的過(guò)程應(yīng)該是一個(gè)不斷提出問(wèn)題、解決問(wèn)題的過(guò)程，提高了學(xué)生的創(chuàng)新思維。

3.3.1任務(wù)驅(qū)動(dòng)法需要遵循以下的原則來(lái)設(shè)計(jì)任務(wù)：

（1）任務(wù)要與現(xiàn)實(shí)生活緊密聯(lián)結(jié);

（2）任務(wù)要結(jié)合教學(xué)內(nèi)容，突出教學(xué)重點(diǎn)和難點(diǎn);

（3）任務(wù)的設(shè)置要適應(yīng)不同層次的學(xué)生，因材施教。教師應(yīng)該依據(jù)不同的學(xué)生層次選材，有針對(duì)性有目的性的去選擇任務(wù)，保證所有學(xué)生掌握學(xué)習(xí)的內(nèi)容。通過(guò)階段教學(xué)、案例教學(xué)、任務(wù)驅(qū)動(dòng)教學(xué)等實(shí)踐教學(xué)環(huán)節(jié)，讓學(xué)生體會(huì)和領(lǐng)悟網(wǎng)頁(yè)設(shè)計(jì)與制作的方法和思路，通過(guò)完成任務(wù)進(jìn)一步加深相關(guān)知識(shí)點(diǎn)的理解和應(yīng)用，提高網(wǎng)頁(yè)設(shè)計(jì)與制作的規(guī)劃與設(shè)計(jì)的綜合能力。學(xué)生在完成任務(wù)過(guò)程中體會(huì)到學(xué)習(xí)的樂(lè)趣，培養(yǎng)學(xué)習(xí)的興趣，提高了創(chuàng)新思維能力。

3.3.2任務(wù)驅(qū)動(dòng)教學(xué)法的主要步驟主要有：

（1）設(shè)計(jì)任務(wù)階段：結(jié)合《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》課程教學(xué)內(nèi)容的知識(shí)點(diǎn)設(shè)計(jì)任務(wù)并且要與現(xiàn)實(shí)緊密結(jié)合。

（2）依據(jù)任務(wù)分配小組階段：教師依據(jù)學(xué)生的特點(diǎn)分配任務(wù)小組，實(shí)行團(tuán)隊(duì)合作。

（3）搜集任務(wù)信息階段：各小組學(xué)生根據(jù)課前準(zhǔn)備的任務(wù)主題搜集素材，分類(lèi)保存。

（4）任務(wù)實(shí)施階段：小組內(nèi)學(xué)生依據(jù)自己的能力及特長(zhǎng)相互分工合作。教師提示各組要依據(jù)分配任務(wù)之前的標(biāo)準(zhǔn)來(lái)完成任務(wù)。分工進(jìn)行圖片處理、文字編輯、網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)的架構(gòu)等。小組內(nèi)學(xué)生要采取優(yōu)勢(shì)互補(bǔ)、團(tuán)結(jié)協(xié)作、取長(zhǎng)補(bǔ)短。任務(wù)組長(zhǎng)綜合各小組成員素材，合成作品。同時(shí)任務(wù)組長(zhǎng)應(yīng)負(fù)責(zé)檢察組內(nèi)成員所得任務(wù)的完成情況，作好記錄向教師匯報(bào)。

（5）師生評(píng)比階段：通過(guò)這種活動(dòng)，充分調(diào)動(dòng)了學(xué)生的學(xué)習(xí)熱情，促進(jìn)了學(xué)生的學(xué)習(xí)主動(dòng)性，強(qiáng)化了學(xué)生的實(shí)際動(dòng)手能力。

學(xué)生總結(jié)與評(píng)價(jià)，各小組的組長(zhǎng)代表本組所分配的任務(wù)進(jìn)行講解與評(píng)價(jià)，各小組的學(xué)生針對(duì)任務(wù)討論如何更好的配合。

教師總結(jié)與評(píng)價(jià)，教師針對(duì)各組完成任務(wù)的過(guò)程中出現(xiàn)頻率較高的問(wèn)題進(jìn)行歸納總結(jié)，根據(jù)教師分配任務(wù)前所給出的評(píng)分標(biāo)準(zhǔn)進(jìn)行評(píng)分，對(duì)各小組的學(xué)生任務(wù)完成情況進(jìn)行評(píng)比，總結(jié)各小組分工合作協(xié)調(diào)、工作溝通的好壞，提出今后應(yīng)注意的事項(xiàng)。

4.結(jié)束語(yǔ)

《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》是一門(mén)實(shí)踐性較強(qiáng)的課程，那么在教學(xué)方法與教學(xué)內(nèi)容上應(yīng)區(qū)別于理論課程。因此要想提升學(xué)生的主動(dòng)性，就要合理安排教學(xué)內(nèi)容與教學(xué)實(shí)踐，教師為主導(dǎo)學(xué)生為主體是提高學(xué)生動(dòng)手能力的關(guān)鍵。我們對(duì)該課程的改革力求提高學(xué)生專(zhuān)業(yè)能力和創(chuàng)造能力，通過(guò)對(duì)教學(xué)實(shí)踐的探索整合多種教學(xué)方法，極大地提高了學(xué)生學(xué)習(xí)的主動(dòng)性，取得了良好的教學(xué)效果。

參考文獻(xiàn)：

第4篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；高職院校；教學(xué)建議

科技的進(jìn)步，internet的發(fā)展，社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才需求大大增加。《網(wǎng)頁(yè)設(shè)計(jì)》課程是計(jì)算機(jī)專(zhuān)業(yè)的一門(mén)主干課程，并且很多理工專(zhuān)業(yè)學(xué)生也選修該門(mén)課程。如何讓學(xué)生在較短的時(shí)間內(nèi)掌握網(wǎng)頁(yè)設(shè)計(jì)的基本理論和熟練操作相關(guān)軟件，培養(yǎng)滿(mǎn)足網(wǎng)頁(yè)設(shè)計(jì)企業(yè)需要的綜合型人才成為當(dāng)今很多高職院校的研究熱點(diǎn)，也是高職教師的努力方向。為了提高該課程的教學(xué)質(zhì)量，教師需要具備扎實(shí)的理論功底，在教學(xué)過(guò)程中，不斷推陳出新。筆者做為高職院校的計(jì)算機(jī)專(zhuān)業(yè)教師，有一定的心得體會(huì)，提出了幾點(diǎn)建設(shè)性意見(jiàn)，在此拋磚引玉，供大家參考探討。

1.明確教學(xué)目的

根據(jù)大綱，本課程的學(xué)習(xí)目的是讓學(xué)生掌握網(wǎng)頁(yè)制作、網(wǎng)站設(shè)計(jì)的基本知識(shí)、基本理論和基本應(yīng)用等方面的內(nèi)容。針對(duì)于現(xiàn)有的IT行業(yè)發(fā)展的現(xiàn)狀與趨勢(shì)、人才需求狀況、企業(yè)調(diào)研等方面調(diào)查分析，光是滿(mǎn)足教學(xué)大綱的要求是遠(yuǎn)遠(yuǎn)不夠的。現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)主要是網(wǎng)站的開(kāi)發(fā)前期的相關(guān)界面的平面設(shè)計(jì)。所以教師在教學(xué)中，就需要進(jìn)一步明確教學(xué)目的，突出教學(xué)重點(diǎn)。因?yàn)榛镜木W(wǎng)頁(yè)制作，但凡有過(guò)一定基礎(chǔ)的學(xué)生都能設(shè)計(jì)，要想進(jìn)一步滿(mǎn)足企業(yè)的用人標(biāo)準(zhǔn)，設(shè)計(jì)出較高的網(wǎng)頁(yè)，這就需要網(wǎng)頁(yè)設(shè)計(jì)人員具有較強(qiáng)的審美能力與美術(shù)功底以及圖像處理工具的使用能力。通過(guò)圖形軟件Photoshop，F(xiàn)lash，CorelDraw等與Java語(yǔ)言軟件的相互配合，運(yùn)用于圖像處理、編輯、通道；圖像色彩的校正，出色地設(shè)計(jì)公司標(biāo)志、網(wǎng)頁(yè)等等。這些都是教學(xué)的重點(diǎn)，需多讓學(xué)生下功夫，舉一反三。

2.提高學(xué)習(xí)興趣

知之者不如好之者，好之者不如樂(lè)之者。興趣是積極探索事物的認(rèn)識(shí)傾向，教師如果能讓學(xué)生充滿(mǎn)興趣的學(xué)習(xí)，快樂(lè)的學(xué)習(xí)，授課就開(kāi)了個(gè)好頭。因此要提高教學(xué)效果，講授知識(shí)時(shí)，就必須以學(xué)生為主體，正確引導(dǎo)學(xué)生進(jìn)行思考，并注重培養(yǎng)學(xué)生對(duì)本課程的學(xué)習(xí)興趣。網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)實(shí)踐性很強(qiáng)的課程，是特別需要學(xué)生親身體驗(yàn)，自覺(jué)動(dòng)手，才能掌握好其內(nèi)容的課程。例如在講授網(wǎng)頁(yè)設(shè)計(jì)的框架結(jié)構(gòu)，這一部分內(nèi)容時(shí)。首先給學(xué)生們呈現(xiàn)一個(gè)很好的框架結(jié)構(gòu)的網(wǎng)站，也是學(xué)生上網(wǎng)常常瀏覽的網(wǎng)站，如360導(dǎo)航網(wǎng)站。這一下就拉近了課程與實(shí)際生活的距離，讓學(xué)生體驗(yàn)到學(xué)習(xí)的意義，培養(yǎng)了學(xué)習(xí)的興趣。有了個(gè)好的開(kāi)端，接下來(lái)就是引導(dǎo)學(xué)生多思考，框架的作用是什么？什么是框架和框架集？如何設(shè)計(jì)框架頁(yè)面？用框架設(shè)計(jì)頁(yè)面有什么特殊的優(yōu)勢(shì)？如果讓自己來(lái)設(shè)計(jì)，你會(huì)設(shè)計(jì)什么樣的框架結(jié)構(gòu)？讓學(xué)生主動(dòng)的參與到學(xué)習(xí)過(guò)程中來(lái)，往往能達(dá)到事半功倍的教學(xué)效果。

3.考核方式多樣

《網(wǎng)頁(yè)設(shè)計(jì)》這個(gè)課程是一門(mén)需要實(shí)踐能力很強(qiáng)的計(jì)算機(jī)專(zhuān)業(yè)課，所以弱化筆試考試，加強(qiáng)上機(jī)考試，以提高學(xué)生的實(shí)際操作能力。在教學(xué)的過(guò)程中，筆者總結(jié)經(jīng)驗(yàn)，將課程的分?jǐn)?shù)比例改為了以下四部分：平時(shí)表現(xiàn)、上機(jī)練習(xí)、理論考試、上機(jī)考試。學(xué)生平時(shí)的表現(xiàn)所占課程總成績(jī)的15%，主要為學(xué)生的出勤率，上課聽(tīng)講認(rèn)真與否，以及積極回答問(wèn)題的加分情況。上機(jī)練習(xí)占總成績(jī)的20%，主要為學(xué)生在上機(jī)課時(shí)，是否聽(tīng)從教師指揮，能否完成任務(wù)的情況。而理論考試，則是我們?nèi)趸膬?nèi)容，只占總成績(jī)的25%，因?yàn)槔碚撛俸茫残枰獙⑵滢D(zhuǎn)化為實(shí)際的工作，否則就是紙上談兵。其中上機(jī)考試為重中之重，占40%。上機(jī)考試，需組織學(xué)生在機(jī)房進(jìn)行，人手一臺(tái)電腦。教師先將網(wǎng)頁(yè)設(shè)計(jì)的題目與需要用到的素材存儲(chǔ)在服務(wù)器上，學(xué)生通過(guò)訪(fǎng)問(wèn)服務(wù)器獲取試題，按照要求完成網(wǎng)頁(yè)設(shè)計(jì)和優(yōu)化工作?？荚囃瓿珊螅瑢⒆约旱淖髌飞蟼髦练?wù)器，供教師審閱、批改。最終教師要綜合網(wǎng)頁(yè)設(shè)計(jì)中的多方面因素，如圖像處理，鏈接結(jié)構(gòu)，色彩協(xié)調(diào)，整體搭配等來(lái)給學(xué)生相應(yīng)的成績(jī)。此種考核方式，兼顧了各個(gè)方面，雖然弱化了理論，但強(qiáng)調(diào)了實(shí)踐，促使學(xué)生轉(zhuǎn)換學(xué)習(xí)態(tài)度，培養(yǎng)其獨(dú)立思考和解決問(wèn)題的能力。

4.舉辦設(shè)計(jì)大賽

每年安排一個(gè)時(shí)間，舉辦整個(gè)高職院校的網(wǎng)頁(yè)設(shè)計(jì)大賽。設(shè)計(jì)大賽的目的是檢驗(yàn)學(xué)生對(duì)該課程的掌握程度，以比賽的形式來(lái)提高學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣。設(shè)計(jì)的內(nèi)容不做限定，只要在規(guī)定時(shí)間內(nèi)將設(shè)計(jì)好的網(wǎng)頁(yè)發(fā)送到指定郵箱里。教師會(huì)對(duì)參賽的作品進(jìn)行初選，先初選出入圍的作品，讓選手做好準(zhǔn)備。在決賽過(guò)程中，選手需要對(duì)自己的網(wǎng)頁(yè)作品進(jìn)行講解，突出自己作品的亮點(diǎn)。同時(shí)，評(píng)委老師們會(huì)對(duì)該作品做出點(diǎn)評(píng)，分析網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)缺點(diǎn)，運(yùn)用了那些技術(shù)等等，讓參賽選手和觀(guān)眾同學(xué)們也得以在知識(shí)方面提高。最后，評(píng)委老師們給出各個(gè)作品的分?jǐn)?shù)，評(píng)出比賽的各種獎(jiǎng)項(xiàng)，對(duì)獲獎(jiǎng)的選手給予相應(yīng)的獎(jiǎng)勵(lì)。網(wǎng)頁(yè)設(shè)計(jì)大賽給學(xué)生提供了展示自我的平臺(tái)，無(wú)論是對(duì)參賽和觀(guān)眾同學(xué)，都是一種激勵(lì)，讓學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)生更大的興趣。

結(jié)語(yǔ)：

網(wǎng)頁(yè)設(shè)計(jì)的課程建設(shè)的過(guò)程是發(fā)現(xiàn)不足，不斷完善的過(guò)程，并在教學(xué)中加以改進(jìn)的過(guò)程。以上教學(xué)幾點(diǎn)建設(shè)性意見(jiàn)是課題組教師多年的教學(xué)經(jīng)驗(yàn)積累，實(shí)踐證明：這些改變使教學(xué)效果得到了改善，激發(fā)了學(xué)生的學(xué)習(xí)興趣，學(xué)生的實(shí)踐操作能力明顯得到提高。

參考文獻(xiàn)：

[1]趙元媛.網(wǎng)頁(yè)設(shè)計(jì)中布局方式之比較[J].中小企業(yè)管理與科技（上旬刊）.2012，（01）

[2]侯佳路，王潤(rùn)華，于曉荷.《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革探討[J].中國(guó)科技信息.2012，（06）

[3]敖冰峰，徐鵬，喬陽(yáng).淺析《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)方法[J].科技與企業(yè).2012，（09）

[4]教育部.關(guān)于全面提高高等職業(yè)教育教學(xué)質(zhì)量的若干意見(jiàn)[Z].教高[2006]16號(hào).

[5]姜大源.世界職教課程改革的基本走勢(shì)對(duì)我們的啟示[J].職業(yè)技術(shù)，2008，（11）.

[6]翟向陽(yáng).論高職教育突出高技能人才培養(yǎng)的目標(biāo)定位[J].職教論壇，2005，（16）.

第5篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

關(guān)鍵詞：案例教學(xué)法 CSS+DIV 樣式選擇器

中圖分類(lèi)號(hào)：G712 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9795（2013）04（b）-0168-01

隨著現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的發(fā)展，CSS+ DIV成為網(wǎng)頁(yè)設(shè)計(jì)中的核心技術(shù)，如何制作精美的網(wǎng)站，本文旨在引導(dǎo)學(xué)生分析網(wǎng)頁(yè)表單圓角案例，運(yùn)用CSS+DIV知識(shí)點(diǎn)完成設(shè)計(jì)。

1 案例教學(xué)法

案例教學(xué)法由美國(guó)哈佛商學(xué)院提出，是一種以案例為基礎(chǔ)的教學(xué)法，通過(guò)學(xué)生間的相互討論或研究，提高學(xué)生的學(xué)習(xí)興趣，從而培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的能力。本文用CSS+DIV制作表單圓角案例，形成學(xué)生思考和分析問(wèn)題的能力，從而提高學(xué)生制作網(wǎng)頁(yè)的技能。

案例教學(xué)法以注重學(xué)生的基本能力為基礎(chǔ)，避免單純理論知識(shí)的學(xué)習(xí)，在實(shí)踐過(guò)程中，可以鼓勵(lì)學(xué)生進(jìn)行單獨(dú)的思考和創(chuàng)造，提高學(xué)生學(xué)習(xí)的積極性。

2 表單

表單（Form）作為網(wǎng)頁(yè)與用戶(hù)接觸最直接、最頻繁的頁(yè)面元素，其在網(wǎng)站用戶(hù)體驗(yàn)中占有最重要的位置。而表單也常常用于用戶(hù)注冊(cè)、登錄、投票等功能，用于吸引新用戶(hù)，留住新用戶(hù)的重要工具。設(shè)計(jì)一個(gè)表單很簡(jiǎn)單，但設(shè)計(jì)一個(gè)用戶(hù)體驗(yàn)高，漂亮的表單卻并不易。如果表單設(shè)計(jì)用戶(hù)體驗(yàn)不高，無(wú)疑將會(huì)對(duì)網(wǎng)站用戶(hù)粘性大大降低。

3 設(shè)計(jì)過(guò)程

3.1 展示案例，啟發(fā)思考

把此案例效果圖展示給學(xué)生，吸引學(xué)生的注意力，激發(fā)學(xué)生探究學(xué)習(xí)案例的熱情，讓學(xué)生帶著例子去探討課本上的理論知識(shí)，為學(xué)生學(xué)習(xí)理論知識(shí)打下堅(jiān)實(shí)的基礎(chǔ)。

3.2 探究討論案例，解決問(wèn)題

根據(jù)表單圓角的案例，讓學(xué)生展開(kāi)分析和討論在案例中所用到的理論知識(shí)，分析表單的布局結(jié)構(gòu)、分析實(shí)現(xiàn)的代碼，學(xué)生試著寫(xiě)出CSS代碼，并預(yù)覽調(diào)整，測(cè)試優(yōu)化頁(yè)面。

3.3 總結(jié)和點(diǎn)評(píng)

教師通過(guò)學(xué)生完成的案例進(jìn)行總結(jié)和點(diǎn)評(píng)，分析不同學(xué)生在案例中存在的優(yōu)、缺點(diǎn)，有針對(duì)性的進(jìn)行深入的分析，對(duì)出現(xiàn)的問(wèn)題從不同角度和方法，與學(xué)生共同找出最佳解決方案。最后對(duì)此案例所涉及的理論知識(shí)和代碼進(jìn)行全面的總結(jié)：

3.3.1 網(wǎng)頁(yè)設(shè)計(jì)的核心概念

（1）CSS+DIV布局：利用CSS樣式控制DIV標(biāo)簽的位置來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的布局。

（2）盒模型：盒模型是CSS的基礎(chǔ)，它認(rèn)為頁(yè)面上的每個(gè)元素都被看作一個(gè)矩形，這個(gè)矩形由內(nèi)容、填充（padding）、邊框（border）和邊距（margin）構(gòu)成。

（3）位置控制（position）屬性：位置控制屬性可以確定元素在網(wǎng)頁(yè)中的位置，分為靜態(tài)定位（static）、相對(duì)定位（relative）和絕對(duì)定位（absolute）。

（4）浮動(dòng)（float）屬性：浮動(dòng)屬性是CSS布局中很重要的屬性，用于控制元素左右移動(dòng)，分為不浮動(dòng)（none）、左浮動(dòng)（left）和右浮動(dòng)（right）。

（5）選擇器：CSS的主要作用就是將一系列的樣式規(guī)則應(yīng)用于文檔中，使得文檔中應(yīng)用了這個(gè)規(guī)則的內(nèi)容實(shí)現(xiàn)某種樣式。這一系列的樣式規(guī)則就叫做選擇器。文檔用了不同的選擇器，就呈現(xiàn)不同的樣子。選擇器主要分為標(biāo)簽選擇器、類(lèi)選擇器和ID選擇器。

（6）顯示與可見(jiàn)性：顯示（display）一般用在改變屬性（如導(dǎo)航），增加交互（如標(biāo)簽），顯示分為塊元素（block）、行內(nèi)元素（inline）和無(wú)（none）?？梢?jiàn)性分為可見(jiàn)（visible）和隱藏（hidden）。

（7）常用CSS屬性：常用的CSS屬性包括字體（font）屬性、背景（background）屬性、邊框（border）屬性、邊距（margin）屬性、填充（padding）屬性和列表（list）屬性。

3.3.2 代碼

網(wǎng)頁(yè)表單設(shè)計(jì)的主代碼及解釋如下：

4 結(jié)語(yǔ)

CSS+DIV方法實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)已成為當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的一種趨勢(shì)，本文旨在通過(guò)案例教學(xué)法使學(xué)生更好的掌握CSS+DIV的基礎(chǔ)知識(shí)，激發(fā)學(xué)生學(xué)習(xí)的興趣，調(diào)動(dòng)學(xué)習(xí)的主動(dòng)性，制作出更漂亮的網(wǎng)頁(yè)。

參考文獻(xiàn)

[1] 謝學(xué)峰.基于DIV+CSS的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)[J].計(jì)算機(jī)光盤(pán)軟件與應(yīng)用，2011（11）：82，84.

第6篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

關(guān)鍵詞：實(shí)踐；任務(wù)驅(qū)動(dòng)；教學(xué)方法

中圖分類(lèi)號(hào)：G434文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：16727800（2012）007017702

作者簡(jiǎn)介：黃麗鳳（1984-），女，福建惠安人，廈門(mén)大學(xué)碩士研究生，泉州信息職業(yè)技術(shù)學(xué)院助教，研究方向?yàn)橛?jì)算機(jī)應(yīng)用、網(wǎng)頁(yè)制作。

1任務(wù)驅(qū)動(dòng)教學(xué)方法

任務(wù)驅(qū)動(dòng)式教學(xué)模式是指在整個(gè)教學(xué)活動(dòng)過(guò)程中，教師鼓勵(lì)學(xué)生以完成某些具體的任務(wù)為線(xiàn)索，把教學(xué)知識(shí)目標(biāo)包含在任務(wù)中，學(xué)生在完成任務(wù)的同時(shí)，養(yǎng)成認(rèn)真思考以及自主學(xué)習(xí)的習(xí)慣，培養(yǎng)獨(dú)立發(fā)現(xiàn)問(wèn)題、思考問(wèn)題、尋找解決問(wèn)題的方法。

任務(wù)驅(qū)動(dòng)教學(xué)方法主要是教師以鼓勵(lì)學(xué)生完成任務(wù)的方式來(lái)培養(yǎng)學(xué)生的動(dòng)手能力及相關(guān)技能。將課程原理、課程實(shí)踐、課程作品融為一體，并貫穿于課程的“教、學(xué)、做”之中。學(xué)生在修讀課程時(shí)，選擇項(xiàng)目并通過(guò)自主學(xué)習(xí)、相互協(xié)作、完成作品來(lái)學(xué)習(xí)課程中的核心知識(shí)和技能。

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程圍繞著一個(gè)虛擬的高等院校網(wǎng)站建設(shè)為主線(xiàn)，以網(wǎng)頁(yè)設(shè)計(jì)制作概述及需求分析等理論知識(shí)教學(xué)為開(kāi)端，并以校園網(wǎng)站建設(shè)實(shí)現(xiàn)所需要的相關(guān)技術(shù)實(shí)踐訓(xùn)練為重心，以開(kāi)發(fā)、項(xiàng)目作品為目的來(lái)完成整個(gè)課程的教學(xué)。整個(gè)教學(xué)過(guò)程，能較好地發(fā)揮學(xué)生的主體作用、團(tuán)隊(duì)合作精神，體現(xiàn)出高度的學(xué)用一致精神，提高學(xué)生的動(dòng)手能力。

2任務(wù)驅(qū)動(dòng)法在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中的應(yīng)用

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門(mén)實(shí)踐性很強(qiáng)、極富創(chuàng)造性、具有明顯時(shí)展特點(diǎn)的課程。下面以開(kāi)發(fā)一個(gè)虛擬的高等學(xué)校網(wǎng)站為例來(lái)探討一下“任務(wù)驅(qū)動(dòng)”教學(xué)模式在《網(wǎng)頁(yè)設(shè)計(jì)與制作》應(yīng)用。

2.1創(chuàng)設(shè)情境，提出問(wèn)題

在課程教學(xué)的第一次課中，教師通過(guò)多媒體給學(xué)生展示了整個(gè)虛擬網(wǎng)站建成之后的整體效果，引導(dǎo)學(xué)生進(jìn)入學(xué)習(xí)狀態(tài)，激發(fā)學(xué)習(xí)興趣，并讓他們?nèi)ニ伎冀ㄔO(shè)一個(gè)網(wǎng)站中所必須包含的基本元素，如何通過(guò)布局的方式把這些元素結(jié)合起來(lái)，使得頁(yè)面整體效果更加美觀(guān)。由此確定課程的總體任務(wù)——建設(shè)一個(gè)完整的校園網(wǎng)站；然后，針對(duì)教材與課程知識(shí)，通過(guò)虛擬網(wǎng)站中的可見(jiàn)內(nèi)容，將總體任務(wù)細(xì)分為若干大任務(wù)，如制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)、超鏈接、表格、JavaScript、CSS樣式、框架、模板和庫(kù)、表單和CSS+DIV布局等；最后將這些大任務(wù)進(jìn)一步細(xì)分為一些小任務(wù)，如簡(jiǎn)單網(wǎng)頁(yè)中的圖像、文字如何插入、超鏈接中的文字鏈接、錨點(diǎn)鏈接、電子郵件鏈接等。任務(wù)從簡(jiǎn)單到復(fù)雜，逐步去完成，最終完成整個(gè)作品。

2.2確定問(wèn)題，分解任務(wù)

在演示的過(guò)程中，對(duì)學(xué)生進(jìn)行提問(wèn)，假設(shè)自己動(dòng)手做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，應(yīng)該利用什么樣的思路去完成頁(yè)面。通過(guò)學(xué)生的思考、分析和討論，確定與當(dāng)前學(xué)習(xí)主題密切相關(guān)的任務(wù)作為學(xué)習(xí)的中心內(nèi)容，讓學(xué)生自己去解決所需要解決的問(wèn)題。任務(wù)的順利完成可能會(huì)使學(xué)生更主動(dòng)、更廣泛地激活原有知識(shí)和經(jīng)驗(yàn)，來(lái)理解、分析，使對(duì)所要掌握的知識(shí)有更深的印象。比如，在對(duì)利用Dreamweaver創(chuàng)建基本網(wǎng)頁(yè)的教學(xué)中，先給學(xué)生展示一個(gè)最基本的學(xué)校概況頁(yè)面，在頁(yè)面中學(xué)生可以看到一些介紹學(xué)校情況的文字、圖片，然后引導(dǎo)學(xué)生認(rèn)識(shí)網(wǎng)頁(yè)中的基本元素，讓學(xué)生去理解，如果要在頁(yè)面中插入這些元素，應(yīng)該怎么去實(shí)現(xiàn)。學(xué)生通過(guò)老師的引導(dǎo)及適當(dāng)?shù)奶崾?，可以慢慢找出?wèn)題的解決方式，然后自己動(dòng)手完成。這樣既掌握了知識(shí)，又感覺(jué)做一個(gè)網(wǎng)頁(yè)并不難，激發(fā)了學(xué)習(xí)興趣，這為后面的順利教學(xué)奠定了基礎(chǔ)。

2.3自主學(xué)習(xí)，相互協(xié)作

在教師的引導(dǎo)及提示下，可能有的同學(xué)把相關(guān)的知識(shí)領(lǐng)悟到，然后開(kāi)始動(dòng)手完成，有的同學(xué)不一定可以完成，這就要求他們相互協(xié)作，互相學(xué)習(xí)，培養(yǎng)團(tuán)隊(duì)協(xié)作意識(shí)。比如，在超鏈接教學(xué)中，有的學(xué)生在完成百度友情鏈接的外部鏈接時(shí)會(huì)出錯(cuò)，寫(xiě)出鏈接地址為：省略。這時(shí)應(yīng)把學(xué)生的錯(cuò)誤展示出來(lái)，讓全班的同學(xué)來(lái)思考其中的錯(cuò)誤。有的同學(xué)可以很快地找出正確的方法，還有同學(xué)找出的是錯(cuò)的方法，通過(guò)其他同學(xué)及教師的糾正，掌握了正確的方法，到最后，大家都知道，正確的鏈接地址應(yīng)該是省略.還有一些實(shí)際應(yīng)用得比較多，但是又較難的問(wèn)題，可以提示學(xué)生自主通過(guò)其它途徑去學(xué)習(xí)。比如腳本鏈接中的添加為收藏鏈接、設(shè)為首頁(yè)鏈接等。

2.4歸納總結(jié)

在教學(xué)結(jié)束后，教師要把所有學(xué)生完成的任務(wù)展示出來(lái)進(jìn)行交流，大家提出問(wèn)題并進(jìn)行討論，教師針對(duì)學(xué)生的討論結(jié)果及時(shí)做出歸納總結(jié)。注意總結(jié)的時(shí)候要客觀(guān)評(píng)價(jià)，既要表?yè)P(yáng)做的好的同學(xué)，也要鼓勵(lì)做得不好的同學(xué)，使學(xué)生認(rèn)識(shí)到自己解決問(wèn)題的能力，讓他們的創(chuàng)新精神和自學(xué)能力可以得到充分的發(fā)揮。如：很多同學(xué)對(duì)相對(duì)路徑和絕對(duì)路徑的區(qū)別不是很清楚，就要把所有學(xué)生的作品通過(guò)多媒體展示給同學(xué)看，結(jié)果是有的同學(xué)看到自己的或者別人的作業(yè)，很驚訝，為什么這里插入的圖片顯示不出來(lái)，而在自己的電腦上卻可以。通過(guò)學(xué)生自主討論、修改，最后總結(jié)出是因?yàn)閳D片的路徑出錯(cuò)導(dǎo)致，故而學(xué)生可以更快速明了地理解它們之間的區(qū)別。

3結(jié)語(yǔ)

利用任務(wù)驅(qū)動(dòng)模式進(jìn)行教學(xué)時(shí)，教師必須清楚學(xué)生的實(shí)際動(dòng)手能力，并根據(jù)他們的水平來(lái)分析當(dāng)前知識(shí)技能可能存在的困難與問(wèn)題，以課程目標(biāo)為中心，在充分圍繞課程教學(xué)目標(biāo)的基礎(chǔ)上，制定一個(gè)任務(wù)來(lái)突出知識(shí)點(diǎn)，使學(xué)生在培養(yǎng)興趣的同時(shí)又掌握到新知識(shí)與技能。

（1）任務(wù)的設(shè)計(jì)要緊密結(jié)合教學(xué)目標(biāo)，把所要介紹的重難點(diǎn)知識(shí)大部分融入到任務(wù)中，學(xué)生通過(guò)自主學(xué)習(xí)、相互討論，動(dòng)手完成任務(wù)并深刻理解重點(diǎn)、攻破難點(diǎn)，獲得知識(shí)。

（2）任務(wù)的設(shè)計(jì)要根據(jù)學(xué)生的實(shí)際情況來(lái)設(shè)計(jì)，不能太難，也不能太簡(jiǎn)單。要有層次性，從易到難，逐步引導(dǎo)學(xué)生。學(xué)生在動(dòng)手完成任務(wù)的過(guò)程中，要認(rèn)真做好監(jiān)督工作，對(duì)于有些自己動(dòng)手跟不上任務(wù)進(jìn)度的同學(xué)，要及時(shí)給予幫助，鼓勵(lì)他們繼續(xù)完成。

（3）任務(wù)的設(shè)計(jì)要結(jié)合生活中的實(shí)際、有趣的事情，并且是學(xué)生通過(guò)操作后可以得出所期待的結(jié)果，這樣才能激勵(lì)繼續(xù)完成?？梢越o學(xué)生留出一點(diǎn)自由發(fā)揮的空間，有利于培養(yǎng)其創(chuàng)新意識(shí)。

參考文獻(xiàn)：

\[1\]畢春苗.“任務(wù)驅(qū)動(dòng)”教學(xué)模式的應(yīng)用探究\[J\].大同大學(xué)學(xué)報(bào)，2008（6）.

\[2\]郭紹青.任務(wù)驅(qū)動(dòng)教學(xué)法的內(nèi)涵\[J\].中國(guó)電化教育,2006(7).

\[3\]朱永杰.任務(wù)驅(qū)動(dòng)教學(xué)法中的任務(wù)設(shè)計(jì)\[J\].教育與職業(yè)，2010(24).

第7篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

1）網(wǎng)頁(yè)設(shè)計(jì)的概念。

通常而言，網(wǎng)頁(yè)設(shè)計(jì)是根據(jù)網(wǎng)頁(yè)的不同用途以及不用的特點(diǎn)，運(yùn)用美學(xué)知識(shí)進(jìn)行規(guī)劃、設(shè)計(jì)等的結(jié)果。網(wǎng)頁(yè)制作和網(wǎng)頁(yè)設(shè)計(jì)這兩個(gè)不同的概念常常讓普通人混淆。在一定程度上來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)頁(yè)制作有著共同點(diǎn)，兩個(gè)也有著不可分割的關(guān)系，但是實(shí)際上它們的區(qū)別是根本上的、本質(zhì)的。通常情況下，視覺(jué)美學(xué)中的基本規(guī)律在網(wǎng)頁(yè)設(shè)計(jì)中同樣適用。什么是網(wǎng)頁(yè)設(shè)計(jì)？通俗的說(shuō)，就是通過(guò)對(duì)文字、圖像規(guī)律性的組合，還網(wǎng)頁(yè)看起來(lái)更加規(guī)整，信息傳遞更加明確。在滿(mǎn)足這樣目的的前提下，也需要使網(wǎng)頁(yè)滿(mǎn)足大眾的審美習(xí)慣。網(wǎng)頁(yè)設(shè)計(jì)中除了文字和圖像的廣泛運(yùn)用，也會(huì)插入一些動(dòng)畫(huà)和簡(jiǎn)短的小視頻，來(lái)增加網(wǎng)頁(yè)的視覺(jué)美感。網(wǎng)頁(yè)設(shè)計(jì)時(shí)設(shè)計(jì)目標(biāo)的確定十分重要，之后再確定設(shè)計(jì)流程，加以?xún)?yōu)化，最終達(dá)到設(shè)計(jì)出優(yōu)秀網(wǎng)頁(yè)的目的。

2）平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的具體表現(xiàn)。

網(wǎng)頁(yè)設(shè)計(jì)中平面設(shè)計(jì)占了主要部分，而語(yǔ)言文字和圖像又是平面設(shè)計(jì)的主體，所以網(wǎng)頁(yè)設(shè)計(jì)中的語(yǔ)言文字和圖像往往是使用最多的元素。語(yǔ)言文字是運(yùn)用最多的，對(duì)于網(wǎng)頁(yè)信息有著解釋說(shuō)明的作用。當(dāng)然文字的設(shè)計(jì)首先要清晰且能夠準(zhǔn)確無(wú)誤的表達(dá)，然后在考慮字體的大小、格式以及色彩。圖像使得網(wǎng)頁(yè)設(shè)計(jì)充滿(mǎn)了趣味性，這是文字無(wú)法代替的。所以圖像也是網(wǎng)頁(yè)設(shè)計(jì)中重要的一環(huán)，它對(duì)信息的傳達(dá)有著文字不可替代的效果。雖然文字也十分重要，但是圖像給人們帶來(lái)的視覺(jué)沖擊是文字所無(wú)法媲美的。因而，圖像的運(yùn)用對(duì)于會(huì)激起瀏覽者繼續(xù)瀏覽的興趣。當(dāng)然，圖像和文字的配合使用能夠產(chǎn)生不一般的效果，具有空間超越性。

二、網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)元素的功能性與審美性

網(wǎng)絡(luò)設(shè)計(jì)是通過(guò)互聯(lián)網(wǎng)將信息傳遞給大眾，其中信息是主體部分，但是其包含的視覺(jué)元素的作用也是不可忽略的。

1）網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)元素的功能性。

在網(wǎng)頁(yè)設(shè)計(jì)中，無(wú)論是文字還是圖像都需要遵循視覺(jué)美學(xué)的基本規(guī)律。將網(wǎng)頁(yè)中的各個(gè)信息點(diǎn)通過(guò)運(yùn)用視覺(jué)美學(xué)的知識(shí)進(jìn)行分類(lèi)、規(guī)劃，可以是網(wǎng)頁(yè)更加清晰，所傳達(dá)的信息更加明確。例如，在視覺(jué)美學(xué)中，人們第一眼往往會(huì)停留在網(wǎng)頁(yè)的中上方。同樣，網(wǎng)頁(yè)設(shè)計(jì)時(shí)也有著這樣的規(guī)律。一個(gè)優(yōu)秀的網(wǎng)頁(yè)往往第一眼就能抓住瀏覽者的眼球，能讓瀏覽者快速的接受網(wǎng)頁(yè)傳遞的信息。所以說(shuō)，視覺(jué)元素的功能性在網(wǎng)頁(yè)設(shè)計(jì)中起著不可估量的作用。

2）網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)元素的審美性。

雖然說(shuō)網(wǎng)頁(yè)設(shè)計(jì)的目的是讓網(wǎng)頁(yè)看起來(lái)更加規(guī)整，信息表達(dá)更加準(zhǔn)確，但是優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)也需要給瀏覽者帶來(lái)視覺(jué)的審美體驗(yàn)。在網(wǎng)頁(yè)設(shè)計(jì)中，視覺(jué)元素在網(wǎng)頁(yè)背景上有著幾乎完美的體現(xiàn)，通過(guò)對(duì)不同平面元素的綜合運(yùn)用，網(wǎng)頁(yè)背景往往是最能夠表達(dá)視覺(jué)元素的地方。具有美感的網(wǎng)頁(yè)設(shè)計(jì)會(huì)讓瀏覽者增加對(duì)該網(wǎng)頁(yè)的好感，就會(huì)更加愿意花費(fèi)時(shí)間去瀏覽，有利于網(wǎng)頁(yè)的點(diǎn)擊率。

3）網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)元素的特殊性。

對(duì)于網(wǎng)頁(yè)的瀏覽，視覺(jué)往往是首要因素。在沒(méi)有具體目標(biāo)的情況下，視覺(jué)往往促進(jìn)瀏覽的主要原因，人們常常因?yàn)閳D片的有趣而產(chǎn)生繼續(xù)瀏覽的欲望。所以視覺(jué)元素的合理運(yùn)用，會(huì)增加瀏覽者的興趣，在網(wǎng)頁(yè)設(shè)計(jì)中有著不可替代的特殊性。因而，視覺(jué)元素的合理應(yīng)用有助于網(wǎng)頁(yè)的發(fā)展，也會(huì)給瀏覽者留下好的印象。

4）不同種類(lèi)網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)元素的應(yīng)用形式。

視覺(jué)元素的應(yīng)用是具有針對(duì)性的，是不可以一套而論的，需要針對(duì)各自的功能特點(diǎn)運(yùn)用的。以下就商業(yè)網(wǎng)站、公共服務(wù)網(wǎng)站、個(gè)人網(wǎng)站為例說(shuō)明。在商業(yè)網(wǎng)頁(yè)中，最主要的就是商品的推銷(xiāo)。因此，在該網(wǎng)頁(yè)上就要突出商品的性能優(yōu)點(diǎn)，適當(dāng)時(shí)也添加圖片。同時(shí)，網(wǎng)頁(yè)的機(jī)構(gòu)通常都比較嚴(yán)謹(jǐn)，信息的傳達(dá)都不叫緊湊。在公共服務(wù)網(wǎng)頁(yè)中，其信息量的比較大的，所以需要注意結(jié)構(gòu)的簡(jiǎn)潔和清晰，在色彩上，無(wú)需使用過(guò)多艷麗的顏色，裝飾上盡量簡(jiǎn)單，使網(wǎng)站的可靠性增加。而個(gè)人網(wǎng)頁(yè)就有所不同，它一般注重個(gè)人性格的表達(dá)。所以個(gè)人網(wǎng)頁(yè)的設(shè)計(jì)較為隨意，色彩的使用較為大膽，圖像比較多變，更加突顯出鮮明的個(gè)人色彩。

三、網(wǎng)頁(yè)設(shè)計(jì)發(fā)展的趨勢(shì)

如今，一味地套用早已無(wú)法適應(yīng)網(wǎng)絡(luò)的發(fā)展，創(chuàng)新才有新出路。并且，復(fù)雜的色彩、冗長(zhǎng)的文字和炫目的圖像等會(huì)使人們產(chǎn)生視覺(jué)疲勞，所以，簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)更能夠適應(yīng)如今的發(fā)展規(guī)律。從瀏覽者的角度來(lái)說(shuō)，全屏的大圖往往能夠吸引他們的注意力，瀏覽者往往是因?yàn)榇笃翀D像帶來(lái)的視覺(jué)沖擊性才瀏覽這個(gè)網(wǎng)頁(yè)的。在有大屏圖像的同時(shí)，配搭精簡(jiǎn)的文字加以說(shuō)明，可以是網(wǎng)頁(yè)顯得簡(jiǎn)潔、大氣、美觀(guān)。與此同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)中也開(kāi)始慢慢使用動(dòng)畫(huà)和視頻，它們對(duì)于細(xì)節(jié)的表達(dá)更加直觀(guān)。

四、總結(jié)

第8篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

根據(jù)對(duì)肇慶科技職業(yè)技術(shù)學(xué)院的畢業(yè)生進(jìn)行崗位跟蹤和回訪(fǎng)發(fā)現(xiàn)，我校計(jì)算機(jī)專(zhuān)業(yè)的畢業(yè)生在網(wǎng)頁(yè)設(shè)計(jì)方面的崗位主要有：網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站編輯、網(wǎng)站管理3大崗位群。網(wǎng)頁(yè)設(shè)計(jì)制作：精通Photoshop，Corldraw，F(xiàn)rontpage，Dreamweaver等多項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)工具。網(wǎng)站編輯：具備基本的網(wǎng)頁(yè)編輯和修改能力。網(wǎng)站管理：具備較高的網(wǎng)頁(yè)設(shè)計(jì)制作和維護(hù)的能力。這些工作崗位群不僅要求學(xué)生透徹理解《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的基本知識(shí)與操作技能，還要求學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的工作過(guò)程以及方法，同時(shí)更要具備良好的職業(yè)道德、團(tuán)隊(duì)精神和敬業(yè)精神。但在實(shí)際教學(xué)過(guò)程中，有的學(xué)生在完成課程學(xué)習(xí)之后，還是很難掌握好課程知識(shí)。為了進(jìn)一步體現(xiàn)職業(yè)院校的教育理念，提高職業(yè)教育的教學(xué)質(zhì)量，必須圍繞實(shí)際的工作過(guò)程進(jìn)行《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程開(kāi)發(fā)，才能使課程教學(xué)適應(yīng)行業(yè)發(fā)展的需要[1]。

2．根據(jù)崗位需求和專(zhuān)業(yè)培養(yǎng)目標(biāo)，明確課程培養(yǎng)目標(biāo)

2.1培養(yǎng)學(xué)生的專(zhuān)業(yè)工作能力，分析典型工作任務(wù)

網(wǎng)頁(yè)設(shè)計(jì)制作：要求具備開(kāi)發(fā)和制作網(wǎng)站的操作技能，能完成對(duì)中小型網(wǎng)站整體規(guī)劃和網(wǎng)頁(yè)具體設(shè)計(jì)制作，美化等工作任務(wù)。網(wǎng)站編輯：要求掌握基礎(chǔ)的網(wǎng)頁(yè)知識(shí)和操作技能，能完成中小型網(wǎng)站的內(nèi)容建設(shè)，包括網(wǎng)站內(nèi)容的編輯、更新和維護(hù)等工作任務(wù)。網(wǎng)站管理：要求具備較高的網(wǎng)頁(yè)制作經(jīng)驗(yàn)和管理能力，能完成對(duì)中小型網(wǎng)站的后臺(tái)維護(hù)、網(wǎng)站的改版等工作任務(wù)。

2.2培養(yǎng)學(xué)生的職業(yè)素養(yǎng)和學(xué)習(xí)能力

在學(xué)習(xí)初級(jí)階段，可以通過(guò)設(shè)計(jì)生動(dòng)有趣的項(xiàng)目實(shí)例，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，并激發(fā)他們的工作熱情，從而培養(yǎng)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)課程的自發(fā)主動(dòng)學(xué)習(xí)能力，這種工作熱情也能夠激勵(lì)學(xué)生在日后的工作崗位上不斷探索，不斷進(jìn)步。既要培養(yǎng)學(xué)生模仿的能力，又要注意啟發(fā)學(xué)生的創(chuàng)新思維。例如在進(jìn)行網(wǎng)頁(yè)建模和布局設(shè)計(jì)時(shí)，可以應(yīng)用靈活表格，層，這時(shí)要鼓勵(lì)學(xué)生多思考，嘗試?yán)貌煌姆椒ㄔO(shè)計(jì)，讓學(xué)生既能把基本知識(shí)的基礎(chǔ)打好，又能舉一反三地思考問(wèn)題。同時(shí)在教學(xué)過(guò)程中必須貫穿培養(yǎng)學(xué)生的團(tuán)結(jié)協(xié)作能力。對(duì)一些復(fù)雜的項(xiàng)目可以通過(guò)分組合作，讓他們對(duì)一些難題進(jìn)行相互交流和討論，互相取長(zhǎng)補(bǔ)短，一齊分工合作，共同完成任務(wù)。

3．基于工作任務(wù)，合理選擇課程內(nèi)容，設(shè)計(jì)教學(xué)情境為了更好的培養(yǎng)學(xué)生的綜合工作能力，不只要按照學(xué)生“由易到難，由淺到深，由表及里”的學(xué)習(xí)認(rèn)知規(guī)律選擇合適的教學(xué)內(nèi)容進(jìn)行講述，還必須合理排序所要講述的課程內(nèi)容，并融入生動(dòng)有趣的教學(xué)情境中進(jìn)行練習(xí)，讓學(xué)生更容易掌握[2]。按照網(wǎng)頁(yè)設(shè)計(jì)的典型工作任務(wù)，將課程內(nèi)容分為了5個(gè)學(xué)習(xí)單元：

第l單元：要求學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)工具有一個(gè)基本了解，初步掌握網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)和一般方法。

第2單元：要完成網(wǎng)頁(yè)規(guī)劃設(shè)計(jì)的任務(wù)，通過(guò)實(shí)例講解和實(shí)際操作，講述網(wǎng)頁(yè)色彩搭配、網(wǎng)頁(yè)布局和網(wǎng)頁(yè)字體的運(yùn)用及設(shè)計(jì)技巧，css樣式層的設(shè)計(jì)。

第3單元：主要講述如何進(jìn)行網(wǎng)頁(yè)美化，包括網(wǎng)頁(yè)視頻與音效的添加，導(dǎo)航欄的制作，層和行為的使用等。

第4單元：主要介紹更新及維護(hù)網(wǎng)頁(yè)的技術(shù)，包括模板和庫(kù)項(xiàng)目制作技術(shù)。

第5單元：介紹網(wǎng)站測(cè)試和網(wǎng)頁(yè)上傳的基本方法及操作實(shí)例。該課程內(nèi)容安排以Dreamweaver軟件應(yīng)用為主線(xiàn)，內(nèi)容涉及網(wǎng)頁(yè)布局，網(wǎng)頁(yè)美化，網(wǎng)站測(cè)試等知識(shí)，強(qiáng)調(diào)從實(shí)踐應(yīng)用出發(fā)，介紹網(wǎng)頁(yè)設(shè)計(jì)和制作的技術(shù)，突出學(xué)以致用。通過(guò)該課程的學(xué)習(xí)，使學(xué)生掌握網(wǎng)頁(yè)制作的基本知識(shí)，熟悉網(wǎng)站設(shè)計(jì)的全過(guò)程，并能熟練制作中小型網(wǎng)站。

3.1教學(xué)情境的設(shè)計(jì)。教學(xué)情境設(shè)置的好壞直接影響到學(xué)生對(duì)學(xué)習(xí)單元的掌握[3]。一個(gè)好的教學(xué)情境首先要注意與當(dāng)前企業(yè)的實(shí)際工作過(guò)程相結(jié)合，知識(shí)點(diǎn)循序漸進(jìn)，由易到難；其次要能盡可能自然、有機(jī)地結(jié)合學(xué)習(xí)單元中的多項(xiàng)知識(shí)點(diǎn)；最后教學(xué)情境難易程度要適中，學(xué)生在通過(guò)教師的幫助和自己的努力能夠完成，能獲得成就感。在《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)中，所設(shè)置的教學(xué)情境可以來(lái)源于企業(yè)開(kāi)發(fā)的真實(shí)項(xiàng)目、企業(yè)或個(gè)人的網(wǎng)站外接承包項(xiàng)目以及各類(lèi)技能大賽的仿真項(xiàng)目。下面以第2單元——網(wǎng)站規(guī)劃教學(xué)過(guò)程為例，詳細(xì)講解基于工作導(dǎo)向?qū)W習(xí)情境的創(chuàng)設(shè)與具體實(shí)施。本單元選擇了小型物流公司網(wǎng)站規(guī)劃這個(gè)項(xiàng)目作為載體進(jìn)行教學(xué)情境設(shè)計(jì)。設(shè)計(jì)項(xiàng)目：小型物流公司網(wǎng)站規(guī)劃?；緝?nèi)容：公司簡(jiǎn)介、企業(yè)動(dòng)態(tài)、產(chǎn)品介紹、人才招聘、聯(lián)系方式。規(guī)劃要求：

（1）網(wǎng)站規(guī)劃要反應(yīng)出本網(wǎng)站的主題，簡(jiǎn)約，大氣，具有視覺(jué)吸引力，網(wǎng)頁(yè)要做到重點(diǎn)突出，首頁(yè)尤為重要，要達(dá)到廣告宣傳效應(yīng)。

（2）便于管理維護(hù)，易于更新或添加頁(yè)面內(nèi)容，有一定的擴(kuò)展性。

（3）網(wǎng)頁(yè)的字體要美觀(guān)，不同頁(yè)面的風(fēng)格要統(tǒng)一，字體的組合要協(xié)調(diào)，圖與文字和諧，內(nèi)容豐富，能支持幾種常用瀏覽器。

4．基于建構(gòu)主義的教學(xué)模式設(shè)計(jì)

“建構(gòu)主義學(xué)習(xí)理論強(qiáng)調(diào)以學(xué)生為主體，教師為主導(dǎo)的雙主教學(xué)模式。學(xué)生是信息加工的主體、知識(shí)意義的主動(dòng)建構(gòu)者，教師是學(xué)生主動(dòng)建構(gòu)意義的幫助者、促進(jìn)者、指導(dǎo)者；強(qiáng)調(diào)學(xué)習(xí)的合作性和情景性，提倡合作學(xué)習(xí)主動(dòng)性和交互學(xué)習(xí)?！盵4]在建構(gòu)主義學(xué)習(xí)理論的指導(dǎo)下，教師的教學(xué)活動(dòng)應(yīng)以學(xué)生為中心，強(qiáng)調(diào)學(xué)生對(duì)知識(shí)的主動(dòng)探索、主動(dòng)發(fā)現(xiàn)和對(duì)所學(xué)知識(shí)意義的主動(dòng)建構(gòu)。所采用的教學(xué)方法都強(qiáng)調(diào)學(xué)生是學(xué)習(xí)的主人，是整個(gè)教學(xué)活動(dòng)的主體。無(wú)論是教師的備課、課堂教學(xué)的組織還是課后的學(xué)習(xí)指導(dǎo)，教師都要樹(shù)立“學(xué)生是教學(xué)活動(dòng)的主體”的意識(shí)，始終貫徹“以教師為主導(dǎo)，以學(xué)生為主體”的教學(xué)思路。

4.1營(yíng)造有助于教學(xué)情境開(kāi)展的企業(yè)實(shí)踐條件

4.1.1為學(xué)生提供參與和了解企業(yè)的機(jī)會(huì)學(xué)院可以定期邀請(qǐng)一些網(wǎng)頁(yè)設(shè)計(jì)工程師、專(zhuān)家學(xué)者等來(lái)校講學(xué)，豐富學(xué)生的專(zhuān)業(yè)知識(shí)，擴(kuò)大學(xué)生的專(zhuān)業(yè)視野。通過(guò)以上的方式，學(xué)生不再對(duì)企業(yè)感到陌生，并能很快進(jìn)入工作過(guò)程。同時(shí)學(xué)院還可以通過(guò)與多家企業(yè)簽署訂單式人才培養(yǎng)或?qū)嵙?xí)基地合作協(xié)議，定期組織學(xué)生赴企業(yè)頂崗實(shí)習(xí)，通過(guò)頂崗實(shí)習(xí)，讓學(xué)生了解企業(yè)實(shí)際的工作流程，找出自身狀況與社會(huì)實(shí)際需要的差距，為求職與正式工作做好充分的知識(shí)、能力準(zhǔn)備。

4.1.2為專(zhuān)業(yè)教師創(chuàng)造實(shí)踐條件專(zhuān)業(yè)教師既要豐富的教育理論和專(zhuān)業(yè)理論知識(shí)，又要有過(guò)硬的操作技能和實(shí)踐經(jīng)驗(yàn)，才能更好的發(fā)揮“主導(dǎo)”作用。學(xué)?？梢园才沤處熛乱痪€(xiàn)企業(yè)進(jìn)行學(xué)習(xí)和工作，了解網(wǎng)站開(kāi)發(fā)的工作任務(wù)和工作流程，以及往屆畢業(yè)生在工作方面所存在的缺陷，從而進(jìn)行崗位職業(yè)分析與課程內(nèi)容的合理選擇。同時(shí)可以聘請(qǐng)有深厚學(xué)術(shù)水平的專(zhuān)家或企業(yè)工程師擔(dān)任本專(zhuān)業(yè)顧問(wèn)，為教師進(jìn)行培訓(xùn)和講學(xué)，或者直接參與課程教學(xué)、教材編寫(xiě)等課程開(kāi)發(fā)，為專(zhuān)業(yè)辦學(xué)提供一些發(fā)展性的建議。

4.2以賽促學(xué)、以賽促教、賽教結(jié)合，激勵(lì)參加學(xué)生技能考證，提高學(xué)習(xí)主動(dòng)性為了能夠增強(qiáng)學(xué)生的學(xué)習(xí)主動(dòng)性，提高學(xué)生的動(dòng)手能力和增強(qiáng)畢業(yè)生的就業(yè)競(jìng)爭(zhēng)力，可以通過(guò)號(hào)召學(xué)生積極參加學(xué)院、省市等單位舉行的專(zhuān)業(yè)技能競(jìng)賽，培養(yǎng)學(xué)生的創(chuàng)新創(chuàng)造精神、團(tuán)隊(duì)競(jìng)爭(zhēng)意識(shí)、實(shí)踐動(dòng)手能力以及創(chuàng)業(yè)素質(zhì)，激發(fā)他們的自學(xué)熱情，自發(fā)主動(dòng)的去獲取知識(shí)。教師在平常的教學(xué)過(guò)程中，要注意加強(qiáng)對(duì)學(xué)生進(jìn)行考題項(xiàng)目訓(xùn)練。學(xué)生通過(guò)對(duì)考證和競(jìng)賽題庫(kù)內(nèi)容有針對(duì)性的進(jìn)行練習(xí)，能更好的靈活應(yīng)用《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的專(zhuān)業(yè)知識(shí)和操作方法。而教師通過(guò)輔導(dǎo)學(xué)生參加考證，也能鍛煉自己的實(shí)踐教學(xué)能力，提高教學(xué)質(zhì)量，真正實(shí)現(xiàn)“以賽促教、以賽促學(xué)、賽教結(jié)合”。

4.3采用項(xiàng)目教學(xué)方法，堅(jiān)持“教、學(xué)、做”一體化基于建構(gòu)主義的項(xiàng)目教學(xué)法是在以學(xué)生為中心的基礎(chǔ)上，在每個(gè)學(xué)習(xí)單元中，結(jié)合項(xiàng)目要求、教學(xué)目標(biāo)，向?qū)W生提出實(shí)際的、在一定時(shí)間內(nèi)可完成的項(xiàng)目目標(biāo)，讓學(xué)生在解決問(wèn)題的過(guò)程中建立自己的知識(shí)體系，最后完成此項(xiàng)目。在教學(xué)做一體化下實(shí)施項(xiàng)目教學(xué)，能夠更好的將老師講授的知識(shí)與學(xué)生的實(shí)際操作聯(lián)系起來(lái)，由教到學(xué)，由學(xué)到用，學(xué)生能夠體會(huì)到學(xué)習(xí)的困難，也能感受到戰(zhàn)勝困難后的喜悅。

4.3.1在教學(xué)前期，通過(guò)知識(shí)點(diǎn)的學(xué)習(xí)，培養(yǎng)學(xué)生的模仿能力，構(gòu)建學(xué)生自己的知識(shí)體系建構(gòu)主義學(xué)習(xí)理論認(rèn)為教學(xué)活動(dòng)應(yīng)以學(xué)生為中心，強(qiáng)調(diào)學(xué)生對(duì)知識(shí)的主動(dòng)探索、主動(dòng)發(fā)現(xiàn)和對(duì)所學(xué)知識(shí)意義的主動(dòng)建構(gòu)。在教學(xué)前期，學(xué)生主要是學(xué)習(xí)網(wǎng)頁(yè)示范項(xiàng)目，以“小型物流公司網(wǎng)站規(guī)劃”為例，該項(xiàng)目的教學(xué)安排如下：項(xiàng)目任務(wù)：小型物流公司網(wǎng)站規(guī)劃項(xiàng)目目標(biāo)：要求學(xué)生能掌握網(wǎng)站規(guī)劃的原理和設(shè)計(jì)方法教學(xué)內(nèi)容：

（1）了解網(wǎng)站的不同風(fēng)格種類(lèi)和色彩搭配原理；

（2）對(duì)網(wǎng)絡(luò)上優(yōu)秀網(wǎng)站的規(guī)劃思路進(jìn)行分析和學(xué)習(xí)；

（3）根據(jù)公司文化對(duì)網(wǎng)站規(guī)劃的創(chuàng)意進(jìn)行思考和設(shè)想；

（4）網(wǎng)站布局的具體設(shè)計(jì)和頁(yè)面元素搭配。教學(xué)方法：教師講授、學(xué)生自主學(xué)習(xí)，教、學(xué)、做一體化。授課教師在講操作時(shí)，必須分步驟講解，新知識(shí)點(diǎn)越多，步驟應(yīng)分得越細(xì)，把小型物流公司網(wǎng)站規(guī)劃每一步的功能和方法講述清楚。同時(shí)還要注意控制好速度，給學(xué)生足夠的自我練習(xí)和消化時(shí)間，保證授課和學(xué)生的練習(xí)能同步進(jìn)行。要完成項(xiàng)目設(shè)計(jì)目標(biāo)，學(xué)生首先要瀏覽大量的相關(guān)網(wǎng)頁(yè)，學(xué)習(xí)優(yōu)秀網(wǎng)站的規(guī)劃方法。在具體的學(xué)習(xí)過(guò)程中，學(xué)生帶著目標(biāo)和問(wèn)題進(jìn)行學(xué)習(xí)和探索，對(duì)于網(wǎng)頁(yè)規(guī)劃做出大膽的假設(shè)和嘗試。在學(xué)生動(dòng)手操作期間，教師要做好指導(dǎo)工作，深入到學(xué)生中間，觀(guān)察他們的操作，如果發(fā)現(xiàn)錯(cuò)誤要及時(shí)幫學(xué)生指出，輔導(dǎo)他們改正。再通過(guò)類(lèi)似作業(yè)的練習(xí)，學(xué)生可以更深刻地掌握課程知識(shí)點(diǎn)，慢慢擺脫模仿，嘗試自己思考和創(chuàng)新。在這種教學(xué)法下，學(xué)生能用自己的頭腦和過(guò)去掌握的課程內(nèi)容重新審視問(wèn)題，理清它們的邏輯結(jié)構(gòu)和相互關(guān)系，構(gòu)建新的知識(shí)體系。

4.3.2在教學(xué)后期注重培養(yǎng)學(xué)生協(xié)同工作的能力教學(xué)后期的綜合項(xiàng)目實(shí)訓(xùn)是項(xiàng)目教學(xué)法實(shí)施的核心環(huán)節(jié)，教師在模擬企業(yè)需求給學(xué)生下達(dá)任務(wù)后，再按照項(xiàng)目建設(shè)的任務(wù)安排學(xué)生分組實(shí)訓(xùn)，共同去完成任務(wù)。學(xué)生在高度仿真的開(kāi)發(fā)環(huán)境中，通過(guò)不斷實(shí)踐去熟悉工作流程，并在不斷的實(shí)戰(zhàn)演練中提高自己，逐漸掌握一個(gè)小型企業(yè)網(wǎng)站的開(kāi)發(fā)過(guò)程，增強(qiáng)自己的知識(shí)運(yùn)用能力、團(tuán)結(jié)協(xié)作能力。以“小型物流公司網(wǎng)站創(chuàng)建”過(guò)程為例，通常要完成的工作任務(wù)如表1所示：在此過(guò)程中，學(xué)生要共同合作完成一套完整的項(xiàng)目設(shè)計(jì)，一個(gè)從無(wú)到有的網(wǎng)站開(kāi)發(fā)，碰到問(wèn)題，首先要自己主動(dòng)思考，綜合運(yùn)用已學(xué)知識(shí)去解決問(wèn)題，接著還可以與本組成員或其他開(kāi)發(fā)小組共同會(huì)話(huà)交流，探討解決問(wèn)題的更好方法，共同攻克難題，完成工作要求。同時(shí)學(xué)生還要注意完成對(duì)項(xiàng)目的語(yǔ)言描述及相關(guān)文檔的撰寫(xiě)，培養(yǎng)自己的團(tuán)隊(duì)溝通技能和社會(huì)能力。通過(guò)學(xué)習(xí)如何在團(tuán)隊(duì)中與他人協(xié)作，最大程度發(fā)揮自身的作用，進(jìn)而培養(yǎng)團(tuán)隊(duì)合作精神和競(jìng)爭(zhēng)意識(shí)。

第9篇：網(wǎng)頁(yè)設(shè)計(jì)知識(shí)總結(jié)范文

藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課在教學(xué)上普遍注重技術(shù)而忽略藝術(shù)，我們迫切需要在教學(xué)模式、內(nèi)容和評(píng)價(jià)方式上尋求改革，培養(yǎng)學(xué)生的藝術(shù)審美和感受力，更加注重實(shí)踐應(yīng)用能力，為社會(huì)培養(yǎng)一大批高素質(zhì)藝術(shù)設(shè)計(jì)人才。

關(guān)鍵詞

藝術(shù)設(shè)計(jì)；網(wǎng)頁(yè)設(shè)計(jì)；課程教學(xué)；實(shí)踐

一、藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀

目前，藝術(shù)設(shè)計(jì)專(zhuān)業(yè)在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)實(shí)踐中普遍存在著缺乏專(zhuān)業(yè)優(yōu)勢(shì)、偏離學(xué)生就業(yè)需求等問(wèn)題，這種教學(xué)與計(jì)算機(jī)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課大同小異，誤導(dǎo)學(xué)生以為這門(mén)課程就是一個(gè)技術(shù)課，掌握了操作技術(shù)就可以獨(dú)立完成網(wǎng)頁(yè)設(shè)計(jì)和制作，極大地忽視了其藝術(shù)性。因此，我們需要對(duì)教學(xué)模式、教學(xué)內(nèi)容和考核內(nèi)容等進(jìn)行改革，以真正發(fā)揮藝術(shù)設(shè)計(jì)專(zhuān)業(yè)在培養(yǎng)人才的優(yōu)勢(shì)。

二、教學(xué)改革的目的

通過(guò)教學(xué)改革，力圖解決以下兩個(gè)問(wèn)題:一是學(xué)生設(shè)計(jì)網(wǎng)頁(yè)缺乏美感，版式、色彩等語(yǔ)言和設(shè)計(jì)理念滯后;二是單獨(dú)靠一個(gè)軟件就來(lái)完成網(wǎng)頁(yè)設(shè)計(jì)與制作。通過(guò)以上兩個(gè)問(wèn)題的解決，充分考慮藝術(shù)專(zhuān)業(yè)的特性和學(xué)生就業(yè)的社會(huì)市場(chǎng)需求，綜合運(yùn)用多軟件培養(yǎng)學(xué)生的美工設(shè)計(jì)能力、動(dòng)畫(huà)設(shè)計(jì)能力、版式設(shè)計(jì)能力、界面設(shè)計(jì)能力，全面提高學(xué)生的想象能力、感受能力、創(chuàng)新能力和審美能力，為社會(huì)培養(yǎng)一大批高素質(zhì)藝術(shù)設(shè)計(jì)人才。

三、教學(xué)改革的創(chuàng)新點(diǎn)

1．尋找藝術(shù)與技術(shù)的平衡點(diǎn)。避免學(xué)生成為技術(shù)的奴隸，教學(xué)方案中增加藝術(shù)素養(yǎng)訓(xùn)練，充分體現(xiàn)專(zhuān)業(yè)特色，致力于培養(yǎng)學(xué)生的藝術(shù)設(shè)計(jì)和藝術(shù)審美和創(chuàng)新能力，通過(guò)研究性學(xué)習(xí)和網(wǎng)頁(yè)設(shè)計(jì)的具體實(shí)踐使學(xué)生有效地掌握網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的精髓，為將來(lái)步入社會(huì)更好地滿(mǎn)足市場(chǎng)需求從事網(wǎng)頁(yè)設(shè)計(jì)、美工、界面設(shè)計(jì)等工作做好準(zhǔn)備。

2．基于多媒體網(wǎng)絡(luò)教學(xué)，合理構(gòu)建教學(xué)內(nèi)容。構(gòu)建既具有實(shí)用性又具有藝術(shù)性的教學(xué)內(nèi)容，實(shí)現(xiàn)軟件課與藝術(shù)設(shè)計(jì)課的整合，在學(xué)會(huì)軟件應(yīng)用的基礎(chǔ)上，將其恰到好處地運(yùn)用于藝術(shù)設(shè)計(jì);實(shí)現(xiàn)理論課和實(shí)踐課的整合，利用示范教學(xué)提高學(xué)生將理論應(yīng)用于實(shí)踐的能力，提升教學(xué)效果。

3．深化教學(xué)內(nèi)容，開(kāi)拓教學(xué)視野。適用互聯(lián)網(wǎng)技術(shù)的發(fā)展，不斷加快教學(xué)內(nèi)容的更新，做好教學(xué)信息的收集工作，實(shí)現(xiàn)教學(xué)內(nèi)容的深化，保證教授給學(xué)生最前沿的知識(shí)。教學(xué)中運(yùn)用多媒體充分調(diào)動(dòng)起學(xué)生的視覺(jué)和聽(tīng)覺(jué)，激發(fā)學(xué)生的學(xué)習(xí)積極性。

四、主要改革與實(shí)踐的方面

1．改革教學(xué)模式。第一，采用項(xiàng)目教學(xué)。為了鍛煉學(xué)生的實(shí)踐能力，保證學(xué)生現(xiàn)場(chǎng)制作、解難和評(píng)析的參與度，實(shí)現(xiàn)課程理論和網(wǎng)頁(yè)設(shè)計(jì)的有機(jī)融合，可以在教學(xué)中加大實(shí)用項(xiàng)目的引進(jìn)，讓學(xué)生參與到整個(gè)項(xiàng)目制作過(guò)程，包括初期的初稿設(shè)計(jì)、中期的客戶(hù)反饋到最后的定稿。第二，采用跨學(xué)科教學(xué)。實(shí)現(xiàn)多學(xué)科整合的互動(dòng)教學(xué)，將計(jì)算機(jī)專(zhuān)業(yè)和藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)課程結(jié)合起來(lái)，讓學(xué)生可以綜合考慮到設(shè)計(jì)與程序的結(jié)合，依托于程序的可實(shí)現(xiàn)性設(shè)計(jì)出具有創(chuàng)意的網(wǎng)頁(yè)方案。

2．改革教學(xué)內(nèi)容。第一，增加手繪創(chuàng)意草圖教學(xué)環(huán)節(jié)。注重創(chuàng)意期的思維訓(xùn)練，通過(guò)這一教學(xué)內(nèi)容幫助學(xué)生明確設(shè)計(jì)意圖，培養(yǎng)學(xué)生的快速創(chuàng)作意識(shí)和能力。第二，增加版式設(shè)計(jì)構(gòu)圖教學(xué)環(huán)節(jié)。引導(dǎo)學(xué)生充分應(yīng)用版式設(shè)計(jì)原理進(jìn)行網(wǎng)頁(yè)的整體布局，在有限的空間融合進(jìn)了最多的視聽(tīng)多媒體元素，基本信息、導(dǎo)航、和正文結(jié)構(gòu)安排合理美觀(guān)，凸顯設(shè)計(jì)者的理性思維、藝術(shù)個(gè)性和個(gè)人風(fēng)格。第三，增加色彩運(yùn)用訓(xùn)練環(huán)節(jié)。色彩的運(yùn)用決定了網(wǎng)頁(yè)的整體色調(diào)，訓(xùn)練學(xué)生在不同網(wǎng)站功能和風(fēng)格下對(duì)色彩的準(zhǔn)確把握。第四，增加創(chuàng)意字體教學(xué)環(huán)節(jié)。引導(dǎo)學(xué)生正確地運(yùn)用字體設(shè)計(jì)方法，根據(jù)不同網(wǎng)頁(yè)布局選擇大小、顏色、色彩合適的字體，運(yùn)用設(shè)計(jì)軟件實(shí)現(xiàn)多樣化字效和創(chuàng)意字體的設(shè)計(jì)。第五，增加網(wǎng)頁(yè)交互功能教學(xué)，引導(dǎo)學(xué)生充分運(yùn)用按鈕和其他輔助設(shè)計(jì)以及頁(yè)面之間的鏈接，從而實(shí)現(xiàn)網(wǎng)頁(yè)的交互功能。第六，增加多軟件綜合運(yùn)用教學(xué)，引導(dǎo)學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)中綜合運(yùn)用不同的軟件，靈活掌握不同軟件主要功能的基礎(chǔ)上通過(guò)綜合運(yùn)用以實(shí)現(xiàn)豐富的效果。

3．改革考核內(nèi)容。第一，根據(jù)當(dāng)堂內(nèi)容布置對(duì)應(yīng)的課堂練習(xí)和上機(jī)操作，及時(shí)發(fā)現(xiàn)學(xué)生學(xué)習(xí)中的盲點(diǎn)，教師適時(shí)調(diào)整課堂進(jìn)度，此部分成績(jī)占40%。第二，根據(jù)課程的教學(xué)目標(biāo)布置綜合作業(yè)，結(jié)合實(shí)際讓學(xué)生自主選擇設(shè)計(jì)一個(gè)政府網(wǎng)站、企事業(yè)網(wǎng)站、娛樂(lè)網(wǎng)站或者個(gè)人網(wǎng)站，對(duì)學(xué)生網(wǎng)站設(shè)計(jì)的總體布局和色彩、版式、功能等進(jìn)行綜合評(píng)價(jià)，此部分成績(jī)占60%。

五、藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的趨勢(shì)

第一，總結(jié)和探索藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的內(nèi)在規(guī)律，建立網(wǎng)頁(yè)設(shè)計(jì)的跨學(xué)科教學(xué)模式。講授理論知識(shí)的同時(shí)要培養(yǎng)學(xué)生調(diào)動(dòng)多學(xué)科知識(shí)的能力，培養(yǎng)學(xué)生的創(chuàng)造力和想象力，提高學(xué)生的實(shí)踐應(yīng)用能力。第二，注重網(wǎng)頁(yè)設(shè)計(jì)的主體風(fēng)格，培養(yǎng)學(xué)生的企業(yè)品牌意識(shí)，企業(yè)品牌的形象設(shè)計(jì)依靠網(wǎng)頁(yè)的展現(xiàn)和塑造，好的企業(yè)網(wǎng)頁(yè)可以讓企業(yè)品牌形象深入人心，教學(xué)中必將更加重視對(duì)學(xué)生品牌整體風(fēng)格的把握和品牌意識(shí)的培養(yǎng)。

六、結(jié)語(yǔ)

目前，藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程存在著偏重技術(shù)而忽略藝術(shù)素養(yǎng)訓(xùn)練的問(wèn)題，教學(xué)改革就是要培養(yǎng)學(xué)生的藝術(shù)審美和藝術(shù)素養(yǎng)，力求尋找到藝術(shù)與技術(shù)的平衡點(diǎn)，基于多媒體網(wǎng)絡(luò)教學(xué)，合理構(gòu)建教學(xué)內(nèi)容，開(kāi)拓教學(xué)視野。教學(xué)模式上采用項(xiàng)目教學(xué)和跨學(xué)科互動(dòng)教學(xué)，內(nèi)容上增加創(chuàng)意草圖、版式設(shè)計(jì)、色彩設(shè)計(jì)、字體運(yùn)用、交互功能和多軟件組合使用等教學(xué)環(huán)節(jié)，評(píng)價(jià)上更加注重實(shí)踐動(dòng)手能力，其發(fā)展趨勢(shì)是追求技術(shù)和藝術(shù)的完美結(jié)合，培養(yǎng)學(xué)生的企業(yè)品牌意識(shí)。

作者：許特 郝爽 單位：長(zhǎng)春市第一中等專(zhuān)業(yè)學(xué)校 吉林司法警官職業(yè)學(xué)院

參考文獻(xiàn):

［1］劉妤．藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革與實(shí)踐［J］．包裝世界，2011，(04):72－73．

［2］周小麗．“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革實(shí)踐探究［J］．教育與職業(yè)，2013，(08):127－128．