2023年網頁制作課程設計總結【五篇】

網頁制作課程設計總結范文第1篇【關鍵詞】工作過程系統化；《網頁設計與制作》；課程開發【中圖分類號】G642.421【文獻標識碼】A【文章編號】2095-3089（2013）17-00-01基于工作過程下面是小編為大家整理的2023年網頁制作課程設計總結【五篇】,供大家參考。

網頁制作課程設計總結范文第1篇

【關鍵詞】 工作過程系統化；
《網頁設計與制作》；
課程開發

【中圖分類號】G642.421 【文獻標識碼】A 【文章編號】2095-3089（2013）17-00-01

基于工作過程系統化的課程開發強調對工作過程行知識和經驗性知識的學習，培養高素質技能型人才的要求，職業教育課程開發的起點是職業分析，基于工作過程的課程對現代職業活動與工作過程相關的典型工作任務進行整體化的分析和描述[1][2]。

基于工作過程系統化的課程開發有以下步驟：

第一步：本地區及周邊地區人才市場調研；

第二步：職業分析；

第三步：提煉本課程所設計的職業行動領域；

第四步：按照工作過程系統化對課程知識體系進行解構和重構；

第五步：精心設計教學內容和教學過程；

第六步：精心學習情境設計。

總結起來就是：工作任務分析行動領域歸納學習領域轉換學習情境設計[3]。

一、工作任務分析、行動領域歸納

《網頁設計與制作》相關的職業崗位有網頁設計師和網頁制作師。我們課程團隊對珠江三角洲的一些企業走訪調研，對已在相關崗位就業的畢業生進行回訪。調研的范圍主要涉及以下幾方面：（1）工作具體的流程；
（2）工作中常用的技術；
（3）負責設計與制作的網站類型；
（4）你認為學校的教育對你現在工作的影響等。對收集的調研資料，我們課程團隊總結出網頁設計師的主要工作任務：（1）負責網站項目的整體版式、風格設計（2）根據網站策劃對網站整體框架的設計；
（3）網頁的具體設計制作；
（4）協助網頁制作師完成網頁的制作。網頁制作師的主要工作任務：根據網站說明書和網站設計圖完成網頁的制作。

二、學習領域

網頁設計師這個崗位涉及到美工方面，我們網絡系統管理專業相關的課程只有photoshop和《網頁設計與制作》，美工方面的知識只能是學生根據自己的興趣愛好自己補充，但是沒有美工專業基礎，還是有很多計算機專業的人從事這個職業。根據調研結果我們確定《網頁設計與制作》的主要教學任務是讓學生掌握網站設計開發的流程與方法，掌握DreamWeaver開發工具設計網站和制作網頁，培養學生設計網站和制作網頁的能力。

三、學習情境設計

根據行動領域的歸納和學習領域的轉換，我們選擇了個人主頁、班級網站、商業企業網站、旅游網站、商業購物網站作為課程的教學項目，總結為三個學習情境：小型網站網頁設計與制作、中型網站網頁設計與制作和大型網站網頁設計與制作。具體的學習情境設計如下表1：

其中拓展項目可根據校企合作的情況和學生興趣小組進行補充和更改，每個學期每個班可以不一樣。

參考文獻

[1]姜大源，職業教育學研究新論[M]，北京：教育科學出版社，2007。

網頁制作課程設計總結范文第2篇

《網站設計與制作》也是計算機各專業學生學習后續課程的基礎，比如學習基于網絡編程的動態網頁設計技術，學生畢業后可從事網絡軟件的設計與開發，進行商務網站的設計與制作，同時也可以考取網頁設計師、網絡軟件工程師等相關國家職業資格證書。開設該課程是復合我校關于“高素質、技能型人才”培養目標的需求的，通過該課程的教學，可以培養出一批優秀的、能夠在一線工作崗位上從事網頁設計與制作、網站規劃、管理與維護工作的專業人才?；谠撜n程的主要工作崗位有：網站管理與維護人員、網頁設計與編輯人員、網站策劃人員及網頁美工人員等。

