網(wǎng)頁(yè)制作與設(shè)計(jì)精選(九篇)

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

第1篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

Photoshop在圖片處理上具有強(qiáng)大的功能，尤其是對(duì)圖像進(jìn)行精細(xì)化操作，更是奠定了其在廣告設(shè)計(jì)及美術(shù)創(chuàng)作中的堅(jiān)實(shí)地位。當(dāng)然，在網(wǎng)頁(yè)制作模型設(shè)計(jì)上，Photoshop依然可以憑借其精細(xì)化、功能化優(yōu)勢(shì)來(lái)實(shí)現(xiàn)美輪美奐的網(wǎng)頁(yè)規(guī)劃效果。

【關(guān)鍵詞】Photoshop 網(wǎng)頁(yè)制作 模型設(shè)計(jì) 實(shí)現(xiàn)方法

1 引言

現(xiàn)代網(wǎng)絡(luò)技術(shù)的發(fā)展，對(duì)網(wǎng)頁(yè)制作提出越來(lái)越高的要求。Photoshop作為功能強(qiáng)大的圖像處理軟件，同樣在網(wǎng)頁(yè)制作設(shè)計(jì)中不容小覷。如在不同格式文件上兼容性強(qiáng)，圖像處理精度高、誤差少、視覺(jué)效果顯著，更成為網(wǎng)頁(yè)圖像、動(dòng)畫、基于Web頁(yè)面設(shè)計(jì)領(lǐng)域的優(yōu)秀工具。

2 Photoshop在網(wǎng)頁(yè)建模的獨(dú)特優(yōu)勢(shì)

2.1 頁(yè)面布局功能的靈活性

利用Photoshop來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，主要是利用圖層的特色功效，可以實(shí)現(xiàn)不同層次上不同元素的放置，且在進(jìn)行移動(dòng)時(shí)不會(huì)影響其他元素及整體視覺(jué)效果。當(dāng)然，對(duì)于圖層空間不僅可以放置單獨(dú)頁(yè)面要素，還可以放置鏈接，還可以進(jìn)行疊加，確保不同圖層上不同要素的色彩、亮度、大小等不會(huì)出現(xiàn)偏差。由此以來(lái)，在進(jìn)行網(wǎng)頁(yè)要素規(guī)劃及布局上，可以依照設(shè)計(jì)者的思維進(jìn)行靈活操作，增強(qiáng)了設(shè)計(jì)自由度。

2.2 修改功能的便捷性

由于網(wǎng)站在設(shè)計(jì)過(guò)程中因客戶的要求而進(jìn)行修改是常有的，而Photoshop因其便捷的修改功能，可以先通過(guò)Photoshop設(shè)計(jì)出效果圖，然而結(jié)合需求變化來(lái)優(yōu)化，最終獲得客戶的滿意。對(duì)于其他軟件則無(wú)法實(shí)現(xiàn)自由、從容的修改。

2.3 網(wǎng)頁(yè)瀏覽的快速性

網(wǎng)頁(yè)制作的目的在于瀏覽，而瀏覽體驗(yàn)不僅需要美觀和規(guī)范的視覺(jué)效果，還要具有良好的網(wǎng)站交互能力。特別是對(duì)于大型網(wǎng)頁(yè)架構(gòu)，因加載項(xiàng)目過(guò)多，對(duì)網(wǎng)速要求過(guò)高。但對(duì)于Photoshop制作的網(wǎng)頁(yè)，多采用裁切體積及文件格式轉(zhuǎn)換，對(duì)系統(tǒng)資源占用率較低，從而能夠保障快速的反應(yīng)速度，提升瀏覽的流暢度。

3 Photoshop網(wǎng)頁(yè)制作模型的設(shè)計(jì)與應(yīng)用

3.1 Photoshop新建圖像文件

根據(jù)網(wǎng)頁(yè)設(shè)計(jì)模型基本框架要求，首先需要新建圖像文件，以常規(guī)1280*800像素為例，可以設(shè)置瀏覽器的圖像寬度、高度為1260*780，選擇RGB色彩模式，便于在Photoshop中利用色彩的疊加營(yíng)造五彩繽紛的視覺(jué)效果。

3.2 Photoshop設(shè)計(jì)網(wǎng)頁(yè)布局

針對(duì)不同功能、不同用途的網(wǎng)站，其頁(yè)面框架結(jié)構(gòu)也不盡相同。通常情況下，對(duì)于視覺(jué)的熱點(diǎn)效應(yīng)多聚焦于左上角。在進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)，左上部及上部為視覺(jué)中心，其后往下閱讀，呈現(xiàn)出“F”形特征。因此，在頁(yè)面布局上，圍繞網(wǎng)站標(biāo)識(shí)、站名、導(dǎo)航條、熱點(diǎn)欄目、頭條等頁(yè)面布局要素，來(lái)重點(diǎn)優(yōu)化左上部區(qū)域。如對(duì)于綜合性網(wǎng)站，通常采用“國(guó)”字型頁(yè)面布局，最上面為標(biāo)示欄及廣告條，其次為網(wǎng)站的主體內(nèi)容，再次左右各一列小字號(hào)標(biāo)題欄目，中間側(cè)重于圖文并茂的內(nèi)容，最下面為基本信息，包括版權(quán)、聯(lián)系方式等說(shuō)明。因此，在設(shè)計(jì)上，利用Photoshop在頁(yè)面上設(shè)置“T”型字，形成三塊空間，最上面為標(biāo)識(shí)、廣告條等；左側(cè)為導(dǎo)航欄，右側(cè)為網(wǎng)站主體內(nèi)容；接下來(lái)設(shè)置不同的頁(yè)面圖層，并在不同圖層上進(jìn)行繪制，結(jié)合Photoshop的圖形、渲染功能來(lái)完成。

3.3 Photoshop網(wǎng)頁(yè)模型集成

完整的網(wǎng)站需要具備Logo、廣告欄Gif動(dòng)畫，背景底紋及導(dǎo)航按鈕等。對(duì)于網(wǎng)站Logo，利用Photoshop豐富的圖像設(shè)計(jì)功能來(lái)設(shè)計(jì)獨(dú)特的富有個(gè)性的標(biāo)識(shí)。如新浪網(wǎng)標(biāo)識(shí)中的“i”通過(guò)進(jìn)行藝術(shù)化處理，將之轉(zhuǎn)換為活靈活現(xiàn)的眼睛，正是傳達(dá)“世界在你眼中”的設(shè)計(jì)理念，增強(qiáng)了視覺(jué)動(dòng)感；再如人人網(wǎng)的標(biāo)識(shí)，利用對(duì)“人”字的抽象變形，代表每一個(gè)人；輔以圓圈，寓意人際圈，其共同的交集則象征著人與人的協(xié)作、分享、溝通。可見(jiàn)，對(duì)于標(biāo)志的設(shè)計(jì)，既要從視覺(jué)審美上來(lái)表達(dá)生動(dòng)的效果，還要從文化內(nèi)涵彰顯豐富的意蘊(yùn)。Photoshop可以實(shí)現(xiàn)對(duì)矢量圖形的任意變形而不失真，從而為我們進(jìn)行自由創(chuàng)作和設(shè)計(jì)提供了無(wú)與倫比的設(shè)計(jì)環(huán)境。如可以利用鋼筆工具來(lái)繪制矢量圖，保存為JPG格式占用空間小，帶來(lái)較快的響應(yīng)速度。

廣告欄多采用GIF動(dòng)畫，位置多居于網(wǎng)頁(yè)的最醒目中間靠上，在動(dòng)畫內(nèi)容上可以是企業(yè)精神、也可以是產(chǎn)品介紹，以圖像自動(dòng)切換等方式來(lái)呈現(xiàn)。利用Photoshop和ImageReady可以制作出簡(jiǎn)單、易用、低系統(tǒng)占用率的GIF動(dòng)畫，避免了傳統(tǒng)SWF動(dòng)畫設(shè)計(jì)對(duì)插件的要求。舉例來(lái)說(shuō)明，以600*200像素廣告欄為例，其操作過(guò)程如下：首先新建600*200像素文件，分別插入四張不同的圖片到1，2，3，4個(gè)圖層里，調(diào)整各圖層中圖形尺寸，使其保持和諧度；分別在4個(gè)圖層新建文本圖層，并打出不同的廣告語(yǔ)，與相應(yīng)圖層進(jìn)行合并；利用ImageReady，打開(kāi)后點(diǎn)擊“動(dòng)畫”面板，復(fù)制當(dāng)前幀，連點(diǎn)3下，使幀數(shù)為4；分別對(duì)各幀進(jìn)行操作，每一幀顯示一個(gè)圖層的內(nèi)容；設(shè)置動(dòng)畫延時(shí)數(shù)值；轉(zhuǎn)存為GIF動(dòng)畫格式，預(yù)覽效果。

3.4 Photoshop設(shè)計(jì)底紋背景

在利用Photoshop進(jìn)行背景設(shè)計(jì)時(shí)，可以利用無(wú)限填充功能，只要設(shè)計(jì)一個(gè)背景元素，將之無(wú)縫連接并填充整個(gè)背景頁(yè)面即可。如可以設(shè)計(jì)一個(gè)1*2像素的條形狀背景圖，保存為JPG格式，并填充整個(gè)背景，而這個(gè)背景文件卻僅有幾k的大小。

3.5 Photoshop設(shè)計(jì)網(wǎng)頁(yè)按鈕

按鈕是網(wǎng)頁(yè)制作模型中的必要內(nèi)容，在設(shè)計(jì)上要注意幾點(diǎn)：一是大小尺寸要以像素為單位，避免圖像失真；二是保存為JPG格式，對(duì)于有透明像素的需要改為GIF格式；三是利用Photoshop處理過(guò)的源文件要另存為PSD格式，便于后期修改；四是利用切片工具進(jìn)行切割時(shí)要依靠參考線，保持頁(yè)面布局一致性，避免爆邊。

4 結(jié)語(yǔ)

總之，利用Photoshop進(jìn)行網(wǎng)頁(yè)制作模型設(shè)計(jì)，要從網(wǎng)頁(yè)整體功能及展示特性上，積極挖掘Photoshop在網(wǎng)頁(yè)圖像、動(dòng)畫、WEB化頁(yè)面設(shè)計(jì)中的優(yōu)勢(shì)，提升網(wǎng)頁(yè)制作的應(yīng)用效率。

參考文獻(xiàn)

[1]王春艷，張彥芳.Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用[J].電子制作，2014（02）.

[2]鄧美玲.淺談Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用[J].無(wú)線互聯(lián)科技，2015（01）.

第2篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

關(guān)鍵詞：網(wǎng)頁(yè)制作 遞進(jìn)式 案例任務(wù) 小項(xiàng)目探究 項(xiàng)目導(dǎo)向

網(wǎng)頁(yè)制作課程是高等職業(yè)學(xué)校計(jì)算機(jī)應(yīng)用專業(yè)的必修課，這門課程與其他課程相比，無(wú)論是教學(xué)內(nèi)容還是教學(xué)方法上都有其特殊之處，它集知識(shí)和技能于一體，有較強(qiáng)的操作性和綜合實(shí)踐性，它涉及文字版面處理、計(jì)算機(jī)語(yǔ)言、計(jì)算機(jī)圖像處理、FLASH動(dòng)畫、數(shù)據(jù)庫(kù)等相關(guān)知識(shí)，需要有一定的相關(guān)課程知識(shí)基礎(chǔ)。

一、靈活處理教材，設(shè)計(jì)遞進(jìn)式的課程體系

網(wǎng)頁(yè)制作這門課程的操作性和綜合實(shí)踐性很強(qiáng)，教師必須對(duì)現(xiàn)行的教材進(jìn)行內(nèi)容改革，靈活處理教材。首要任務(wù)就是要根據(jù)該課程的特點(diǎn)結(jié)合高等職業(yè)學(xué)校學(xué)生的實(shí)際情況，確立正確的教學(xué)目標(biāo)，制定相應(yīng)的教學(xué)計(jì)劃，調(diào)整教學(xué)內(nèi)容。高職學(xué)生網(wǎng)頁(yè)教學(xué)目標(biāo)是培養(yǎng)學(xué)生制作設(shè)計(jì)一個(gè)網(wǎng)站，因此制定網(wǎng)頁(yè)課程的教學(xué)內(nèi)容，第一階段：網(wǎng)站配色與布局、使用Photoshop處理圖形圖像、使用 Dreamweaver制作網(wǎng)頁(yè)；第二階段：制作FLASH動(dòng)畫、制作 JavaScript腳本特效、SQLServer數(shù)據(jù)庫(kù)管理和開(kāi)發(fā)；第三階段：網(wǎng)站項(xiàng)目開(kāi)發(fā)與實(shí)戰(zhàn)。依據(jù)網(wǎng)站制作與設(shè)計(jì)流程，教師再進(jìn)行課程整合,按階段分模塊設(shè)計(jì)遞進(jìn)的教學(xué)內(nèi)容，在教學(xué)中打破傳統(tǒng)的從概念到原理的邏輯順序，根據(jù)教學(xué)計(jì)劃與課程標(biāo)準(zhǔn)，開(kāi)發(fā)以培養(yǎng)學(xué)生智力技能與專業(yè)技能為目標(biāo)的校本教材，并制作以課次為單位的案例和任務(wù)單，以月為單位的小項(xiàng)目和以學(xué)期為單位的綜合項(xiàng)目，通過(guò)任務(wù)完成達(dá)到技能的掌握與知識(shí)點(diǎn)的鏈接，通過(guò)項(xiàng)目制作達(dá)到綜合設(shè)計(jì)能力的培養(yǎng)，從而讓學(xué)生掌握網(wǎng)頁(yè)制作的相關(guān)知識(shí)，培養(yǎng)相關(guān)能力。

