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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5小結(jié)

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

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

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

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

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

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

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

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

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

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

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

五、總結(jié)

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

參考文獻

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

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

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

1、 課程目前存在的問題

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

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

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

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

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

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

3教學(xué)方法

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

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

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

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

3.3.1任務(wù)驅(qū)動法需要遵循以下的原則來設(shè)計任務(wù)：

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

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

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

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

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

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

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

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

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

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

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

4.結(jié)束語

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

參考文獻：

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

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

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

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

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

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

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

3.考核方式多樣

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

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

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

結(jié)語：

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

參考文獻：

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

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

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

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

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

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

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

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

中圖分類號：G712 文獻標(biāo)識碼：A 文章編號：1673-9795（2013）04（b）-0168-01

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

1 案例教學(xué)法

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

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

2 表單

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

3 設(shè)計過程

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

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

3.2 探究討論案例，解決問題

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

3.3 總結(jié)和點評

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

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

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

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

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

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

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

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

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

3.3.2 代碼

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

4 結(jié)語

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

參考文獻

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

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

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

中圖分類號：G434文獻標(biāo)識碼：A文章編號：16727800（2012）007017702

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

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

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

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

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

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

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

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

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

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

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

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

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

2.4歸納總結(jié)

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

3結(jié)語

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

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

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

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

參考文獻：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、總結(jié)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

關(guān)鍵詞

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

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

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

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

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

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

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

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

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

四、主要改革與實踐的方面

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

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

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

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

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

六、結(jié)語

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

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

參考文獻:

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

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