課程網站設計全文(5篇)

《網頁設計與建設》實訓是一門綜合應用性的課程，所以在教學中，從應用人才的培養模式出發，著眼于學生職業素質與職業技能的統一。達到把教學和工作過程結合在一起，以至“教、學、做”合一，通過以真實產品為載體的項目，讓學生的實踐有用武之地，同時提高學生的學習積極性。

1課程改革思路

《網頁設計與建設》是一門綜合性比較強的課程，涉及設計、開發，應用等多個環節，而實訓正是一個能讓學生很好把握這些環節，綜合運用所學知識解決問題的過程，所以實訓課程改革從以下三方面展開。

1.1以改革評價方式為關鍵。

從實踐的角度設計評價方式，主要通過對學生學習過程的觀察，通過學生的學習反思，學習記錄，項目完成的進程等信息在學生知識的應用，團隊合作等方面進行評價，同時激發學生的學習動力，幫助學生調控學習過程，培養學生團隊合作精神。

1.2以轉變學生的學習方面為出發點。

從課程的性質與特點出發設計教學。本課程特點是實踐性、操作性很強，涉及到多方面的技能，適合通過做綜合作品來全面體現。在課程改革中設計注重實踐操作的考核方式，主要是采用學生作品評價、教師對學習過程文件的評價、小組內互評、自評的方法，引導學生的學習方式的改變，由教師牽著學、帶著學轉變為學生在實踐過程中自主的發現問題，并以問題為中心進行積極的泛在學習，以解決問題。

一、課程情況

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

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

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

三、課程體系內容重構

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

四、總結

摘要：《網站設計與網頁制作》課程采用基于過程的項目式教學，其實際操作性強，知識間的關聯性強。利用思維導圖構建網頁制作課程的知識結構，建立實際項目與課程知識之間的關聯，可以幫助教師進行知識的存儲，提高知識管理效率；可以幫助學生查漏補缺，彌補知識的空缺，更好地進行知識的記憶，提高學習的積極性和主動性。

關鍵詞：思維導圖；《網站設計與網頁制作》課程；知識點構建

一引言

在20世紀60年代，英國心理學家托尼•巴贊(TonyBuzan)提出思維導圖的概念，在對其研究中以教育領域的研究和應用最多且較為成熟。在雙重編碼理論中提到：“同時以視覺形式和語言形式呈現信息能夠增強記憶和識別”。而思維導圖則將知識可視化，集視覺和文字于一體。通過將思維導圖引入教學，將知識以圖示的方式表示出來，能更好的對知識進行梳理，從而彌補在呈現知識結構、促進知識記憶等方面的不足。《網站設計與網頁制作》是我院計算機方向的專業平臺課，是網站開發方向專業課程學習的基礎。本文從目前本專業該課程在教學過程中發現的問題出發，提出在課程中應用思考導圖構建知識體系的好處，并介紹了如何具體利用思維導圖工具架構網頁制作課程的知識點以及該課程項目案例的知識點，并架設項目案例與課程之間點之間的聯系。

二課程在項目式教學實施中發現的問題

由于《網站設計與網頁制作》課程的實際操作性強，主要采用基于工作過程的項目式教學，針對高職學生動手能力強的特點，注重學生實際操作能力的培養。學生在學習的過程中能較快上手，從而提高了他們學習的積極性和參與度，也得到了較好的教學效果。然而本課程授課老師在授課的過程中也發現了一些問題，主要體現在如下方面：1.本課程的技能點多、涉及面廣，包括html、CSS、平面設計等諸多內容，特別在實際的教學中，知識間關聯度高，經常會在不同階段交疊出現。德國心理學家艾賓浩斯研究發現，遺忘在學習之后立即開始，我們的學生也同樣存在項目實施過程中已學技能知識遺忘的現象，從而影響到教學的順利進行。2.本課程的課程資源儲備豐富，有文字、圖形、動畫、課件等多種形式，但僅僅只是資源的羅列沒有進行很好的梳理，其內容分布異構、之間的關系薄弱，從而造成學生無法快速準確地定位需要的資源，更不能高效地利用資源。3.本課程由于采用項目教學法，在實際教學中以實際操作為主，并配合知識的講解。知識主要以PPT的方式呈現，但PPT的呈現不在內容重難點區分上以及前后間知識的關聯性上的體現存在不足，特別是有時候幻燈片進行切換時可能會出現記憶上的斷點，不利于學生自主進行知識體系的建構。4.本課程根據高職學生的學習特點進行定位，在培養方向上更注重實踐能力的培養，教師在實際教學中也把側重點放在實際項目的實施中，而在知識的歸納整理上仍存在不足，也不利于學生快速發現自己的不足，并進行鞏固加強學習。