二、改革教學(xué)法，采用遞進(jìn)式的教學(xué)模式

網(wǎng)頁(yè)制作涵蓋的知識(shí)和技能很豐富，教學(xué)中教師不能采用簡(jiǎn)單的知識(shí)傳授和灌輸這種傳統(tǒng)的教學(xué)方法，而是要努力提高學(xué)生的綜合應(yīng)用能力和創(chuàng)新能力，加強(qiáng)學(xué)生的實(shí)踐動(dòng)手能力。課程必須安排在計(jì)算機(jī)房進(jìn)行，采用教與學(xué)結(jié)合的方式，在老師的指導(dǎo)下，學(xué)生通過(guò)多練多做來(lái)掌握相關(guān)知識(shí)和技能。結(jié)合教學(xué)經(jīng)驗(yàn)，筆者認(rèn)為根據(jù)學(xué)生學(xué)習(xí)的不同階段可采用不同的教學(xué)方法。

1.案例任務(wù)教學(xué)法

案例任務(wù)教學(xué)法主要用于學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作的初級(jí)階段課程，在這一階段中學(xué)生主要以培養(yǎng)興趣，掌握基礎(chǔ)知識(shí)和基本技能為主，教師的教學(xué)采用以案例為線索、以任務(wù)為目標(biāo)的教學(xué)方法。在教學(xué)中教師根據(jù)不同的知識(shí)點(diǎn)選擇相配套的案例和任務(wù)，這些案例和任務(wù)的編排要遵循由淺入深、由易向難、循序漸進(jìn)的原則，同時(shí)這些案例和任務(wù)要為后續(xù)的綜合案例和項(xiàng)目作鋪墊。例如教師在講授第一階段“圖形圖像”這一模塊教學(xué)內(nèi)容時(shí)，可以設(shè)計(jì)一個(gè)與網(wǎng)頁(yè)有關(guān)的案例――“GEARHEAD公司LOGO”，這個(gè)案例中涉及圖像選擇工具、圖層樣式、圖層組及文字工具等技能，同時(shí)涉及網(wǎng)頁(yè)LOGO的基本常識(shí)。教師在完成本例的分析演示后，要求學(xué)生模仿制作，然后再下達(dá)任務(wù)――布置一系列著名網(wǎng)站的LOGO圖標(biāo)以供學(xué)生選擇模仿制作，學(xué)生通過(guò)模仿制作掌握相關(guān)的圖像技能，同時(shí)掌握LOGO的基本知識(shí)，并鼓勵(lì)能力強(qiáng)的學(xué)生設(shè)計(jì)自己喜歡的LOGO圖標(biāo)。通過(guò)案例任務(wù)教學(xué)法培養(yǎng)學(xué)生舉一反三的能力，調(diào)動(dòng)學(xué)生的能動(dòng)性。

2.小項(xiàng)目探究法

案例任務(wù)驅(qū)動(dòng)法主要強(qiáng)調(diào)學(xué)生獨(dú)立性，而忽略學(xué)生之間的合作。當(dāng)今社會(huì)是一個(gè)高度合作化的時(shí)代，一個(gè)沒(méi)有合作精神與合作能力的人必將無(wú)法在將來(lái)的生活和工作中得到發(fā)展。為此，推行小項(xiàng)目合作探究十分必要。小項(xiàng)目探究法主要用于學(xué)生學(xué)習(xí)網(wǎng)頁(yè)課程的技能強(qiáng)化階段，通過(guò)初級(jí)階段的學(xué)習(xí)，學(xué)生已初步掌握了網(wǎng)頁(yè)制作的基本知識(shí)點(diǎn)，現(xiàn)在進(jìn)入提高強(qiáng)化階段，本階段教學(xué)內(nèi)容分為兩個(gè)方面，一方面是讓學(xué)生對(duì)初始階段的案例和任務(wù)進(jìn)行強(qiáng)化和提高，另一方面是讓學(xué)生在強(qiáng)化舊知識(shí)過(guò)程中掌握新

知識(shí)。

本階段采用小組合作探究形式，首先將學(xué)生每4～6人分為一個(gè)小組，并選基礎(chǔ)好的學(xué)生為組長(zhǎng)，教師根據(jù)學(xué)生已學(xué)過(guò)的知識(shí)和上一階段的任務(wù)，設(shè)計(jì)階段小項(xiàng)目，這些小項(xiàng)目既是初級(jí)階段的任務(wù)的綜合，又是下一階段綜合項(xiàng)目的子項(xiàng)目。在教如何“使用Dreamweaver制作網(wǎng)頁(yè)”時(shí)可以制定幾個(gè)主題，如“低碳”“城運(yùn)會(huì)”“關(guān)愛(ài)動(dòng)物”小組形式自由選題，讓同學(xué)們綜合應(yīng)用前面學(xué)過(guò)的配色、圖形等知識(shí)，合作探究設(shè)計(jì)一個(gè)網(wǎng)站的雛形。教師指導(dǎo)學(xué)生設(shè)計(jì)一個(gè)學(xué)案，該學(xué)案能在課堂教學(xué)中起指導(dǎo)和引領(lǐng)作用，促使學(xué)生主動(dòng)探索，建構(gòu)知識(shí)結(jié)構(gòu)體系。學(xué)生根據(jù)學(xué)案中的要求，利用實(shí)訓(xùn)課和課外時(shí)間，在規(guī)定的時(shí)間（兩周）內(nèi)完成，學(xué)生可以進(jìn)行不同的角色分工，合作完成，教師在學(xué)生制作過(guò)程中進(jìn)行適時(shí)跟蹤，指導(dǎo)并解答學(xué)生制作過(guò)程中存在的疑難問(wèn)題，學(xué)生完成后再進(jìn)行小組總結(jié)和評(píng)價(jià)，最終將小組總結(jié)評(píng)價(jià)及作品打包通過(guò) FTP 上傳給老師，教師及時(shí)地進(jìn)行階段小結(jié)、點(diǎn)評(píng)，同時(shí)展示優(yōu)秀作品。

“小項(xiàng)目設(shè)計(jì)與合作探究”教學(xué)法是以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體的教學(xué)方法。在教學(xué)中，教師要充分地了解學(xué)生，及時(shí)解決學(xué)生學(xué)習(xí)遇到的困難，引導(dǎo)學(xué)生大膽進(jìn)行問(wèn)題的探究，及時(shí)做好積極的評(píng)價(jià)。教師要嘗試建立靈活客觀、立足于平常的“自主、合作、探究”學(xué)習(xí)評(píng)價(jià)體系，以期不斷激勵(lì)學(xué)生參與“自主、合作、探究”學(xué)習(xí)過(guò)程，培養(yǎng)學(xué)生的合作意識(shí)和自主創(chuàng)新的能力。

3.綜合項(xiàng)目導(dǎo)向法

網(wǎng)頁(yè)制作教學(xué)的目標(biāo)讓學(xué)生完成一個(gè)綜合網(wǎng)站制作，在這個(gè)階段中采用“項(xiàng)目導(dǎo)向法”。在高等職業(yè)教育中，項(xiàng)目教學(xué)是一種綜合性的課程模式，通過(guò)前兩個(gè)階段的學(xué)習(xí)，學(xué)生已具備網(wǎng)頁(yè)制作的相關(guān)知識(shí)和基本技能，同時(shí)也有小組合作探究的基本能力。本階段主要是提高學(xué)生綜合網(wǎng)站開(kāi)發(fā)的水平，同時(shí)也是為了檢驗(yàn)學(xué)生的學(xué)習(xí)成果。

例如，在講網(wǎng)頁(yè)制作――綜合項(xiàng)目實(shí)戰(zhàn)時(shí)，首先讓學(xué)生根據(jù)個(gè)人的愛(ài)好設(shè)計(jì)一個(gè)小型主題網(wǎng)站的網(wǎng)站規(guī)劃書，這樣學(xué)生在學(xué)期初就知道本學(xué)期自己在這門課程的學(xué)習(xí)中要達(dá)到怎樣的要求、完成什么任務(wù)，就會(huì)使他們產(chǎn)生學(xué)習(xí)的興奮點(diǎn)。在這種教學(xué)模式下，學(xué)生成為了學(xué)習(xí)的主體，教師在教學(xué)過(guò)程中扮演引導(dǎo)者，學(xué)生在教師的指導(dǎo)下自主學(xué)習(xí)，邊學(xué)邊做，邊做邊學(xué)，完成教師安排的教學(xué)內(nèi)容，完成原定的項(xiàng)目（個(gè)人網(wǎng)站設(shè)計(jì)）。在完成一個(gè)項(xiàng)目任務(wù)后而獲得的成功愉悅和滿足感，不但提高了學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)的積極性,同時(shí)也培養(yǎng)了學(xué)生自主學(xué)習(xí)的能力，讓他們學(xué)會(huì)學(xué)習(xí)。教師真正做到了素質(zhì)教育所提倡的“授人以漁”而不是“授人以魚”。

在項(xiàng)目導(dǎo)向法的實(shí)施過(guò)程中，仍然以小組合作的形式，并根據(jù)同學(xué)們的特點(diǎn)模擬合作企業(yè)的崗位為同學(xué)們分配任務(wù)，如策劃師、圖像技師、動(dòng)畫技師、后臺(tái)程序設(shè)計(jì)師等，讓同學(xué)們?cè)陧?xiàng)目中負(fù)責(zé)各自專門的任務(wù)，并共同完成一個(gè)綜合項(xiàng)目，最后上傳到 WEB 服務(wù)器上。教師組織學(xué)生對(duì)每組的作品進(jìn)行評(píng)價(jià)、總結(jié)并展示優(yōu)秀作品。

總之，這個(gè)階段能鞏固和提升學(xué)生知識(shí)、技能，同時(shí)鍛煉學(xué)生的綜合應(yīng)用能力和分析問(wèn)題、解決問(wèn)題的能力，培養(yǎng)學(xué)生的合作能力和創(chuàng)新的設(shè)計(jì)能力，提高學(xué)生的綜合素質(zhì)。

通過(guò)以上這些方法激發(fā)學(xué)生的學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，同時(shí)改善“網(wǎng)頁(yè)制作”課程的教學(xué)效果。通過(guò)有效的學(xué)習(xí)，學(xué)生的綜合技能和綜合質(zhì)素得到提高。為了進(jìn)一步適應(yīng)高等職業(yè)學(xué)校教育改革，教師仍要對(duì)該課程的教學(xué)進(jìn)行積極探索，精心設(shè)計(jì)教學(xué)案例和項(xiàng)目，寓教于樂(lè)，爭(zhēng)取更好的教學(xué)效果，培養(yǎng)更多的技能型人才，以提高學(xué)生的就業(yè)競(jìng)爭(zhēng)力。

參考文獻(xiàn)：

[1]楊曉明.《網(wǎng)頁(yè)制作》課程教學(xué)改革的探索與研究[J].甘肅聯(lián)合大學(xué)學(xué)報(bào),2008(3).

[2]沈道云.任務(wù)驅(qū)動(dòng)教學(xué)法在Photoshop教學(xué)中的應(yīng)用[J].職業(yè)教育研究,2006(12).

第3篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

