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

第1篇：網頁制作與設計范文

Photoshop在圖片處理上具有強大的功能，尤其是對圖像進行精細化操作，更是奠定了其在廣告設計及美術創作中的堅實地位。當然，在網頁制作模型設計上，Photoshop依然可以憑借其精細化、功能化優勢來實現美輪美奐的網頁規劃效果。

【關鍵詞】Photoshop 網頁制作 模型設計 實現方法

1 引言

現代網絡技術的發展，對網頁制作提出越來越高的要求。Photoshop作為功能強大的圖像處理軟件，同樣在網頁制作設計中不容小覷。如在不同格式文件上兼容性強，圖像處理精度高、誤差少、視覺效果顯著，更成為網頁圖像、動畫、基于Web頁面設計領域的優秀工具。

2 Photoshop在網頁建模的獨特優勢

2.1 頁面布局功能的靈活性

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

2.2 修改功能的便捷性

由于網站在設計過程中因客戶的要求而進行修改是常有的，而Photoshop因其便捷的修改功能，可以先通過Photoshop設計出效果圖，然而結合需求變化來優化，最終獲得客戶的滿意。對于其他軟件則無法實現自由、從容的修改。

2.3 網頁瀏覽的快速性

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

3 Photoshop網頁制作模型的設計與應用

3.1 Photoshop新建圖像文件

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

3.2 Photoshop設計網頁布局

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

3.3 Photoshop網頁模型集成

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

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

3.4 Photoshop設計底紋背景

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

3.5 Photoshop設計網頁按鈕

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

4 結語

總之，利用Photoshop進行網頁制作模型設計，要從網頁整體功能及展示特性上，積極挖掘Photoshop在網頁圖像、動畫、WEB化頁面設計中的優勢，提升網頁制作的應用效率。

參考文獻

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

[2]鄧美玲.淺談Photoshop在網頁制作中的應用[J].無線互聯科技，2015（01）.

第2篇：網頁制作與設計范文

關鍵詞：網頁制作 遞進式 案例任務 小項目探究 項目導向

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

一、靈活處理教材，設計遞進式的課程體系

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

二、改革教學法，采用遞進式的教學模式

網頁制作涵蓋的知識和技能很豐富，教學中教師不能采用簡單的知識傳授和灌輸這種傳統的教學方法，而是要努力提高學生的綜合應用能力和創新能力，加強學生的實踐動手能力。課程必須安排在計算機房進行，采用教與學結合的方式，在老師的指導下，學生通過多練多做來掌握相關知識和技能。結合教學經驗，筆者認為根據學生學習的不同階段可采用不同的教學方法。

1.案例任務教學法

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

2.小項目探究法

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

知識。

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

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

3.綜合項目導向法

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

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

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

總之，這個階段能鞏固和提升學生知識、技能，同時鍛煉學生的綜合應用能力和分析問題、解決問題的能力，培養學生的合作能力和創新的設計能力，提高學生的綜合素質。

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

參考文獻：

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

[2]沈道云.任務驅動教學法在Photoshop教學中的應用[J].職業教育研究,2006(12).

第3篇：網頁制作與設計范文

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

二、任務驅動教學法

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

三、活動探究教學法

活動探究是高職《網頁設計與制作》教學中重要的教學組成部分，有助于學生開展項目學習，在活動探究過程中學生可以掌握到大量的知識內容和技能技巧，能夠幫助學生在網頁制作和網站開發的過程中創作出更加優秀的作品。所謂活動探究教學法，就是指教師向學生提供定的資源和信息，由學生從已有的材料中進行挖掘和拓展，讓學生對教學項目中的問題進行主動的探索和研究，從而促使學生構建和完善自己的知識體系。此外，學生在進行探索時，教師也要從旁進行觀察和指導，對于學生不當的行為要予以糾正，對于做的好的學生給予表揚和鼓勵。比如在設計網頁鏈接的過程中，有不少學生對外部文件與網頁內的鏈接出現疑問，教師可以就這個問題對全體學生進行示范和講解，一方面使得學生對所學有更充分的了解，另一方面保持學生的學習熱情和積極性，使學生能夠將作品完整的制作出來，從而有效地提高高職《網頁設計與制作》的教學效率和學生的綜合素質。

結語

第4篇：網頁制作與設計范文

隨著社會的快速發展和互聯網的普及，計算機技術及其應用發揮著重要的作用。為了全面提高高校學生的網頁設計能力，激發學生的網頁設計興趣，探索課程改革的幾點思路，從而實現對高校學生的能力提高、興趣培養和考核標準的改革，結合課程改革的《網頁設計與制作》教學模式的研究顯得極為重要。

【關鍵詞】

網頁設計；課程改革；教學模式

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

1激發學習興趣，鼓勵創新精神

