時間：2023-06-05 15:43:42
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇網頁制作與設計范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
互聯網作為連接世界各地計算機的全球性信息化網絡，它的傳輸內容是非常豐富的，涉及到全球的各個領域，是人們了解世界、掌握信息的主要渠道之一。網站作為信息時代基層的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好網站，對于保障職工合法權益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。
2網站設計分析
文字、圖形、色彩是展示網站內容的重要組成部分，是構成網站傳達信息不可或缺的手段，同時也是用戶對網站第一印象和整體風格關注的主要內部分。要想設計出符合人性化需求的網站，只有多為用戶著想，認真地以用戶的切身體會出發去完成網站的整體設計。當然，在設計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。
3網頁制作
3.1選擇合適的網頁設計軟件當前能使用的網頁設計類軟件很多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說，初學者最常使用是Frontpage和Dreamweaver，Frontpage是微軟公司出品的一款網頁制作入門級軟件，FrontPage使用方便簡單，會用Word就能做網頁，所見即所得是其特點，該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，利用它可以輕而易舉地制作出充滿動感的網頁。此外，制作網站還要用到邊緣性軟件，如photoshop、flash等，網頁設計過程中可根據自己的需要靈活運用這些軟件。
3.2選擇網頁內容前期的框架設計好后，就要為這個網站選擇內容了。網頁內容影響著網站的成敗，所以我們要多花一些心思在內容制作上。內容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯網等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準備得越多越好，再從這些素材中粗中取細，以備制作網站時可以隨時拿來使用。總之，網頁內容是網站的根本，如果內容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。
3.3運用網頁設計中的色彩不同的色彩搭配產生不同的效果，反映出不同網頁的文化內涵。因為它能產生強烈的視覺沖擊，所以確定網頁的色彩是相當重要的一步。在網頁的色彩設計上，除了要表現心理和感情聯想之外，還要考慮色彩的對比明暗、輕重、冷暖、調和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值，使網頁更有效和準確地把信息傳達給我們的視覺。
4結語
關鍵詞：專題學習網站；網頁制作；設計；實現
中圖分類號：TP393.092-4
準備建設的專題學習網站是基于網絡資源的數字化學習平臺，利用網絡技術，創設主動學習情境，讓學生在開放、互動的平臺上去尋求《網頁制作》專題資源，激發學生學習興趣，讓學生主動思考、主動探索、主動學習，實現高效課堂。讓學生在建設網站的過程中，學習掌握提高《網頁制作》的技能，體現“學中做，做中學”的教學理念。
《網頁制作》是開設一學期的課程，主要內容包括網頁的基礎知識、網頁布局和色彩搭配、HTML語言、JavaScript腳本語言、Dreamweaver軟件使用、CSS層疊樣式表、AJAX技術、jQuery技術、網站的創建與管理。還涉及到使用Photoshop軟件對網頁圖像進行處理、使用Flash軟件制作網頁動畫等其他相關課程。
在實際的教學過程中，往往需要使用大量的素材和學習視頻教程。這些學習資源怎樣能夠方便快捷的分發到學生的計算機上，成為需要解決的問題。如果機房的計算機是通過網線連成小型局域網的，就可以先把工作頁、資料包等學習資源先存儲到一臺學生機上，再利用windows自帶的文件夾共享功能，將其共享，便于其他學生從這臺計算機上下載資源。文件夾共享實現過程如下：
鼠標右擊文件夾，在彈出的快捷菜單中，選“共享和安全”，選中在網絡上共享這個文件夾。這時，其他用戶就可以通過網絡訪問這個文件夾，下載其中的學習資源。
這樣利用文件夾共享的方法實現資源下載，優點是操作簡便。缺點是機房的計算機一般都帶有C盤還原功能，往往一次共享完成后，下一次重新啟動計算機后，還需要再次設置文件夾共享，十分麻煩。專題學習網站就可以實現簡單的文件夾共享達不到的效果，可以使素材和教學資源分類存儲在服務器上，以清晰明了的操作界面，便于學生在線學習和下載相應的網頁制作素材。
1 《網頁制作》專題學習網站的作用
專題學習網站為中等職業學校計算機專業學生《網頁制作》課程的學習提供優質的數字化學習資源，為學生提供制作網頁所需的豐富資源，搭建展示學生作品成果的平臺。通過專題學習網站創設學生自主學習的情境，引導、激發學生學習《網頁制作》課程的積極性，建立高效課堂，讓學生更好的掌握網頁制作的技能。
（1）研究中職學生特點，動手實踐能力相對于理論知識學習能力強。
（2）分析《網頁制作》課程，涉及內容廣、技術多，實踐性和技能性強。
（3）設計開發專題學習網站，探索基于專題學習網站的《網頁制作》課程的教學模式。
給《網頁制作》課程的教學提供教學資源，輔助學生進行自主學習。在課外時間里，對于學生的學習給予支持，幫助學生學習在課堂上沒有完全掌握的知識。提供學生展示作品的平臺，學生和老師在這里可以對學生的作品進行一系列的評價。提供一個在課外進行師生交流或生生交流的平臺，學生可以在這里提問、交流學習心得等。
2 《網頁制作》專題學習網站的設計
首先網站需要教學資源模塊來進行教學的輔助，教學資源模塊既能輔助課堂教學，也可以指導學生進行自主學習。其次作品展示模塊，學生需要一個作品展示模塊，首先通過展示學生自己的作品能夠激發學生自己的興趣，第二展示作品模塊有助于學生進行自評互評。第三，討論模塊，既要有以班級為單位的討論小組，也要有全校師生都能進行參與的大型討論平臺，使學生在學習中出現問題時，能夠自主的進行討論學習。
在建站之初，為網站以后繼續完善（例如：開發手機客戶端等），需要考慮給學生劃定一塊空間，讓學生自己上傳自己的網站作品。自己維護自己的網站，將網站交給學生自己運營。讓學生發出自己的聲音。
為了把建立網站的過程和學生的《網頁制作》的學習過程相結合。主要是教學資源的共建共享，在課堂使用該網站的教學資源進行輔助教學，結合工作過程系統化的課程開發，結合工作頁的素材的使用。通過上傳網站網頁給學生一個展示自己作品的機會。
可以讓每一個班級在校園網上建立自己的班級網頁，將校報辦到網上去，網頁上建立與中職學生相關的欄目，例如：求職、招聘信息等。組織學生自己定期更新常用工具軟件的版本，交流專業課的學習體會。利用所學知識解決實際問題，活學活用，學生在使用專題學習網站中遇到了問題，通過小組討論去尋找答案。將工作過程系統化課程學習情境實施的六個步驟：資訊、計劃、決策、實施、檢查、評價，充分運用到教學實踐當中。達到學生越學越愛學，越學越想學的自主學習狀態，真正實現專業課教學是以學生為主體，教師起到陪伴學生自主學習的作用。
3 《網頁制作》專題學習網站的實現
網站開發中，數據庫技術主要用來支持實現協作學習平臺、專題研討等動態網頁部分數據的存取。常用的數據庫有ACCESS、SQL Server、My SQL等。圖像處理技術主要用來設計、生成網頁背景圖片，使網頁更加美觀，有利于創設“真實”的學習情境。常用的圖像處理軟件有Photoshop、Fireworks。
運用靜態網頁制作技術、動態網頁制作技術、數據庫技術、三層結構技術進行網站開發，編碼實現網站的建設制作過程。《網頁制作》專題學習網站的測試、評價和完善，專題學習網站建成完成后，依照專題學習網站各個功能模塊的功能，在應用專題學習網站教學的過程中不斷糾正和完善，通過問卷調查專題學習網站的應用效果，更全面的了解基于專題學習網站的教學模式的有效性。
通過校園網試運行《網頁制作》專題學習網站，邀請網站設計與制作專家和學生使用專題學習網站，根據反饋意見，對網站進行修改和完善。
4 結束語
專題學習網站不僅為學生提供了豐富的專題學習資源，還為學生提供了功能強大的協作平臺和專題研討區，為學習者開展協作學習、交流和探討相關問題、展示自己的學習成果提供了良好的舞臺。利用專題學習網站進行課程教學，培養了學生自主學習、協作學習等綜合能力，形成了一種嶄新的數字化學習方式。
專題學習網站的資源要豐富，提供必要的演示視頻錄像，能夠給學習者以足夠的資源進行探究式的學習。教師博客、微博是教學的輔助平臺.用以促進教學的交流。通過博客、微博敘事式的記錄可以更好地了解教師的教學思想、研究成果和興趣愛好.也可以進行教師之間的教學交流。學生可以發表自己的見解和想法。特別是作品創意，供其他同學學習和參考，以達到共同進步的目的。
運用教學設計思想對《網頁制作》專題學習網站進行設計，主要包括需求分析與功能定位，中職學生特征分析，專題內容的選擇，信息資源的選擇與設計，自主學習的設計，學習評價系統的設計，學習情境創設等內容。通過專題學習網站創設學生自主學習的情境，引導、激發學生學習《網頁制作》課程的積極性，建立高效課堂，讓學生更好的掌握網頁制作的技能。
參考文獻：
[1]郝中超，金薇.Web3.0環境下運用專題學習網站實現學習資源共享建設的思考――運用專題學習網站實現學習資源共享的應用現狀調查分析[J].中國教育信息化，2013（01）.
[2]張利桃，任改梅，李揚.基于專題學習網站的“WebQuest”學習過程設計[J].中國電化教育，2013（02）.
[關鍵詞] 高校；網站；建設；網頁設計；信息技術
doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087
[中圖分類號] TP393.092 [文獻標識碼] A [文章編號] 1673 - 0194（2017）01- 0155- 02
1 前 言
優秀的高校的網站建設和網頁設計建設有哪些重要作用？高校網站和網頁就是高校最基礎的形象窗口。它們主要可以用來打造高校的形象，宣傳高校的一些重要的信息，這里面包含了高校所蘊涵的校園文化，高校建校、發展的一切基本情況還有高校里面發生的希望外界了解的一些新聞信息。各種詳細的、創新的、更有活力又吸引力的網站建設和網頁設計的成果，利用圖片和文字的搭配方法、各種信息導航的具體使用、詳盡的說明等可以吸引更多搜索高校信息的瀏覽者，高校的招生在市場競爭里的一個重要方面也是要更為科學地打造自己高校的網站的建設和網頁的設計。在市場里獲得足夠競爭力的高校才能更有利的提高高校的品牌。宣傳高校的基本信息，使其能傳達給全國甚至是國際上的目標人群，讓他們通過瀏覽高校網站和網頁的時候傳輸給他們高校的品牌形象，讓他們更便利的獲得高校的信息概況。這既能推動高校被全國被世界更便利地了解，也能夠不斷地提高自己的校園品牌形象。高校正是利用網絡宣傳網站和網頁，降低高校宣傳成本，提高高校競爭力。在傳播高校的網站和網頁的時候，可通過一些策劃的公司幫助鎖定目標客戶，比如鎖定一些需要報考高校的人，將自己的信息進行推送。不少的高校都會將高校網站建設和網頁設計信息當成自己宣傳招生的重要一方面。也正是因為不同高校都會有自己的辦校特色和發展的個性，在以信息宣傳和內容創新取勝的時代，網絡上網站和網頁的宣傳就是很重要的一種宣傳方式。著可以跨越時空的限制，不用到校了解、也不僅僅只針對當地的受眾群，可以讓全國甚至世界各處的人了解高校的情況。高校的網站甚至可以豐富高校學生的學習平臺，里面有更多的方式可以幫助學生查閱資料，網絡資源中高校的網站可以提供非常豐富并有針對性的資源，學生們可以在上面各取所需，這也是高校網站和網頁建設中提供給學生學習的重要一方面作用。
2 高校網站的建設和網頁設計建設和網頁制作現狀問題
2.1 高校網站內容過于單一
高校網站建設和網頁設計因為其特殊性一般在內容的監管比較嚴格，在內容上也很容易變得單薄無趣，對瀏覽者沒有吸引力，高校類型站點在娛樂互動性會比較不足，特別是高校網站往往定位在以“自我為中心”也就是以高校的信息為主要內容呈現，并沒有充分考慮到學生以及社會對高校網站的內容要求，這種形式上的單一，并不可怕，可怕的是“自我為中心”后的自我封閉，在現代信息化的時代背景下，高校必須要有獨立的自我認識和氣質，否剛就會成擺設，而從目前的情況來看，內容單是所有高校網站建設和網頁設計建設中經常會出現的問題。
2.2 高校網站的建設和設計缺乏全局觀念
在網站建設和網頁設計建設的規劃上系統的規劃設計往往會缺乏全局觀念，工作量非常的大，會出現多項重復的內容，導航的設計在網站設計中也是非常重要的，導航設計既要在具有新穎、創新的同時也要保證它能夠實際發揮作用，更能夠與高校整個網站的建設和網頁的設計相聯系、將高校的形象融入進去，使導航的信息也能夠設計的更加完整。導航也是有內容的，具有實際作用和創新吸引力同時并有的，這些都是符合瀏覽者的實際操作的。
2.3 高校網站的管理程度不足，內容更新緩慢
高校網站建設和網頁設計由老師空閑時間做，但一個人很難管理的完整的網站建設和網頁設計建設工作和后期維護、和內容的定時更新，因為高校擁有多個部門，這些部門的內容和功能也都應該在高校的網站和網頁上有所體現，但是因為完整的網站和網頁建設中各個部門可供介紹瀏覽到的信心非常的有限，一些深層的工作和作用也是很難體現到的，而且網站和網頁建設中的繁復導致網站和網頁中的內容更新太慢，新聞信息等都跟不上校園的發展，內容的更新緩慢、滯后也是高校網站建設和網頁設計建設中常見的問題。
2.4 高校網站的安全性不足，許多網站無獨立服務器
通常高校網站建設和網頁設計都不會自己建立服務器，而是選擇虛擬主機空間作為放置網站建設和網頁設計內容的。這些空間都是有著不同的大小，這些大小也要根據高校的具體情況而不同，這里面有規模的大小和自己的大小選擇等，一般實力雄厚的高校會選擇自己高校服務器來確保數據的安全。高校網站建設和網頁設計是屬于公益性，因此會出現比較多的安全隱患。
3 高校網站建設和網頁設計建設規劃設計與網頁制作方法淺析
首先要確定的是程序，其次是排版，然后是內容，最后是推廣和運營。具體的每一步都要有詳細的思考和準備。
3.1 要明確網站建設和網頁設計的基本內容和基本目標
確立做網站建設和網頁設計的目標，網站建設和網頁設計建好后，要達到什么樣的目的，擴大招生還是供學生使用？也就是確立主體內容。確定服務對象，是面對學生，還是家長，還是老師。高校和它的服務對象最初的交流窗口就是通過高校的網站和網頁，學生和家長都可以通過網站和網頁了解到高校的辦校的理念，高校的教育情況，教學中的改革成果等，這些希望服務對象了解的信息一定是高校網站和網頁設計中基本要做到的。
3.2 要規劃好各種欄目
清晰的欄目方便瀏覽網站建設和網頁設計的瀏覽者，希望達成什么效果是否能實現美觀和表述同時實現。加強特色內容建設。特色就是競爭力。高校網站和網頁建設中需要規劃好各個欄目的內容，這就需要各個欄目負責人一起組織規劃分工協調好各自的工作。負責網絡建設的中心應該積極分配好工作，設置什么風格，不同部門不同系的不同模板的設置都規劃好。
在設置功能方面要適合用戶的操作，簡化簡明操作步驟比如怎么留言，怎么報名，填寫什么，網站建設和網頁設計使用者怎么更新新聞，怎么傳活動圖片，這些都要一目了然，方便客戶也方便自己操作。
3.3 加強硬件的建設，做好師生信息技術培訓
隨著各地經濟的發展和教育信息化工作的不斷推進，越來越多的高校在新一輪建設高峰中購置了大量的先進硬件資源，但是再先進的先進的硬件都是要有一定信息技術和專業素養的師生來操作的。高校的硬件利用率并不高因而必須在加強硬件建設的同時，做好師生信息技術培訓、電腦軟件資源的配套、相關的管理制度等的“軟件”建設。
3.4 加強網站的監管和提升安全意識
在網站建設和網頁設計的監管方面也是非常必要的，高校網在設計中需要有監督管理的部分，這些并不只是防御黑客或者病毒的入侵，而是也需要監督信息傳播中對信息的篩選，畢竟這些信息直接面向了學生，所以要對網站和網頁上傳播的信息進行有效的監督管理，監督這一部分需要專門的工作人員進行，加強監管的各種措施是一個長期又堅決的工作。
3.5 加強高校網站的宣傳和引流
注重瀏覽量的擴大，達到建設網站的目的，要想擴大瀏覽量，加入一些宣傳手段，加強校友錄的建設也是一個可行的辦法，一個優秀的高校網站離不開廣大畢業生校友的參與和支持，畢業的校友會通過書信和電話等方式與母校保持聯系，很多熱心的校友也會積極致力于母校的發展中，宣傳母校、推動發展、加強聯系等方式都是他們對母校責任心的體現，加強這些校友的校友錄建設，綜合他們的力量，能夠吸引更多人的宣傳和為母校發展獻計獻策的動力。
4 結 語
高校網站和網頁建設是高校宣傳打造自己的重要方式，好的網站和網頁建設對高校的發展有著各種推動作用。但校網站建設和網頁設計過程中存在的一系列問題，校網站建設和網頁設計需要從技術、組織、創新等的改變入手，還需要與時俱進的方法，增加更多的交流，融入更多的創意，綜合自身的優點來達到校網站建設和網頁設計的目的。建立功能完備、操作簡單、應用豐富的高校網站是一項系統性的工程。通過制訂相應的高校信息化發展規劃和配套的規章制度來予以推行，這樣才能使高校的信息化應用水平提高到一個更高的水平。
主要參考文獻
[關鍵詞]工作過程設計項目教學認證教育考核方式
中圖分類號:G42文獻標識碼:A文章編號:1671-7597(2009)1120140-02
一、概述
項目教學法是以學生的自主性、探索性學習為基礎,采用類似科學研究及實踐的方法,促進學生主動積極發展的一種新型的教學方法。在教學活動中,教師將需要解決的問題或需要完成的任務以項目的形式交給學生,在教師的指導下,以小組工作方式,由學生自己按照實際工作的完整程序,共同制定計劃、共同或分工完成整個項目。在項目教學中,學習過程成為一個人人參與的創造實踐活動,注重的不是最終的結果,而是完成項目的過程。學生在項目實踐過程中,理解和把握課程要求的知識和技能,體驗創新的艱辛與樂趣,培養分析問題和解決問題的能力及團隊精神和合作能力等,教師已經不是教學中的主導地位,成為學生學習過程中的引導者、指導者和監督者,教學內容按照實際的工作任務、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學中,提高學生的社會能力、方法能力、專業能力,使專業訓練更接近社會需求,最終能實現學生的零距離上崗。
《網站設計與網頁制作》是我系計算機應用技術、軟件技術、網絡技術的專業必修課。為了適應時代的發展,《網站設計與網頁制作》課程在繼承世界現行網站網頁教學優勢的基礎上,又吸收了當今網站網頁開發的新技術和新思路。力求更加注重學生的發展和社會的需求,更準確地反映網站網頁開發技術的專業性手段;更加關注學生積淀自己的生活經驗;更強調學生的主動學習,并增加實踐環節。《網站設計與網頁制作》課程期望使每一個學生通過學習網站設計與網頁制作課程,能夠對各種制作手法和設計技術有更深入的理解,能夠使他們對今后的職業選擇和學習方向有更多的思考;能夠在開發能力、學習能力和解決問題能力方面有更好的發展;能夠在責任感、合作精神和創新意識等方面得到提高。
二、課程理念
確立一個中心(以學生為中心)三個融合(校企融合、課內外融合、技術與人文融合)、基于工作過程設計的課程開發理念。提前讓學生感受工作的氛圍,熟悉工作的相關流程,以增強學生在就業過程中的競爭力。并結合我院“我在乎你”的辦學理念,通過理實一體化的教學手段,采用項目式教學,給學生提供一個制作網站的模擬或真實的環境。讓學生通過對“確定項目――制定策劃書――制作網站――驗收――總結經驗”這個流程的訓練,熟悉制作網站的過程,并能夠有所成果。
確立素養、行為、技能教育觀。重視網頁制作過程中技術性心智技能的形成,強調“原型定向、原型操作、原型內化”、原型能經“遷移”形成類型(“舉一反三”);強化學習過程中教師的示范和引導的作用。
以技術開發貫穿網頁制作的全過程,技術開發強調設計與制作。強調過程的可重復、可驗證性。
課程質量以教師的明示能力和學生的內化能力為主要評價指標。
三、設計思路
遵循高職課程改革關于“面向就業,培養實用性人才”的基本精神,在全面貫徹國家教育方針的基礎上,根據學生身心發展的特點和教育規律,重視對學生進行全面的職業素質教育,著眼于培養學生終身學習的愿望和能力,體現職業教育層次網站設計與網頁制作課程的實用性、專業性和可持續發展性。
綜合考慮學生發展的需要、社會需求和就業需求三個方面,本課程以一個大項目出發,分解為7個子項目,在完成七個子項目教學的同時,學生也可以把自己承接的大項目一并完成。
從“以工作任務為中心”和“培養學生應用能力”角度出發,以“項目教學”和“任務驅動的方式”,讓學生在有限的時間掌握網頁制作的技能。
運用項目式教學方法,努力創建開發項目的條件,突出工學結合,提高學生技能的熟練程度和靈活運用的能力。
四、實施建議
本課程的教學必須始終貫徹任務驅動式的“做中學”,過程體驗式的“學中思”,學以致用式的“思中用”和啟思益智式的“用中創”的理念。本課程的總體目標是根據企業網站開發工作流程(即具體的工作過程),從前期策劃開始到網頁設計,網頁制作、網站,一步一個腳印地引導學生逐步深入,親身體驗網站設計與網頁制作的過程。
1.具體實施建議
(1)明確目的、詳細描述操作任務。根據學生的具體項目每次課按照網站開發的進度表都有明確的目的,具體的操作任務。
(2)對課堂模仿實踐的結果進行合理評價和及時計分。對每一次課堂模仿實踐的完成情況進行評價和計分,及時解決學生普遍存在的問題,對完成較好的學生給予肯定。
(3)采用項目驅動的方法,如通過教師項目分解的子項目學習以掌握基礎知識點,然后充分發揮學生的設計能力,完成學生自己的項目,素材由學生自己收集,網頁的風格、布局由學生自己決定,培養學生的創新能力。
(4)充分利用學生課余時間。
(5)項目開發:提前一個月布置任務,并向學生提供參考資源,讓學生有充分的時間準備和尋找合適的項目;學生尋找合適的項目后,與客戶進行交流獲取制作網站的一些素材和信息。根據學生找到的項目,在教師的指導下,把學生分成若干個小組。在每個小組中,每位學生根據自己的特長和愛好,承擔不同的工作角色,完成不同的任務。一般一個項目分給三個小組,每個小組可以拿出一個方案。這樣可以加強小組與小組之間的競爭性,此外在最后驗收時客戶也可以有多個方案進行選擇。
(6)學生在完成網站設計和網頁制作的教程中,如果遇到問題,可以有多種渠道來解決。可以是組內成員的討論、還可以查閱系部的網絡課程、通過老師進行輔導、求助于互聯網等等。
學生通過該項目的進行,了解并把握整個過程及每一環節中的基本要求。這樣既教會學生制作方法,又讓學生體會制作過程的創新性和協作精神,能最大限度地發揮項目式教學的功能。
2.教學方法建議
《網站設計與網頁制作》課程以真實項目為案例組織教學,課程教學方法符合“教、學、做”合一的原則,采用理論實踐一體化的項目教學和案例教學方法,強調學生將所學知識和技能在實踐中應用。課程教學圍繞如何開發一個網站展開,各個教學單元采用“應用導向、任務驅動”教學方法。本課程采用的主要教學方法如下:
(1)四步教學法
通過“講解――示范――模仿――練習”四步教學法,讓學生通過模仿老師講解的方法制作網頁,理論與實踐相結合,“教、學、練、思”四者有機融合、訓練學生的動手能力和模仿技能,提高課堂教學的實踐性。
(2)任務驅動、案例教學法
方法:
下發工作任務單、學生解讀任務
教師初步講解、示范
學生實施任務
教師巡回
教師評價
通過案例提出問題,幫助學生建立感性認識,激發學習興趣。對案例進行分析,找到解決問題的方法和操作步驟,逐步完成案例的操作。在教學過程中,遵循“啟發式教學”原則,啟發學生積極思維,通過觀察,發現問題,提出問題,分析問題并逐步解決問題,從中領悟職業經驗。
(3)項目實施法
方法:
下發項目書
學生分組討論項目分解
師生共同完成項目分析
學生實施,教師指導
提交項目作品
最終評價
引入“項目教學法”,給學生提供一個制作網站的工作環境,通過組織學生承接項目,繼而進行項目的開發,使學習與工作相結合,訓練學生完成工作任務所需的技能、技巧,同時引導學生進一步加強專業理論知識的學習,從而培養學生的綜合職業素質。
3.考核建議
實施項目式教學以后,學習的過程和在此過程的學習態度顯得越來越重要,這也是企業需求人才的一個重要標準。所以本課程的考核內容一共分為四個部分:網站的總體規劃,具體完成的過程,最終完成的作品和多方代表的反饋意見。
五、將課程與全國計算機信息高新技術考試進行有機結合
全國計算機信息高新技術考試之高級網頁制作員的專項技能水平達到相當于中華人民共和國職業資格技能等級三級,在一種操作系統平臺下綜合使用網頁相關軟件完成網頁制作和動態數據處理的工作,實際能力要求達到:能綜合使用兩種以上網頁制作相關軟件進行網頁設計和制作,并具有相應的教學能力。它是網頁設計制作人員、Web開發人員及網頁設計愛好者綜合應用網頁制作開發工具進行專業、高效Web設計與制作能力的權威認定。如果嘗試將“網站設計與網頁制作”課程與“全國計算機信息高新技術考試”進行有機的結合,可以提高學生獨特設計理念、豐富動態應用程序、互動多媒體制作方式等綜合能力,創作出更為直觀、高效的Web作品。
將學歷教育與認證教育相結合,進一步探求高校培養目標與企業用人之間的聯系,培養適應社會需求的學生,這無疑是一種教學改革的新模式。
六、結語
以工作過程為導向的項目式教學法是一種先進的高職教學理念,它突破了傳統的教學模式,通過解決學生身邊的一些現實問題來實現學生對知識的掌握,大大提高了學生學習的積極性和主動性。通過項目教學法學習的學生,他們的動手能力、解決實際問題的能力有很大的提高。這種方法不但適合高職計算機課程教學,尤其適用于學生水平參差不齊、學生自控能力比較薄弱、課程的應用性比較強的教學。教師在觀察學生、幫助學生的過程中,開闊了視野,提高了專業水平。充分地展示了現代職業教育“以能力為本”的價值取向,使課堂教學的質量和效益得到更大幅度的提高。可以說,項目教學法是師生共同完成項目,共同取得進步的教學方法。它是在模擬企業真實的工作過程中,用行為來引導學生、啟發學生的學習興趣,讓學生在團隊中自主地進行學習,培養學生的多種能力,使學生掌握的知識與企業的需求更加接近,我們將繼續在實踐教學中深入探討項目式教學法,與企業加強聯系,累積真實項目素材,進一步完善適合高職特點的教學方法。
參考文獻:
[1]姜大源,職業教育學研究新論[M].教育科學出版社,2007:87.
[2]鄧澤民、王寬,現代四大職教模式[M].中國鐵道出版社,2006:132.
【關鍵詞】Web標準；電子商務網站；設計與制作策略；分析
前言
互聯網技術的推廣與發展進程不斷加快，對人們的日常生活與工作各方面都產生了重要影響。網頁的設計與制作隨著網絡技術、科技水平的發展受到人們的高度重視，其主要是將網絡作為主要載體，將各種信息以更加快捷、方便的形式傳達給人們。根據相關數據統計顯示，從事網頁設計制作的人員達到了300萬之多，但在網頁設計發展過程中還存在諸多問題，因此應突破網頁結構單一、空洞等問題才能將網頁的設計與制作水平進一步提升[1]。
1Web標準技術概述
1.1Web標準內涵
Web標準不僅僅作為標準，其主要是對一系列標準進行組合。一般的網頁中主要由結構、行為、表現三部分共同組成，并與XML、XHTML相對應，表現對應的標準可以將其成為CSS。1.1.1結構在結構中主要的技術可包含拓展超文本標記語言與可拓展標記語言，在網站王者設計中主要將其應用在網頁數據分類以及整合方面。在兩個標準中，XML的表現形式為源語言，其主要是讓用戶字自身的語言進行標記與重新定義，具備較強的數據轉換功能。1.1.2行為在Web標準的行為中，主要包含ECMAScript[2]與對象模型。其在網頁設計與制作中主要可以應用在交互式的操作網頁文檔方面。其可以將界面上操作對象實施的交互操作有效實施，利用DOM可對對象有效定義與修改，還可將對象之間存在的各種關系有效處理。1.1.3表現其中最主要的技術便是CSS，通常人們將其成為層疊樣式表，在網站網頁設計中可應用改在控制瀏覽器的顯示方面，其也是決定網頁設計風格的主要因素。
1.2基于Web標準前提下的網頁設計流程（略）
2基于Web標準標準的電子商務網頁設計與制作流程
在基于Web標準進行電子商務網站網頁設計的過程中，主要包含內容分析、結構設計、方案設計三部分。在進行布局設計的過程中，可利用XHTML與CSS對頁面進行合理布局，可實現網頁布局的目標。在進行設局實際過程中，可利用CSS與美工設計元素互相結合，將設計方法轉化為最終的網頁。
2.1內容分析
網頁設計作為視覺語言的主要表達方式，應進行合理的編排與布局，從而確保網頁的布局更加清晰、合理、內容充實。在進行網頁版面布局的過程中，應將網頁設計的更加醒目，使用戶在使用過程中對各項功能一目了然，其他部分的版面設計應與主頁的風格保持一致。較為常見的布局模式包括國字型、廠字型等。本文將以汽車用品為主的銷售網站作為案例分析，由于汽車商品類型多樣[3]，在設計網頁過程中，應將商品的導航以及產品展示作為重點。案例中采用的網頁布局為框架型布局方式，可將頁面分成各種模塊。在網頁左邊為縱向的導航欄，右邊則為商品的展示欄。在網頁底部呈現了網站的基本信息與商家的聯系方式等信息。在網頁模板的頂部與底部都會出現在每一個網頁的同一位置中。
2.2結構設計策略
在對汽車銷售網站進行網頁開發過程中，可將其乘坐為模板，將其抽象地分為不同區塊，其中包含核心流程業務模塊、展示功能模塊等。在將模塊開發完成后便可投入使用。在用戶瀏覽、操作網頁的過程中，程序員可通過后臺進行可視化的管理與操作，用戶可以將不同的模塊進行拖放配置，構建個性化的網頁布局設計，方便用戶的使用與瀏覽。用戶在操作汽車銷售網頁過程中，其中的框架作為頁面的骨架，決定了頁面的整體布局與模塊擺放區域。框架通常采用的是HTML文件，其主要為了將頁面進行區分，還會在適當的位置對模塊進行放置，可用<{widgets}>代碼進行表示，方便用戶在使用過程中利用可視化編輯將模塊進行合理配置。對于板塊區來說，其能將汽車銷售網站最為個性的地方進行呈現，可利用模塊內容將網頁的更新實現，在網頁頁面中的各個模塊都有指定的ID，模塊的區域能呈現豎向擺放的形式，或呈現多個商品內容。模塊為獨立形態，可對不同的邊框進行切換，從而將呈現樣式進行改變。在網頁模塊的頂部與底部都會出現在各個網頁中的同一個位置，對于任何電子商務網站來說，應將網站頂部合理設計，才能擁有功能完善、結構清晰的網站頂部，從而提升網站的效益。
3結語
基于Web標準對電子商務網站網頁進行設計與制作，可促進電子商務網站的運作效率，為用戶提供巨大的便利，從而促進網站的使用效率與綜合收益，還可提升電子商務網站的運行效率與性能。
參考文獻
[1]朱淑琴，魏威，張嘉萌.基于Web標準的電子商務網站網頁設計與制作[J].計算機與現代化，2012，03：106~109.
[2]王亞輝.Web標準的電子商務網站網頁設計研究[J].電子商務，2015，05：49+82.
關鍵詞：項目教學；網頁設計與制作；課程改革；實踐
項目教學模式作為一種以生為本，具有多元化、開放性特點的新型教學模式，強調了在教學時，以學生文本，加強對意義建構的主義理論、探究式學習的理論的重視作用。即在整個教學過程中，嚴格遵循“以生為主體，教師輔導”的教學原則，以教學目標、任務為出發點，讓學生在教師指導下，按照自己的學習能力與喜好，與同學進行自由組合，選擇相應的題型，組織開展項目研究學習，以充分發揮學生的主觀能動性，從而提高他們的創造能力與創新精神。因此基于項目教學模式下，對“網頁設計與制作”課程進行改革與實踐，勢在必行。
1教學改革的理念與思路
在計算機應用專業的教學中，對于網頁設計和制作課程的教學總體目標，主要是通過真實的網站項目來開展教學活動，讓學生能夠依據網站開發的過程和網頁制作方法，結合需要制作的要求，制作出簡單的網頁圖像與自動生成的動態網頁，以提升學生網頁制作技能，積累豐富的網頁制作經驗，從而滿足日后工作崗位需求。因此在進行網頁設計與制作時，應體現以下理念：(1)培養與人溝通和團隊合作的能力。為能準確地把握項目制作的要求與客戶的需要，教師必須重點培養學生與人溝通、團隊合作的能力。讓學生通過自由組隊的方式合作開發項目，共同努力完成布置的任務，讓學生之間能夠形成良好合作的關系，以提升學生的心理素質與適應社會環境的能力。(2)培養職業技術能力和解決問題的能力。培養學生具備扎實的專業技術能力，這是網頁設計與制作課程中能力培養的關鍵。因此在進行教學時，對學生職業技術能力的培養，主要包括以下幾方面：①網站的規劃能力。在項目教學中，應了解分析項目的內容，正確地理解項目的要求，并合理規劃項目，編寫網站的建設方案。②網站的設計能力。學生應熟悉網頁的工作環境，詳細規劃與設計網頁布局，并了解開發的主要工具，靈活使用網頁元素，保證網頁設計順利完成。③網站的維護與更新能力。應依據專業規范操作，來維護與更新網站。④解決問題的應變能力。網頁設計對專業性要求極高，因此要想強化學生處理問題和解決問題的能力，必須引導學生熟悉與掌握網頁設計中較為常用的方法與工具。(3)自學與創新能力。自學能力即培養學生自我解決問題的能力，主要是指學生在學習的過程中，能夠形成良好的學習習慣與掌握所學的知識，并通過自主學習的方式，來獲得有用的信息，以積極的應對職業中遇到的問題。而創新能力則是培養學生具備創新思維與創新意識，從而為日后工作打下扎實基礎[1]。
2基于項目教學的“網頁設計與制作”課程改革與實踐的途徑
2.1課程整體設計
在網頁設計與制作課程中應用項目教學，是否能成功的關鍵在于給學生安排的學習任務是否恰當。通常在設計項目的內容時，必須保證對學生具有挑戰性、實用性、趣味性以及可操作性，要求學生通過查閱相關資料，經過仔細研究和思考，便可順利地完成學習任務。但需要特殊注意的是，教師在設計學習任務時，必須按照教學目標與學生個性差異來設計，保證內容設計不能過于復雜[2]。例如在“網頁設計與制作”的教學過程中，課程整體設計的目標是從簡單——復雜——綜合網站建設項目的訓練方式，讓學生能夠依據網站業務的需要，對網站需要的功能加以分析，以明確網頁風格與結構，理解并設計出相應的制作方案，從而掌握網頁制作與網站的方法，熟練HTML語言、Dreamweaver網頁制作軟件，能讀取JavaScript代碼，并學會靈活運用CSS設計網站的元素。這時教師需要在設計上，依據項目的需要，選出“企業網站建設”作為該課程的實訓項目，將課程設計任務劃分為5個項目，16個任務、每個任務4學時，前2個項目是網站點的創建和靜態網頁設計，屬于簡單的入門項目，由教師輔導；第3與4個項目是進行網頁素材設計和制作，依據規范進行標準化網頁設計；第5個項目課后完成項目的情況，讓學生能夠積極參與項目的開發和維護中，以拓寬課程教學的內容。但是每1個項目都應以任務為載體，將課程學習的內容劃分到每1個項目中。且每1個項目之間都有明顯的獨立性，同時項目之間相互聯系，知識與技能循環漸進；前1項是后1項的基礎，后1項是鞏固前1項的關鍵，實現知識和技能學習的層層遞進、由淺到深、由簡到繁，以樹立學生學習的自信心。
2.2建立項目小組
在明確項目教學的內容后，教師集全班的學生，讓學生依據項目，自由分組學習，全班分成若干組，每組為3~5名，并安排組織能力較強、善于表達的學生擔任本組的小組長。然后每組學生在組長的領導下，按照項目要求的內容，在課后充分利用參考書目、內容對網站制作與設計所涉及的資料進行查閱。此外，教師是項目的指導者，應適當引導學生整理所需要資料。讓每個成員之間依據不同的學習任務，專門負責自己的問題。例如在“網頁設計與制作”的教學過程中，教師依據本班學生的情況，將學生劃分成每組5名成員后，結合實施方案，讓1名理論功底扎實的學生負責網站欄目的整體規劃；1名計算機操作能力較強的學生負責網頁制作；2名程序設計能力較強的學生負責代碼的編寫和程序調試；然后讓擔任小組長的學生負責對網站加以宣傳，并制定項目進度表，明確成果完成的時間，同時詳細記錄每個成員學習的情況、態度，為教師的評價提供依據。
2.3項目教學的實施
項目教學的實施主要是引導學生為完成項目，而組織開展自主性的學習，以輔導學生依據項目學習中所需要的知識與技能，通過有效的學習方法來開展學習活動，激發學生的學習熱情與主動性[3]。例如在確定各小組的學習任務后，進入具體“網頁設計與制作”課程的學習中，一開始部分學生會感覺到制作一個網站，以我個人的能力，難以順利完成教師布置的任務，又怎會設計出具有個人鮮明、獨具個性的網站來吸引客戶的注意力？針對這些問題，在進行教學時，教師需要將教學知識轉變成學習任務，以學生合作的方式，然后詳細講解網頁設計與制作的知識點，讓學生結合參考目錄和資料，來回答提出的學習問題：(1)什么是框架？有什么作用？(2)框架和網頁之間的聯系？框架的優缺點？(3)依據各網站主頁布局，怎樣合理地使用框架？這樣學生不僅能夠在合作的前提下，進行自主探究學習，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個獨立的可滾動區域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區域內顯示一個HTML文檔，可使用選項內是否滾動和可調整大小來調整頁面。
2.4成果展示
在網頁設計與制作課堂教學中應用項目教學時，項目成果的展示是為教師評價提供參考的關鍵。因此在實際項目學習成果展示的過程中，要求教師應依據項目教學的要求來組織各個小組的小組長匯報本組的項目成果。但需要特殊注意的是，小組長在展示、匯報本組的項目成果時，需要詳細說明作品涉及的知識點、創新、優缺點和項目中遇到的困難，并說明對于遇到的問題，應該如何解決，而其他小組的成員，也可提問與設計有關的思路、技術和特點等問題，讓課堂教學生動活潑，從而提高教學的效果[4]。例如在“網頁設計與制作”的教學過程中，各小組完成動態網頁作品的制作后，教師應通過組織活動的方式，讓每個小組的組長借助電子演示文稿的方式，詳細的介紹、JSP和PHP等動態網頁技術，但是由于時間的限制，教師需要引導每個小組結合學習的情況，將關于ASP的內置對象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個單獨的知識點加以闡述，以便其他小組的成員理解掌握Dreamweaver數據庫、綁定和服務器行為等網頁制作知識。
2.5考核方式的改革
項目完成后的最后環節就是教師要進行及時客觀的點評與總結，評定學生的學習成績。但是以往的課程考核方式都是通過筆試與期末提交個人作品的方式來考核，這種考核模式過于注重結果，忽略學生學習的過程，難以達到項目教學的考核目的。因此在對學生的成績進行評價與總結時，教師必須將現場匯報、學生自我評價和學生互評內評價內容納入到考核評價中，形成完善的課程考核評價體系，從作品的主題、版面、圖片、色彩搭配、網站布局和超鏈接等方面來考核學生的口頭表達能力、溝通能力、日常出勤、課堂表現和每個階段實訓項目的質量，以了解學生掌握的技能，然后通過百分制的方式進行最后總評，依據40%的比例納入到課程總評成績中，實現評價的合理性[5]。
3結束語
綜上所述，項目教學在網頁設計與制作中的應用，不僅能豐富課堂教學的內容，拓寬學生的知識面，實現知識的轉化與整合。還可按照項目的目標進行課程的整體設計、建立項目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動有趣，讓學生積極參與到項目活動中，充分發揮學生的主動性與潛力，進行自主性探究學習，以培養學生形成良好的學習習慣，從而促進學生全方面發展。
參考文獻：
[1]勞飛.基于項目化教學的“網頁設計與制作”課程改革與實踐[J].教育與職業,2014(29)：139-140.
[2]毛樂琦.高職《網頁設計與制作》課程項目化教學改革實踐[J].電子制作,2013(23)：113-113.
[3]沈勤豐.基于“項目引領任務驅動”的課程改革與實踐——以“網頁設計與制作”為例[J].職業技術,2013(2)：25-26.
一、選用合理的教材
中等職業學校的人才培養模式是指在一定的教育理論指導下，按照特定的培養目標和人才規格，以相對穩定的教學內容、課程體系和評估方式，實施人才教育的過程的總和。我校網頁設計與制作課程的培養目標是能對網站的功能進行分析，全面掌握使用的能力；能對頁面進行修改的能力。為此，我校選用的教材除了國規教材外，還補充了Adobe創意大學的標準教材。教學內容不僅能滿足中等職業學校專業教學標準，能夠反映當前的生產技術水平和職業崗位資格要求，更注重課程內容對接職業標準、教學過程對接生產過程。教材的內容編排符合學生認知特點，突出網頁制作的創意工作流程，將創意設計與軟件功能相結合，以軟件的實際應用為主線，對行業中的典型案例與Dreamweaver軟件新功能等方面的知識進行深入探討。Adobe創意大學的標準教材是聯合行業專家、行業協會、教育專家、一線教師、Adobe技術專家開發的，重點清晰，內容完善，為專業及其相關行業實踐型人才的培養量身訂制。
二、采用“教、學、做”一體的項目式教學方法
以學生為主體，有效設計和實施“教、學、做”一體的項目式教學方法，通過真實、完整的實例呈現知識點。
1.循序漸進，由淺入深
選擇小范例詮釋理論知識，每一個項目都從最簡單的內容入手，慢慢深入，達到制作出高級頁面的效果，避免只講定義的乏味與枯燥，符合學生的認知規律。
2.內容全面，實例豐富
融入大量的實用操作技巧，力求將最常見的軟件技巧與行業流程全面細致地進行介紹。結合實例介紹每種應用的操作步驟，學生只需要按照步驟一步步進行操作，就可以在不知不覺中掌握大量的知識，創作出精彩的個性網站。
3.行動導向、任務驅動
從網頁制作行業的實際出發，基礎知識與基本技能相結合，緊扣“做中學，做中教”的教育理念，將知識點穿插在網站實例制作的操作過程中，在實際制作中介紹網站開發的實際流程與制作技巧，尤其是針對實際制作中廣泛采用的“Div+CSS布局模式”，對教材內容進行全面的補充和完善。拓展HTML代碼的學習內容、學習方法，通過課后訓練設計達到課堂知識的“舉一反三”，這樣更加貼近實際。
4.由易到難、由部分到整體
從網頁制作技能培訓的實際需要出發，設計一個網站建設實例，采用循序漸進的方法，詳細描述網站的開發過程，介紹網頁制作的各種知識、技能和注意事項。所學知識分別涉及：站點的規劃與管理；文本、圖像及CSS層疊樣式表；表格布局，超級鏈接；框架布局，多媒體文件；熱區、層和行為；表單及各種表單元素；模板、站點的測試、與維護等各項靜態網頁開發知識，采用知識講授與案例教學相結合的方法。
5.綜合運用，注重啟發
制作兩個企業網站，系統全面地介紹網站建設的實際開發流程及常用手法與技巧。每個任務包含“任務描述”“自己動手”和“舉一反三”三個模塊，將知識點、技能點和注意事項穿插在網頁制作的過程中，注重啟發學生的學習興趣，力求在知識結構編排上體現循序漸進、重點突出、難點分散，在語言敘述上注重概念清晰、邏輯性強、通俗易懂、便于理解。
6.注重現代信息技術在教學中的應用
現代信息技術參與之后的課堂“以教師創造性的教為主導，以學生探索性的學為主體”，豐富多彩的教學環境，給學生更大的思維空間，突出學生的主體地位。運用現代信息技術，創設他們感興趣的事物與情境，抓住學生的心理特點，將抽象化的、概念化的知識點，以貼近生活的生動、鮮明的圖文并茂的畫面呈現乏味的定義定律，集聲音、文字、圖像、圖畫動態顯示于一體，達到將抽象概念具體化、微觀概念宏觀化的目的。讓學生易于理解接受，讓學生身臨其境，親歷其中，得到體驗，在輕松的氛圍中愉快地學習，提高了學生的思維能力、想象能力和創新能力。現代信息技術使課堂教學以發展為主，教師通過創造教學環境，在課堂上為學生提供觀察、獨立思考和實踐，將技術與學科教學靈活有機地結合，為學生提供一個友好交互、自由開放的學習環境，組織并指導學生進行實踐活動，激發學生主動去探索、積極去思考，從而極大地提高教學效率。
三、考核評價方式多角度
網頁設計與制作課程對學生的能力要求是：（1）會Dreamweaver的安裝；（2）合理使用網頁元素制作簡單靜態頁面；（3）能夠使用表單、CSS樣式、行為、層、模板、框架等技術制作比較復雜的靜態網頁，并能夠進行站點；（4）初步了解動態網頁設計的基礎知識，能夠制作簡單的留言板等動態網頁。因此，我從以下幾方面對學生進行評價：
1.網頁作品與真實生活是否有關聯，主題鮮明。
這表現為作為真實的項目場景，這種真實場景是對日常企業場景的模擬，或者真實場景中的實際操作。
2.要求學生對一些與職業有關的問題進行思考和解決。
比如企業網站，學生要依據問題，以科學的論證和推理方式設計合乎自身認識的、具有創造性的解決問題的方案，創作具有創造性的網站作品。
3.操作過程和最終作品是評價的重點。
在實際操作過程中，學生解決問題的綜合能力得到鍛煉，如思考問題能力、問題反思能力、團結合作能力、信息搜集能力和創造力等，評價中充分展現出來，而網站作品則是各種能力綜合鍛煉得到的結果。
4.學歷證書與職業資格證書對接。
Adobe創意大學考試認證是Adobe公司推出的權威國際認證，是針對全球Adobe軟件的學習者和使用者提供的一套全面科學、嚴謹高效的考核體系，為企業的人才選拔和錄用提供了重要和科學的參考標準。
四、結語
關鍵詞：網頁設計與制作 教學 改革
隨著萬維網的迅速發展，網頁已經成為網絡世界進行信息傳播的最主要載體，網頁設計與制作人才的培養成為當務之急。由于社會和專業的需求，《網頁設計與制作》課程廣泛受到各大中專學校學生的喜愛，下面就《網頁設計與制作》課程的教學與大家進行探討。
1、課程性質和特點
在中等職業學校，《網頁設計與制作》課程是計算機應用技術和計算機網絡技術等專業的必修課程。它是一門工具性和實用性都比較強的實踐課；不僅涉及計算機圖像處理、文字版面處理等相關知識，而且需要對相關課程有一定的基礎；是一門集成了多種計算機知識和技術的綜合，其本身具有很強的實踐性，是網站建設的基礎，而網頁本身是當今社會網絡世界傳播信息的最主要的載體，同時網站又是企業向用戶和網民提供信息（包括產品和服務）的一種方式、是企業開展電子商務的基礎設施和信息平臺。
2、課程教學目標
本課程的教學目標是使學生了解HTML語言的語法規則，掌握文本、鏈接、列表、表格、表單、圖像、多媒體、框架元素標志及屬性，了解HTML、JavaScript腳本編程語言的基本語法知識，能獨立設計小型WEB站點。
3、課程教學內容
根據前面對《網頁設計與制作》課程的性質和特點以及課程教學目標分析，在制定教學大綱時，不應該拘泥于某一本或者某幾本特定的教材，應著眼于當前網頁制作技術發展的現狀。網頁制作過程中必然涉及到圖片的處理、動漫制作等，若能應用好Photoshop和Flash也是網頁設計的關鍵，此部分在我校計算機應用技術和計算機網絡技術專業在學業生入學第一學期已經開設《圖形圖像處理軟件Photoshop》、第二學期《圖形圖像處理軟件Photoshop實訓》和《二維動畫制作Flash》，第三學期開設《二維動畫制作Flash實訓》和《網頁設計與制作》，因此教學內容設計時不再重復這部分內容。另外，Fireworks同樣也是作為網頁制作的輔助工具，若學生能掌握，對網頁的設計開發將起到畫龍點睛的作用，因此這部分也安排了相應的學時。
《網頁設計與制作》課程體現了網頁設計與網頁制作是緊密聯系的，是完成網頁作品流程中的兩個階段，但這兩個階段之間并沒有嚴格的界限，往往是迭代進行的。網頁通常都是圖文并茂的，對頁面的美觀有一定的要求。也就是說合格的網頁作品，在技術上不僅要符合相關的制作規范，還應考慮頁面布局、圖片放置、色彩搭配、下載速度等因素，這些因素都與用戶體驗密切相關。因此，在學生掌握了基本網頁制作后，筆者安排了網頁設計方面的內容學習，主要包括色彩、圖像、布局等。在講授的過程中，還展示了部分網站（以電子商務網站為主），讓學生去分析總結各個網站的特點，使得學生對網頁制作的內涵有進一步的理解。
4、選擇教材和教學模式
這門課程，僅僅通過在多媒體教室中講解理論知識、操作步驟和做典型范例是遠遠不夠的。那樣，一堂課下來學生只會做教師教的，不會融會變通，學生的創新意識得不到培養。我們只有突破傳統的教學模式，才能培養學生自我探索、獨立研究能力與自主創新精神。如何突破，并且取得良好的教學效果呢？通過幾年的教學探索和總結，筆者認為，可以從以下幾個環節來進行把握。
4.1 優選教材
合理安排教學內容一本教材的編排質量如何，會在一定程度上影響學生的學習興趣和教學效果，特別是針對中職生這樣一個特殊群體，我們更應該優選教材。我們應該選用在內容編排上由淺入深、由易到難的教材。
4.2 精心設計網頁制作課程的教學模式
掌握一定的理論知識是做好實踐的基礎和前提。所以老師決不能忽視課堂教學。我校該課程教學采取的是教學做一體化的教學模式，充分體現理論知識與實踐操作相結合。教學設計可采用“課堂案例分析――軟件功能解析――課堂練習――課后拓展――作品展示”這一思路進行精心編排。課堂教學的案例、課堂實踐的案例、獨立實驗的案例不僅涵蓋教材中的實例，還引用了大量企業中的真實案例。
5、教學方法與手段
5.1 教學方法的改進
在教學過程中，根據學校的培養目標和本課程特點，結合多年來實際的教學經驗，對教學方法實施了以下幾方面的改進。
（1）教師演示制作網頁案例，傳授本節課所需掌握的知識點為了能激發和調動學生學習的積極性，避免“滿堂灌”的傳統教學模式，在教學過程中采用案例教學法。根據教學進度和教學要求設計案例并充分備課，講授并解析與案例相關的理論和技能，分析案例討論中可能出現的任何問題，而且案例要具有典型性和針對性，從適合學生的接受能力來選擇和設計。（2）教與學相結合教學模式。在教師通過案例教授相關理論和操作基礎后，要求學生能夠按照案例的要求，通過上機及時模仿制作和案例相似的實驗，鞏固和加強學生掌握的教學中的知識點。
5.2 教學手段的改革
《網頁設計與制作》是一門實踐性很強而且廣泛應用的技術，為了說明網頁設計中的原理及其在實際中的應用，實時展示非常重要，因此在網絡課程中的授課中接入Internet，隨時將講述的相關知識通過實實在在地網絡來說明和解釋，這樣學生就不覺得枯燥和乏味，使學生明白了學習網頁設計的重要性和實用性。
6、考核方式
該課程的考核內容應以實踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學生足夠的時間完成作品的設計和制作，最后上交制作好的作品即可。留給學生足夠的時間和發揮空間，可以使學生充分發揮他們的想象力和所學知識。這樣的一種考核方式經過幾屆學生的實踐，受到同學的好評，并且出現了相當一部分好的作品。
關鍵詞：傳統教學；學即能用；CSS
互聯移動終端的大面積推廣，使得掌握網頁制作技術的人才在各個行業里都成為必不可少的需求；同時，地方普通高校為社會服務的使命感在不斷增強，如何培養出“學即能用”的人才，使之在短時間內掌握主流的網頁設計技術，提高站點訪問量，是這門課程課堂教學效果進步的體現。
一、技術背景與課堂教學要求
（一）Internet發展歷程
Internet經歷了從Web1.0到Web3.0的迅猛發展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設了主動權，使得用戶和網站可行雙向信息互動；Web3.0提升了用戶的主動權，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專屬的功能模塊，整合數據資源，適用于電腦、手機、PDA等多終端平臺定制。
（二）傳統的網頁設計與制作課程內容
一般情況下，高校開設的網頁設計課程從教學內容上可劃分為兩大塊：1.相關知識介紹。網站的概念、基本元素及頁面等相關知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網頁制作工具，使學生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯網的全面推廣和“學即能用”的需求，以上內容已不能滿足互聯網時代與時俱進的特點。最關鍵的問題在于：課堂學到的知識是否馬上就能得到應用，是否與目前社會上專業的網頁制作公司的技術規格保持一致。因此，本門課程的改革勢在必行。
二“、服務于地方”教學內容的改革
（一）教學內容改革
內容改革是課程改革的首要環節。關于什么是關鍵內容，什么是次要內容，筆者走訪了本地專業網頁設計公司中企動力的設計總監馬女士，通過對她的訪談，了解到時下主流的網頁設計公司所涉及到的技術規范，對本校現階段的教學內容做了必要的調整，簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術的授課內容，有選擇地介紹了網頁交互特效及表單的應用，加強了網頁美化工具、HTML語言及CSS的學習內容。改革后的課程主要分為六大模塊：網頁和網站的基礎知識、網頁美化工具（Photoshop或者Fireworks）、HTML語言、網頁開發工具的介紹、DIV+CSS、動態網頁技術。首先，通過具體的例子闡明網頁、網站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關知識；其次，介紹網頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學生可用其設計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業度；再次，介紹HTML的基本語法結構和語句，使學生熟練掌握其主要標簽的使用（傳統的教學模式對這一部分的內容有所忽略）。實踐證明，學生若不熟悉HTML的語法構成，學習DIV+CSS這一主流的網頁布局模式就會相當吃力。當然，對于非專業學生而言，學習一門語言，即便是文本標記語言，由于其本身對計算機系統相關知識的欠缺，授課會比較困難，學生也學得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設計大量實例，反復練習才能掌握。之后介紹開發工具，重點是要理解頁面的代碼模式和設計模式，而DIV+CSS則是本門課程的重頭戲，由于學生對代碼有種天生的恐懼，所以，在建立CSS時又以開發工具建立為主，修改程序為輔。最后簡單提及動態網頁技術。由于課時限制（32節），本課程主要講授靜態網頁制作。靜態網頁技術分為傳統技術和新技術。傳統課堂教學內容重點是布局表格、框架、模板等，而目前主流的網頁制作公司則主要應用DIV+CSS。所以，對于陳舊的技術簡單介紹即可，而把DIV+CSS作為布局的主要技術進行講解。由于這些內容需要學生對代碼部分比較熟悉，所以，在課時中增加了相應的HTML的基本語法結構和語句的介紹，并對主要標簽的使用熟練掌握。
（二）實際授課效果
筆者今年為設計和思政兩個專業的學生授課。設計專業的學生已經開設了PS，有一定的設計基礎，所以，課程內容改革中的第一部分可以省略；思政專業的學生沒有圖片處理基礎，筆者在授課過程中有意加強了這部分內容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學生有追求新知識的欲望，基本能做到學以致用，并反饋到最終的作品中。往屆學生的作品更像電子小報，而今年通過課程內容改革的學生作品雖不完美，但在形式內容上更接近Internet的正規網站，教學效果良好。針對我校提出建立培養服務于地方應用型人才的本科院校，傳統的網頁設計與制作課程必須響應時代號召，更新教學內容與方法。本文僅供從事該課程教學的教師參考。
參考文獻：