要想通過(guò)有限的課時(shí)教學(xué)使學(xué)生能夠做出優(yōu)質(zhì)的網(wǎng)頁(yè)，拓寬學(xué)生的眼界，開(kāi)發(fā)學(xué)生的思維是首要任務(wù)。因此在高職的《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，教師可以根據(jù)實(shí)際教學(xué)的需要，選取一些比較經(jīng)典的案例，對(duì)學(xué)生進(jìn)行教學(xué)，在增長(zhǎng)學(xué)生見(jiàn)識(shí)的同時(shí)，促使學(xué)生取長(zhǎng)補(bǔ)短，從而有效提高學(xué)生的網(wǎng)頁(yè)制作能力。因此教師必須充分利用起身邊的教學(xué)資源，根據(jù)高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)的需要并結(jié)合學(xué)生的喜好，從網(wǎng)絡(luò)上搜索一些高水平的網(wǎng)站，作為教學(xué)案例，向?qū)W生分析網(wǎng)站設(shè)計(jì)和制作的優(yōu)點(diǎn)和缺點(diǎn)，以及相關(guān)的設(shè)計(jì)和制作技巧，從而使學(xué)生對(duì)所學(xué)的內(nèi)容有更加立體的認(rèn)識(shí)。需要強(qiáng)調(diào)的是，教師切忌不能在所有的教學(xué)中都采取一個(gè)網(wǎng)站作為案例，要多選取幾個(gè)，且隨著更多優(yōu)秀網(wǎng)站的出現(xiàn)，教師還應(yīng)該對(duì)教學(xué)案例進(jìn)行不斷的補(bǔ)充和更新，進(jìn)而有效激發(fā)學(xué)生的學(xué)習(xí)動(dòng)力和積極性，推動(dòng)高效教學(xué)的實(shí)現(xiàn)。比如在教授如何設(shè)計(jì)網(wǎng)頁(yè)欄目、logo以及導(dǎo)航條時(shí)，教師可以先向?qū)W生介紹一些基本內(nèi)容，然后向?qū)W生展示一些做的比較出色的網(wǎng)頁(yè)，如學(xué)校網(wǎng)站首頁(yè)等，并向?qū)W生分析學(xué)校網(wǎng)站首頁(yè)制作的特點(diǎn)，然后通過(guò)啟發(fā)和引導(dǎo)的方式，讓學(xué)生模仿學(xué)校網(wǎng)站首頁(yè)進(jìn)行創(chuàng)作，從而有效提高學(xué)生的制作水平。

二、任務(wù)驅(qū)動(dòng)教學(xué)法

所謂的任務(wù)驅(qū)動(dòng)教學(xué)法就是給學(xué)生一個(gè)任務(wù)，由學(xué)生來(lái)完成，教師可以從旁指導(dǎo)和幫助，在任務(wù)的驅(qū)使和激勵(lì)下促使學(xué)生主動(dòng)學(xué)習(xí)，積極探索，相互合作的學(xué)習(xí)方式。值得注意的是，教師在使用這一教學(xué)方教學(xué)法是建立學(xué)生必須已經(jīng)掌握一定的基礎(chǔ)知識(shí)，學(xué)會(huì)如何使用一些基本的應(yīng)用軟件的基礎(chǔ)上，因此任務(wù)驅(qū)動(dòng)教學(xué)法并不是以教材和知識(shí)點(diǎn)為中心，而是以培養(yǎng)和鍛煉學(xué)生的在網(wǎng)頁(yè)設(shè)計(jì)和制作上的綜合運(yùn)用能力為中心。在實(shí)際的高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，教師可以通過(guò)專題或者話題的形式，在交流中引導(dǎo)和啟發(fā)學(xué)生，然后定下一個(gè)主題，讓學(xué)生圍繞主題來(lái)設(shè)計(jì)出一個(gè)完整的網(wǎng)站。由于完整的網(wǎng)站涉及的內(nèi)容較多，包含目標(biāo)需求分析、網(wǎng)站定位、網(wǎng)頁(yè)規(guī)劃、內(nèi)容收集、網(wǎng)頁(yè)設(shè)計(jì)、內(nèi)容排版以及文字和圖片的處理編排等，因此教師在教學(xué)中可以采用小組合作的模式，從而提高學(xué)生的合作能力和人際交流能力；也可以由一個(gè)學(xué)生單獨(dú)完成，期間教師可以組織幾次檢查和交流活動(dòng)，對(duì)自己的作品進(jìn)行不斷地修改和完善。通過(guò)任務(wù)驅(qū)動(dòng)教學(xué)法可以使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)和制作的流程有一個(gè)全面的認(rèn)識(shí)，讓學(xué)生掌握系統(tǒng)的網(wǎng)頁(yè)開(kāi)發(fā)流程，同時(shí)也有利于提高學(xué)生團(tuán)隊(duì)協(xié)作能力、創(chuàng)新能力、獨(dú)立解決問(wèn)題的能力。

三、活動(dòng)探究教學(xué)法

活動(dòng)探究是高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中重要的教學(xué)組成部分，有助于學(xué)生開(kāi)展項(xiàng)目學(xué)習(xí)，在活動(dòng)探究過(guò)程中學(xué)生可以掌握到大量的知識(shí)內(nèi)容和技能技巧，能夠幫助學(xué)生在網(wǎng)頁(yè)制作和網(wǎng)站開(kāi)發(fā)的過(guò)程中創(chuàng)作出更加優(yōu)秀的作品。所謂活動(dòng)探究教學(xué)法，就是指教師向?qū)W生提供定的資源和信息，由學(xué)生從已有的材料中進(jìn)行挖掘和拓展，讓學(xué)生對(duì)教學(xué)項(xiàng)目中的問(wèn)題進(jìn)行主動(dòng)的探索和研究，從而促使學(xué)生構(gòu)建和完善自己的知識(shí)體系。此外，學(xué)生在進(jìn)行探索時(shí)，教師也要從旁進(jìn)行觀察和指導(dǎo)，對(duì)于學(xué)生不當(dāng)?shù)男袨橐枰约m正，對(duì)于做的好的學(xué)生給予表?yè)P(yáng)和鼓勵(lì)。比如在設(shè)計(jì)網(wǎng)頁(yè)鏈接的過(guò)程中，有不少學(xué)生對(duì)外部文件與網(wǎng)頁(yè)內(nèi)的鏈接出現(xiàn)疑問(wèn)，教師可以就這個(gè)問(wèn)題對(duì)全體學(xué)生進(jìn)行示范和講解，一方面使得學(xué)生對(duì)所學(xué)有更充分的了解，另一方面保持學(xué)生的學(xué)習(xí)熱情和積極性，使學(xué)生能夠?qū)⒆髌吠暾闹谱鞒鰜?lái)，從而有效地提高高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)效率和學(xué)生的綜合素質(zhì)。

結(jié)語(yǔ)

第4篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

隨著社會(huì)的快速發(fā)展和互聯(lián)網(wǎng)的普及，計(jì)算機(jī)技術(shù)及其應(yīng)用發(fā)揮著重要的作用。為了全面提高高校學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)能力，激發(fā)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)興趣，探索課程改革的幾點(diǎn)思路，從而實(shí)現(xiàn)對(duì)高校學(xué)生的能力提高、興趣培養(yǎng)和考核標(biāo)準(zhǔn)的改革，結(jié)合課程改革的《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)模式的研究顯得極為重要。

【關(guān)鍵詞】

網(wǎng)頁(yè)設(shè)計(jì)；課程改革；教學(xué)模式

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門實(shí)踐性極強(qiáng)的課程，也是為滿足社會(huì)需求而設(shè)置的。網(wǎng)絡(luò)是人們獲取信息的重要來(lái)源，隨著網(wǎng)絡(luò)在人們生活中的地位逐漸上升，企事業(yè)單位和政府機(jī)構(gòu)以及個(gè)人通過(guò)網(wǎng)頁(yè)來(lái)宣傳自己的單位和個(gè)人形象。因此，提高學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣、培養(yǎng)學(xué)生自己開(kāi)發(fā)網(wǎng)站的能力顯得尤為重要。

1激發(fā)學(xué)習(xí)興趣，鼓勵(lì)創(chuàng)新精神

1.1案例教學(xué)古語(yǔ)講“學(xué)起于思，思源于疑”，良好的學(xué)習(xí)興趣是學(xué)習(xí)的先導(dǎo)。首先采取案例教學(xué)，摒棄傳統(tǒng)的教學(xué)方法。在傳統(tǒng)的課堂上，教師講授理論知識(shí)，之后學(xué)生進(jìn)行上機(jī)練習(xí)。往往會(huì)造成機(jī)房?jī)?nèi)操作過(guò)程中無(wú)處下手。因此，結(jié)合教學(xué)內(nèi)容和目標(biāo)選取典型的案例進(jìn)行案例教學(xué)法能夠很好的解決這個(gè)問(wèn)題，提高教學(xué)效果。枯燥的理論與實(shí)際案例相結(jié)合，在課堂上及時(shí)展示網(wǎng)頁(yè)設(shè)計(jì)的效果，必將為課堂帶來(lái)全新的效果，對(duì)于學(xué)生熟悉理論知識(shí)和實(shí)際操作能力也能全面加強(qiáng)。激發(fā)學(xué)生的學(xué)習(xí)興趣、鼓勵(lì)創(chuàng)新精神，化被動(dòng)為主動(dòng)和提高學(xué)生解決實(shí)際問(wèn)題的能力是網(wǎng)頁(yè)設(shè)計(jì)課程改革的出發(fā)點(diǎn)。

1.2互動(dòng)教學(xué)建立教學(xué)網(wǎng)站，開(kāi)設(shè)相應(yīng)的學(xué)習(xí)論壇。在網(wǎng)站上傳課堂視頻、經(jīng)典課件、網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)資料以及課堂作業(yè)，加強(qiáng)師生的交流、資源共享。學(xué)生在課堂上不可能掌握教師所講的所有內(nèi)容，加強(qiáng)互動(dòng)交流和平臺(tái)建設(shè)這樣有助于學(xué)生的課后復(fù)習(xí)鞏固，清楚學(xué)生在課堂上的疑問(wèn)。

2實(shí)驗(yàn)設(shè)計(jì)與大作業(yè)制作標(biāo)準(zhǔn)

制作一個(gè)主題網(wǎng)站，主要從下面三個(gè)主題中選擇：個(gè)人網(wǎng)頁(yè)、校園生活、文學(xué)。綜合運(yùn)用本課程所學(xué)的內(nèi)容知識(shí)，導(dǎo)航、布局清晰、信息分類合理?？梢詮木W(wǎng)上下載部分資料，但是不能超過(guò)整個(gè)內(nèi)容的30%，絕對(duì)不允許直接從網(wǎng)上下一個(gè)網(wǎng)站，一經(jīng)發(fā)現(xiàn)直接記0分，總的頁(yè)數(shù)應(yīng)超過(guò)8頁(yè)。（一個(gè)包含主題內(nèi)容的html文件或asp文件算一頁(yè)。）具體要求如下：（1）站點(diǎn)結(jié)構(gòu)清晰，站點(diǎn)內(nèi)文件夾名、文件名命名規(guī)范，杜絕使用中文漢字。(5分)（2）頁(yè)面布局可采用表格或者css+div。（10分）（3）創(chuàng)建模板，并根據(jù)模板至少創(chuàng)建1個(gè)頁(yè)面。（10分）（4）為一個(gè)頁(yè)面添加浮動(dòng)框架，并有鏈接的頁(yè)面顯示到浮動(dòng)框架部分。（10分）。（5）使用css樣式美化網(wǎng)頁(yè)。（10分）（6）網(wǎng)頁(yè)中必須有插入圖像、文字、鼠標(biāo)經(jīng)過(guò)圖像等頁(yè)面元素，并與主題相關(guān)。（10分）（7）要求首頁(yè)中加載5種鏈接方法：內(nèi)部鏈接，外部鏈接、郵件鏈接、錨點(diǎn)鏈接、圖像鏈接。（15分）（8）網(wǎng)站中應(yīng)用的方法和技巧的種類多少。（10分）（9）網(wǎng)站中無(wú)斷掉的鏈接和孤立的文件。（10分）（10）制作一份網(wǎng)站設(shè)計(jì)說(shuō)明書，放在站點(diǎn)總文件夾中，并用A4紙打印一份。（該說(shuō)明書必須能夠體現(xiàn)制作網(wǎng)站的過(guò)程，否則視為抄襲以0分計(jì)。）（10分）在網(wǎng)站制作過(guò)程中應(yīng)注意以下幾點(diǎn)事項(xiàng)：（1）建立站點(diǎn)，圖片存放在文件夾images中。（2）所做網(wǎng)頁(yè)的首頁(yè)文件名必須為index.html。（3）不要忘記給每個(gè)頁(yè)面命名。（4）所以文件和目錄名全部使用英文字母和數(shù)字，不得漢字和全角字符。（5）網(wǎng)上下載的文字要注意刪除多余的超級(jí)鏈接和？之類。（6）最好在每個(gè)頁(yè)面加一個(gè)超級(jí)鏈接返回首頁(yè)。（7）網(wǎng)頁(yè)的總?cè)萘恳话悴灰笥?5mb。（8）如果網(wǎng)站制作粗糙，站點(diǎn)結(jié)構(gòu)混亂，每個(gè)扣5-10分。（9）如果運(yùn)用的動(dòng)畫、圖片等不符合作品反映內(nèi)容扣5-10分不等。將制作的網(wǎng)頁(yè)及說(shuō)明書壓縮成一個(gè)文件，文件名為：學(xué)號(hào)_姓名_班級(jí)。