1.1案例教學古語講“學起于思，思源于疑”，良好的學習興趣是學習的先導。首先采取案例教學，摒棄傳統的教學方法。在傳統的課堂上，教師講授理論知識，之后學生進行上機練習。往往會造成機房內操作過程中無處下手。因此，結合教學內容和目標選取典型的案例進行案例教學法能夠很好的解決這個問題，提高教學效果。枯燥的理論與實際案例相結合，在課堂上及時展示網頁設計的效果，必將為課堂帶來全新的效果，對于學生熟悉理論知識和實際操作能力也能全面加強。激發學生的學習興趣、鼓勵創新精神，化被動為主動和提高學生解決實際問題的能力是網頁設計課程改革的出發點。

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

2實驗設計與大作業制作標準

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

3團隊協作

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

4《網頁設計與制作》課程的考核標準

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

5結語

網頁設計的人才培養目標和方案必須適應市場經濟對人才的需求，培養具有能夠自主思考、開拓創新和獨立解決實際問題能力的學生，這也是高等教育的基本目標。結合課程改革的《網頁設計與制作》教模式以學生為主題，發揮學生的主觀能動性，鼓勵團隊協作和師生平臺交流必將發揮重要的作用。

參考文獻：

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

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

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

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

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

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

第5篇：網頁制作與設計范文

本文著重分析了《網頁設計與制作》課程教學存在的問題，探索了《網頁設計與制作》課程教學改革的策略，以提高《網頁設計與制作》教學質量。

關鍵詞：

網頁設計與制作；課程；教學改革；策略

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

1《網頁設計與制作》課程教學存在的問題

1.1學生學習被動

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

1.2學生動手能力較差

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

1.3缺乏溝通

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

2《網頁設計與制作》課程教學改革的策略

2.1重新定位課程教學標準

首先，高校《網頁設計與制作》教學應積極重視企業的用人標準，在《網頁設計與制作》教學中重點培養學生的職業素養、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網頁設計與制作》教學應加強重視課程教育目標，根據新課改的課程教學要求強調學生創新思維和動手操作能力的培養，使學生具備網頁正當年規劃與構建能力、網頁圖形設計能力、動畫設計和制作能力等。

2.2優化教學內容

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

2.3更新教學模式

高校《網頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網頁設計與制作，加強學生的動手練習。另外，高校《網頁設計與制作》教學應積極利用網絡中的教學資源，將網絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網頁設計與制作技巧，提高《網頁設計與制作》教學的吸引力。

引用：

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

第6篇：網頁制作與設計范文

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

【摘　要】以高職院校計算機專業學生的培養目標出發,探討網頁設計與制作課程課程標準的制定。對《網頁設計與制作》課程的課程定位、設計思路、工作任務、課程目標四方面的改革，以便提高這門課的教育教學質量。

關鍵詞 教學改革；課程設計；課程目標

1　課程定位

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

2　設計思路

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

3　工作任務

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

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

4　課程目標

4.1　教學目標

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

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

理解HTML語言中的常見標記及其作用；

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

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

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

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

理解行為的作用，掌握設置行為的方法；

理解模板和庫的作用。

4.2　技能教學目標

會使用Dreamweaver網頁設計工具制作網頁；

會根據需要修改HTML語言中的標記，設置相關標記的屬性；

能夠熟悉進行網頁文本、圖像、超鏈接、表格操作，并按要求設置其屬性；

能夠熟練運用表格、層、框架等進行網頁布局；

熟練掌握CSS樣式的定義和修改，并能根據實際需要進行CSS樣式的定義和應用；

熟練掌握表單制作方法，能夠根據要求進行表單的設計；

能夠在網頁中根據要求設置行為；

熟練掌握模板設計方法，能夠根據實際需要進行模板設計，并能使用模板生成相應的網頁；掌握庫的基本操作方法，會使用庫簡化網頁設計。

4.3　素質教學目標

具有勤奮學習的態度，嚴謹求實、創新的工作作風；

具有良好的心理素質和職業道德素質；

具有高度責任心和良好的團隊合作精神；

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

具有較強的網頁設計創意思維、藝術設計素質。

通過本課程的學習，使學生對網頁設計的基本原則、欄目和目錄結構定義、主流頁面布局方法、導航制作、圖文排版、色彩理論等進行詳細了解。掌握網站規劃、設計、制作、管理、的相關技術及網頁制作的操作技能；并熟練運用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架標記及屬性設計出框架網頁、表單網頁、多媒體動態網頁；掌握使用css技術進行網頁布局的基本方法。掌握JavaScript腳本語言的基本語法知識，HTML中JavaScript程序的嵌入方法，對象的概念及使用JavaScript來進行開發、維護、管理和設置WEB應用程序；掌握綜合網站設計和的基本流程和方法。

參考文獻

［1］鄭婭峰.網頁設計與開發[M].清華大學出版社,2011,9(2).

第7篇：網頁制作與設計范文

關鍵詞：網頁設計；問題分析；教學設計

二十一世紀是信息化的時代，通過互聯網，就能達到足不出戶便可了解世界的目的。為了加深對互聯網的了解，《網頁設計與制作》這門課的出現就成為了必然。

1 《網頁設計與制作》現狀問題分析

（1）對課程不了解

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

（2）學校以及教師的指導不夠