二、課程教學思路與教學方法改進

學生如果要很好得完成網站制作，所需的的知識體系非常龐雜，其中包括網絡基礎知識，網頁制作技術，平面設計和動畫制作等基本要素。具體涉及到網頁制作軟件，圖像處理軟件，動畫軟件，數據庫知識，腳本語言動態服務器編程技術等。教學內容比較多，知識點比較分散，而學時僅為48個學時，學習內容多而課時少。經過多年的教學活動的開展和經驗總結后，我們總結出一套適合高職學生教學方法，那就是使用任務驅動式的教學方法。我們以前的教學設計思路是：講授知識點———設計任務———監督學生完成———驗收，現在的教學設計思路是這樣的：實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色：給學生布置一項工作（實際工作任務導向）———將工作轉變為一個任務（任務驅動）———通過任務引出知識點（知識學習）。學生在此教學思路中的角色：通過老師的引導，理解相關任務要求，繼而產生強烈的學習相關知識的興趣，在下一步的知識學習中就能很好地學習，掌握了相關知識后，馬上運用于實踐，完成老師布置的任務。通過該課程的教學，使學生最終能夠自主開發一個完整的網站，畢業后能夠直接從事企事業單位網站的開發設計與管理維護等工作。

三、課程體系內容重構

本課程性質是計算機系的基礎必修課，教學對象是全系各專業的大一學生，因此教學內容定位于靜態網頁的制作，以Dreamweaver軟件為主線，介紹靜態網頁設計和制作的基本技術,目前很多網頁教材是基于網頁三劍客的即Dreamweaver、photoshop和flash，然而當前課時條件和時間條件下，根本做不到三個軟件都講到位，事實上每個軟件分開都可成為一門課程，而網頁設計課程只能以網頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網頁密切相關為了解決內容多學時少的矛盾，有利于教學的開展和培養學生的動手能力，為此我們對教學內容重新進行了重構，圍繞Dreamweaver軟件講解網頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候，才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網頁設計基礎；
模塊二、頁面的基本操作；
模塊三、簡單網頁的制作；
模塊四、網頁的樣式設計；
模塊五、實用HTML布局頁面；
模塊六、實用DIV+CSS布局頁面；
模塊七、制作多媒體頁面；
模塊八、網頁交互設計；
模塊九、網站的測試與管理。

四、總結

網頁制作課程設計總結范文第3篇

關鍵詞:高職教育;網頁設計;網頁制作;教學研究

1引言

隨著我國社會主義現代化的飛速發展，國內各行各業均得到了極大的進步。政治、經濟、文化、社會、法律等諸多環境的完善給予了當代各種新技術良好的發展環境與支撐?；ヂ摼W與計算機技術作為時下最為熱門的技術，其已然和多個行業之間緊密結合起來。作為現代居民、企業獲取信息、傳播信息、共享信息、儲存信息的重要途徑，互聯網與計算機技術的使用無不改變著當代居民的生活方式、企業的經營理念。而這些信息的獲取與宣傳，均需要依靠由HTML所編輯的網頁程序。良好的網絡界面設計、網絡窗口點擊習慣等，將會給予網絡使用用戶良好的體驗與滿足。高職院校作為現代社會人才培養與輸送的重要根據地，其每年均會為社會輸送大量的優秀人才。面對時代的不斷發展與進步，以及現代居民對文化的需求、現代企業對人才素質的需求，高職院校也不得不開始思考適應社會主義新城市產業發展人才供給水平及質量的問題。作為時下最為熱門并受各行業關注的網頁設計與制作課程，已然成為了時下亟待進行教學改革的課程之一。能否整合資源切合實際教學需要、能否采用科學有效方法提升學生對課程的實踐應用能力等均成為了重要的研究課題。

2高職網頁設計與制作課程教學改革的發展研究