三課程中應用思維導圖構建知識體系的好處

摘要：案例教學法是一種以案例為基礎的教學法，目前普遍應用于各學科的教學中。該文將從信息與安防工程系的網站設計與制作課程的實際教學情況出發，來進一步解析案例教學法的延伸，即大案例教學法在網站設計與制作課程中的實施原因和過程。同時，在具體實施過程的基礎上，探討網站設計與制作課程中大案例教學法如何進一步完善、大案例教學法的優缺點，以及還有哪些計算機類課程適合采用大案例教學法。

關鍵詞：大案例教學法；網站設計與制作；計算機課程；教學成果展；網頁制作

案例教學法是一種以案例為基礎的教學法，目前普遍應用于各學科的教學中。對于計算機類課程來說，傳統的案例教學法，教師上課過程中通常使用的案例其教學課時往往只有1-4個課時，也就是說使用的案例都是一些小案例，其操作過程相對來說比較簡單，只是為了使學生掌握某幾個知識點而使用的案例，不同案例之間比較獨立。但是，對于一些計算機類課程來說，實際工作中遇到的案例通常需要幾天甚至幾周的時間來完成，而且也更為復雜，如果學生只是跟著老師完成一些小案例的制作的話，學生水平的提升也很有限，所以需要一些較為復雜的大案例來貫穿課程中的知識點，學生能夠系統性的通過大案例進行學習，水平能得到一個較高的提升。所謂大案例教學法就是在教學過程中采用一些較為復雜的大案例進行教學，其教學課時一般應在10個課時以上，甚至一些課程中一個大案例往往貫穿于整個學期。

1網站設計與制作課程中大案例教學法的實施原因

我校以前的網站設計與制作課程，主要存在以下幾個問題：1)課程培養目標不清晰，導致教學內容散亂，沒有目的性，系統性。我校以前的網站設計與制作課程對課程的培養目標沒有深入的思考，教學內容講解過于太多，過散，沒有突出目的性，沒有對網頁知識系統性的講解，導致學生期末完成的網站作品不盡如人意。沒有明晰的教學目標，教學內容的散亂導致網站設計與制作課程講成了網頁制作課程，即沒有講解網站如何制作，也沒有講解網站如何設計的過程，課程的講解只是讓學生能做一個個獨立的網頁，多個網頁無法有機組合成一個網站，而且沒有講解網站的設計，學生完成的網站不夠美觀，精細。2)目前的課程教材內容過多，多深，沒有網站設計與制作過程的詳細講解。目前，市面上的網站設計與制作教材大多數存在著講解知識點過多，過深的缺點，不適合高職學生的特點和學情。而且，這些教材沒有系統性的講解網站設計與制作的過程，有些教材只是將每個頁面的代碼直接貼了出來。所以，需要根據高職學生的特點，圍繞教學培養目標來確定教學內容，自編講義，課件，貼近學情，貼近課堂實際情況，為學生量身打造。3)以往的課程缺少若干個系統性講解網站設計與制作過程的大案例，課程案例過小，或者沒有突出網站設計過程。以往的網站設計與制作課程課堂案例過小，只有2-6個課時，這些案例很難講清楚網站的設計與制作過程，需要教師設計一些大案例，系統性講解網站設計與制作過程，這些案例的授課時間應達到16個課時以上。綜上所述，以往的網站設計與制作課程存在的問題，導致最終的教學效果不盡如人意。所以，針對以上存在的問題，需要采取以下措施提升該課程的教學效果。首先，應對以往的教學深入思考，確定適合學生學情的教學目標。要跳出課程教材限制，圍繞教學目標，精心設計教學內容。在講網站大案例之前，要確定學生要學習那些網頁基礎知識和操作，自編該部分課件；設計制作1個網站大案例。在教學中，除了主要采用大案例教學法之外，研究其他合適的教學方法，提升教學效果。研究制定適合學情的考核標準。指導學生完成網站大作品，督促和鼓勵學生參加系部教學成果展，給學生一個展示的平臺，讓學生獲得成就感。

2網站設計與制作課程中大案例教學法的實施過程