3團(tuán)隊(duì)協(xié)作

在網(wǎng)頁(yè)制作過(guò)程中，鼓勵(lì)學(xué)生進(jìn)行分組討論，以團(tuán)隊(duì)形式完成作業(yè)，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力。在制作過(guò)程中，將同學(xué)們以5-7人分成一個(gè)課題小組，按照分工協(xié)作、組長(zhǎng)負(fù)責(zé)的原則加強(qiáng)同學(xué)之間互相討論、互相學(xué)習(xí)、取長(zhǎng)補(bǔ)短，一個(gè)團(tuán)隊(duì)的同學(xué)共同思考完成一個(gè)網(wǎng)站的制作，鍛煉學(xué)生的合作精神。設(shè)計(jì)多個(gè)題目供學(xué)生選擇，學(xué)生可以自選題目，充分發(fā)揮學(xué)生的興趣和主觀能動(dòng)性，在規(guī)定時(shí)間內(nèi)完成最后進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)匯報(bào)演示。

4《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的考核標(biāo)準(zhǔn)

多數(shù)課程通常采用筆試的方法，然而計(jì)算機(jī)類課程考核的重點(diǎn)是實(shí)際操作能力而非單一的理論知識(shí)?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程考核內(nèi)容過(guò)多偏于死記硬背的記憶性知識(shí)考核，就恰恰忽略了課程本身的性質(zhì)，因此應(yīng)重點(diǎn)培養(yǎng)學(xué)生的實(shí)踐能力。《網(wǎng)頁(yè)設(shè)計(jì)與制作》的課程考核方式要全面反映學(xué)生的真實(shí)學(xué)習(xí)水平、激發(fā)學(xué)生的學(xué)習(xí)興趣和制作靈感。為充分調(diào)動(dòng)學(xué)生課堂以及課后完成網(wǎng)頁(yè)制作的積極性，在具體的考核中平時(shí)成績(jī)占總成績(jī)的20%，期末大作業(yè)的網(wǎng)站設(shè)計(jì)占總成績(jī)的80%。這樣能夠調(diào)動(dòng)學(xué)生上課以及完成課堂練習(xí)和實(shí)驗(yàn)任務(wù)的積極性。

5結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)的人才培養(yǎng)目標(biāo)和方案必須適應(yīng)市場(chǎng)經(jīng)濟(jì)對(duì)人才的需求，培養(yǎng)具有能夠自主思考、開(kāi)拓創(chuàng)新和獨(dú)立解決實(shí)際問(wèn)題能力的學(xué)生，這也是高等教育的基本目標(biāo)。結(jié)合課程改革的《網(wǎng)頁(yè)設(shè)計(jì)與制作》教模式以學(xué)生為主題，發(fā)揮學(xué)生的主觀能動(dòng)性，鼓勵(lì)團(tuán)隊(duì)協(xié)作和師生平臺(tái)交流必將發(fā)揮重要的作用。

參考文獻(xiàn)：

[1]馬國(guó)德.對(duì)提高課堂教學(xué)質(zhì)量的一點(diǎn)思考[J].青海教育,2002(04):18.

[2]劉顯麗.網(wǎng)頁(yè)制作課程的整合研究[J].遼寧教育行政學(xué)院學(xué)報(bào),2005,(02):125-126.

[3]尹玉菡,楊萬(wàn)軍.非計(jì)算機(jī)專業(yè)《網(wǎng)頁(yè)設(shè)計(jì)制作》課程教學(xué)設(shè)計(jì)與實(shí)踐[J].遼寧師專學(xué)報(bào),2010,12(01):44-45.

[4]史科蕾，高詠欣.《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教與學(xué)[J].信息技術(shù)與信息化,2007(02):129-131.

[5]劉強(qiáng),張阿敏,翁艷彬.網(wǎng)頁(yè)設(shè)計(jì)與制作[M].北京:高等教育出版社,2010.

[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.

第5篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

本文著重分析了《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)存在的問(wèn)題，探索了《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的策略，以提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)質(zhì)量。

關(guān)鍵詞：

網(wǎng)頁(yè)設(shè)計(jì)與制作；課程；教學(xué)改革；策略

隨著互聯(lián)網(wǎng)的發(fā)展，互聯(lián)網(wǎng)已經(jīng)被廣泛運(yùn)用到人們的工作和生活之中，其中企業(yè)網(wǎng)站對(duì)企業(yè)的宣傳與發(fā)展有著重要作用，網(wǎng)頁(yè)設(shè)計(jì)與制作成為企業(yè)建設(shè)網(wǎng)站的重要技術(shù)支撐。因此，各企業(yè)積極引入高素質(zhì)網(wǎng)頁(yè)設(shè)計(jì)與制作人才的，強(qiáng)化企業(yè)網(wǎng)站建設(shè)。而高校作為為企業(yè)培養(yǎng)人才的基本場(chǎng)所，十分重視《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)的開(kāi)展，并在新課改背景下積極探索《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)改革的科學(xué)方法。但是，由于受傳高校教育模式的影響，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)在學(xué)習(xí)地位、實(shí)踐教學(xué)、師生溝通等方面都存在著一些問(wèn)題需要高校改進(jìn)。研究《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革不僅能夠提高教學(xué)質(zhì)量，培養(yǎng)高素質(zhì)網(wǎng)絡(luò)設(shè)計(jì)與制作人才，而且對(duì)企業(yè)發(fā)展和互聯(lián)網(wǎng)發(fā)展有著深刻意義。

1《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)存在的問(wèn)題

1.1學(xué)生學(xué)習(xí)被動(dòng)

長(zhǎng)期以來(lái)，我國(guó)高?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)多采用理論與實(shí)踐課程交替的教學(xué)方式，教師為學(xué)生講解基本的《網(wǎng)頁(yè)設(shè)計(jì)與制作》理論知識(shí)，并為學(xué)生進(jìn)行實(shí)踐操作師范，讓后讓學(xué)生根據(jù)課堂筆記或一級(jí)進(jìn)行模仿操作。在這種教學(xué)模式下，學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作處于被動(dòng)的地位，學(xué)生的積極性不高。具體來(lái)說(shuō)，有些學(xué)生不愿意聽(tīng)教師的理論知識(shí)講解，有些學(xué)生不愿意完成老師的網(wǎng)頁(yè)設(shè)計(jì)與制作作業(yè)，在課堂上出現(xiàn)睡覺(jué)、玩手機(jī)甚至是曠課現(xiàn)象，學(xué)生的專業(yè)基礎(chǔ)知識(shí)不扎實(shí)，無(wú)法將專業(yè)理論知識(shí)與網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)踐相結(jié)合。

1.2學(xué)生動(dòng)手能力較差

在教師進(jìn)行示范的時(shí)候，部分學(xué)生認(rèn)為教師致使拖動(dòng)鼠標(biāo)，具體操作內(nèi)容沒(méi)有難度，不愿意認(rèn)真觀察教師的示范，而到實(shí)踐鍛煉的時(shí)候，很多學(xué)生對(duì)具體的操作步驟不屑一顧，認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)與制作操作過(guò)于簡(jiǎn)答。但是當(dāng)學(xué)生真正上手進(jìn)行網(wǎng)絡(luò)設(shè)計(jì)與制作會(huì)發(fā)現(xiàn)自己對(duì)操作步驟和操作技巧不了解，無(wú)法進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作。另外，還有些學(xué)生的自我意識(shí)較強(qiáng)，不愿意按照教師的講解進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作，而是一味按照自己的經(jīng)驗(yàn)和想法設(shè)計(jì)制作網(wǎng)頁(yè)，導(dǎo)致網(wǎng)頁(yè)設(shè)計(jì)與制作的專業(yè)性和科學(xué)性不強(qiáng)。

1.3缺乏溝通

首先，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，教師與學(xué)生之間缺乏溝通與互動(dòng)。一方面，教師缺乏對(duì)學(xué)生的了解，無(wú)法掌握學(xué)生的學(xué)習(xí)現(xiàn)狀、學(xué)習(xí)興趣和學(xué)習(xí)需求，《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)只是按照教學(xué)大綱和教材開(kāi)展，缺乏對(duì)學(xué)生學(xué)習(xí)需求的重視。并且，很多教師在課堂講解的過(guò)程中一味追求講授的知識(shí)量，沒(méi)有涉及師生互動(dòng)環(huán)節(jié)，導(dǎo)致學(xué)生的課堂參與程度較低。另一方面，學(xué)生習(xí)慣了傳統(tǒng)的教師權(quán)威的師生關(guān)系，很多學(xué)生在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程學(xué)習(xí)的過(guò)程中不敢與教師溝通交流，也不敢向教師提問(wèn)，害怕教師批評(píng)和嘲諷；其次，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，學(xué)生之間缺乏溝通與互動(dòng)，很多學(xué)生都是獨(dú)自為戰(zhàn)，自行設(shè)計(jì)并制作網(wǎng)絡(luò)，但是，個(gè)人的知識(shí)和智慧是有限的，個(gè)人設(shè)計(jì)與制作網(wǎng)頁(yè)受到知識(shí)水平和專業(yè)技能的限制較大。

2《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的策略

2.1重新定位課程教學(xué)標(biāo)準(zhǔn)

首先，高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)應(yīng)積極重視企業(yè)的用人標(biāo)準(zhǔn)，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中重點(diǎn)培養(yǎng)學(xué)生的職業(yè)素養(yǎng)、團(tuán)隊(duì)精神、審美能力、美術(shù)功底、計(jì)算機(jī)技能等基礎(chǔ)能力和素質(zhì)；其次《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)應(yīng)加強(qiáng)重視課程教育目標(biāo)，根據(jù)新課改的課程教學(xué)要求強(qiáng)調(diào)學(xué)生創(chuàng)新思維和動(dòng)手操作能力的培養(yǎng)，使學(xué)生具備網(wǎng)頁(yè)正當(dāng)年規(guī)劃與構(gòu)建能力、網(wǎng)頁(yè)圖形設(shè)計(jì)能力、動(dòng)畫設(shè)計(jì)和制作能力等。

2.2優(yōu)化教學(xué)內(nèi)容

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)應(yīng)根據(jù)教學(xué)大綱和企業(yè)的用人要求科學(xué)設(shè)計(jì)教學(xué)內(nèi)容，將教學(xué)內(nèi)容氛圍Web基礎(chǔ)知識(shí)、Fireworks、Flash、Dreamweaver這四個(gè)模塊。具體來(lái)說(shuō)，Web基礎(chǔ)知識(shí)模塊主要包括網(wǎng)絡(luò)常用名、網(wǎng)頁(yè)瀏覽器、網(wǎng)頁(yè)設(shè)計(jì)原則等基礎(chǔ)知識(shí)。Fireworks主要包括基礎(chǔ)知識(shí)、基本操作技能和高級(jí)應(yīng)用。Flash主要包括基礎(chǔ)知識(shí)、基本動(dòng)畫制作技巧和高級(jí)技術(shù)等內(nèi)容。Dreamweaver主要包括基礎(chǔ)知識(shí)、網(wǎng)頁(yè)定位技術(shù)、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)站點(diǎn)管理、數(shù)據(jù)庫(kù)連接技術(shù)等知識(shí)。

2.3更新教學(xué)模式

高?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課堂教學(xué)應(yīng)積極更新教學(xué)模式，采用班級(jí)授課制、網(wǎng)絡(luò)教學(xué)、個(gè)別化教學(xué)等模式開(kāi)展課堂教學(xué)。并且，教師應(yīng)積極運(yùn)用高校的多媒體設(shè)備，讓每個(gè)學(xué)生在課堂上擁有一臺(tái)計(jì)算機(jī)，并使用多媒體技術(shù)向?qū)W生全面展示教學(xué)內(nèi)容，指導(dǎo)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作，加強(qiáng)學(xué)生的動(dòng)手練習(xí)。另外，高校《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)應(yīng)積極利用網(wǎng)絡(luò)中的教學(xué)資源，將網(wǎng)絡(luò)中的教學(xué)資源引入到教學(xué)活動(dòng)中，以視頻、圖片等形式向?qū)W生展示網(wǎng)頁(yè)設(shè)計(jì)與制作技巧，提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)的吸引力。

