前言：中文期刊網精心挑選了網頁制作與設計課程范文供你參考和學習，希望我們的參考范文能激發你的文章創作靈感，歡迎閱讀。
網頁制作與設計課程范文1
關鍵詞：網頁設計與制作 網頁與網站設計原則 教學改革
中圖分類號：G71 文獻標識碼：A 文章編號：1672-3791（2014）03（a）-0209-02
內蒙古科技大學是地方高等院校，畢業生大多到企業從事設計、生產、管理等技術工作，故人才培養定位于“工程實施型人才”，要求學生具有扎實的基礎理論和專業基礎知識，能夠教深入地掌握專業知識和流行生產技術，具有較強的工程實施能力，因此內蒙古科技大學的畢業生具有“上手快，留得住，后勁足”的特點，畢業生就業率連續多年位居自治區高校前列，被國務院授予“全國就業先進工作單位”光榮稱號。該校的計算機科學與技術專業在學校人才培養思想的指導下完成了專業定位，重新制定了人才培養方案和課程體系，在此背景下，計算機科學與技術專業開設了《網頁設計與制作》課程。
1 《網頁設計與制作》課程現狀及存在的問題
根據企業用人標準及對畢業生的回訪調查，總結出了網頁設計師的從業要求：具備優秀網站設計能力，能綜合運用各類軟件設計視覺創意網站，能獨立進行平面網頁的創意設計，具有良好的藝術觸覺和美術色彩搭配功底，深刻理解web標準，熟悉CSS+DIV模式，能手寫XHTML及CSS樣式代碼，懂得javascript應用，精通設計與網頁設計軟件，如photoshop、fireworks、dreamweaver等，能獨立完成網站的規劃和靜態頁面制作?？梢钥闯鲆粋€優秀的網頁設計師能夠對網頁的構成元素進行藝術規劃和創造性思維活動，通過網頁制作技術實現網頁設計的目的，達到了藝術與技術的和諧統一。[1]為了培養大一新生對計算機專業的學習興趣和熱情，許多高校包括我校在內，將《網頁設計與制作》課程規劃為必修課安排在大一下學期開課，目的通過本課程所見即所得的特點，激發新生對計算機專業的學生興趣和熱情。可在以往的本課程教學內容安排上，重網頁制作技術的講授，對網頁設計相關知識涉及甚少，即便學生掌握了XHTML、css+div、JavaScript等網頁制作技術，可沒有遵循網站與網頁設計原則，致使學生制作出來的網頁粗糙拙劣，毫無美感可言，這樣的教學安排，難以培養學生的專業學習興趣和熱情。
2 《網頁設計與制作》課程改革思路
以適應企業需求為導向，以培養學生網頁設計能力為根本，以項目教學和案例教學為手段，以實際網站為目標，進行課程內容的編排和改革。[2]緊跟當前市場需求，及時對教學內容作出調整，特別強調網站與網頁設計原則理論知識，在講授網頁制作技術的過程中注重網頁設計基本理論與基礎知識的滲透，努力提高學生的審美情趣，在潛移默化中讓學生形成“技術為設計服務”的思想，讓這種思想指導其網頁設計與制作行為，最后將這種認識轉換為能力，最終體現在其網頁設計作品上。
3 《網頁設計與制作》課程教學改革方案
以“技術為設計服務”為指導思想，以項目教學和案例教學為手段，通過項目驅動，[3]讓學生在32學時講授+32學時上機的學習過程中，獨立完成上機項目。上機項目按照具備知識水平由易到難，需求由低到高，設計方案由局部到整體的梯度進行，符合教育教學的基本規律。結課后，以一個綜合項目的開發作為對學生學習效果的最后的評價。綜合項目的開發，實際上是學生實踐和獨立探究的過程，在此過程中，增長了學生的知識，培養了學生創造性思維和發現問題、解決問題的能力。
3.1 教學內容的編排
按照WEB標準，網頁由三部分組成：結構（structure）、表現（presentation）和行為（behavior），因此，在教學內容的編排上，將《網頁設計與制作》課程分為四大模塊進行講授和實踐。分別為：網頁與網站設計原則、XHTML基礎知識、css+div、javascript。
網頁與網站設計原則模塊：在本課程的教學過程中處于指導地位和核心地位。通過該模塊的教學，首先讓學生掌握網站的3C設計原則，即簡潔、一致性、對比度。通過一些優秀網站設計案例的展示，使學生對3C設計原則有初步的體會和認識。其次讓學生掌握頁面設計要點，包括：精心組織的內容、格式美觀的正文、和諧的色彩搭配、較好的對比度、生動的背景圖案、頁面元素大小適中，布局均勻、不同元素間的留白等。通過優秀網站設計案例的講解，讓學生初步體會每一個頁面設計要點。在隨后的課程講授及上機實踐中，通過具體案例，強調網頁與網站設計原則，讓學生對3C設計原則及頁面設計要點有更深的體會和認識，在潛移默化中，學會用網頁與網站設計原則指導自己的網站制作行為。
其他三個模塊為《網頁設計與制作》課程的技術范疇。通過XHTML、css+div、javascript的講授及配合各類上機項目的實踐，使學生具備認識網頁創建站點應用網頁元素對網頁布局應用CSS美化頁面給網頁添加動態行為的能力。最后以網頁與網站設計原則為指導，設計開發一個綜合項目。該綜合項目要求要有鮮明的主題，內容與形式統一，個性突出、布局合理、配色美觀?？梢钥闯觯ㄟ^本課程技術層面的學習，為學生奠定了制作綜合項目的技術基礎，而其掌握的網頁與網站設計原則又將反作用于其網頁制作的行為上，提高其網頁制作水平，逐步達到技術與設計的和諧統一。
4 《網頁設計與制作》課程考核體系
本課程的考核方式為考察，主要考察學生的實踐能力及學生網頁與網站設計原則的掌握情況。將平時表現，上機項目完成情況、綜合項目的開況相結合，從而得出學生的最終成績。
考核方案設計如下。
平時表現10分：包括上課出勤，上機出勤。有課堂主動回答問題的額外加3分。
上機實驗40分：內容包括：包含文本、圖像、超鏈接、多媒體的簡單網頁設計（3分）；包含表格的簡單網頁設計（3分）；包含表單的簡單網頁設計（3分）；利用框架進行簡單網頁設計（3分）；利用CSS樣式表美化網頁（10分）；利用表格進行網頁布局（3分）、利用DIV進行網頁布局（5分）、利用DIV嵌套表格進行網頁布局（5分）；利用javascript實現網頁特效（5分）。
綜合項目開發：通過本課程掌握的網站設計原則及制作方法，完成綜合項目的設計與制作。（50分）
設計要求（25分）：需求分析充分，欄目設計合理，功能完善，網站深度不低于3級別（5分）；主題鮮明，頁面布局合理，配色和諧，形式美觀，風格統一（10分）；logo、banner的設計應突出主題，與頁面風格相協調（5分）；要有便捷的導航信息。網站內容豐富，具有良好的可讀性（5分）。
技術要求（25分）：站點文件組織規劃合理，主頁必須以index命名（2分）；代碼書寫符合XHTML語法規范（3分）；用Div對網站進行總體布局，局部布局可用表格（6分）；用css進行頁面的美化，對樣式的定義統一寫在外部樣式表中（6分）；多媒體元素運用得當，適合網絡傳輸（3分）；頁面中包含有JavaScript實現的特效（5分）。
5 結語
改革后的《網頁設計與制作》課程重視學生網頁設計能力的培養，在每一次的教學實踐環節中，都在強調網頁與網站設計原則，在潛移默化中讓學生學會用網頁與網站設計原則來指導自己的制作行為。在此原則的指導下，74名學生完成的綜合項目開發作品中，符合網站與網頁設計原則的作品有62.3%，其中優秀作品比例為 12.6%，較未實行教改前學生的設計與制作水平有了明顯提高。實踐證明，以“技術為設計服務”為指導思想的《網頁設計與制作》課程教學改革實在可行，提高了學生網站設計與制作水平，為其以后的就業打下了良好基礎。
參考文獻
[1] 邵小蘭.淺析網頁設計中的藝術設計[J].科技資訊，2011（15）：14.
網頁制作與設計課程范文2
【關鍵詞】網頁設計;網頁教學;課程探索
一、對該門課程的簡單論述
“網頁制作與設計課程”的先修課程《計算機文化基礎》，后續課程是《ASP、NET程序設計》。因此，它是一門承上啟下的課程。學習的過程是循序漸進的，前期打下良好的基礎可以為后期的學習鋪磚引路，而且它是一門重要的專業課程，目的在于培養今后從事小學信息技術教學和學校信息化教育教學的管理者和維護者，從事網站建設相關的工作。它要求學生了解網站和網頁的本質，理解網站建設基本工作流程并熟練掌握網頁制作工具軟件的使用，例如Dreamweaver軟件、HTML和CSS等技術。學習該門課程知識面是必須的，但是還要求學習者有能力和綜合素質，所謂的能力大致指能夠合理規劃主題網站以及進行團隊合作完成任務等，并且要求學生具有分析問題和解決問題的素質。
二、對該門課程教學思路的轉變
1.理論與實踐相結合擴展素質。眾所周知，計算機是一門動手能力要去較高的學科，過去的課堂要求老師手把手教學帶動學生，而且教師上課大部分講的都是理論知識，內容顯得過于空乏，扼殺了學生的學習興趣。但是隨著互聯網及計算機技術的普及，大部分高校目前都可以維持“一人一機”的局面，在教學過程中，不應是教師一個人的舞臺，教師因鼓勵學生放心大膽的去創新，大刀闊斧的實施自己的想法，例如在“網頁設計”的實踐課中要求建設自己的專屬網站，不同的同學他們的想法肯定是不同的。這時教師因當向同學提供幫助，詢問他們的想法，給予援手完成他們的設計。也可讓學生們成立興趣小組，通常以2人或者3人為一組進行課程實踐，這樣不僅有助于培養他們的動手能力，更有利于養成互幫互助的好習慣。2.培養學生養成終身學習的好習慣。“網頁設計與制作”是一門生活中的學科，處于信息時代的浪潮之中，信息不斷的交替，學習范圍日新月異。尤其是計算機學科，與生活息息相關，網上購物、上網沖浪、瀏覽文件，都離不開互聯網的功勞。當前的大型公司，如淘寶、京東、蘇寧等，也都推出了自己的網上平臺。學生的眼光應當放長遠些，學習這門學科，應當了解該學科的就業形勢，清楚的了解到自己以后可以干什么，從事哪一行業。教師也應當在學習過程中給學生講一些自己對該門課程發展前景的看法，給學生提出一些建議，學生在了解到自己的目標后，應當會更加奮發努力地向著未來的方向前進?；ヂ摼W時代，只有養成終身學習的好習慣，不斷擴充自己對于“網頁設計與制作”課程的理解及知識，才能免于被時代淘汰。
三、教學方式的改進
1.多媒體教學傳遞信息時代。“網頁設計與制作”作為新時代的新興學科，不應該只利用傳統的書本教學方式，而應該利用多媒體技術提供最新的“網頁設計”信息來給學生觀看，并且多媒體教學利用它獨特的放映式方法能讓學生清楚的看到網頁制作的過程，很好與這門課程嵌合。遠程教育的發達也使學生的學習不必拘泥于課堂，只需要一部手機或者一臺電腦，學生便可自主學習。2.學生考核方式仍需改進。該門課程的考核方式有多項內容組成，由平時成績(15%左右)、作品(35%左右)、期末筆試(35%左右)、上機操作測試(15%左右)等項目組成，其中綜合實訓內容主題網站的建設是重要的評價項目。作為一門實踐性學科，上機操作測試的分數應該向上提升一些，教師也可以推出一些加分項目，例如舉辦幾次“網頁設計創新大賽”，對于獲獎的優勝者給予加分鼓勵，更能提升學生的積極性。3.校企合作辦學創“共贏”。在校學生在學校學的內容畢竟有限，“網頁設計與制作”課程的規劃要求證明了他的實用性，如果學習不能為工作所用，就難以適應以后社會對該門課程人才的需求。建議學校找相關企業合作，給學生提供學習機會，把去企業參加實訓也視為一項重要的考核內容。對于平時課堂學習表現優異者，提供去知名網絡企業學習交流的機會。讓學生自己通過對這門課程的理解，面向真正的社會，能提高他的交往與合作能力、溝通過能力、創新實踐能力，走向真正成才之路。
四、總結
“網頁設計與制作”這門課是信息時代化的產物，與現實生活脫節必然導致的教育的失敗。提高教學質量，必須改善教育結構、教學方法與思路。想學生所想、思學生所思，從這門課的教育意義出發，要培養高素質的人才，就必須得提供一個有利于學生成長的平臺。提高高效的學習方法和鞏固實訓在該門學科的地位，必然給“網頁設計與制作”課程教育帶來一個更大的舞臺。
參考文獻：
[1]歐陽煒昊,吳振峰,羅卓君.基于工作過程導向的“網頁設計與制作”課程教學改革研究[J].計算機教育,2010(4).
[2]向劍平.計算機基礎課程體系的研究和探索[J].遵義師范學院學報,2008(1).
網頁制作與設計課程范文3
關鍵詞：翻轉課堂；網頁設計；制作應用方法
1翻轉課堂概述
1．1內涵理解翻轉課堂的內涵為，在信息技術的基礎上，將傳統的課堂教學和課外學習的過程進行轉換的一種新型的教學模式，又叫做顛倒課堂。在這種教學模式下，教師要將原本的課堂教學內容和學習資料以視頻的方式展開，學生則需要在課下提前觀看視頻，然后在課堂上共同交流，討論并解決之前學習過程中遇到的問題。1．2應用優勢通過和傳統教學模式的比較，我們可以對翻轉課堂的應用優勢進行如下歸納:第一，翻轉學習方式。在翻轉課堂中，學生可以從被動學習轉變為主動學習。因為課程內容以視頻的方式呈現，可以永久性保存，便于學生隨時觀看。這樣部分基礎較差的學生可以結合自身的實際情況進行反復學習，獲得教師的個別指導，能滿足個性化教學的需求。另外，通過課前學習、課堂討論和課后復習的過程，還能對教學的內容進行整合，提高課堂教學的效率。第二，翻轉課堂活動。在翻轉課堂中，學生在課下就可以初步完成知識的學習，節省了課堂講解的時間，教師和學生有充足的時間開展討論、實驗探究、互動交流等對知識的內化活動，對課下學習中的問題進行解答和指導，增加課堂教學的活躍程度，有助于激發學生的學習興趣。第三，轉換師生角色。在翻轉課堂中，充分體現了學生在學習活動中的主體地位，他們能夠根據自己的實際情況，自由選擇教學資源。同時，在課堂討論中，不再是由教師主導，而是根據學生感興趣的問題進行針對性的指導教學，符合因材施教的要求。
2網頁設計與制作課程教學存在的問題
網頁設計與制作是計算機類專業的一門基礎課程，具有較強的實踐性和操作性，其課堂教學主要采用的是案例教學法，就是通過對案例進行分析，講解其中的知識，進行實驗步驟的演示之后，讓學生當堂完成練習。這種教學方法雖然優于傳統教學方法，也取得了一定的成效，但是在具體的實施中仍然存在如下問題。2．1學生缺乏主動思考在網頁設計與制作的練習中，學生基本上會完全根據教師演示的步驟來完成練習，所以大部分的時間和精力都集中在回憶實驗步驟中，沒有主動思考，。實驗過程是否合理，甚至根本不明白實驗的目的。當面對類似的案例或者實際的項目時，就無法靈活應用所學的知識，導致學生的思維存在嚴重的依賴性，不利于開發其自主學習能力。2．2教學質量較低網頁設計與制作課程的教學內容較多，包括了平面設計的技術、HTML、XML、CSS、Javascript、動畫技術、服務器配置等，但是課時設置卻較少。例如，我校對該課程安排了60個課時，其中教師的課堂講解和步驟演示課時約占50%，學生學習知識點和上機實踐操作的實踐只有一半，很難完成教學大綱的要求。為了完成教學任務，很多內容都是一帶而過，導致教學質量較低。
3翻轉課堂在網頁設計與制作課程中的應用方法
本文以網頁設計與制作中，個人主頁這一內容的教學為例，對翻轉課堂在課程教學中的應用方法進行了如下分析:
3．1做好課前準備教師可以采用相關的視頻錄制軟件，例如“屏幕錄制專家”，錄制2個長度約5min的微視頻，并根據視頻講解的內容，設計導學案，并將資料在班級QQ裙或者微信朋友圈共享，學生利用手機終端下載視頻，利用課余時間觀看視頻，查看導學案，提出自己的問題，在QQ群或微信群中討論。教師則需要對學生的反饋意見和問題進行統計和歸納，便于在課堂中集中解決。做好課前準備，能讓學生初步了解和理解個人主頁的制作方法。3．2合理安排課中教學在學生完成對個人主頁制作教學內容的預習之后，教師可以結合具體的實例來解答課前學生提出的問題，并進行案例的演示操作。這一環節的時間應控制在20min左右。在翻轉課堂中，由于學生在上課前已經進行了比較深入的學習，。對教學內容有了一定的理解，所以教師在確認學生基本掌握個人主頁的布局之后，就可以布置任務，將學生平均分成若干個小組，采用小組合作的方式完成個人主頁的設計，讓每一個學生都能參與其中。在學生練習的過程中，教師要積極發揮自身引導者的作用，對遇到問題的小組及時進行指導。設計完成之后，教師可以讓各小組展示作品，并對作品進行評價。其中評價分為自我評價、小組互評和教師評價，對課前微視頻學習情況、獨立學習、問題討論、合作表現、創意你表達和成果展比等內容進行綜合評價。3．3完善課后復習課堂教學完成后，教師可以將評價表的原始數據進行整理，然后放入各個小組創建的網絡學習檔案中。同時，教師還需要對課堂中遇到的問題進行整理和總結，并提出對應的解決方法和應對策略，將其制作成動態的學習資源，發送到共享平臺，長期存放，方便學生能隨時觀看。對于因為各種原因無法參與課堂學習的學生，教師也可以利用這些資源幫助他們補課。同時，對于在學習上存在一定困難的學生，或者是不敢大膽提問的學生，也可以利用教師提供的資源，在課后進行反復觀看。這樣既可以進行補救性學習，又可以節省課堂的公共時間，提高課堂教學的整體效率。
4結語
綜合上述分析可知，翻轉課堂和傳統課堂教學方式存在較大的差別，在網頁設計與制作的教學中，應該充分發揮出自身的優勢，針對當前教學存在的問題，積極進行改革和創新。
參考文獻:
［1］柏翠，程?。疁\談翻轉課堂教學模式在《Dreamweaver網頁設計與制作》課程中的應用［J］．科技資訊，2015，10(29):164～165．
［2］羅金玲．基于世界大學城云平臺的高職翻轉課堂教學模式探究———以《Dreamweaver網頁制作》課程為例［J］．電腦知識與技術，2016，32(19):108～110．
［3］何敏華．“翻轉課堂”在《網頁制作》課程教學中的應用［J］．信息與電腦(理論版)，2014，27(11):242．
網頁制作與設計課程范文4
關鍵詞：網頁設計與制作；應用人才；課程改革；課程優化
1課程的現狀與存在的問題
“網頁設計與制作”課程是計算機類專業的應用型課程，這門課程相對于其他課程來說，無論是在教學內容還是教學方法上都有其特殊之處。它集知識和技能于一體，具有很強的實踐操作性。它能教學生做出內容豐富多彩的網頁，從而得到學生的喜愛，激發學生的學習興趣；但又因為涉及的知識面廣、軟件技術更新快，又會讓學生感到迷茫。目前該課程主要存在以下幾個方面的問題:一是教學內容陳舊。網頁制作技術發展很快，而大部分的教材還在講授網頁三劍客，學生所學的知識跟公司的實際應用有脫軌，不利培養應用型人才的實用性；其次，教師的主導性與學生的主體性之間的矛盾。傳統的以教師為主體的教學，都是以學生被動地聽課記筆記為主，缺乏探究思考與實踐的機會，不能充分發揮學生學習的主動性，不利于應用型人才的創新能力的培養；第三，單一的評價方式與素質培養目標之間的矛盾，以筆試為主的傳統考核方式，形式過于單一，不能客觀地衡量學生的綜合水平，不利于應用型人才的綜合素質的培養。應用型人才培養的定位為基礎理論扎實夠用，實踐創新能力強，綜合素質高的高級應用型技術人才。最終的目標是學生畢業后能適應工作崗位，具有解決實際工作問題的能力，因此如何讓學生掌握實用的網頁制作的知識和技能，需要在理論教學、實踐教學、課程設計、考核方式等多方面進行創新，這是文章要研究的主要問題。
2網頁設計與制作課程體系的優化
以培養應用型人才為指導思想，使學生在校所學與實際應用銜接，對課程的教學內容進行增減整合，整個課程分為5個部分，一共72學時。以HTML語言為基礎，以DeamWeaver為工具，突出css和javascript為教學重點。在這里，大幅削減了dw的教學內容，只把它當作一個編寫html和css代碼的可視化開發工具來使用，具體學時安排如表1所示。
3改進教學方法，采用多種模式進行教學
3.1使用屏幕錄像軟件對講課內容進行錄制，讓學生課后回顧學習
該課程是一門操作性很強的課程，一般在多媒體教室或機房授課，老師先講解演示，學生進行驗證練習。操作性的東西很難完全記住，因此建議采用屏幕錄像軟件，對老師的授課進行全程錄制，學生在課后的練習中根據老師所講進行操作，很方便對知識進行了驗證，并完全掌握。
3.2把實用技術作為重點
理論知識以夠用為原則，加大實踐教學。要求把課程內容基礎性和先進性關系處理得當。在授課過程，不要面面俱到，重點放在關鍵技術的講解上。在整個的課程安排上，每一系列完整的知識點后都設有專項的實踐題目，每個模塊設有綜合應用的實踐題目，課程結束后，還要安排一周的課程設計。通過這種分層次的綜合性項目的訓練，讓學生能熟練掌握網頁設計與制作的相關知識及操作。
3.3采用任務驅動法進行教學
基于該課程忽悠技術性和實踐性相結合的特點，適合采用任務驅動法進行教學，任務驅動教學法就是讓學生在一個典型的任務驅動下展開教學活動，從網頁設計實際工作過程出發，教師通過精心設計一個綜合案例，盡量將所有章節的知識點涵蓋進去，在教學過程中不斷地運用“新任務”來引導學生學習，并按照上面所述的模塊化教學內容，層層深入學習，教師邊實際操作邊講解涉及的新知識，以前學過的舊知識也在這一過程中得以鞏固。任務驅動法不同于簡單的案例教學，它是采用項目化教學方式，即教師不是圍繞知識點去設計每個單獨的案例，而是針對整個課程設計一個貫穿項目，這個貫穿項目由若干模塊組成，并能夠覆蓋課程的所有理論知識。
3.4以學生為主導，激發學生學習的積極性，從被動學習變成主動學習
網頁前端的技術發展很快，專業技術人員要具備知識的自我更新能力，培養興趣，學會學習，學會解決問題，比單獨的傳授知識更重要。在整個教學過程中，要以激發學生學習興趣為目標，變被動學習為主動學習?？梢圆捎玫姆椒ㄓ校喊咐娜の缎?，老師授課語言的幽默性，作品展示的成果性，項目合作的團結性，網絡資源的自主學習等，都可以很大程度上提高了學生的學習積極性和學習興趣。把“要我學”變成“我要學”，從而使學生成為教與學的主體。
4開辟第二課堂，加強實踐教學
在應用型人才培養中，特別注重實踐教學環節。該課程的實踐教學占很大的比重，除常規的上機實踐、期末的課程設計等實踐教學活動外，還開辟了第二課堂。主要有成立各類興趣小組、創新工作室；由老師引入企業項目，學生自我選擇加入，由專業老師及企業導師指導，在這里學生可以分模塊完成項目任務，互相交流學習經驗、相互解答問題，協和合作完成項目。另外人們每年都組織學生參加省大學生網頁設計大賽乃至全國大學生網頁設計大賽，通過競賽，提高學生綜合運用知識的能力。在應用型人才培養教學計劃的修訂中，明確指出，競賽、創新活動等獲獎可以抵免學分，學校也加大了這方面的獎勵力度。因此開辟第二課堂，形成一種以競賽促進教學，教學服務于競賽的局面，對培養學生的創新能力，提高學生的學習的積極性和主動性有很好的促進作用。
5綜合全面地評價學生
對學生的學習成果的評價不能只看筆試分數，由于該課程的特殊性，能綜合運用各種技術制作出一個漂亮的網頁，具有團隊合作精神，能對別人制作的網頁作出自己客觀的有建設性的評析遠比具體的分數來得重要。把期末筆試的成績降到40%，課程設計期末作品的分值提高到30%，同時，競賽成績納入考核范圍。這種評價體系促使學生往應用型、創新型方向發展，而不是死記硬背的讀書，而且學生的學習成果得到教師和周圍同學的肯定，同時在參與企業項目中收獲經驗和成果也是學生能持續主動學習最強大的內在驅動力。
6結語
基于該門課的特點，文章制定了以突出應用能力的培養，提高學生的職業適應能力的方針，在課程體系結構，教學方法、實驗實訓、考核方式等多方面進行進行了深入的研究和探索。并在實際教學中使用，取得了不錯的成果。實踐證明，任務式教學方法，第二學習課堂的開辟極大地激發了學生的學習熱情，教學效果顯著改善，教師的學科水平也得到了提高，促進了該門課程的規范化和系統化，符合應用型人才培養的目標。
[參考文獻]
[1]趙翠榮.應用型民辦本科院?！熬W頁設計與制作”課程教學改革研究[J].佳木斯教育學院學報，2014（8）：163.
[2]趙玲玲，朱美潔，李招弟.應用型本科專業網頁設計與制作課程教學改革研究[J].北京城市學院學報，2013（2）：52-55.
[3]黃超.試論《網頁效果圖制作及欣賞》課程教學內容改革及考試方案[J].職業技術，2010（4）：41.
網頁制作與設計課程范文5
【關鍵詞】翻轉課堂；網頁設計與制作；應用方法
1翻轉課堂概述
1．1內涵理解
翻轉課堂的內涵為，在信息技術的基礎上，將傳統的課堂教學和課外學習的過程進行轉換的一種新型的教學模式，又叫做顛倒課堂。在這種教學模式下，教師要將原本的課堂教學內容和學習資料以視頻的方式展開，學生則需要在課下提前觀看視頻，然后在課堂上共同交流，討論并解決之前學習過程中遇到的問題。
1．2應用優勢
通過和傳統教學模式的比較，我們可以對翻轉課堂的應用優勢進行如下歸納:第一，翻轉學習方式。在翻轉課堂中，學生可以從被動學習轉變為主動學習。因為課程內容以視頻的方式呈現，可以永久性保存，便于學生隨時觀看。這樣部分基礎較差的學生可以結合自身的實際情況進行反復學習，獲得教師的個別指導，能滿足個性化教學的需求。另外，通過課前學習、課堂討論和課后復習的過程，還能對教學的內容進行整合，提高課堂教學的效率。第二，翻轉課堂活動。在翻轉課堂中，學生在課下就可以初步完成知識的學習，節省了課堂講解的時間，教師和學生有充足的時間開展討論、實驗探究、互動交流等對知識的內化活動，對課下學習中的問題進行解答和指導，增加課堂教學的活躍程度，有助于激發學生的學習興趣。第三，轉換師生角色。在翻轉課堂中，充分體現了學生在學習活動中的主體地位，他們能夠根據自己的實際情況，自由選擇教學資源。同時，在課堂討論中，不再是由教師主導，而是根據學生感興趣的問題進行針對性的指導教學，符合因材施教的要求。
2網頁設計與制作課程教學存在的問題
網頁設計與制作是計算機類專業的一門基礎課程，具有較強的實踐性和操作性，其課堂教學主要采用的是案例教學法，就是通過對案例進行分析，講解其中的知識，進行實驗步驟的演示之后，讓學生當堂完成練習。這種教學方法雖然優于傳統教學方法，也取得了一定的成效，但是在具體的實施中仍然存在如下問題。
2．1學生缺乏主動思考
在網頁設計與制作的練習中，學生基本上會完全根據教師演示的步驟來完成練習，所以大部分的時間和精力都集中在回憶實驗步驟中，沒有主動思考，。實驗過程是否合理，甚至根本不明白實驗的目的。當面對類似的案例或者實際的項目時，就無法靈活應用所學的知識，導致學生的思維存在嚴重的依賴性，不利于開發其自主學習能力。
2．2教學質量較低
網頁設計與制作課程的教學內容較多，包括了平面設計的技術、HTML、XML、CSS、Javascript、動畫技術、服務器配置等，但是課時設置卻較少。例如，我校對該課程安排了60個課時，其中教師的課堂講解和步驟演示課時約占50%，學生學習知識點和上機實踐操作的實踐只有一半，很難完成教學大綱的要求。為了完成教學任務，很多內容都是一帶而過，導致教學質量較低。
3翻轉課堂在網頁設計與制作課程中的應用方法
本文以網頁設計與制作中，個人主頁這一內容的教學為例，對翻轉課堂在課程教學中的應用方法進行了如下分析:
3．1做好課前準備
教師可以采用相關的視頻錄制軟件，例如“屏幕錄制專家”，錄制2個長度約5min的微視頻，并根據視頻講解的內容，設計導學案，并將資料在班級QQ裙或者微信朋友圈共享，學生利用手機終端下載視頻，利用課余時間觀看視頻，查看導學案，提出自己的問題，在QQ群或微信群中討論。教師則需要對學生的反饋意見和問題進行統計和歸納，便于在課堂中集中解決。做好課前準備，能讓學生初步了解和理解個人主頁的制作方法。
3．2合理安排課中教學
在學生完成對個人主頁制作教學內容的預習之后，教師可以結合具體的實例來解答課前學生提出的問題，并進行案例的演示操作。這一環節的時間應控制在20min左右。在翻轉課堂中，由于學生在上課前已經進行了比較深入的學習，。對教學內容有了一定的理解，所以教師在確認學生基本掌握個人主頁的布局之后，就可以布置任務，將學生平均分成若干個小組，采用小組合作的方式完成個人主頁的設計，讓每一個學生都能參與其中。在學生練習的過程中，教師要積極發揮自身引導者的作用，對遇到問題的小組及時進行指導。設計完成之后，教師可以讓各小組展示作品，并對作品進行評價。其中評價分為自我評價、小組互評和教師評價，對課前微視頻學習情況、獨立學習、問題討論、合作表現、創意你表達和成果展比等內容進行綜合評價。
3．3完善課后復習
課堂教學完成后，教師可以將評價表的原始數據進行整理，然后放入各個小組創建的網絡學習檔案中。同時，教師還需要對課堂中遇到的問題進行整理和總結，并提出對應的解決方法和應對策略，將其制作成動態的學習資源，發送到共享平臺，長期存放，方便學生能隨時觀看。對于因為各種原因無法參與課堂學習的學生，教師也可以利用這些資源幫助他們補課。同時，對于在學習上存在一定困難的學生，或者是不敢大膽提問的學生，也可以利用教師提供的資源，在課后進行反復觀看。這樣既可以進行補救性學習，又可以節省課堂的公共時間，提高課堂教學的整體效率。
4結語
綜合上述分析可知，翻轉課堂和傳統課堂教學方式存在較大的差別，在網頁設計與制作的教學中，應該充分發揮出自身的優勢，針對當前教學存在的問題，積極進行改革和創新。
參考文獻:
［1］柏翠，程?。疁\談翻轉課堂教學模式在《Dreamweaver網頁設計與制作》課程中的應用［J］．科技資訊，2015，10(29):164～165．
［2］羅金玲．基于世界大學城云平臺的高職翻轉課堂教學模式探究———以《Dreamweaver網頁制作》課程為例［J］．電腦知識與技術，2016，32(19):108～110．
［3］何敏華．“翻轉課堂”在《網頁制作》課程教學中的應用［J］．信息與電腦(理論版)，2014，27(11):242．
網頁制作與設計課程范文6
關鍵詞：網頁設計；計算機專業；課程改革
中圖分類號：G642 文獻標識碼：A 文章編號：1674-7712 （2013） 06-0178-02
一、引言
隨著互聯網的發展，對網頁設計人才的需求也越來越多，要求也越來越高?！毒W頁設計與制作》不但是高職院校計算機相關專業的核心基礎課程，也是電子商務，工科相關專業的專業課程以及藝術相關專業的選修課程。
面對市場需求的變化，不同的專業的學生，我們再不能不考慮學生的專業，而是用同一本教材教授所有的學生，而是應該根據市場的需求，針對不同的崗位的不同要求，因材施教，進行相應的教學改革。
二、課程性質
《網頁設計與制作》其主要任務是使學生掌握網頁設計及制作的基本知識，了解當今網頁設計與制作技術發展的趨勢，培養學生網站建設和網頁設計過程中的綜合能力學生畢業后可勝任網站管理員、網頁設計師、網頁美工師等工作崗位，并可不斷提升崗位工作能力。
《網頁設計與制作》是一門操作實踐性很強的課程。
基于《網頁設計與制作》課程的特點和網頁設計人才的崗位需求，需要從以下幾個方面進行教學改革：
（一）課程設計的理念的更新
培養學生的職業能力是職業教育課程設計的基本目標。本課程的教學是基于相關就業崗位的工作過程，把課程內容模塊化，課程內容序列化，課程設計將“企業的任務”以“教學的形式”來完成“人才的培養”。
課程設計的思路
由于對相應的工作崗位群應該具有的相關職業能力
《網頁設計與制作》課程設計采用“基于工作過程”新的教學模式，對網頁設計人員以實際工作崗位中的工作過程為依據，分解出四個工作任務，即網頁的設計與制作、圖形圖像動畫素材的加工處理、網頁配色及熟悉網站開發以及的流程。再由這四個工作任務分解出多個崗位工作能力，再由職業能力轉化為相應的只是，工作技能和工作態度，然后確定教學的內容和教學的先后次序。再將整個過程形成一個完整的教學體系。
（二）針對不同的專業的教學內容有的放矢，加強不同專業的適用性
1.針對不同專業《網頁設計與制作》采取模塊化教學方式
為了針對不同的專業，教學內容決定采用模塊化，不同專業學生可以選取不同的模塊進行學習。
《網頁設計與制作》課程教學根據不同的專業和學生興趣點的不同，選擇不同的教學模塊。計算機專業大體上可以分為兩個教學模塊：頁面設計（靜態和動態）和平面設計。
非計算機專業可以也可以有兩個教學模塊：靜態頁面設計和平面設計。
以此《網頁設計與制作》課程可以按照不同的工作崗位需求分以下五個模塊：
（1）經典網站賞析以及網頁制作的相關工具介紹模塊
（2）網頁制作模塊（主要學習html，dreamweaver，div+css網頁布局和網頁特效的插件的使用）
（3）圖形圖像動畫處理模塊（主要學習photoshop和flash，學習這些軟件可以達到對網頁中的圖像進行處理和制作網站的logo，banner條和網站片頭的作用）
（4）網頁配色模塊（主要學習網頁的基本配色規則和配色工具的使用）
（5）網站策劃開發及維護模塊（主要學習網站的整體策劃開發流程和網站如何進行維護以及簡單的動態網站服務器腳本語言ASP）
第一第二模塊是《網頁設計與制作》的基礎部分，通過這兩個模塊的學習學生可以制作簡單的網站。
第三第四第五模塊是《網頁設計與制作》的提高部分，通過這兩個模塊的學習學生可以達到培養網站的藝術鑒賞力。
各個專業的學生可以根據自己專業所學習的前序后續課程選取適合自己的模塊學習。
電子商務專業和藝術類的學生由于前序課程學習過《平面設計》（主要是photoshop和flash）可以選擇模塊1、2、4、5
藝術類的學生由于前序課程學習過《平面設計》和美術可以選擇1、2、5學習合理選擇教學內容。
機電類和計算機類的學生可以選取所有模塊進行學習。
2.網頁設計與制作課程采取序列化教學模塊
在一般情況下，《網頁設計與制作》課程的內容較為獨立，模塊教學內容之間彼此的聯系很弱。模塊具有較強的獨立性，彼此間往往缺乏聯系。為了提高人才培養的質量，保證學生的知識體系完整，同時培養一定的網站鑒賞能力。因此根據高職學生的認知規律，對教學內容進行序列化處理能提高教育教學質量。并將整個教學分為四個教學階段。
基礎階段：本教學階段主要以賞析國內外各種優秀網站為主。通過欣賞可以培養學生對網站的藝術鑒賞能力，激發學習興趣，開闊視野，了解網站的基本構成。
基本技能培養階段：本階段將學習網頁的基本制作知識，包括網頁文本，表格，超鏈接，圖片的插入，行為flash的插入以及插件的使用，站點的搭建等最基礎的技術。通過簡單的學習學生可以運用所學的知識很快做出一個簡單的網站。
網頁設計階段：本階段的教學將以提高學生的藝術鑒賞力為目標，以photoshop和fureworks軟件為主講授圖片的切片處理，色彩的調配，頁面的設計等。讓學生在網站的制作過程中加入設計的元素。將簡單的網站制作上升到設計的層面。潛移默化，循序漸進，以模仿學習為主逐漸提高學生的藝術創新能力。
綜合實訓階段：本階段主要為了讓學生熟悉網站的完整開發流程。將所學習的知識全部那個在網站開發的過程。本階段要求學生從書寫一個小型網站的策劃書，到網站的設計，到全部由學生獨立完成，老師只是進行指導。通過學習學生會對網站的整個開發有詳細的了解。
3.針對不同專業將開展不同主題的網站專題講座進行補充教學
例如電子商務專業需要專門對電子商務類網站進行設計
三、教學模式的設計與創新
實行工學結合的教學方式是高職院校按照市場對高職人才的需求而行之有效的教學模式
為實現培養目標，建立工學結合的長效機制，我們加大了實踐教學力度，廣泛開展校企合作，形成了開放、多邊、靈活的工學培養模式。其中主要有以下幾種：
（一）訂單式培養
學校按照企業對用人的要求，校企一起制定相關的培養方案和培訓體系，開展相關的課程教學。
學生直接根據企業的要求，掌握專業的職業技能。
（二）“雙證書”制
依照國家職業分類標準，結合學生所學專業，學院實行了“雙證書”制。學生在學期間不僅要取得畢業證書，還要獲取與專業相關的職業資格證書。
（三）課程調整
為了滿足企業發展的要求，為了使畢業生盡快成為專業技能型人才，加大相關課程的實訓課時數。
（四）實訓基地建設
我院校為了培養學生適應行業企業需要的職業技能，堅持校內實訓與企業實習相結合。
（五）“雙師型”隊伍建設
工學結合的培養模式，決定了高等職業教育教師除具備各類教育教師都要具備的素質外，還應具備技能型人才的各種素質。定期選派專業教師到企業掛職鍛煉；同時聘請了企業來的專家，兼職承擔《網頁設計與制作》課程的教學。
四、多種教學方法的運用
高等職業教育應該培養具有大量專業技術知識和操作技能兼備的高級應用型人才。為此，我們改變傳統的教學方法，引入先進的教學理念，強化技能訓練，實現了與專業崗位的無縫連接。
（一）采用了“三位一體”學習法
“精講多練”是該課程教學的最大特點，本課程的教學目標強調在了解網頁設計理論知識的基礎上，重點培養學生的操作技能和技巧。為了達到良好的教學效果，采用了“三位一體”教學法。所謂“三位一體”教學法就是在實訓課中教師在計算機上教，學生在計算機上學，然后在計算機上做。這種邊教邊學，邊學邊做的交互式教學形式，提高了教學的直觀性，調動了學生的積極性，增強了學生的動手能力，達到了教、學、做合一，手、腦、機并用的效果。
（二）運用基于案例的教學方法
根據本課程的教學目標和特點，我們主要采用“基于典型案例”的教學方法，從實際的網站中捕捉網頁技術的典型優秀案例，引入課堂。對啟發思維、激勵情趣、提高學習效率起到重要作用。
（三）建立了基于創建個人網站的實訓方法
整個授課過程中就要求學生根據自己的興趣和能力自主選擇一個相應主題，創建一個自己的網站，嘗試和感悟職業崗位對職業技能的要求。
參考文獻：
[1]盧莉，陳苡.綜合職業能力視角下高職網頁設計與制作課程改革[J].哈爾濱職業技術學院學報，2012，3.
[2]錢會敏.電子商務專業中《網頁設計與制作》課程改革的思考[J].中國科技縱橫，2009，11.
[3]馬曉虎.基于工作過程的高職“網頁設計與制作”課程改革與實踐[J].電腦知識與技術，2011，29.
