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

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

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

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

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

1 引言

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

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

2.1 頁面布局功能的靈活性

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

2.2 修改功能的便捷性

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

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

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

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

3.1 Photoshop新建圖像文件

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

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

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

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

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

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

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

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

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

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

4 結(jié)語

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

參考文獻(xiàn)

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

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

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

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

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

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

網(wǎng)頁制作這門課程的操作性和綜合實(shí)踐性很強(qiáng)，教師必須對現(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)頁教學(xué)目標(biāo)是培養(yǎng)學(xué)生制作設(shè)計(jì)一個(gè)網(wǎng)站，因此制定網(wǎng)頁課程的教學(xué)內(nèi)容，第一階段：網(wǎng)站配色與布局、使用Photoshop處理圖形圖像、使用 Dreamweaver制作網(wǎng)頁；第二階段：制作FLASH動畫、制作 JavaScript腳本特效、SQLServer數(shù)據(jù)庫管理和開發(fā)；第三階段：網(wǎng)站項(xiàng)目開發(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)，開發(fā)以培養(yǎng)學(xué)生智力技能與專業(yè)技能為目標(biāo)的校本教材，并制作以課次為單位的案例和任務(wù)單，以月為單位的小項(xiàng)目和以學(xué)期為單位的綜合項(xiàng)目，通過任務(wù)完成達(dá)到技能的掌握與知識點(diǎn)的鏈接，通過項(xiàng)目制作達(dá)到綜合設(shè)計(jì)能力的培養(yǎng)，從而讓學(xué)生掌握網(wǎng)頁制作的相關(guān)知識，培養(yǎng)相關(guān)能力。

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

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

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

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

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

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

知識。

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

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

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

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

例如，在講網(wǎng)頁制作――綜合項(xiàng)目實(shí)戰(zhàn)時(shí)，首先讓學(xué)生根據(jù)個(gè)人的愛好設(shè)計(jì)一個(gè)小型主題網(wǎng)站的網(wǎng)站規(guī)劃書，這樣學(xué)生在學(xué)期初就知道本學(xué)期自己在這門課程的學(xué)習(xí)中要達(dá)到怎樣的要求、完成什么任務(wù)，就會使他們產(chǎn)生學(xué)習(xí)的興奮點(diǎn)。在這種教學(xué)模式下，學(xué)生成為了學(xué)習(xí)的主體，教師在教學(xué)過程中扮演引導(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é)會學(xué)習(xí)。教師真正做到了素質(zhì)教育所提倡的“授人以漁”而不是“授人以魚”。

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

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

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

結(jié)語

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

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

【關(guān)鍵詞】

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

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

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

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

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

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

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

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

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

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

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

5結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

關(guān)鍵詞：

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

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

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

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

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

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

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

1.3缺乏溝通

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

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

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

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

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

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

2.3更新教學(xué)模式

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

引用：

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

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

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

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

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

1　課程定位

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

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

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

3　工作任務(wù)

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

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

4　課程目標(biāo)

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

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

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

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

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

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

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

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

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

理解模板和庫的作用。

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

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

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

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

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

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

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

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

熟練掌握模板設(shè)計(jì)方法，能夠根據(jù)實(shí)際需要進(jìn)行模板設(shè)計(jì)，并能使用模板生成相應(yīng)的網(wǎng)頁；掌握庫的基本操作方法，會使用庫簡化網(wǎng)頁設(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é)思維方式和判斷分析問題的能力；

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

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

參考文獻(xiàn)

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

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

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

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

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

（1）對課程不了解

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

參考文獻(xiàn)：

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

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

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

中圖分類號：TP3-4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上是我在近幾年的教學(xué)過程中摸索出來的一些教學(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)頁設(shè)計(jì)與制作[M].北京：中華工商聯(lián)合出版社，2007.

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

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

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

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

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

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

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

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

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

分析目前本課程存在的問題主要包括：教師落后的教學(xué)觀念，陳舊的教學(xué)方法，造就了低下的課堂教學(xué)效率。教師大量地使用的滿堂講、滿堂灌、滿堂問的陳舊教學(xué)方法，大量地占用了學(xué)生的自主學(xué)習(xí)、獨(dú)立思考、積極探究的時(shí)間和空間，教師細(xì)致講、反復(fù)講，充分培養(yǎng)了學(xué)生的依賴性，學(xué)生被動接受知識，剝奪和削弱了自我感悟、自我體驗(yàn)、自我內(nèi)化的權(quán)利和積極性，從而導(dǎo)致學(xué)生知識結(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í)，通過本課程的改革與研究，找出適合專業(yè)學(xué)習(xí)的教學(xué)模式，探索出一條培養(yǎng)復(fù)合型大學(xué)生的新途徑。

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

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

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

建構(gòu)主義學(xué)習(xí)理論認(rèn)為，知識不是通過教師傳授得到的，而是學(xué)生在一定的情境下，借助他人的幫助，利用必要的學(xué)習(xí)資料，通過意義建構(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é)過程

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

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

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

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

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

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

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

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

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

4　結(jié)束語

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

參考文獻(xiàn)：

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

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

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

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