一、課程情況

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

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

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

三、課程體系內容重構

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

四、總結

[內容摘要]

藝術設計專業的網站設計課程應該包含界面設計與網站建設技術兩方面的內容，學生應該通過該課程學會如何設計、制作網站，理解網站建設中藝術與技術的關系。本文結合當前藝術院校網站設計課程的現狀對藝術院校網站設計課程的教學內容提出一些建議。

[關鍵詞]

藝術設計；網站設計；教學內容

一、國內藝術院校網站設計課程現狀

國內部分藝術院校開設網站設計課程已經有15年以上的歷史。隨著網絡技術的發展與普及化，現代生活中已經很難離開這種媒體形式。網站作為互聯網的“窗口”，向人們展示了精彩的世界，拉近了人與人之間的距離，也讓人們在辦公、娛樂、學習等領域越來越多元化。近幾年電子商務帶來的巨大利益，讓更多的企業和個人把大筆資金投入網絡市場，大量的網站相關的設計人員缺口和相對較高的待遇，導致很多在傳統設計領域工作的設計師紛紛轉入這個行業，很多學生也逐漸對這個領域感興趣。網站設計課程也因為互聯網經濟發展導致市場需求大增。網站建設技術包括互聯網基礎知識、前臺程序、后臺程序、顯示設備的一些基礎知識等。網站建設技術是網站界面設計過程中非常重要的依據，單純運用藝術設計原理進行網站設計有可能會給后期技術開發造成麻煩。例如，很容易在程序開發過程中實現不了，或者實現起來增加開發成本等。網站的界面建立在屏幕顯示的基礎上，因此，設計師必須了解像素等相關基礎知識才能在設計開始階段合理創建文檔，從而進一步深入設計。網站是展示與交互的結合，網站建設不是單純地把界面設計美觀就可以了，了解相應的開發知識、交互技術特點，才能夠有效地設計出美觀、實用的界面。當前，很多院校對網站設計課程從教學方法、教學內容等方面進行了探索和改革。個別院校從師資配備上具有專業的技術教師，例如國內某美術學院在網站設計課程教學中分為網站設計和網站技術兩方面教學內容，前四周為設計專業教師授課，然后是三周計算機專業教師授課。這種教育方式相比早期的網站設計教育有著本質的不同，讓學生對網站相關知識了解深刻并且更具有專業性。還有些院校能夠和企業合作，由企業派出技術人員參與教學任務的完成。由此可見，很多院校對網站設計的技術教學給予了足夠的重視。

二、當今藝術院校網站設計課程教學內容

一、明確課程定位

在以往的專科教學中，我校的《網站設計》課程都是由信息學院的老師講授，而這恰恰不能凸顯設計專業的特色，《網頁設計》看似一門簡單好學的課程，卻往往得不到很好的教學效果，常常是學生學過之后，不能獨立的進行網站規劃和頁面設計，對晦澀難懂的網頁代碼無可奈何。這樣的問題產生，其實是是課程定位不明確而導致的。通過對我院藝術設計專業課程體系的認真分析，因此將本課程定位在以培養專業的網站前臺設計師為目標，能夠完成網站前臺美工設計、flash動畫輔助、客戶端靜態網頁實現等工作。所運用的軟件包括photoshop、firework、dreamweaver、flash等。

二、確定培養目標

學生通過學習，了解網站和網頁的基本設計思想，運用所學的色彩及構圖的基礎知識設計出色彩搭配合理、網頁風格突出、富有藝術審美、網站結構清晰、使用者操作方便的網站；學生能夠熟練運用網站設計軟件，合理利用版面構成的形式要素、關系要素、網頁設計構圖與視覺傳達的關系，熟悉點、線、面、色彩、肌理等設計元素的基本設計方法，并在實踐中能靈活運用，能獨立完成網站的前臺設計及靜態網站的生成；對于不同內容和性質的網站能夠設計出符合市場和潮流的網站，通過對本課程中每個具體項目的完成，學生能夠規劃、設計、制作網頁，具體實現的能力目標如下：

（一）專業能力

1.能夠使用photoshop進行界面效果圖的設計，完成高質量的設計作品；2.能夠使用flash制作與網站相關的動畫，包括網站banner、廣告等；3.能夠使用firework對設計好的網站作品進行切片處理；4.能夠使用dreamweaver生成靜態頁面。5.能夠看懂簡單代碼，并利用其修改頁面。

（二）綜合能力

【摘要】本文根據網站設計類課程存在的問題，提出了教學改革的思路和具體改革的內容。引入CDIO教學理念，采用理論教學和實驗教學完善課程理論知識，采用項目教學培養學生動手能力，并建立了學生參與考核和改革的方式。

