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

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

1課程改革思路

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

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

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

1.2以轉(zhuǎn)變學生的學習方面為出發(fā)點。

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

一、課程情況

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

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

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

三、課程體系內(nèi)容重構

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

四、總結(jié)

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

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

一引言

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

二課程在項目式教學實施中發(fā)現(xiàn)的問題

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

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

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

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

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

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

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

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

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

1結(jié)構設計

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

1.1基礎知識

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

1.2實例教學

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

1.3拓展知識