引用：

[1]《網(wǎng)頁(yè)制作》課程實(shí)踐教學(xué)模式的探索與設(shè)計(jì)[J].薛輝.電腦與電信. 2016(Z1)

第6篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

(北京吉利學(xué)院理工學(xué)院，中國(guó) 北京 102202)

【摘　要】以高職院校計(jì)算機(jī)專業(yè)學(xué)生的培養(yǎng)目標(biāo)出發(fā),探討網(wǎng)頁(yè)設(shè)計(jì)與制作課程課程標(biāo)準(zhǔn)的制定。對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的課程定位、設(shè)計(jì)思路、工作任務(wù)、課程目標(biāo)四方面的改革，以便提高這門課的教育教學(xué)質(zhì)量。

關(guān)鍵詞 教學(xué)改革；課程設(shè)計(jì)；課程目標(biāo)

1　課程定位

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是計(jì)算機(jī)應(yīng)用技術(shù)、信息管理、電子商務(wù)等專業(yè)的一門核心課程，也是其他計(jì)算機(jī)專業(yè)的普及型課程，它涵蓋了HTML設(shè)計(jì)、JavaScript腳本編程語(yǔ)言、CSS等相關(guān)知識(shí)，全面介紹WEB站點(diǎn)設(shè)計(jì)的基本操作技術(shù)和使用技巧。課程以目前最常用的網(wǎng)頁(yè)三劍客為主要工具，通過(guò)學(xué)習(xí)要求學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)的基本概念，了解常用腳本語(yǔ)言html，了解網(wǎng)頁(yè)設(shè)計(jì)方法，初步掌握DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)。同時(shí)通過(guò)本課程的學(xué)習(xí)，提高學(xué)生的操作技能，培養(yǎng)學(xué)生踏實(shí)認(rèn)真、精益求精、團(tuán)結(jié)合作、創(chuàng)新的精神，培養(yǎng)良好的職業(yè)道德。

2　設(shè)計(jì)思路

經(jīng)過(guò)不斷學(xué)習(xí)、深入調(diào)研，根據(jù)高等職業(yè)教育培養(yǎng)目標(biāo)要求，根據(jù)職業(yè)崗位的任職要求，從多元智能的人才觀、能力本位的教育觀出發(fā)，確立了“基于職業(yè)工作過(guò)程，以培養(yǎng)職業(yè)能力和素質(zhì)為重點(diǎn)，實(shí)施任務(wù)驅(qū)動(dòng)教學(xué)”的課程設(shè)計(jì)理念。本課程是按行動(dòng)導(dǎo)向教學(xué)理念進(jìn)行項(xiàng)目式教學(xué)改革的試點(diǎn)課程。通過(guò)在多個(gè)專業(yè)試點(diǎn)，我們按照項(xiàng)目教學(xué)的要求，創(chuàng)設(shè)了行動(dòng)導(dǎo)向的項(xiàng)目教學(xué)，不僅將網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)有機(jī)地融入到工作任務(wù)，還結(jié)合學(xué)生所處的不同時(shí)期、不同狀態(tài)以及正在學(xué)習(xí)的不同內(nèi)容，有針對(duì)性的嵌入了影響學(xué)生就業(yè)的職業(yè)素質(zhì)的培養(yǎng)單元，進(jìn)一步地加強(qiáng)了項(xiàng)目教學(xué)的職業(yè)針對(duì)性。課程以商務(wù)型專業(yè)網(wǎng)站平臺(tái)服務(wù)崗位需求為導(dǎo)向，以網(wǎng)頁(yè)設(shè)計(jì)職業(yè)能力培養(yǎng)為重點(diǎn)，以商務(wù)網(wǎng)站項(xiàng)目為載體，實(shí)現(xiàn)課程設(shè)計(jì)與開(kāi)發(fā)的創(chuàng)新。網(wǎng)頁(yè)設(shè)計(jì)教學(xué)按照網(wǎng)頁(yè)設(shè)計(jì)員的崗位職業(yè)能力要求進(jìn)行課程設(shè)計(jì)，圍繞完成一個(gè)真實(shí)的工作任務(wù)開(kāi)展教學(xué)，把學(xué)習(xí)與工作融為一體，通過(guò)指導(dǎo)學(xué)生完成一系列的實(shí)際工作任務(wù)來(lái)達(dá)到職業(yè)能力目標(biāo)的要求，重點(diǎn)培養(yǎng)學(xué)生開(kāi)發(fā)簡(jiǎn)單商業(yè)網(wǎng)站的崗位能力和職業(yè)素養(yǎng)。通過(guò)本課程的學(xué)習(xí)，要求學(xué)生能夠成為從事網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)界面設(shè)計(jì)等工作的應(yīng)用技術(shù)型人才。

3　工作任務(wù)

“網(wǎng)站建設(shè)與維護(hù)”職業(yè)崗位具體的工作為：在一種操作系統(tǒng)平臺(tái)下綜合利用各種相關(guān)軟件完成網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)的工作。對(duì)于該崗位的從業(yè)人員人員來(lái)說(shuō)，必須懂得Internet、網(wǎng)頁(yè)設(shè)計(jì)與制作、后臺(tái)數(shù)據(jù)庫(kù)設(shè)計(jì)和建立、網(wǎng)站規(guī)劃與建設(shè)、通訊及網(wǎng)絡(luò)技術(shù)等技術(shù)方面的專業(yè)知識(shí)。具備網(wǎng)站規(guī)劃，靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)，建立動(dòng)態(tài)站，進(jìn)行網(wǎng)站的上傳、更新、維護(hù)的能力，同時(shí)必須具備一定的平面設(shè)計(jì)基礎(chǔ)。其中網(wǎng)頁(yè)設(shè)計(jì)與制作員，其典型的工作任務(wù)是按照客戶的要求進(jìn)行網(wǎng)站規(guī)劃和網(wǎng)頁(yè)設(shè)計(jì)，運(yùn)用Dreamweaver、 Fireworks、flash等網(wǎng)頁(yè)制作工具完成網(wǎng)頁(yè)的制作及網(wǎng)站建設(shè)。也為今后勝任小型動(dòng)態(tài)網(wǎng)站建設(shè)、大型網(wǎng)站的規(guī)劃與建設(shè)工作打好基礎(chǔ)。

在《網(wǎng)頁(yè)設(shè)計(jì)與制作》學(xué)習(xí)領(lǐng)域中貫穿兩個(gè)平行的工作總?cè)蝿?wù)；一個(gè)是模仿型總?cè)蝿?wù)：《拓展運(yùn)動(dòng)會(huì)精彩回放》網(wǎng)站設(shè)計(jì)與制作；一個(gè)是開(kāi)放型總?cè)蝿?wù)：“以業(yè)余愛(ài)好為題材的個(gè)人網(wǎng)站”設(shè)計(jì)與制作；模仿型總?cè)蝿?wù)來(lái)源于我校學(xué)生拓展運(yùn)動(dòng)會(huì)，這是一個(gè)真實(shí)的工作任務(wù)，也是一個(gè)學(xué)生感興趣的任務(wù)。以模仿型總?cè)蝿?wù)作為教學(xué)載體，教學(xué)的基本要求和完成實(shí)際工作所要求的基本知識(shí)、技能都融入在該任務(wù)中。根據(jù)網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)的實(shí)際工作流程，將該任務(wù)切分成若干子任務(wù)，學(xué)生依據(jù)任務(wù)樣本，在教師的示范引導(dǎo)下通過(guò)模仿而逐個(gè)完成子任務(wù)，最后完成總?cè)蝿?wù)，獲取學(xué)習(xí)成果。與完成該模仿型總?cè)蝿?wù)相平行，以開(kāi)放型總?cè)蝿?wù)作為教學(xué)拓展。教師只給出原則性要求，網(wǎng)站內(nèi)容依據(jù)學(xué)生個(gè)人愛(ài)好自由確定，技術(shù)的運(yùn)用在滿足原則要求的前提下由學(xué)生創(chuàng)意發(fā)揮，實(shí)現(xiàn)知識(shí)的拓展和能力的進(jìn)一步提高。

4　課程目標(biāo)

4.1　教學(xué)目標(biāo)

了解WWW、HTTP、HTML、CSS的定義、概念和作用；

理解服務(wù)器、客戶端、瀏覽器的概念和作用；

理解HTML語(yǔ)言中的常見(jiàn)標(biāo)記及其作用；

熟練掌握Dreamweaver的基本操作方法；

理解表格、框架、層的作用，掌握設(shè)置其屬性的方法；

理解CSS樣式表的作用和意義，掌握定義CSS樣式的方法；

理解表單的作用，掌握設(shè)置表單元素屬性的方法；

理解行為的作用，掌握設(shè)置行為的方法；

理解模板和庫(kù)的作用。

4.2　技能教學(xué)目標(biāo)

會(huì)使用Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)工具制作網(wǎng)頁(yè)；

會(huì)根據(jù)需要修改HTML語(yǔ)言中的標(biāo)記，設(shè)置相關(guān)標(biāo)記的屬性；

能夠熟悉進(jìn)行網(wǎng)頁(yè)文本、圖像、超鏈接、表格操作，并按要求設(shè)置其屬性；

能夠熟練運(yùn)用表格、層、框架等進(jìn)行網(wǎng)頁(yè)布局；

熟練掌握CSS樣式的定義和修改，并能根據(jù)實(shí)際需要進(jìn)行CSS樣式的定義和應(yīng)用；

熟練掌握表單制作方法，能夠根據(jù)要求進(jìn)行表單的設(shè)計(jì)；

能夠在網(wǎng)頁(yè)中根據(jù)要求設(shè)置行為；

熟練掌握模板設(shè)計(jì)方法，能夠根據(jù)實(shí)際需要進(jìn)行模板設(shè)計(jì)，并能使用模板生成相應(yīng)的網(wǎng)頁(yè)；掌握庫(kù)的基本操作方法，會(huì)使用庫(kù)簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)。

4.3　素質(zhì)教學(xué)目標(biāo)

具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；

具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；

具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神；

具有一定的科學(xué)思維方式和判斷分析問(wèn)題的能力；

具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。

通過(guò)本課程的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)的基本原則、欄目和目錄結(jié)構(gòu)定義、主流頁(yè)面布局方法、導(dǎo)航制作、圖文排版、色彩理論等進(jìn)行詳細(xì)了解。掌握網(wǎng)站規(guī)劃、設(shè)計(jì)、制作、管理、的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能；并熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架標(biāo)記及屬性設(shè)計(jì)出框架網(wǎng)頁(yè)、表單網(wǎng)頁(yè)、多媒體動(dòng)態(tài)網(wǎng)頁(yè)；掌握使用css技術(shù)進(jìn)行網(wǎng)頁(yè)布局的基本方法。掌握J(rèn)avaScript腳本語(yǔ)言的基本語(yǔ)法知識(shí)，HTML中JavaScript程序的嵌入方法，對(duì)象的概念及使用JavaScript來(lái)進(jìn)行開(kāi)發(fā)、維護(hù)、管理和設(shè)置WEB應(yīng)用程序；掌握綜合網(wǎng)站設(shè)計(jì)和的基本流程和方法。

參考文獻(xiàn)

［1］鄭婭峰.網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)[M].清華大學(xué)出版社,2011,9(2).

第7篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；問(wèn)題分析；教學(xué)設(shè)計(jì)

二十一世紀(jì)是信息化的時(shí)代，通過(guò)互聯(lián)網(wǎng)，就能達(dá)到足不出戶便可了解世界的目的。為了加深對(duì)互聯(lián)網(wǎng)的了解，《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課的出現(xiàn)就成為了必然。

1 《網(wǎng)頁(yè)設(shè)計(jì)與制作》現(xiàn)狀問(wèn)題分析

（1）對(duì)課程不了解

很多學(xué)生都有這個(gè)困惑，這門課能干什么？答案就是--開(kāi)發(fā)網(wǎng)站！簡(jiǎn)單的來(lái)說(shuō)，學(xué)好了這門課，你就有開(kāi)發(fā)、設(shè)計(jì)網(wǎng)站的能力。這門課包含了靜態(tài)網(wǎng)頁(yè)制作、動(dòng)態(tài)網(wǎng)頁(yè)制作、Photoshop、數(shù)據(jù)庫(kù)以及程序的開(kāi)發(fā)等。通過(guò)程序代碼將網(wǎng)頁(yè)與數(shù)據(jù)庫(kù)連接，可以實(shí)現(xiàn)信息的實(shí)時(shí)更新。使你的網(wǎng)站成為一個(gè)"有生命"的網(wǎng)站。通過(guò)DIV層、框架、flash、樣式表等對(duì)網(wǎng)頁(yè)進(jìn)行布局和規(guī)劃，再加上像JavaScript這種腳本語(yǔ)言來(lái)實(shí)現(xiàn)用戶與網(wǎng)頁(yè)的互動(dòng)功能，經(jīng)過(guò)這些專業(yè)技能的學(xué)習(xí)，讓學(xué)生真正掌握一種技術(shù)。