首先，通過對以往的教學深入思考，確定了教學目標：培養學生能夠獨立設計與制作一個較復雜、美觀、精細的靜態網站的能力。此教學目標要求教學內容的制定要符合學生的學情，教學內容不能太難，在課程講解中，因為受限于課時的限制及學生的學情，對于較難的DIV+CSS網頁排版只做簡要介紹，主要使用表格+CSS講解網站設計與制作。課程內容除了要講解網站涉及的基本知識和操作之外，還要培養學生對于網站的審美能力。在大案例中，要講解如何將網站設計與制作的美觀、精細，大案例制作的網站要選題合理，復雜度適中。在最后的考核中，要求學生要獨立完成網站大作品，教師要嚴格檢查學生作品，嚴禁抄襲。智能1801區隊的網站設計與制作課程周課時為4節，教學運行18周。圍繞教學目標，采用大案例教學法對網站設計與制作課程的教學內容安排如下：第一部分：網站相關基礎理論的講解(4課時)。此部分主要講解網站、網頁、首頁、域名、靜態和動態網站的區別、網頁兼容性、Html和Css語言、網站設計與制作一般過程等相關的概念和理論知識。第二部分：精選一些對網站設計與制作過程中經常使用的操作性知識點進行講解，同時講解CSS編輯器的使用(12課時)。此部分主要講解DreamWeaver的初步認識，網頁圖片、鏈接、表格、表單的相關操作及注意事項，表格嵌套，CSS編輯器的基本操作，常見CSS樣式。此部分先講解各知識點的基本操作及注意事項，然后設計一些小實例給學生講解，學生進行練習，鞏固、拓展相關知識點。第三部分：此部分講解Html和Css的概念，語法格式，常見Html標記、屬性以及Css常見屬性。要求學生不一定會寫代碼，但是要能看懂一些基本的代碼，方便后面修改網站代碼。(4課時)第四部分：網頁欣賞與點評課。此部分講解網站的首頁布局，網站的基本設計原則，精選一些設計較好和較差的網站進行點評，課后，留作業要求學生自選一個網站進行點評。(4課時)第五部分：一個初步的實例，先讓學生進行適應。注意這個實例的選取，要能引起學生的興趣。(4課時)第六部分：一個網站大案例，選擇寧夏警官職業學院優質校申報網站對網站的整體設計和制作過程進行講解。本人編寫了35頁的課程講義，方便學生學習。(24課時)在此部分，選取優質校申報網站最主要的三個頁面：首頁，新聞列表頁面和新聞顯示頁面來講解如何制作靜態網站。在首頁的講解中，教會學生網站Logo、導航欄、Banner、版權區域該如何設計與制作，同時學習網站中最常用的視頻播放、焦點圖、跑馬燈、背景音樂等網頁特效的制作。在新聞顯示頁面，教會學生如何制作規范、美觀的圖文混排新聞內容頁面。在此部分教學實施過程中，注重讓學生思考為什么要這樣做，而不是簡單的講解如何做。首先給學生講解如何進行網站首頁規劃；要求學生要自行發揮設計制作網站LOGO和導航欄；注重講解特效代碼中一些可以進行特效定制的代碼；對于頁面中表格制作部分，注意培養學生分析表格嵌套的能力；注重培養學生對網站素材的選擇和處理能力。第七部分：學生自選主題做一個網站，教師進行指導，選取優秀作品參加教學成果展。(20課時)在實際教學中，注重和學生形成一個融洽的教學氛圍，多和學生聊天。同時，在教學過程中，要嚴格要求學生。每段講解過程最多不要超過15分鐘。有些地方的講解可以采用討論法、提問法。講解過程中，要多注意學生的反應。在期末，學生完成的網站大作品整體質量較以往有一個較大的提高，學生作品優秀率達到了17%，而以前學生作品優秀率不超過6%。

1結構設計

針對網絡課程學習網站特定的教育性，應當注重對知識結構的設計，從而體現教學內容的層次關系，協助實現層次化教學，培養學生的發散性思維。本課程的知識結構，以中職《圖形圖像photoshop》為框架，體設計如下：

1.1基礎知識

按單元將photoshop軟件操作的基本方法和技巧，以及圖形圖像處理方面的基礎知識，進行了歸納和總結，提出重點和難點，向學生提供深入簡出的理論知識講解和清晰的學習目標。

1.2實例教學

通過本人教授中職計算機應用專業相關課程的多年經驗，中職學生基本上不喜歡學習深奧的、抽象的理論知識，而是對具體的使用、操作技巧比較感興趣。因此該學習網站的教學，以實例教學為主，希望通過教學實例的形式，激發學生的學習興趣，同時也有利于學生通過對教學實例的學習制作，更好地理解掌握相關知識內容，熟練掌握photoshop軟件在實際應用中的方法和技巧。目前，廣東省內大部分中職學校計算機應用專業的《圖形圖像photoshop》課程，都要參加全國計算機信息高新技術考試。因此本網站里的教學實例，采用了全國計算機信息高新技術考試試題匯編里的典型題目，不但把每道題的難點和使用工具清晰注明，還將每一道題的難度標注清楚，并將解題過程錄制成了視頻，方便學生進行學習。針對分層教學，視頻配以文字和聲音講解，讓學習能力稍差的學生，更容易理解。同時兼顧特殊教育的聾生，還配上了手語翻譯。

1.3拓展知識