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

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

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

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

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

1 引言

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

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

2.1 頁面布局功能的靈活性

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

2.2 修改功能的便捷性

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

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

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

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

3.1 Photoshop新建圖像文件

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

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

針對不同功能、不同用途的網(wǎng)站，其頁面框架結(jié)構(gòu)也不盡相同。通常情況下，對于視覺的熱點效應(yīng)多聚焦于左上角。在進(jìn)行網(wǎng)頁瀏覽時，左上部及上部為視覺中心，其后往下閱讀，呈現(xiàn)出“F”形特征。因此，在頁面布局上，圍繞網(wǎng)站標(biāo)識、站名、導(dǎo)航條、熱點欄目、頭條等頁面布局要素，來重點優(yōu)化左上部區(qū)域。如對于綜合性網(wǎng)站，通常采用“國”字型頁面布局，最上面為標(biāo)示欄及廣告條，其次為網(wǎng)站的主體內(nèi)容，再次左右各一列小字號標(biāo)題欄目，中間側(cè)重于圖文并茂的內(nèi)容，最下面為基本信息，包括版權(quán)、聯(lián)系方式等說明。因此，在設(shè)計上，利用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è)計功能來設(shè)計獨特的富有個性的標(biāo)識。如新浪網(wǎng)標(biāo)識中的“i”通過進(jìn)行藝術(shù)化處理，將之轉(zhuǎn)換為活靈活現(xiàn)的眼睛，正是傳達(dá)“世界在你眼中”的設(shè)計理念，增強了視覺動感；再如人人網(wǎng)的標(biāo)識，利用對“人”字的抽象變形，代表每一個人；輔以圓圈，寓意人際圈，其共同的交集則象征著人與人的協(xié)作、分享、溝通?？梢?，對于標(biāo)志的設(shè)計，既要從視覺審美上來表達(dá)生動的效果，還要從文化內(nèi)涵彰顯豐富的意蘊。Photoshop可以實現(xiàn)對矢量圖形的任意變形而不失真，從而為我們進(jìn)行自由創(chuàng)作和設(shè)計提供了無與倫比的設(shè)計環(huán)境。如可以利用鋼筆工具來繪制矢量圖，保存為JPG格式占用空間小，帶來較快的響應(yīng)速度。

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

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

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

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

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

4 結(jié)語

總之，利用Photoshop進(jìn)行網(wǎng)頁制作模型設(shè)計，要從網(wǎng)頁整體功能及展示特性上，積極挖掘Photoshop在網(wǎng)頁圖像、動畫、WEB化頁面設(shè)計中的優(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è)計范文

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

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

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