【關鍵字】CDIO；網站設計；范式改革

網站設計類課程是計算機類學生的一門重要的專業課。課程最終目標是培養學生的綜合分析能力思維和應用開發能力，具有極強的應用性、實踐性，從而為學生今后在經濟和社會的開發工作打下堅實的基礎。自課程開課以來，網站設計類課程知識點難度較高，內容比較抽象，在教學過程中存在教學內容比較分散、教學主線不夠清楚、教學方法不夠多樣化、考核方式單一等問題。因此，為了改善教學效果，培養學生的自主學習能力和實際編程的能力，本文將引入CDIO教學理念對該類課程進行教學范式改革。

0網站設計類課程教學改革思路

CDIO是構思（Conceive）、設計（Design）、實現（Implement）、運作（Operate）的集合體，讓學生以主動的、實踐的、課程之間有機聯系的，即“做中學”的方式來學習，注重培養學生的實際操作能力，為專業服務的原則。[1][2]課程主要思路是以CDIO教學理念為基礎，在“教”、“學”、“做”一體化教學模式下，實施理論教學、實驗教學和項目教學三個階段。理論教學是教師講授與學生實作共同完成。傳統教學方法忽略了學生的重要性，理論知識講授和實踐聯系不夠緊密。因此理論教學過程中增加了學生實做，達到培養學生動手能力的目的。甚至改變傳統按章節順序講解的講授方式，通過案例匹配知識點的方式，極大程度地提高學生興趣。在課堂中，教師以案例進行演示，通過學生的實際練習，鞏固知識。實驗教學更應注重學生實踐能力培養。針對不同能力的學生，將每次實驗設置為驗證性實驗、設計型實驗及綜合性實驗三類。驗證性實驗是基礎，要求每個學生必須完成。設計性實驗具有一定難度，可針對具有一定程序設計能力學生。綜合性實驗主要是對教學內容的綜合應用，問題規模較大，采用小組形式完成。這樣不僅提高了學生動手的積極性，而且培養了學生團隊配合的能力。重點以學生練習為主，教師可以根據學生實際情況進行答疑。項目教學是在教學中加入適合的教學項目，目的在學生綜合能力的訓練。學生可自由分組，采用團隊合作形式完成網站開發。開發過程中學生可以根據所選網站進行分工，增加了學生的團隊意識和溝通能力培養，加強其學習積極性。網站設計類課程教學設計如圖1所示。綜上所述，課程采用“1+1”的方式，即講授+實作，講練結合。各模塊的知識學習后，教師通過項目教學法，要求以小組方式設計實現網站，并進行項目成果分享。這樣，可以使知識得以整合，同時學生可以檢驗自身在這一階段的學習成果，及時查找出問題，教師也可以通過學生的項目情況得到及時的反饋信息，進行知識的查漏補缺。

1網站設計類課程教學改革具體內容

1.1教學內容改革

1PBL在國內外的發展

PBL是1969年由美國的神經病學教授霍華德•巴羅斯在加拿大的麥克馬斯特大學首創，強調學習要圍繞著具體而復雜的任務和問題展開，鼓勵學生自主學習、反思式學習，培養學生的高級思維能力。PBL最初主要應用于醫學、護理學以及健康科學等領域，如今PBL已經廣泛應用于多種學科領域。國外的PBL教學實施，無論是理論研究還是實踐研究，都取得了豐碩的成果。國內對于PBL的關注，開始于20世紀80年代后期，目前還主要集中在對基礎理論的研究和教學模式的改革方面。

2PBL教學模式的核心體系

雖然業界對PBL的內涵有著不同的解釋，但超越具體的學科及實踐領域，即可提煉出PBL教學模式的核心體系主要包括以下四個方面：(1)PBL的學習內容，是學生在其未來的專業領域中可能會遭遇到的具體而復雜的現實問題。因此，這些問題通常不再是單一學科中的問題，而可能是跨越不同的學科的非結構化問題。這些問題已經不能簡單地套用原來問題的解決方法，而是需要在原有經驗的基礎上進行分析并加以解決。(2)PBL的學習形式，是以分組方式進行工作。教師根據實際情況，將學生進行合理分組，讓組內的每個成員都有自己的具體任務，以培養學生的獨立思考、深入學習、自主創新的能力。組內成員之間，通過交流分享學到的知識技能，通過協作共同參與問題的解決過程，以培養學生的組織管理、交流合作的能力。任務完成后，組內成員還要進行成果測評、自我評價、組內互評、組間評價等，以培養學生的反思能力、評測能力。(3)PBL的學習主體，是學生。PBL強調以學生為主體、以教師為引導。設計好的真實而復雜的問題情境，可以調動學生的積極性，令學生變身為獨立的學習者、思考者、創新者、協作者，積極主動地投入到問題的解決過程中去。此時，教師則變身為策劃、督導、技術支持、客戶、評委等角色，對整個過程進行組織、引導、激勵、支撐、監控、記錄、評價、總結，協助學生完成問題的解決。(4)PBL的學習方法，是以問題為導向，以項目為基礎。要求學生能夠熟練掌握相關學科的知識技能，并且能夠將這些知識技能自如地運用到真實的問題情境中去。讓學生在解決實際問題的過程中，學會學習，學會協作，學會反思，構建自己的能力體系。綜上所述，PBL教學模式的核心體系是“以問題為導向，以項目為基礎，以學生為主體，以教師為主導”。