（2）學(xué)校以及教師的指導(dǎo)不夠

很多老師通過(guò)上理論課的時(shí)候?qū)⒅R(shí)授予學(xué)生，并未在做后續(xù)的指導(dǎo)，這是一門重在實(shí)踐的課程，多實(shí)踐才能熟練。學(xué)校開(kāi)展相關(guān)專業(yè)的比賽活動(dòng)很少，僅憑平常的上機(jī)實(shí)踐很難完全掌握所學(xué)內(nèi)容。

（3）側(cè)重點(diǎn)不明確

很多學(xué)校教師在上這門課時(shí)，將很大一部分精力放在了對(duì)工具的操作上，而忽略了內(nèi)容的講解，這就導(dǎo)致學(xué)生可能工具用的不錯(cuò)，但是做出來(lái)的東西卻很一般，甚至于連一些基本的功能都不能實(shí)現(xiàn)。有的學(xué)生不太明白這門課程的含義，不知道學(xué)這個(gè)有什么用，將來(lái)能干什么，態(tài)度比較猶豫，這也導(dǎo)致對(duì)這門課不重視。

2 解決當(dāng)前問(wèn)題的方法

（1）學(xué)校教學(xué)思路

這門課程分為理論部分跟實(shí)踐部分，理論知識(shí)的講解一般在課堂上進(jìn)行，通過(guò)授課教師的講解，同學(xué)之間的演講和作品展示來(lái)進(jìn)行學(xué)習(xí)，舉例學(xué)習(xí)是一種更快更有效率的教學(xué)方法，授課教師可以結(jié)合案例跟教材的內(nèi)容去詳細(xì)給學(xué)生進(jìn)行分析。通過(guò)有效正確的教學(xué)方法來(lái)提高學(xué)校的教學(xué)質(zhì)量。在實(shí)踐部分，將重心放在學(xué)生上面，著重鍛煉和培養(yǎng)學(xué)生自主動(dòng)手實(shí)踐的能力，學(xué)生有自己的想法后，可以結(jié)合教材自己去做網(wǎng)頁(yè)，教師在布置任務(wù)不應(yīng)死板的規(guī)定學(xué)生們必須要完成一個(gè)相同的作品，這樣容易將一些學(xué)生的想法鎖死。在課程設(shè)計(jì)上，讓學(xué)生以自己的想法去進(jìn)行設(shè)計(jì)是《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課的一個(gè)關(guān)鍵點(diǎn)，充分展示學(xué)生的想法跟意見(jiàn)，讓學(xué)生創(chuàng)造自己的作品，培養(yǎng)學(xué)生的創(chuàng)新意識(shí)。學(xué)校應(yīng)該多給學(xué)生提供一些可供實(shí)踐操作以及討論的機(jī)會(huì)，尤其是用所學(xué)知識(shí)去解決實(shí)際問(wèn)題的機(jī)會(huì)，與此同時(shí)，還應(yīng)讓學(xué)生自己創(chuàng)造機(jī)會(huì)，慢慢建立自己的學(xué)習(xí)方式。

（2）教師的教學(xué)理念

如今的社會(huì)，互聯(lián)網(wǎng)的普及率非常高，各種新興的行業(yè)發(fā)展非常迅猛，所以，學(xué)校授課內(nèi)容應(yīng)該緊跟時(shí)代的發(fā)展。技術(shù)是在不斷更新的，育人的目的就是想找到一份好的工作，將就業(yè)放在第一位，及時(shí)歸納總結(jié)問(wèn)題，現(xiàn)實(shí)遇到的問(wèn)題及時(shí)解決達(dá)到活學(xué)活用的目的。教師在授課的同時(shí)，應(yīng)該深入研究教學(xué)要求，確保教學(xué)內(nèi)容跟目的合理性，考慮不同學(xué)生的實(shí)際情況去合理教學(xué)。鼓勵(lì)學(xué)生自我動(dòng)手實(shí)踐能力，支持與同學(xué)一起探討問(wèn)題，教師要積極幫助學(xué)生解決他們所遇到的問(wèn)題，學(xué)生通過(guò)對(duì)教材內(nèi)容的了解，結(jié)合課程模塊方面的實(shí)踐將學(xué)到的知識(shí)運(yùn)用到實(shí)際生活中，最大程度的激發(fā)學(xué)生學(xué)習(xí)的熱情，進(jìn)而形成良好的學(xué)習(xí)習(xí)慣。很多大學(xué)生對(duì)未來(lái)沒(méi)有清晰的規(guī)劃，在就業(yè)選擇上不知該如何做出選擇，所以他們主觀意識(shí)上不太確定自己適合做什么，這就導(dǎo)致他們?cè)谶x專業(yè)上的猶豫和不明確。校方要多做對(duì)學(xué)生未來(lái)職業(yè)方面指導(dǎo)的工作，讓學(xué)生能從一而終認(rèn)真專心的學(xué)習(xí)，不再將心思放在"能不能找到工作"上，方向明確了，自然而然學(xué)習(xí)動(dòng)力就會(huì)充足。

（3）解決學(xué)生的困惑

《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程，教師給學(xué)生應(yīng)該傳達(dá)這樣一個(gè)信息：在已經(jīng)掌握的技術(shù)水平跟理論知識(shí)之上，還要能夠獨(dú)立去實(shí)踐。把重點(diǎn)教給學(xué)生，合理平衡的分配理論知識(shí)與實(shí)踐操作所占比例，在掌握學(xué)習(xí)工具以后，一定要多實(shí)踐，多去了解學(xué)習(xí)理論方面的知識(shí)，技術(shù)在不斷進(jìn)步，學(xué)無(wú)止境，要不斷的更新自己的知識(shí)，而不能安于現(xiàn)狀。一種技術(shù)可能就是將來(lái)的求生技能，所以，學(xué)生對(duì)任何東西不要有排斥的心理，既然能有一門課程，那肯定是有道理的，有的學(xué)生不愿意去學(xué)習(xí)，是因?yàn)樗涣私膺@門課程的作用，這時(shí)候，教師跟學(xué)校扮演了相當(dāng)重要的角色，他們應(yīng)該為學(xué)生答疑解難，讓他們明白課程的重要性以及作用。及時(shí)指正他們認(rèn)知上的錯(cuò)誤。

3 結(jié)語(yǔ)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門涉及面很廣的課程，在教師的教學(xué)方法跟課程設(shè)計(jì)實(shí)踐的作用下，都能去激發(fā)出學(xué)生對(duì)這門課的興趣，學(xué)生自主的探究學(xué)習(xí)可以豐富完善他們的專業(yè)技能更能加深印象，教師在傳授專業(yè)知識(shí)時(shí)應(yīng)該讓學(xué)生明白這門課程的特色和作用，可以使他們?cè)诮窈蟮膶W(xué)習(xí)和擇業(yè)中方向更加明確。

參考文獻(xiàn)：

[1]張宏升，章明珠.《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)體系的構(gòu)建與研究[J].電子制作，2015，（9）.

第8篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；實(shí)例教學(xué)；教學(xué)方法；中等職業(yè)學(xué)校

中圖分類號(hào)：TP3-4

近年來(lái)，網(wǎng)絡(luò)技術(shù)已經(jīng)成為推動(dòng)社會(huì)經(jīng)濟(jì)飛速發(fā)展的重要基礎(chǔ)，滲透到了社會(huì)發(fā)展的各個(gè)部門和領(lǐng)域。網(wǎng)絡(luò)技術(shù)的迅速發(fā)展和普及，使網(wǎng)頁(yè)設(shè)計(jì)日益顯得重要。[1]我校把《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程作為計(jì)算機(jī)應(yīng)用及相關(guān)專業(yè)的一門重要專業(yè)基礎(chǔ)課程，目的是讓學(xué)生能夠掌握網(wǎng)頁(yè)制作和網(wǎng)站開(kāi)發(fā)，畢業(yè)后能夠進(jìn)行網(wǎng)站的設(shè)計(jì)開(kāi)發(fā)與維護(hù)工作，可以使學(xué)生更好的就業(yè)。為實(shí)現(xiàn)這個(gè)教學(xué)目標(biāo)，在近幾年的教學(xué)過(guò)程中，我根據(jù)學(xué)生實(shí)際情況采用適當(dāng)?shù)慕虒W(xué)方法作了很多的嘗試，在教學(xué)過(guò)程中應(yīng)該逐漸總結(jié)出一套以實(shí)例為授課重點(diǎn)的教學(xué)方法，取得了很好的教學(xué)效果，較好的實(shí)現(xiàn)了教學(xué)目標(biāo)，提高了學(xué)生綜合能力。下面，我對(duì)近幾年的探索做以下總結(jié)。

1 以實(shí)踐應(yīng)用為目的來(lái)制定教學(xué)方案

教學(xué)目的是教學(xué)方案設(shè)計(jì)的出發(fā)點(diǎn)以及歸宿。一個(gè)好的教學(xué)方案，應(yīng)能較好地達(dá)到教學(xué)目的。本課程的目的是培養(yǎng)學(xué)生的網(wǎng)站設(shè)計(jì)及開(kāi)發(fā)能力，這個(gè)目的服從于職業(yè)教學(xué)目的，就是滿足社會(huì)發(fā)展和就業(yè)需求。因此，教學(xué)方案要側(cè)重于掌握常識(shí)和訓(xùn)練技術(shù)、技巧。[2]

2 以實(shí)例教學(xué)來(lái)激發(fā)學(xué)生學(xué)習(xí)興趣

以教學(xué)目的為中心，精心挑選實(shí)例，用實(shí)例串聯(lián)知識(shí)點(diǎn)，貫穿教學(xué)過(guò)程。具體做法是通過(guò)選擇適合中專學(xué)生階段感興趣的日常學(xué)習(xí)和生活中具體實(shí)例，將這些實(shí)例分解到每次的課堂教學(xué)中實(shí)現(xiàn)。授課時(shí)先展示網(wǎng)頁(yè)效果，再講解相關(guān)內(nèi)容，激發(fā)學(xué)生的學(xué)習(xí)興趣，讓學(xué)生產(chǎn)生一種迫切想要實(shí)現(xiàn)實(shí)例的要求，讓學(xué)生變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)。實(shí)踐證明，這樣的教學(xué)方式，學(xué)生不僅能實(shí)現(xiàn)課堂實(shí)例，而且能靈活運(yùn)用課堂知識(shí)，完成自己的設(shè)計(jì)。

一般情況下，我主要規(guī)定主頁(yè)的制作要求，而各個(gè)分頁(yè)依據(jù)學(xué)生自身的愛(ài)好去設(shè)計(jì)，充分發(fā)揮學(xué)生能動(dòng)性和想象力，調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性。這樣就改正了以往學(xué)生可能對(duì)上課講的內(nèi)容聽(tīng)明白了，但實(shí)際操作時(shí)，又無(wú)從下手的缺陷。這樣就會(huì)取得良好的教學(xué)效果，使學(xué)生每節(jié)課既鞏固了以往所學(xué)知識(shí)，又都有新收獲，極大的激發(fā)了學(xué)生的學(xué)習(xí)興趣。

3 以任務(wù)來(lái)驅(qū)動(dòng)來(lái)加強(qiáng)學(xué)生自主學(xué)習(xí)能力

“熟能生巧”，大量反復(fù)的練習(xí)是培養(yǎng)學(xué)生自主實(shí)踐能力最有益的辦法。教師在講完理論常識(shí)和相應(yīng)實(shí)例后，應(yīng)馬上布置大量難度相當(dāng)?shù)木毩?xí)作業(yè)，要求作業(yè)依據(jù)學(xué)生自身的愛(ài)好去設(shè)計(jì)，充分發(fā)揮學(xué)生的能動(dòng)性和想象力。[3]及時(shí)收集作業(yè)，引起學(xué)生的重視。選擇典型的學(xué)生作業(yè)進(jìn)行評(píng)析，對(duì)學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)中易出現(xiàn)的共同問(wèn)題進(jìn)行糾正，對(duì)作業(yè)完成優(yōu)秀的進(jìn)行表?yè)P(yáng)，激發(fā)學(xué)生互相競(jìng)爭(zhēng)與學(xué)習(xí)，來(lái)提高學(xué)生的自主學(xué)習(xí)和設(shè)計(jì)能力。[4]