網(wǎng)頁制作這門課程的操作性和綜合實踐性很強，教師必須對現(xiàn)行的教材進(jìn)行內(nèi)容改革，靈活處理教材。首要任務(wù)就是要根據(jù)該課程的特點結(jié)合高等職業(yè)學(xué)校學(xué)生的實際情況，確立正確的教學(xué)目標(biāo)，制定相應(yīng)的教學(xué)計劃，調(diào)整教學(xué)內(nèi)容。高職學(xué)生網(wǎng)頁教學(xué)目標(biāo)是培養(yǎng)學(xué)生制作設(shè)計一個網(wǎng)站，因此制定網(wǎng)頁課程的教學(xué)內(nèi)容，第一階段：網(wǎng)站配色與布局、使用Photoshop處理圖形圖像、使用 Dreamweaver制作網(wǎng)頁；第二階段：制作FLASH動畫、制作 JavaScript腳本特效、SQLServer數(shù)據(jù)庫管理和開發(fā)；第三階段：網(wǎng)站項目開發(fā)與實戰(zhàn)。依據(jù)網(wǎng)站制作與設(shè)計流程，教師再進(jìn)行課程整合,按階段分模塊設(shè)計遞進(jìn)的教學(xué)內(nèi)容，在教學(xué)中打破傳統(tǒng)的從概念到原理的邏輯順序，根據(jù)教學(xué)計劃與課程標(biāo)準(zhǔn)，開發(fā)以培養(yǎng)學(xué)生智力技能與專業(yè)技能為目標(biāo)的校本教材，并制作以課次為單位的案例和任務(wù)單，以月為單位的小項目和以學(xué)期為單位的綜合項目，通過任務(wù)完成達(dá)到技能的掌握與知識點的鏈接，通過項目制作達(dá)到綜合設(shè)計能力的培養(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)新能力，加強學(xué)生的實踐動手能力。課程必須安排在計算機(jī)房進(jìn)行，采用教與學(xué)結(jié)合的方式，在老師的指導(dǎo)下，學(xué)生通過多練多做來掌握相關(guān)知識和技能。結(jié)合教學(xué)經(jīng)驗，筆者認(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ù)不同的知識點選擇相配套的案例和任務(wù)，這些案例和任務(wù)的編排要遵循由淺入深、由易向難、循序漸進(jìn)的原則，同時這些案例和任務(wù)要為后續(xù)的綜合案例和項目作鋪墊。例如教師在講授第一階段“圖形圖像”這一模塊教學(xué)內(nèi)容時，可以設(shè)計一個與網(wǎng)頁有關(guān)的案例――“GEARHEAD公司LOGO”，這個案例中涉及圖像選擇工具、圖層樣式、圖層組及文字工具等技能，同時涉及網(wǎng)頁LOGO的基本常識。教師在完成本例的分析演示后，要求學(xué)生模仿制作，然后再下達(dá)任務(wù)――布置一系列著名網(wǎng)站的LOGO圖標(biāo)以供學(xué)生選擇模仿制作，學(xué)生通過模仿制作掌握相關(guān)的圖像技能，同時掌握LOGO的基本知識，并鼓勵能力強的學(xué)生設(shè)計自己喜歡的LOGO圖標(biāo)。通過案例任務(wù)教學(xué)法培養(yǎng)學(xué)生舉一反三的能力，調(diào)動學(xué)生的能動性。

2.小項目探究法

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

知識。

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

結(jié)語

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

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

【關(guān)鍵詞】

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

《網(wǎng)頁設(shè)計與制作》是一門實踐性極強的課程，也是為滿足社會需求而設(shè)置的。網(wǎng)絡(luò)是人們獲取信息的重要來源，隨著網(wǎng)絡(luò)在人們生活中的地位逐漸上升，企事業(yè)單位和政府機(jī)構(gòu)以及個人通過網(wǎng)頁來宣傳自己的單位和個人形象。因此，提高學(xué)生對網(wǎng)頁設(shè)計的興趣、培養(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é)法能夠很好的解決這個問題，提高教學(xué)效果?？菰锏睦碚撆c實際案例相結(jié)合，在課堂上及時展示網(wǎng)頁設(shè)計的效果，必將為課堂帶來全新的效果，對于學(xué)生熟悉理論知識和實際操作能力也能全面加強。激發(fā)學(xué)生的學(xué)習(xí)興趣、鼓勵創(chuàng)新精神，化被動為主動和提高學(xué)生解決實際問題的能力是網(wǎng)頁設(shè)計課程改革的出發(fā)點。

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

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

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

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

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

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

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

5結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

關(guān)鍵詞：

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

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

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

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

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

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

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

1.3缺乏溝通

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

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

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

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

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

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

2.3更新教學(xué)模式

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

引用：

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

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

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

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

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

1　課程定位

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

2　設(shè)計思路

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

3　工作任務(wù)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通過本課程的學(xué)習(xí)，使學(xué)生對網(wǎng)頁設(shè)計的基本原則、欄目和目錄結(jié)構(gòu)定義、主流頁面布局方法、導(dǎo)航制作、圖文排版、色彩理論等進(jìn)行詳細(xì)了解。掌握網(wǎng)站規(guī)劃、設(shè)計、制作、管理、的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；并熟練運用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架標(biāo)記及屬性設(shè)計出框架網(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è)計和的基本流程和方法。

參考文獻(xiàn)

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

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

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

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

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

（1）對課程不了解

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

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

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

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

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

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

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

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

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