3PBL教學模式對教師的要求

PBL是一種新型的、開放式的教學模式。在它的整個實施過程中，對于教師的專業素質、學習能力、組織能力、溝通技巧、教學控制等方面都有很高的要求。PBL教學模式的展開，需要教師從行業調研開始，結合行業特征及大綱要求，查閱大量文獻，學習各類相關知識技能。因此，在PBL教學模式中，教師花費在前期準備工作中的時間精力，會大大多于普通的課堂的前期準備工作，這就要求教師積極轉變教學觀念，適應新的教學模式。采用PBL教學模式后，某門課程就變成由(仿真)企業項目組成，而不再是簡單教學案例的羅列了。這就要求上課教師，不僅要對本課程的所有知識技能扎實掌握，而且要了解行業內的項目組成與運作，還要熟悉其他相關學科的知識技能。要求教師，不僅要具備靈活運用知識的能力、提出問題解決問題的能力、謹慎嚴密的邏輯思維能力，而且要有善于調動學生積極性的能力、良好的組織管理能力、優秀的課堂節奏控制能力。在具體項目的設計過程中，教師應該熟悉課程的教學大綱和學生的能力情況，既要從宏觀上掌握項目的選擇、設計，又要對項目的每一個細節進行微觀設計，包括這個項目可以分解為多少個子任務、每個子任務又分別涵蓋了哪些知識點，能夠培養學生哪些能力等。在具體項目的實施過程中，教師要積極配合學生，擔當起技術支持、督導、評委等角色，幫助學生順利完成項目。

4PBL教學模式的具體實施

【摘要】本文針對高職學生動手能力較強，學習理論知識缺乏信心的特點，在網站設計開發課程的教學中采用翻轉課堂，創造主動學習的學習環境和氛圍，讓學生更多地參與課堂的活動從而增強學生學習的主動性、自信心，學生學習本課程的興趣不斷提高，收到很好的學習效果。

【關鍵詞】網站設計開發；翻轉課堂；教學

1翻轉課堂概述

翻轉課堂產生于美國，隨著信息技術的發展，傳入我國，目前在我國教育領域得到廣泛應用。翻轉課堂是相對于傳統課堂而言的。傳統課堂通常是課前預習，課堂講授與互動，課后復習，將所學內容內化吸收；翻轉課堂則是課前通過視頻等學習資料自主學習、發現問題，課堂上主要是師生互動，小組協作，答疑解惑，完成學習任務，將所學內容遷移升華的過程。在計算機技術、網絡技術、多媒體技術、通信技術等多種技術大發展的背景下，更多學習者習慣于混合式學習模式，即將網絡學習與課堂學習相結合。翻轉課堂以其學習時間靈活、更能滿足個性化的學習需求、更能培養學習者的探索精神和創新能力等優勢越來越受到廣大教育者和學習者的喜愛。

2網站設計開發課程的特點，非常適合翻轉課堂

網站設計開發課程為高職計算機網絡技術專業的核心課程，也是一門實踐性非常強的課程。本課程旨在培養學生從事網站設計公司的網站設計、開發、管理與維護過程中所需的開發環境搭建能力、編程工具使用能力、語法掌握能力和基礎編程能力，是學生頂崗實習前必修的核心課程。學習本課程之前的先修課程有程序設計基礎、靜態網頁設計與制作，數據庫應用技術、JavaScript程序設計、圖形圖像處理及二維動畫效果制作等。在對本課程進行教學設計時，我們采用任務驅動的項目式教學法，即通過一個真實項目（留言板系統的設計與開發）的需求分析、總體設計、數據庫設計、基本框架、各功能模塊的設計與實現、系統的測試、及維護全過程的學習提高學生綜合運用所學知識技能解決實際問題的能力。結合本院學生的實際學習情況，大部分學生理論知識掌握欠缺，動手操作能力較強，學習的主動性不強，遇到困難容易放棄，學習的興趣需要通過精心設計學習內容及學習環節來激發。最終決定采用翻轉課堂實施教學。