2．1開發與企業需求相對口的專業技術培養高職教育作為以培養契合實際企業發展、輸送更具職業化現代化人才為目標的高等教育基地，其應當在現有網頁設計與制作課程教學的大綱編寫、內容設置等方面與社會中的崗位與需求相互結合。根據當前社會企業中網站開發團隊通常扮演的職能角色，學習網頁設計與制作課程的學生畢業后不單會從事網頁設計師、網頁開發師、網頁檢測師等崗位，而且還會從事網頁美工師、網頁維護工作員等崗位。面對眾多就業方向與選擇，當代高校應當緊密契合時展需要，針對現有教學目標、內容、綱領等給予調整以便于適應社會企業對人才知識水平與綜合素質能力的需要。在此過程中，可以采用更加具有針對性的專業細分模式，并結合對口專業就業方向給予相應課程重點的調整。例如:針對從事電子商務網頁設計與制作崗位專業人才的培養應當在基礎課程培養后，重點提升WEB應用程序開發課程的教學;針對從事藝術網頁設計與制作崗位專業人才的培養不單應重視基礎知識教學，而且還應提升學生對于布局、構圖乃至色彩等的敏感性程度，并提升學生對CSS等軟件的學習。2．2采用項目驅動型教學模式與策略在當前高職院校開展網頁設計與制作課程授課過程中，通常將學生作為教學客體來進行傳授，而忽略了高職院校學生本身所具有的年齡階段及靈活思維。網頁設計與制作課程在實踐教學環節經常采用案例教學的模式，以此來實現對學生更為全面綜合素質的培養。然而，卻容易由于上述問題的存在，從而使學生在學習過程中經常處于被動學習的狀態，嚴重偏離了網頁設計與制作課程名稱所應有的提升學生動手能力、設計水平的要求。在此過程中為了良好改善這一現狀及問題的存在，可以采用項目驅動型教學模式與策略。這一教學模式可采用三步走的方式:第一，進行項目選擇。在開展網頁設計與制作課程之處教師應當結合課本及大綱要求選擇恰當、難度適宜的項目范本，也可以根據學生層次不同選擇層級較多的項目范本。在此基礎上，將大班教學模式打散，采用三五成群的方式實現小組建立，并選取題目開展討論型動手能力實踐學習環節;第二，采用專題教學方式?？梢赃x擇耳熟能詳的一些網站設計樣本，并將其與同行業公司網頁的設計之間相互比較，從而使學生能夠設置一個心中的標桿。在此過程中可以分別從網頁主題、網頁資料設置、網頁logo設計等多個方面來開展專題教學;第三，組織討論。在進行項目選擇和相關標桿樣板的指引之后，就可以對學生每個小組的成果進行比較和分析，利用總結的形式讓學生能夠在這種教學模式下實現階梯式提升。2．3采用考核分階段型教學模式與策略除了可以采用項目驅動型教學模式之外，還可以結合網頁設計與制作實際工作特點開展分階段教學。由于對一個大型網站的設計與制作通常會花費一個團隊幾個月的時間，每個階段性完成點之間的銜接對最終網頁的質量均會產生較大影響。為此，在進行高職網頁設計與制作課程教學時，為了提升教學質量也可以與實際相互結合起來，開展考核分階段型教學模式。在此過程中通?？蓪⒄n本內容進行重新編排或總結，從網站選題、網站設計、網站制作、網站測試、網站、網站使用反饋等多個遞進環節開展專題教學，并以考核機制來實現上述階段過渡，從而保障每個學生都能夠利用課堂快速實現自身知識容量提升。

3結論

通過上文的研究，可以發現，高職院校在當代社會現代化人才培養領域的地位十分重要。因此，面對互聯網信息時代到來，其必須與時代共同發展。網頁設計與制作作為廣告行業、新媒體行業等新城市產業發展的重要基礎知識與領域，高職院校應不斷推動當今時代背景下的教學改革。在本文中作者首先針對國內互聯網與計算機技術發展的現狀進行研究，在此基礎上對高職院校網頁設計與制作課程教學改革的策略提出了些許具有系統性、可行性的建議。謹此希望能夠利用本文的研究為國內高職院校網頁設計與制作課程的教學質量提升帶來幫助。