如今的社會，互聯(lián)網(wǎng)的普及率非常高，各種新興的行業(yè)發(fā)展非常迅猛，所以，學(xué)校授課內(nèi)容應(yīng)該緊跟時代的發(fā)展。技術(shù)是在不斷更新的，育人的目的就是想找到一份好的工作，將就業(yè)放在第一位，及時歸納總結(jié)問題，現(xiàn)實遇到的問題及時解決達(dá)到活學(xué)活用的目的。教師在授課的同時，應(yīng)該深入研究教學(xué)要求，確保教學(xué)內(nèi)容跟目的合理性，考慮不同學(xué)生的實際情況去合理教學(xué)。鼓勵學(xué)生自我動手實踐能力，支持與同學(xué)一起探討問題，教師要積極幫助學(xué)生解決他們所遇到的問題，學(xué)生通過對教材內(nèi)容的了解，結(jié)合課程模塊方面的實踐將學(xué)到的知識運用到實際生活中，最大程度的激發(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è)計與制作》這門課程，教師給學(xué)生應(yīng)該傳達(dá)這樣一個信息：在已經(jīng)掌握的技術(shù)水平跟理論知識之上，還要能夠獨立去實踐。把重點教給學(xué)生，合理平衡的分配理論知識與實踐操作所占比例，在掌握學(xué)習(xí)工具以后，一定要多實踐，多去了解學(xué)習(xí)理論方面的知識，技術(shù)在不斷進(jìn)步，學(xué)無止境，要不斷的更新自己的知識，而不能安于現(xiàn)狀。一種技術(shù)可能就是將來的求生技能，所以，學(xué)生對任何東西不要有排斥的心理，既然能有一門課程，那肯定是有道理的，有的學(xué)生不愿意去學(xué)習(xí)，是因為他不了解這門課程的作用，這時候，教師跟學(xué)校扮演了相當(dāng)重要的角色，他們應(yīng)該為學(xué)生答疑解難，讓他們明白課程的重要性以及作用。及時指正他們認(rèn)知上的錯誤。

3 結(jié)語

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

參考文獻(xiàn)：

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

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

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

中圖分類號：TP3-4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

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

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

分析目前本課程存在的問題主要包括：教師落后的教學(xué)觀念，陳舊的教學(xué)方法，造就了低下的課堂教學(xué)效率。教師大量地使用的滿堂講、滿堂灌、滿堂問的陳舊教學(xué)方法，大量地占用了學(xué)生的自主學(xué)習(xí)、獨立思考、積極探究的時間和空間，教師細(xì)致講、反復(fù)講，充分培養(yǎng)了學(xué)生的依賴性，學(xué)生被動接受知識，剝奪和削弱了自我感悟、自我體驗、自我內(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ù)之急。同時，通過本課程的改革與研究，找出適合專業(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ī)類、電子商務(wù)等專業(yè)的核心課程，也要符合這個培養(yǎng)目標(biāo)。網(wǎng)頁制作是一門綜合性比較強的課程，在制定教學(xué)計劃過程中要充分考慮這一點，學(xué)習(xí)這門課程需要一些其它專業(yè)課程的基礎(chǔ)（靜態(tài)網(wǎng)頁制作需要Photoshop（Fireworks）、Flash、工具軟件、色彩美術(shù)版式設(shè)計等；動態(tài)網(wǎng)頁制作需要數(shù)據(jù)庫基礎(chǔ)知識（access/sqlserver、程序設(shè)計語言（Asp/.net），因此要根據(jù)學(xué)生實際水平制作教學(xué)計劃，靈活選擇教學(xué)內(nèi)容。同時網(wǎng)頁設(shè)計與制作課程又是一門操作實用性強的課程，主要是通過軟件（Dreamweaver）來設(shè)計網(wǎng)頁，但制作網(wǎng)頁的一些部分需要強大的理論支撐，因此，理論知識是必不可少的，但對于學(xué)生，太多的理論知識又難以灌輸，這就要根據(jù)學(xué)生的實際情況，合理的安排教學(xué)內(nèi)容。兼顧基本理論知識，又要有一定的深度和廣度；重點培養(yǎng)學(xué)生科學(xué)的思維方法和綜合操作能力、創(chuàng)造能力和獲取新知識的能力。

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

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

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

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

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

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

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

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

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

4　結(jié)束語

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

參考文獻(xiàn)：

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

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

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

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