3基于翻轉課堂的網站設計開發課程具體的設計與實現

摘要：文章針對高職網站設計課程中存在的問題，結合新工科建設人才培養的新目標和新要求，以長春工程學院高職網站設計課程教學改革為例，引入成果導向（OBE）教育理念，從明確課程定位出發構建新工科背景下網站設計課程技能目標，對課程教學內容、課程教學方法、考核方法等要素進行改革創新，強調課程以“學習產出”為目標，以培養學生的工程能力和創新性思維能力為出發點進行課程教學。實踐證明該教改能有效提升學生的工程能力、專業實戰能力和創新性思維能力，較好地滿足行業產業對人才的實際需求。

關鍵詞：新工科；OBE；教學模式；考核模式

為深化工程教育改革，推進新工科的建設與發展，2017年2月，教育部了《關于開展新工科研究與實踐的通知》，要求高校根據國家發展戰略的人才需要，對工程教育的新理念、新模式、新結構、新質量與新體系等進行研究，深化工程教育改革，由此開啟了“新工科”研究與建設之路。“新工科”人才不僅能運用所掌握的知識分析、解決現有的問題，也有能力運用新知識、新技術解決未來發展出現的問題，對未來技術和產業起到引領作用。“新工科”人才是適應能力強、實踐能力強和創新能力強的高素質復合型人才。

一、課程現狀分析

隨著信息技術和網絡技術的迅猛發展，信息進入了互聯網+的時代。互聯網成為了信息展示的主要渠道，網站設計也迎來了快速發展的契機。當前我國大部分高職院校在關于網站設計人才培養方面表現出來的現狀是目標定位不明確、內容老舊以及實踐環節各知識點孤立、片面，導致培養出來的畢業學生工程實踐能力差、綜合素質低，不能滿足行業企業的實際需求。因此，如何重新制定課程培養目標、更新課程內容體系、創新教學模式和考核模式以及培養具有創新創業精神和能力的復合型新工科網頁設計人才，是當前亟須研究和解決的問題。

二、基于OBE理念構建新工科人才培養目標

OBE教學理念起源于美國，20世紀80年代，美國學者SpandW.D提出這一教育理念。OBE教學理念是一種依據學生預期達成的最終學習成果反向設計課程體系的教育模式，是以成果為導向的教育方法。以“新工科”建設為指導思想、以OBE教育理念為導向，結合網站開發的發展趨勢，走訪相關企業，充分調研相關企業對網站人才知識、素質和能力的需求，同時結合長春工程學院高職人才培養目標，確定本課程的應用與開發能力目標。通過該課程的學習應使學生了解網頁設計的正規流程，掌握網站策劃、站點管理、表格布局、DIV+CSS布局美化、模板與框架的使用、特效代碼（javascript）運用、簡單二維動畫制作和圖片制作修改等基礎知識，使學生具備網頁項目綜合設計能力與優化能力、良好的團隊合作能力、溝通能力及創新能力等。網站開發各階段對應主要內容及能力點如表1所示。

摘要：對分教學法是復旦大學張學新教授提出的一種新型教學法，本文分析在課堂上利用對分教學法，讓教師和學生在教與學上具有不同程度的減負作用。同時本文通過對教學內容的設計、網站內容的改革、教學方法的選擇和教學評價的實施等，闡述如何更好地掌握網站設計的技能。

關鍵詞：對分教學法；教學方法；對分課堂；教學評價；對分易教學平臺

網頁設計既是內容的表現，又是藝術的展示。優秀的網頁是內容豐富、色彩合理、布局美觀。利用對分教學法提高學習效率，改變學生的學習觀念，減輕教師的負擔，本人做了以下的實踐探索。

一在教學設計上結合學生感興趣的生活實例

（一）導入網頁增強信心，激發學生的學習興趣

學生是學習的主體。教學中教師應引導學生感興趣地學習，發揮學生學習的主動性與積極性，引導學生積極思考與探索問題、自主發現原理、掌握新知。首先，本人讓學生自行欣賞一些網頁，讓學生設想：假如我做的話，我會如何做？然后，展示歷屆學生的優秀作品，旨在激發學生學習這門課的興趣，增強學習信心。最后，從網站的整體構思、創意、色彩、整體效果等審美角度分析，拓寬學生視野，掌握復雜的網頁設計代碼，制作滿意的網頁效果[1]。

（二）網站素材來自學生的興趣點，培養學生認真學習的態度