參考文獻

網頁制作課程設計總結范文第4篇

一、高職網頁設計課程教學現狀分析 

高職院校網頁設計是一門綜合性相對較強的課程，當前一些高職院校仍然以傳統理論與實踐教學結合的模式為主，對實踐教學的重視程度也越來越高。通過先理論再實踐教學的模式，給學生帶來了動手實踐的機會，實踐操作學時也有所增加。但隨著專業的不斷發展，教學內容日益豐富，傳統實踐教學模式已難以滿足學生需求，許多學生在較短的實踐操作課程中對專業技能掌握仍然缺乏，職業能力培養也無法取得令人滿意的效果?？傮w來看，當前高職院校網頁設計課程由于教學內容較為繁雜，課時相對不足，導致教學深度相對缺乏，學生專業技能掌握程度不足，實踐能力有待進一步提升；
從教學方法上來看，雖然一定程度上注重學生動手實踐能力的培養，但由于缺乏系統整體的訓練，對學生問題分析與解決能力的培養也有待完善。[1] 

二、基于工作過程的高職網頁設計課程構建 

（一）分析職業能力需求，明確教學目標 

為使網頁設計課程構建更符合學生與企業需求，高職院校應加強調研，結合企業用人單位調查、企業專家訪談等方式，對網頁設計專業人才需求展開系統調查，理清網站編輯、網站制作人員等具體社會需求；
同時對計算機專業從事網頁設計相關崗位的畢業生進行調研，進行對崗位能力等各項內容的調研。同時，高職院校應突破原有課程教學體系，去除以知識體系為主的模式，以網站工程師、網頁設計師等專業職業技能為目標進行課程開發與設計，網頁設計課程以培養優秀網頁制作人員為教學目標，確立以學生職業能力與職業素質培養為重點的課程構建理念，注重基本實踐能力的培訓，讓學生掌握各類網頁設計制作技能，使其具備一定網頁設計開發、網站維護等能力。[2]使其課程構建既能夠培養學生職業崗位所必須的技能素質，也可讓學生更快更好地養成職業習慣，提升職業能力，為學生職業生涯發展打下堅實基礎。 

（二）制定課程標準 

結合計算機專業技術要求以及企業用人需求構建網頁設計課程教學大綱，制定系統化的課程標準。首先應明確能力目標，也即讓學生能夠熟練應用技術設計與制作網頁，具備自主動手、信息整合以及自學、合作等能力；
其次為知識目標的確定，要求學生掌握網頁設計制作方法，會使用HTML語言，能夠設計與制作網頁動畫等。此外為素質目標，使學生具備自主創新思維，有網站策劃能力等。 

（三）完善教學內容 

高職院校課程組教師應深入企業與社會，了解專業最新要求；
院校也有必要加強與企業合作，共建校外實訓基地，開發設計基于工作過程的網頁設計課程，以工作項目作為載體，將教學融入項目當中，圍繞工作過程明確課程內容，結合工作任務完成流程，提煉出以學生職業能力培養為核心的模塊，合理選取工作當中使用率高、典型性工作任務作為學習項目，對網頁設計教學內容實施科學整合與序化，同工作實踐中的應用組合成功能模塊，促進工作過程與教學過程的融合度，實現理論與實踐結合。 

（四）重構教學模式 

基于工作過程的高職網頁設計教學模式也應滿足教學目標需求，采用工作過程化的模式。具體可通過工作任務、企業任務等針對性強的工作情境引入，讓學生掌握理論基礎知識以及技能方法等；
同時引導學生自主解決相關問題，為完成網頁設計制作問題加強合作與交流，充分發揮主觀能動性；
最后則通過“情景拓展”，引導學生自主實踐，進一步提升自主學習能力與職業能力，例如鼓勵學生參與網頁設計大賽等，全面培養學生實踐操作與開發應用能力。[3] 