通過(guò)練習(xí)、實(shí)踐，不僅可以提高學(xué)生的動(dòng)手操作能力，同時(shí)也是教師檢驗(yàn)教學(xué)效果、發(fā)現(xiàn)學(xué)生問(wèn)題的好機(jī)會(huì)。收集作業(yè)的方式也是多樣化，可當(dāng)堂點(diǎn)評(píng)，也可以通過(guò)教學(xué)軟件進(jìn)行收集，通網(wǎng)絡(luò)進(jìn)行收集。

4 利用網(wǎng)絡(luò)啟發(fā)學(xué)生的創(chuàng)造力

通過(guò)讓學(xué)生上網(wǎng)多欣賞優(yōu)秀的網(wǎng)站網(wǎng)頁(yè)，讓學(xué)生學(xué)會(huì)欣賞他人作品，理解和觀察優(yōu)秀作品。鼓勵(lì)學(xué)生通過(guò)網(wǎng)絡(luò)上網(wǎng)站設(shè)計(jì)的論壇，加強(qiáng)和更多的同行高手來(lái)交流學(xué)習(xí)，學(xué)習(xí)更多的人設(shè)計(jì)和創(chuàng)作的經(jīng)驗(yàn)和教訓(xùn)，來(lái)提高自己的能力。只有多欣賞，多學(xué)習(xí)，才能在腦中形成一定的意識(shí)，才能學(xué)會(huì)模仿，進(jìn)而為下一步的創(chuàng)作打下基礎(chǔ)。這樣讓學(xué)生不光在課堂學(xué)習(xí)，課外也可以的自主學(xué)習(xí)。并鼓勵(lì)學(xué)生到提供空間服務(wù)的站點(diǎn)申請(qǐng)主頁(yè)空間，上傳自己的作品到空間中，讓更多的人來(lái)欣賞自己的作品，品評(píng)自己的作品，這樣可以看到他人和自己的優(yōu)缺點(diǎn)。在授課過(guò)程中，我會(huì)要求學(xué)生先申請(qǐng)免費(fèi)空間，再把自己的作品上傳到空間，然后讓學(xué)生公開(kāi)自己的空間網(wǎng)址，最后進(jìn)行集中欣賞或個(gè)別欣賞。我校學(xué)生在一些網(wǎng)站上申請(qǐng)免費(fèi)空間及上傳作品。在利用網(wǎng)絡(luò)教學(xué)過(guò)程中，教師要注意教學(xué)過(guò)程中出現(xiàn)的上網(wǎng)管理的問(wèn)題，組織好課堂秩序。

5 通過(guò)合作建站加強(qiáng)學(xué)生團(tuán)隊(duì)意識(shí)

當(dāng)學(xué)生掌握了網(wǎng)頁(yè)設(shè)計(jì)的基本知識(shí)和技能后，還要鍛煉學(xué)生的綜合制作能力，要把所學(xué)知識(shí)運(yùn)用到實(shí)例中。前一階段的學(xué)習(xí)每堂課學(xué)生的作業(yè)都緊密圍繞當(dāng)前所授課程實(shí)例網(wǎng)站進(jìn)行，而在最后的綜合制作期間，如教材第十二章可根據(jù)上課內(nèi)容安排學(xué)生完成相應(yīng)的設(shè)計(jì)，分階段分小組完成。并且在設(shè)計(jì)過(guò)程中要形成完整的網(wǎng)頁(yè)設(shè)計(jì)報(bào)告。在網(wǎng)頁(yè)制作的報(bào)告中，主要有如下內(nèi)容：內(nèi)容簡(jiǎn)介、主要模塊劃分、網(wǎng)頁(yè)布局的實(shí)現(xiàn)方法、網(wǎng)頁(yè)間超級(jí)鏈接的跳轉(zhuǎn)關(guān)系圖等。報(bào)告是根據(jù)網(wǎng)站設(shè)計(jì)的進(jìn)行逐步完成。這有利于教師了解學(xué)生設(shè)計(jì)的思路及遇到的問(wèn)題，及時(shí)調(diào)整教學(xué)內(nèi)容、改進(jìn)教學(xué)方法，從而提高教學(xué)效果。報(bào)告從初稿到完成需要一定的過(guò)程，是根據(jù)網(wǎng)站的具體設(shè)計(jì)來(lái)不斷修改，加以完善的。根據(jù)網(wǎng)站制作要求，在不影響整體效果情況下，學(xué)生可以在制作過(guò)程中加入自己的想法，運(yùn)用自己所善長(zhǎng)所感興趣的方法來(lái)制作網(wǎng)頁(yè)。這樣既不失整體，又會(huì)各有特色。

綜合網(wǎng)站的制作是需要學(xué)生做稍微復(fù)雜的網(wǎng)站，這就需要鼓勵(lì)學(xué)生以團(tuán)隊(duì)協(xié)作的方式完成任務(wù)，鍛煉學(xué)生的團(tuán)隊(duì)協(xié)作能力，為日后的工作打下基礎(chǔ)。在設(shè)計(jì)過(guò)程中，分小組進(jìn)行制作，幾個(gè)人一組選擇網(wǎng)站中的同一主題。安排學(xué)生分組對(duì)抗，合作建站，充分發(fā)揮每個(gè)學(xué)生的創(chuàng)造力，通過(guò)團(tuán)隊(duì)協(xié)作的方式完成任務(wù)，鍛煉學(xué)生的團(tuán)隊(duì)協(xié)作能力。另外，在設(shè)計(jì)過(guò)程中，分小組進(jìn)行制作，幾個(gè)人一組選擇網(wǎng)站中的同一主題，有利于學(xué)生共同討論、解決設(shè)計(jì)中的難題，也有利于互相學(xué)習(xí)，取長(zhǎng)補(bǔ)短提高自己的設(shè)計(jì)水平。[5]

6 適當(dāng)?shù)耐卣菇虒W(xué)，培養(yǎng)學(xué)生的綜合能力，讓優(yōu)秀學(xué)生更進(jìn)一步發(fā)展

《網(wǎng)頁(yè)設(shè)計(jì)與制作課》是一門綜合課程，它涉及到色彩、圖像處理、動(dòng)畫制作、視頻制作等其他綜合知識(shí)。要想學(xué)好這門課程，就得了解和應(yīng)用這些知識(shí)，由于課堂資源和時(shí)間有限，在具體授課過(guò)程中不能全部學(xué)習(xí)，我在教學(xué)過(guò)程中主要讓學(xué)生了解色彩設(shè)計(jì)與版式設(shè)計(jì)，這樣學(xué)生做出來(lái)的網(wǎng)頁(yè)才能具有美感，讓人眼前一亮。在教學(xué)過(guò)程中，要適當(dāng)引導(dǎo)和培養(yǎng)學(xué)生的綜合能力，盡量讓學(xué)生從多方面進(jìn)行發(fā)展。

7 合適評(píng)價(jià)機(jī)制，激勵(lì)學(xué)生的進(jìn)一步學(xué)習(xí)

適時(shí)合適的評(píng)價(jià)，對(duì)學(xué)生是很好的激勵(lì)方式。只有在學(xué)習(xí)過(guò)程中不斷評(píng)價(jià)，才能讓學(xué)生認(rèn)識(shí)到自己的優(yōu)點(diǎn)與不足。在評(píng)價(jià)過(guò)程中教師要注意語(yǔ)言表達(dá)，對(duì)學(xué)生的優(yōu)點(diǎn)要給予肯定，對(duì)于不足也要給予指導(dǎo)，盡量讓學(xué)生做到“做好不驕傲，不好不氣餒”。適時(shí)評(píng)價(jià)還可以全面真實(shí)地反映學(xué)生的學(xué)習(xí)水平，而且有利于反映教學(xué)中的問(wèn)題。如在理論知識(shí)與實(shí)踐應(yīng)用方面，一般學(xué)生容易注重實(shí)踐應(yīng)用而忽略理論知識(shí)，這就要求教師在平時(shí)考查時(shí)適當(dāng)加入理論基礎(chǔ)及口試。另外，評(píng)價(jià)時(shí)還應(yīng)該讓學(xué)生從創(chuàng)意、版式、色彩、特色等方面介紹一下自己的作品，這樣可以考查學(xué)生對(duì)整個(gè)網(wǎng)站開(kāi)發(fā)的思路及方法，同時(shí)考查學(xué)生口頭表達(dá)能力、與人溝通能力。

以上是我在近幾年的教學(xué)過(guò)程中摸索出來(lái)的一些教學(xué)方法，在課程結(jié)束時(shí)，絕大部分學(xué)生可以完成一個(gè)完整的網(wǎng)站，并把自己的網(wǎng)站上傳到網(wǎng)絡(luò)空間，還可以時(shí)常更新和維護(hù)自己的網(wǎng)站。實(shí)踐證明，這些方法可以激發(fā)學(xué)生的學(xué)習(xí)興趣，提高教學(xué)效果，能夠有效完成教學(xué)目的。

參考文獻(xiàn)：

[1]曹麗明.網(wǎng)頁(yè)設(shè)計(jì)與制作[M].北京：中華工商聯(lián)合出版社，2007.

[2]劉靜.項(xiàng)目教學(xué)法在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的應(yīng)用研究[J].中國(guó)科教創(chuàng)新導(dǎo)刊，2009.

[3]賈海陶.淺談《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)方法與研究[J].魅力中國(guó)，2010（9）.

[4]張偉娜.《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)的探討與實(shí)踐[J].中國(guó)教育信息化，2008（3）.

第9篇：網(wǎng)頁(yè)制作與設(shè)計(jì)范文

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；教學(xué)改革；教學(xué)模式

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2012）33-7997-02

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是高等院校開(kāi)設(shè)的一門計(jì)算機(jī)應(yīng)用課程，它是一門實(shí)用性、綜合性都很強(qiáng)，有技術(shù)基礎(chǔ)課和實(shí)踐課雙重任務(wù)的課程，也是社會(huì)需求量大，很受學(xué)生歡迎的一門課程。針對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程特點(diǎn)，改變傳統(tǒng)的教學(xué)模式，下面談?wù)劚救嗽诮虒W(xué)過(guò)程中的一些改革。

1　課程現(xiàn)狀及存在的問(wèn)題

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門綜合性比較強(qiáng)的課程，學(xué)習(xí)這門課需要一些其它專業(yè)課程的基礎(chǔ)，靜態(tài)網(wǎng)頁(yè)制作需要Photoshop、Flash、工具軟件、色彩美術(shù)版式設(shè)計(jì)等；動(dòng)態(tài)網(wǎng)頁(yè)制作需要數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí)　Access/Sqlserver、程序設(shè)計(jì)語(yǔ)言Asp/.Net，因此就講授的內(nèi)容來(lái)說(shuō)，該課具有涉及的知識(shí)點(diǎn)多、操作實(shí)用性強(qiáng)的特點(diǎn)。

分析目前本課程存在的問(wèn)題主要包括：教師落后的教學(xué)觀念，陳舊的教學(xué)方法，造就了低下的課堂教學(xué)效率。教師大量地使用的滿堂講、滿堂灌、滿堂問(wèn)的陳舊教學(xué)方法，大量地占用了學(xué)生的自主學(xué)習(xí)、獨(dú)立思考、積極探究的時(shí)間和空間，教師細(xì)致講、反復(fù)講，充分培養(yǎng)了學(xué)生的依賴性，學(xué)生被動(dòng)接受知識(shí)，剝奪和削弱了自我感悟、自我體驗(yàn)、自我內(nèi)化的權(quán)利和積極性，從而導(dǎo)致學(xué)生知識(shí)結(jié)構(gòu)缺乏整合，技巧和能力難以內(nèi)化等等。

2　教改思路

教師在新的教育理念和教學(xué)觀念的指導(dǎo)下，大膽地進(jìn)行教學(xué)方法改革，積極倡導(dǎo)教師在教學(xué)中組織學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)、研究性學(xué)習(xí)，讓廣大學(xué)生自主、和諧、健康、全面發(fā)展也成為當(dāng)務(wù)之急。同時(shí)，通過(guò)本課程的改革與研究，找出適合專業(yè)學(xué)習(xí)的教學(xué)模式，探索出一條培養(yǎng)復(fù)合型大學(xué)生的新途徑。

3　教學(xué)改革措施與方法

1）突出學(xué)生技能培養(yǎng)，改變教學(xué)思想