很多老師通過上理論課的時候將知識授予學生，并未在做后續的指導，這是一門重在實踐的課程，多實踐才能熟練。學校開展相關專業的比賽活動很少，僅憑平常的上機實踐很難完全掌握所學內容。

（3）側重點不明確

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

2 解決當前問題的方法

（1）學校教學思路

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

（2）教師的教學理念

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

（3）解決學生的困惑

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

3 結語

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

參考文獻：

[1]張宏升，章明珠.《網頁設計與制作》課程教學體系的構建與研究[J].電子制作，2015，（9）.

第8篇：網頁制作與設計范文

關鍵詞：網頁設計與制作；實例教學；教學方法；中等職業學校

中圖分類號：TP3-4

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

1 以實踐應用為目的來制定教學方案

教學目的是教學方案設計的出發點以及歸宿。一個好的教學方案，應能較好地達到教學目的。本課程的目的是培養學生的網站設計及開發能力，這個目的服從于職業教學目的，就是滿足社會發展和就業需求。因此，教學方案要側重于掌握常識和訓練技術、技巧。[2]

2 以實例教學來激發學生學習興趣

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

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

3 以任務來驅動來加強學生自主學習能力

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

通過練習、實踐，不僅可以提高學生的動手操作能力，同時也是教師檢驗教學效果、發現學生問題的好機會。收集作業的方式也是多樣化，可當堂點評，也可以通過教學軟件進行收集，通網絡進行收集。

4 利用網絡啟發學生的創造力

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

5 通過合作建站加強學生團隊意識

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

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

6 適當的拓展教學，培養學生的綜合能力，讓優秀學生更進一步發展

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

7 合適評價機制，激勵學生的進一步學習

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

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

參考文獻：

[1]曹麗明.網頁設計與制作[M].北京：中華工商聯合出版社，2007.

[2]劉靜.項目教學法在《網頁設計與制作》課程中的應用研究[J].中國科教創新導刊，2009.

[3]賈海陶.淺談《網頁設計與制作》教學方法與研究[J].魅力中國，2010（9）.

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

第9篇：網頁制作與設計范文

關鍵詞：網頁設計與制作；教學改革；教學模式

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2012）33-7997-02

《網頁設計與制作》是高等院校開設的一門計算機應用課程，它是一門實用性、綜合性都很強，有技術基礎課和實踐課雙重任務的課程，也是社會需求量大，很受學生歡迎的一門課程。針對《網頁設計與制作》課程特點，改變傳統的教學模式，下面談談本人在教學過程中的一些改革。

1　課程現狀及存在的問題

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

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

2　教改思路

教師在新的教育理念和教學觀念的指導下，大膽地進行教學方法改革，積極倡導教師在教學中組織學生自主學習、合作學習、研究性學習，讓廣大學生自主、和諧、健康、全面發展也成為當務之急。同時，通過本課程的改革與研究，找出適合專業學習的教學模式，探索出一條培養復合型大學生的新途徑。

3　教學改革措施與方法

1）突出學生技能培養，改變教學思想

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

建構主義學習理論認為，知識不是通過教師傳授得到的，而是學生在一定的情境下，借助他人的幫助，利用必要的學習資料，通過意義建構的方式而獲得。基于建構主義的項目教學法改變了傳統教學的三個中心：由以教師為中心轉變為以學生為中心，由以課本為中心轉變為以“項目”為中心，由以課堂為中心轉變為以實際經驗為中心。

2）改進教學模式，優化教學過程

我校“網頁設計與制作”課程原來傳統的教學模式為：一周安排2節課時，其中教師授課1節課時，學生上機1節課時。教師在多媒體機房中講解、演示，主要講解課本上的案例和一些操作方法，課講完后，學生通過上機完成教師布置的作業。一堂課下來，教師講什么，學生就跟著做什么，學生只會做教師在課上講的內容，不會變通，這樣一來不能很好地培養學生的創新意識，缺乏師生互動，達不到預期的效果。

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

3）改革教學方法，培養學生自學能力

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

在教學過程中要注意培養學生的學習興趣，通過親自參與到實際的案例中，使其在完成網頁設計、制作、測試、、上傳的過程中，將理論知識與實際操作相結合，可以更好地培養學生創造性思維和發現問題、解決問題的能力，培養團結協作的團隊精神，充分發掘學生的設計與制作潛能。

4）改變學習評價方式，提高學生學習興趣

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

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

通過學生的學習成果評價，改變原來的考試機制，促使學生提高學生學習興趣，提高學習主動性和自覺性，促使學生個性的發展，是教學過程中重要的一環。

4　結束語

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

參考文獻：

[1]　賈瑁.網頁設計與制作課程體系建設與教學實踐改革[J].現代計算機，2010（6）.

[2]　盧新建.試談ASP動態網頁課程的教學探索[J].計算機應用教學研究，2010（10）.

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

[4]李海燕.基于項目化的《網站規劃與網頁設計》課程教學改革初探[J].電腦知識與技術，2010，6（30）.