（五）更新教學方法 

高職院校網頁設計課程教學方法也應實現進一步更新，具體應結合用人單位網站設計制作崗位要求，對崗位能力進行全面分解并歸結出對應的課程知識點，構建起課程系統，結合案例教學法、項目教學法、任務驅動教學法等方式，明確網頁設計、網站運營、網頁測試等課程內容，引導學生以工作過程為基礎，掌握網頁設計制作構件、明確網站架設，提升專業技能。例如任務驅動教學法的應用，具體可將學生網頁設計實訓內容分為獨立任務模塊，包括模仿操作內容、獨立操作內容以及工學結合三種類型，其中模仿操作開展為通過一個系統的網站，引導學生分次完成，使其掌握基礎理論以及基礎操作技能；
獨立操作即向學生布置任務，讓學生以小組為基礎自主完成項目任務；
工學結合則可通過與企業合作，或利用工作室項目，組織學生完成實際網頁設計項目?？偠灾?，通過此類實踐教學充分調動學生積極性，培養學生職業態度，提升其實踐創新能力。 

三、結語 

基于工作過程的高職網頁設計課程構建，能夠將繁雜、分散的網頁設計課程知識點有效整合與分解，以工作任務項目為載體，實現教學與學習的工作化，進而充分挖掘學生的積極主動性與實踐創新能力。因此，高職院校網頁設計教學應不斷研究與完善基于工作過程的課程體系構建，使專業人才培養定位更為精確，使學生職業競爭力得到進一步提升。 

參考文獻： 

[1]張麗香.基于工作過程的高職“網頁設計”課程建設[J].現代計算機，2013（5）：4750. 

網頁制作課程設計總結范文第5篇

1課程現狀

傳統的教學和考核方式雖然學生也能掌握其中的知識和技能，但是綜合運用能力不強，學期結束時，能設計出符合要求的網站的學生可謂是鳳毛麟角。將目前課程教學現狀歸結如下：在教學內容方面，往往側重于講解Dreamweaver軟件或相關軟件的使用方法，教學內容零散、陳舊，沒有很好的融合。結果是雖然學生能熟練運用網頁設計與制作的相關工具，而且用的很熟練，但是就是不能獨立地進行網站的規劃與建設。即使是完成的作品也達不到應有的功能效果和視覺效果。這種課程內容上“重知識、輕應用”和“重技術、輕設計”現象，容易導致學生眼高手低，做不出東西，不利于學生從全局的角度進行網站的開發與設計。在教學方法方面，教師先進行理論講解，然后安排學生上機，這種方式在傳統課程中有它的存在價值，但是在《網頁設計與制作》中，教學內容廣，所使用的軟件工具較多，容易造成教學與實踐相脫節。在考核方式方面，少部分采用傳統的閉卷考試方式。閉卷考試經過多年的實踐應用，在考試題型、考試內容、考試成績評定等方面都較為成熟。同時閉卷考試也有利于學校組織和管理。但是，閉卷考試多以書本知識為主，重視學生對書本知識的記憶，忽略了對能力的考核。大部分采用考查方式，要求學生自主選題，制作完整的網站。這種考試方式能綜合考查學生對軟件的應用能力和一定的設計能力，也能全面體現學生對課程知識的掌握程度和綜合運用能力。但是，學生選擇的主題范圍狹窄，大部分學生完成的是個人網站的制作，而大部分網站又是學習內容的堆砌，不懂得選擇與舍棄，技術含量不高，更尋找不到設計的閃光點[1]。

2課程改革思路

在《網頁設計與制作》課程的教學中，確立以學生為主體、教師為主導的意識，通過調整課程開設內容、加入科學的教學方法、采用合理的考核方式，面向應用，重視實踐，培養學生網頁設計與制作的綜合技能和素質，培養學生學習的主動性、創新思維和合作精神，從而提高個人的綜合競爭力和適應力。

3教學內容