培養(yǎng)學(xué)生的專業(yè)技能，適應(yīng)市場(chǎng)需求的技能型人才是高等院校培養(yǎng)目標(biāo)，“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程作為計(jì)算機(jī)類、電子商務(wù)等專業(yè)的核心課程，也要符合這個(gè)培養(yǎng)目標(biāo)。網(wǎng)頁(yè)制作是一門綜合性比較強(qiáng)的課程，在制定教學(xué)計(jì)劃過(guò)程中要充分考慮這一點(diǎn)，學(xué)習(xí)這門課程需要一些其它專業(yè)課程的基礎(chǔ)（靜態(tài)網(wǎng)頁(yè)制作需要Photoshop（Fireworks）、Flash、工具軟件、色彩美術(shù)版式設(shè)計(jì)等；動(dòng)態(tài)網(wǎng)頁(yè)制作需要數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí)（access/sqlserver、程序設(shè)計(jì)語(yǔ)言（Asp/.net），因此要根據(jù)學(xué)生實(shí)際水平制作教學(xué)計(jì)劃，靈活選擇教學(xué)內(nèi)容。同時(shí)網(wǎng)頁(yè)設(shè)計(jì)與制作課程又是一門操作實(shí)用性強(qiáng)的課程，主要是通過(guò)軟件（Dreamweaver）來(lái)設(shè)計(jì)網(wǎng)頁(yè)，但制作網(wǎng)頁(yè)的一些部分需要強(qiáng)大的理論支撐，因此，理論知識(shí)是必不可少的，但對(duì)于學(xué)生，太多的理論知識(shí)又難以灌輸，這就要根據(jù)學(xué)生的實(shí)際情況，合理的安排教學(xué)內(nèi)容。兼顧基本理論知識(shí)，又要有一定的深度和廣度；重點(diǎn)培養(yǎng)學(xué)生科學(xué)的思維方法和綜合操作能力、創(chuàng)造能力和獲取新知識(shí)的能力。

建構(gòu)主義學(xué)習(xí)理論認(rèn)為，知識(shí)不是通過(guò)教師傳授得到的，而是學(xué)生在一定的情境下，借助他人的幫助，利用必要的學(xué)習(xí)資料，通過(guò)意義建構(gòu)的方式而獲得?；诮?gòu)主義的項(xiàng)目教學(xué)法改變了傳統(tǒng)教學(xué)的三個(gè)中心：由以教師為中心轉(zhuǎn)變?yōu)橐詫W(xué)生為中心，由以課本為中心轉(zhuǎn)變?yōu)橐浴绊?xiàng)目”為中心，由以課堂為中心轉(zhuǎn)變?yōu)橐詫?shí)際經(jīng)驗(yàn)為中心。

2）改進(jìn)教學(xué)模式，優(yōu)化教學(xué)過(guò)程

我?！熬W(wǎng)頁(yè)設(shè)計(jì)與制作”課程原來(lái)傳統(tǒng)的教學(xué)模式為：一周安排2節(jié)課時(shí)，其中教師授課1節(jié)課時(shí)，學(xué)生上機(jī)1節(jié)課時(shí)。教師在多媒體機(jī)房中講解、演示，主要講解課本上的案例和一些操作方法，課講完后，學(xué)生通過(guò)上機(jī)完成教師布置的作業(yè)。一堂課下來(lái)，教師講什么，學(xué)生就跟著做什么，學(xué)生只會(huì)做教師在課上講的內(nèi)容，不會(huì)變通，這樣一來(lái)不能很好地培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，缺乏師生互動(dòng)，達(dá)不到預(yù)期的效果。

我在課堂上采用局域網(wǎng)廣播與個(gè)別化教學(xué)相結(jié)合的模式進(jìn)行教學(xué)，主要采用的是案例教學(xué)法。首先展示本節(jié)課要做的應(yīng)用實(shí)例，展示的過(guò)程中把知識(shí)點(diǎn)提煉出來(lái)，然后講解基本理論，也就是相關(guān)的知識(shí)點(diǎn)、方法和思維等，接下來(lái)演示本節(jié)課的網(wǎng)頁(yè)設(shè)計(jì)與制作。我在課上主要講重點(diǎn)、難點(diǎn)內(nèi)容，講課過(guò)程中會(huì)根據(jù)實(shí)際情況和學(xué)生反饋意見(jiàn)做調(diào)整，起到引導(dǎo)作用，其它基本的內(nèi)容，用較短的時(shí)間做演示，然后由學(xué)生變?yōu)g覽者為設(shè)計(jì)制作者，上機(jī)制作相似的例子，做完以后上傳到局域網(wǎng)內(nèi)的教師機(jī)，由我來(lái)展示學(xué)生的作品并講評(píng)，這樣不僅能夠使學(xué)生融入到課堂教學(xué)中，還增強(qiáng)其動(dòng)手能力，促進(jìn)了師生互動(dòng)，活躍了課堂氣氛，不是教師滿堂課包辦，優(yōu)化了教學(xué)過(guò)程。上機(jī)實(shí)驗(yàn)部分，教師創(chuàng)造學(xué)習(xí)情境，學(xué)生主動(dòng)創(chuàng)作。主要采用個(gè)別化教學(xué)，充分體現(xiàn)學(xué)生的主體作用。大部分時(shí)間交給學(xué)生主動(dòng)動(dòng)手制作網(wǎng)頁(yè)，我既不代替學(xué)生的自主學(xué)習(xí)，也不放任自流，而是對(duì)學(xué)生在實(shí)驗(yàn)中的大方向、學(xué)習(xí)進(jìn)度等方面進(jìn)行整體把握，對(duì)普遍存在的問(wèn)題進(jìn)行講解并演示。本校采用極域電子教室教學(xué)軟件，在上機(jī)實(shí)驗(yàn)課過(guò)程中，老師通過(guò)精心準(zhǔn)備案例，對(duì)學(xué)生完成本案例進(jìn)行整體效果要求，完成的具體操作由學(xué)生自己承擔(dān)，對(duì)普遍存在的問(wèn)題，由老師通過(guò)極域軟件廣播教學(xué)，對(duì)學(xué)生個(gè)別存在問(wèn)題，學(xué)生通過(guò)網(wǎng)絡(luò)發(fā)問(wèn)，老師通過(guò)遠(yuǎn)程操作指導(dǎo)或下課等單獨(dú)輔導(dǎo)方法，一堂課完后，要求學(xué)生將自己所做的實(shí)踐作品發(fā)到老師主機(jī)上，由老師收集后，評(píng)價(jià)學(xué)生的作品，集中了解學(xué)生掌握程度和發(fā)現(xiàn)問(wèn)題。這種教學(xué)模式既滿足學(xué)習(xí)活動(dòng)的循序漸進(jìn)、學(xué)生學(xué)習(xí)的完整，又可以充分發(fā)揮教師引導(dǎo)作用，科學(xué)合理安排教學(xué)計(jì)劃和教學(xué)進(jìn)度，同時(shí)能及時(shí)了解學(xué)生的情況并給予指導(dǎo)。這種由教師引導(dǎo)，學(xué)生自主探究的實(shí)踐教學(xué)模式，將學(xué)生從“要我學(xué)”變成“我要學(xué)”，激發(fā)了學(xué)生學(xué)習(xí)的主動(dòng)性和積極性，。

3）改革教學(xué)方法，培養(yǎng)學(xué)生自學(xué)能力

在教學(xué)過(guò)程中，我充分利用現(xiàn)代的教育技術(shù)和方法，大力開(kāi)展教、學(xué)、做，三合一的教學(xué)方法，通過(guò)任務(wù)驅(qū)動(dòng)、案例教學(xué)等方法，促進(jìn)教學(xué)改革，引導(dǎo)學(xué)生自主學(xué)習(xí)，提高學(xué)生解決問(wèn)題的能力，為學(xué)生走向市場(chǎng)就業(yè)打下一定的基礎(chǔ)。在教學(xué)過(guò)程中以學(xué)生為中心，以教師為指導(dǎo)，利用各種學(xué)習(xí)資源，充分發(fā)揮主動(dòng)性、互動(dòng)性和創(chuàng)新精神，通過(guò)完成要求的項(xiàng)目、案例，最終實(shí)現(xiàn)知識(shí)結(jié)構(gòu)的構(gòu)建。教師要根據(jù)學(xué)生所掌握的的基本知識(shí)，結(jié)合教學(xué)目標(biāo)制定出具有針對(duì)性、難度適中且實(shí)際的案例題目，或引導(dǎo)學(xué)生根據(jù)所學(xué)知識(shí)自己去確定一個(gè)合適的題目，在課程結(jié)束后，最好讓學(xué)生做一兩個(gè)綜合網(wǎng)站。在所指定的項(xiàng)目中，要考慮到學(xué)生對(duì)信息的收集、學(xué)生之間的協(xié)作、學(xué)生分析問(wèn)題和解決問(wèn)題的能力等多種因素。

在教學(xué)過(guò)程中要注意培養(yǎng)學(xué)生的學(xué)習(xí)興趣，通過(guò)親自參與到實(shí)際的案例中，使其在完成網(wǎng)頁(yè)設(shè)計(jì)、制作、測(cè)試、、上傳的過(guò)程中，將理論知識(shí)與實(shí)際操作相結(jié)合，可以更好地培養(yǎng)學(xué)生創(chuàng)造性思維和發(fā)現(xiàn)問(wèn)題、解決問(wèn)題的能力，培養(yǎng)團(tuán)結(jié)協(xié)作的團(tuán)隊(duì)精神，充分發(fā)掘?qū)W生的設(shè)計(jì)與制作潛能。

4）改變學(xué)習(xí)評(píng)價(jià)方式，提高學(xué)生學(xué)習(xí)興趣

改變?cè)袉我坏膶W(xué)習(xí)評(píng)價(jià)，采用多方面學(xué)習(xí)評(píng)價(jià)方式：如展示學(xué)生作品、案例項(xiàng)目測(cè)試，改變傳統(tǒng)試卷考試，可以讓學(xué)生參加技能競(jìng)賽，平時(shí)學(xué)習(xí)態(tài)度等多種評(píng)價(jià)方式。讓學(xué)生認(rèn)識(shí)自己學(xué)識(shí)水平，從中找到學(xué)習(xí)中不足，同時(shí)提高學(xué)習(xí)的自信心。在進(jìn)行合理評(píng)價(jià)過(guò)程中引入獎(jiǎng)勵(lì)機(jī)制，但不宜獎(jiǎng)勵(lì)太濫，進(jìn)一步提高學(xué)生的興趣。

教師通過(guò)收集學(xué)生作品，讓學(xué)生一起參與評(píng)價(jià)，學(xué)生都有一種成就感和滿足感，有意識(shí)的通過(guò)電子作品評(píng)價(jià)方式進(jìn)行全班展示，對(duì)優(yōu)秀的學(xué)生作品可以到校園網(wǎng)上，讓全校師生參入評(píng)價(jià)。評(píng)價(jià)的過(guò)程既是學(xué)生展示自己的能力的最佳時(shí)機(jī)，又是學(xué)生反思自已的過(guò)程。通過(guò)評(píng)價(jià)，學(xué)生可以通過(guò)別人的作品發(fā)現(xiàn)自己的不足，總結(jié)整理自己所掌握的知識(shí)，吸取別人的優(yōu)點(diǎn)來(lái)彌補(bǔ)自己的不足，同時(shí)也把自己在制作過(guò)程中發(fā)現(xiàn)的新技術(shù)、新技巧、新方法與大家共享。

通過(guò)學(xué)生的學(xué)習(xí)成果評(píng)價(jià)，改變?cè)瓉?lái)的考試機(jī)制，促使學(xué)生提高學(xué)生學(xué)習(xí)興趣，提高學(xué)習(xí)主動(dòng)性和自覺(jué)性，促使學(xué)生個(gè)性的發(fā)展，是教學(xué)過(guò)程中重要的一環(huán)。

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

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程與其它課程相比有其獨(dú)特之處，通過(guò)實(shí)踐，采用案例教學(xué)方法改革傳統(tǒng)教學(xué)方法是行之有效，通過(guò)教學(xué)改革，來(lái)提高學(xué)生學(xué)習(xí)興趣和學(xué)習(xí)主動(dòng)性，增強(qiáng)了學(xué)生的就業(yè)技能。

參考文獻(xiàn)：

[1]　賈瑁.網(wǎng)頁(yè)設(shè)計(jì)與制作課程體系建設(shè)與教學(xué)實(shí)踐改革[J].現(xiàn)代計(jì)算機(jī)，2010（6）.

[2]　盧新建.試談ASP動(dòng)態(tài)網(wǎng)頁(yè)課程的教學(xué)探索[J].計(jì)算機(jī)應(yīng)用教學(xué)研究，2010（10）.

[3]　楊寧.淺析《網(wǎng)頁(yè)設(shè)計(jì)》課程改革[J].中國(guó)科技博覽，2009（26）.

[4]李海燕.基于項(xiàng)目化的《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革初探[J].電腦知識(shí)與技術(shù)，2010，6（30）.