由于計算機技術發展迅速，網頁從單一的文字信息，到圖文并茂，再到現如今包括Flash、音頻、視頻的多媒體交互及其它APP應用程序等。所以在教學內容上應該革新，體現技術的先進性、前瞻性和延續性。在《網頁設計與制作》課程的教學中，本著“從淺到深、從基本到綜合”技術與理論相結合的原則，對教學內容進行合理地整合和模塊的劃分（如表1），分階段實施教學，并及時更新，從而將最新的技術融入到教學中，激發學生的學習興趣并形成持久的學習動力?！毒W頁設計與制作》課程側重于講解靜態網頁，為今后動態網頁的學習打好基礎。所以，教學內容采用社會流行的網頁三劍客（Fireworks+Flash+Dreamweaver）。Fireworks實現對網頁界面的設計以及GIF動畫的制作，Flash用于動畫的制作，Dreamweaver主要用于網頁的整體框架及布局。

4教學方法

為了提高《網頁設計與制作》課程的教學效果，在多年的教學過程中，我們從理論教學、實踐教學、課外加強三個環節進行探索，將課程的理論性、技能性、應用性以及審美性結合起來，貫穿于整個教學過程。在教學的各環節中，精心準備多媒體教學課件，使學生能夠更好地分析和解決問題。

（1）理論教學：采用引導法、啟發法、命題法、案例分析法、案例擴展法、現場網頁制作和學生課堂討論等多種教學方法，教師將簡單問題情趣化、復雜問題生活化、綜合問題步驟化，主要表現為：教師講解要求學生掌握的知識點，演示知識點在實際項目中的應用結果，引導學生將理論知識與行業實踐結合起來，逐步培養學生的設計思維。

（2）實踐教學：采用項目驅動方式，以項目開發為主線，以網頁效果制作為載體，培養學生對整個課程知識的融會貫通能力、培養學生項目開發的能力和解決實際問題的能力。以學生動手為主，教師指導為輔的方式，教、學、練相結合，教師講授約1/3的時間，學生按教師講授的內容和要求進行實踐，在此過程中教師則對學生進行輔導，如遇多數學生都存在的問題，則進行集中演示講解，最后留10分鐘左右的時間對本次的實踐情況進行總結，讓學生能夠及時的解決遇到的問題。

（3）課外加強：開展優秀作品賞析，對作品進行欣賞和評價，提高學生的審美觀念和鑒賞力，啟發學生的創新思維，吸取和借鑒優秀作品的相關元素加以合理運用。提倡開展學生個人作品交流，讓學生分享學習中的新發現和新知識的運用，作品的制作心得，加強了學生對學習的主動性。開展教學成果展覽，對于優秀的作品進行收藏，極大提高了學生的自信心和成就感。

5考核方式

《網頁設計與制作》是一門實踐性很強的課程，屬于考查課，所以要注重學生實際應用能力的考查。轉變一次性考試定成績的做法，總成績由平時成績（占60%）和期末成績（占40%）兩大部分構成。平時根據知識內容的特點分階段進行不同方式的考核，對于HTML語言部分，采用筆試（閉卷）方式，以基本理論為考核對象，反映個體掌握基本知識的程度。而對于Dreamwever部分，采用上機考試方式；
Flash部分和Fireworks部分，以平時作業方式考核，不僅反映學生所學知識水平，而且考核學生動手實踐能力、創新思維等多方面的能力。期末以網站項目為考核對象，學生每四個人組合成一個團隊，模擬客戶的身份提出某個網站平臺的制作要求，給出網站設計任務書，并完成一個網站的開發制作，最后由代表進行作品演示和現場答辯，這樣既考核了學生知識的綜合掌握和應用能力，又考核了學生的表達能力、與人溝通的能力和應變能力。通過這樣的全方位多層次的考核最終綜合得出學生的課程成績。這種做法能夠較好地化解學生為了應付考試進行期末沖刺的做法，較一次性考試更能反映出學生經過該課程學習后獲得的知識和能力。