發(fā)布時間：2023-05-28 09:40:18
序言：寫作是分享個人見解和探索未知領域的橋梁，我們?yōu)槟x了8篇的網(wǎng)頁制作與設計樣本，期待這些樣本能夠為您提供豐富的參考和啟發(fā)，請盡情閱讀。
[關鍵詞] 高校；網(wǎng)站；建設；網(wǎng)頁設計；信息技術
doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087
[中圖分類號] TP393.092 [文獻標識碼] A [文章編號] 1673 - 0194（2017）01- 0155- 02
1 前 言
優(yōu)秀的高校的網(wǎng)站建設和網(wǎng)頁設計建設有哪些重要作用？高校網(wǎng)站和網(wǎng)頁就是高校最基礎的形象窗口。它們主要可以用來打造高校的形象，宣傳高校的一些重要的信息，這里面包含了高校所蘊涵的校園文化，高校建校、發(fā)展的一切基本情況還有高校里面發(fā)生的希望外界了解的一些新聞信息。各種詳細的、創(chuàng)新的、更有活力又吸引力的網(wǎng)站建設和網(wǎng)頁設計的成果，利用圖片和文字的搭配方法、各種信息導航的具體使用、詳盡的說明等可以吸引更多搜索高校信息的瀏覽者，高校的招生在市場競爭里的一個重要方面也是要更為科學地打造自己高校的網(wǎng)站的建設和網(wǎng)頁的設計。在市場里獲得足夠競爭力的高校才能更有利的提高高校的品牌。宣傳高校的基本信息，使其能傳達給全國甚至是國際上的目標人群，讓他們通過瀏覽高校網(wǎng)站和網(wǎng)頁的時候傳輸給他們高校的品牌形象，讓他們更便利的獲得高校的信息概況。這既能推動高校被全國被世界更便利地了解，也能夠不斷地提高自己的校園品牌形象。高校正是利用網(wǎng)絡宣傳網(wǎng)站和網(wǎng)頁，降低高校宣傳成本，提高高校競爭力。在傳播高校的網(wǎng)站和網(wǎng)頁的時候，可通過一些策劃的公司幫助鎖定目標客戶，比如鎖定一些需要報考高校的人，將自己的信息進行推送。不少的高校都會將高校網(wǎng)站建設和網(wǎng)頁設計信息當成自己宣傳招生的重要一方面。也正是因為不同高校都會有自己的辦校特色和發(fā)展的個性，在以信息宣傳和內(nèi)容創(chuàng)新取勝的時代，網(wǎng)絡上網(wǎng)站和網(wǎng)頁的宣傳就是很重要的一種宣傳方式。著可以跨越時空的限制，不用到校了解、也不僅僅只針對當?shù)氐氖鼙娙?，可以讓全國甚至世界各處的人了解高校的情況。高校的網(wǎng)站甚至可以豐富高校學生的學習平臺，里面有更多的方式可以幫助學生查閱資料，網(wǎng)絡資源中高校的網(wǎng)站可以提供非常豐富并有針對性的資源，學生們可以在上面各取所需，這也是高校網(wǎng)站和網(wǎng)頁建設中提供給學生學習的重要一方面作用。
2 高校網(wǎng)站的建設和網(wǎng)頁設計建設和網(wǎng)頁制作現(xiàn)狀問題
2.1 高校網(wǎng)站內(nèi)容過于單一
高校網(wǎng)站建設和網(wǎng)頁設計因為其特殊性一般在內(nèi)容的監(jiān)管比較嚴格，在內(nèi)容上也很容易變得單薄無趣，對瀏覽者沒有吸引力，高校類型站點在娛樂互動性會比較不足，特別是高校網(wǎng)站往往定位在以“自我為中心”也就是以高校的信息為主要內(nèi)容呈現(xiàn)，并沒有充分考慮到學生以及社會對高校網(wǎng)站的內(nèi)容要求，這種形式上的單一，并不可怕，可怕的是“自我為中心”后的自我封閉，在現(xiàn)代信息化的時代背景下，高校必須要有獨立的自我認識和氣質(zhì)，否剛就會成擺設，而從目前的情況來看，內(nèi)容單是所有高校網(wǎng)站建設和網(wǎng)頁設計建設中經(jīng)常會出現(xiàn)的問題。
2.2 高校網(wǎng)站的建設和設計缺乏全局觀念
在網(wǎng)站建設和網(wǎng)頁設計建設的規(guī)劃上系統(tǒng)的規(guī)劃設計往往會缺乏全局觀念，工作量非常的大，會出現(xiàn)多項重復的內(nèi)容，導航的設計在網(wǎng)站設計中也是非常重要的，導航設計既要在具有新穎、創(chuàng)新的同時也要保證它能夠?qū)嶋H發(fā)揮作用，更能夠與高校整個網(wǎng)站的建設和網(wǎng)頁的設計相聯(lián)系、將高校的形象融入進去，使導航的信息也能夠設計的更加完整。導航也是有內(nèi)容的，具有實際作用和創(chuàng)新吸引力同時并有的，這些都是符合瀏覽者的實際操作的。
2.3 高校網(wǎng)站的管理程度不足，內(nèi)容更新緩慢
高校網(wǎng)站建設和網(wǎng)頁設計由老師空閑時間做，但一個人很難管理的完整的網(wǎng)站建設和網(wǎng)頁設計建設工作和后期維護、和內(nèi)容的定時更新，因為高校擁有多個部門，這些部門的內(nèi)容和功能也都應該在高校的網(wǎng)站和網(wǎng)頁上有所體現(xiàn)，但是因為完整的網(wǎng)站和網(wǎng)頁建設中各個部門可供介紹瀏覽到的信心非常的有限，一些深層的工作和作用也是很難體現(xiàn)到的，而且網(wǎng)站和網(wǎng)頁建設中的繁復導致網(wǎng)站和網(wǎng)頁中的內(nèi)容更新太慢，新聞信息等都跟不上校園的發(fā)展，內(nèi)容的更新緩慢、滯后也是高校網(wǎng)站建設和網(wǎng)頁設計建設中常見的問題。
2.4 高校網(wǎng)站的安全性不足，許多網(wǎng)站無獨立服務器
通常高校網(wǎng)站建設和網(wǎng)頁設計都不會自己建立服務器，而是選擇虛擬主機空間作為放置網(wǎng)站建設和網(wǎng)頁設計內(nèi)容的。這些空間都是有著不同的大小，這些大小也要根據(jù)高校的具體情況而不同，這里面有規(guī)模的大小和自己的大小選擇等，一般實力雄厚的高校會選擇自己高校服務器來確保數(shù)據(jù)的安全。高校網(wǎng)站建設和網(wǎng)頁設計是屬于公益性，因此會出現(xiàn)比較多的安全隱患。
3 高校網(wǎng)站建設和網(wǎng)頁設計建設規(guī)劃設計與網(wǎng)頁制作方法淺析
首先要確定的是程序，其次是排版，然后是內(nèi)容，最后是推廣和運營。具體的每一步都要有詳細的思考和準備。
3.1 要明確網(wǎng)站建設和網(wǎng)頁設計的基本內(nèi)容和基本目標
確立做網(wǎng)站建設和網(wǎng)頁設計的目標，網(wǎng)站建設和網(wǎng)頁設計建好后，要達到什么樣的目的，擴大招生還是供學生使用？也就是確立主體內(nèi)容。確定服務對象，是面對學生，還是家長，還是老師。高校和它的服務對象最初的交流窗口就是通過高校的網(wǎng)站和網(wǎng)頁，學生和家長都可以通過網(wǎng)站和網(wǎng)頁了解到高校的辦校的理念，高校的教育情況，教學中的改革成果等，這些希望服務對象了解的信息一定是高校網(wǎng)站和網(wǎng)頁設計中基本要做到的。
3.2 要規(guī)劃好各種欄目
清晰的欄目方便瀏覽網(wǎng)站建設和網(wǎng)頁設計的瀏覽者，希望達成什么效果是否能實現(xiàn)美觀和表述同時實現(xiàn)。加強特色內(nèi)容建設。特色就是競爭力。高校網(wǎng)站和網(wǎng)頁建設中需要規(guī)劃好各個欄目的內(nèi)容，這就需要各個欄目負責人一起組織規(guī)劃分工協(xié)調(diào)好各自的工作。負責網(wǎng)絡建設的中心應該積極分配好工作，設置什么風格，不同部門不同系的不同模板的設置都規(guī)劃好。
在設置功能方面要適合用戶的操作，簡化簡明操作步驟比如怎么留言，怎么報名，填寫什么，網(wǎng)站建設和網(wǎng)頁設計使用者怎么更新新聞，怎么傳活動圖片，這些都要一目了然，方便客戶也方便自己操作。
3.3 加強硬件的建設，做好師生信息技術培訓
隨著各地經(jīng)濟的發(fā)展和教育信息化工作的不斷推進，越來越多的高校在新一輪建設高峰中購置了大量的先進硬件資源，但是再先進的先進的硬件都是要有一定信息技術和專業(yè)素養(yǎng)的師生來操作的。高校的硬件利用率并不高因而必須在加強硬件建設的同時，做好師生信息技術培訓、電腦軟件資源的配套、相關的管理制度等的“軟件”建設。
3.4 加強網(wǎng)站的監(jiān)管和提升安全意識
在網(wǎng)站建設和網(wǎng)頁設計的監(jiān)管方面也是非常必要的，高校網(wǎng)在設計中需要有監(jiān)督管理的部分，這些并不只是防御黑客或者病毒的入侵，而是也需要監(jiān)督信息傳播中對信息的篩選，畢竟這些信息直接面向了學生，所以要對網(wǎng)站和網(wǎng)頁上傳播的信息進行有效的監(jiān)督管理，監(jiān)督這一部分需要專門的工作人員進行，加強監(jiān)管的各種措施是一個長期又堅決的工作。
3.5 加強高校網(wǎng)站的宣傳和引流
注重瀏覽量的擴大，達到建設網(wǎng)站的目的，要想擴大瀏覽量，加入一些宣傳手段，加強校友錄的建設也是一個可行的辦法，一個優(yōu)秀的高校網(wǎng)站離不開廣大畢業(yè)生校友的參與和支持，畢業(yè)的校友會通過書信和電話等方式與母校保持聯(lián)系，很多熱心的校友也會積極致力于母校的發(fā)展中，宣傳母校、推動發(fā)展、加強聯(lián)系等方式都是他們對母校責任心的體現(xiàn)，加強這些校友的校友錄建設，綜合他們的力量，能夠吸引更多人的宣傳和為母校發(fā)展獻計獻策的動力。
4 結 語
高校網(wǎng)站和網(wǎng)頁建設是高校宣傳打造自己的重要方式，好的網(wǎng)站和網(wǎng)頁建設對高校的發(fā)展有著各種推動作用。但校網(wǎng)站建設和網(wǎng)頁設計過程中存在的一系列問題，校網(wǎng)站建設和網(wǎng)頁設計需要從技術、組織、創(chuàng)新等的改變?nèi)胧?，還需要與時俱進的方法，增加更多的交流，融入更多的創(chuàng)意，綜合自身的優(yōu)點來達到校網(wǎng)站建設和網(wǎng)頁設計的目的。建立功能完備、操作簡單、應用豐富的高校網(wǎng)站是一項系統(tǒng)性的工程。通過制訂相應的高校信息化發(fā)展規(guī)劃和配套的規(guī)章制度來予以推行，這樣才能使高校的信息化應用水平提高到一個更高的水平。
主要參考文獻
關鍵詞：項目教學；網(wǎng)頁設計與制作；課程改革；實踐
項目教學模式作為一種以生為本，具有多元化、開放性特點的新型教學模式，強調(diào)了在教學時，以學生文本，加強對意義建構的主義理論、探究式學習的理論的重視作用。即在整個教學過程中，嚴格遵循“以生為主體，教師輔導”的教學原則，以教學目標、任務為出發(fā)點，讓學生在教師指導下，按照自己的學習能力與喜好，與同學進行自由組合，選擇相應的題型，組織開展項目研究學習，以充分發(fā)揮學生的主觀能動性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項目教學模式下，對“網(wǎng)頁設計與制作”課程進行改革與實踐，勢在必行。
1教學改革的理念與思路
在計算機應用專業(yè)的教學中，對于網(wǎng)頁設計和制作課程的教學總體目標，主要是通過真實的網(wǎng)站項目來開展教學活動，讓學生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結合需要制作的要求，制作出簡單的網(wǎng)頁圖像與自動生成的動態(tài)網(wǎng)頁，以提升學生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗，從而滿足日后工作崗位需求。因此在進行網(wǎng)頁設計與制作時，應體現(xiàn)以下理念：(1)培養(yǎng)與人溝通和團隊合作的能力。為能準確地把握項目制作的要求與客戶的需要，教師必須重點培養(yǎng)學生與人溝通、團隊合作的能力。讓學生通過自由組隊的方式合作開發(fā)項目，共同努力完成布置的任務，讓學生之間能夠形成良好合作的關系，以提升學生的心理素質(zhì)與適應社會環(huán)境的能力。(2)培養(yǎng)職業(yè)技術能力和解決問題的能力。培養(yǎng)學生具備扎實的專業(yè)技術能力，這是網(wǎng)頁設計與制作課程中能力培養(yǎng)的關鍵。因此在進行教學時，對學生職業(yè)技術能力的培養(yǎng)，主要包括以下幾方面：①網(wǎng)站的規(guī)劃能力。在項目教學中，應了解分析項目的內(nèi)容，正確地理解項目的要求，并合理規(guī)劃項目，編寫網(wǎng)站的建設方案。②網(wǎng)站的設計能力。學生應熟悉網(wǎng)頁的工作環(huán)境，詳細規(guī)劃與設計網(wǎng)頁布局，并了解開發(fā)的主要工具，靈活使用網(wǎng)頁元素，保證網(wǎng)頁設計順利完成。③網(wǎng)站的維護與更新能力。應依據(jù)專業(yè)規(guī)范操作，來維護與更新網(wǎng)站。④解決問題的應變能力。網(wǎng)頁設計對專業(yè)性要求極高，因此要想強化學生處理問題和解決問題的能力，必須引導學生熟悉與掌握網(wǎng)頁設計中較為常用的方法與工具。(3)自學與創(chuàng)新能力。自學能力即培養(yǎng)學生自我解決問題的能力，主要是指學生在學習的過程中，能夠形成良好的學習習慣與掌握所學的知識，并通過自主學習的方式，來獲得有用的信息，以積極的應對職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學生具備創(chuàng)新思維與創(chuàng)新意識，從而為日后工作打下扎實基礎[1]。
2基于項目教學的“網(wǎng)頁設計與制作”課程改革與實踐的途徑
2.1課程整體設計
在網(wǎng)頁設計與制作課程中應用項目教學，是否能成功的關鍵在于給學生安排的學習任務是否恰當。通常在設計項目的內(nèi)容時，必須保證對學生具有挑戰(zhàn)性、實用性、趣味性以及可操作性，要求學生通過查閱相關資料，經(jīng)過仔細研究和思考，便可順利地完成學習任務。但需要特殊注意的是，教師在設計學習任務時，必須按照教學目標與學生個性差異來設計，保證內(nèi)容設計不能過于復雜[2]。例如在“網(wǎng)頁設計與制作”的教學過程中，課程整體設計的目標是從簡單——復雜——綜合網(wǎng)站建設項目的訓練方式，讓學生能夠依據(jù)網(wǎng)站業(yè)務的需要，對網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風格與結構，理解并設計出相應的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學會靈活運用CSS設計網(wǎng)站的元素。這時教師需要在設計上，依據(jù)項目的需要，選出“企業(yè)網(wǎng)站建設”作為該課程的實訓項目，將課程設計任務劃分為5個項目，16個任務、每個任務4學時，前2個項目是網(wǎng)站點的創(chuàng)建和靜態(tài)網(wǎng)頁設計，屬于簡單的入門項目，由教師輔導；第3與4個項目是進行網(wǎng)頁素材設計和制作，依據(jù)規(guī)范進行標準化網(wǎng)頁設計；第5個項目課后完成項目的情況，讓學生能夠積極參與項目的開發(fā)和維護中，以拓寬課程教學的內(nèi)容。但是每1個項目都應以任務為載體，將課程學習的內(nèi)容劃分到每1個項目中。且每1個項目之間都有明顯的獨立性，同時項目之間相互聯(lián)系，知識與技能循環(huán)漸進；前1項是后1項的基礎，后1項是鞏固前1項的關鍵，實現(xiàn)知識和技能學習的層層遞進、由淺到深、由簡到繁，以樹立學生學習的自信心。
2.2建立項目小組
在明確項目教學的內(nèi)容后，教師集全班的學生，讓學生依據(jù)項目，自由分組學習，全班分成若干組，每組為3~5名，并安排組織能力較強、善于表達的學生擔任本組的小組長。然后每組學生在組長的領導下，按照項目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對網(wǎng)站制作與設計所涉及的資料進行查閱。此外，教師是項目的指導者，應適當引導學生整理所需要資料。讓每個成員之間依據(jù)不同的學習任務，專門負責自己的問題。例如在“網(wǎng)頁設計與制作”的教學過程中，教師依據(jù)本班學生的情況，將學生劃分成每組5名成員后，結合實施方案，讓1名理論功底扎實的學生負責網(wǎng)站欄目的整體規(guī)劃；1名計算機操作能力較強的學生負責網(wǎng)頁制作；2名程序設計能力較強的學生負責代碼的編寫和程序調(diào)試；然后讓擔任小組長的學生負責對網(wǎng)站加以宣傳，并制定項目進度表，明確成果完成的時間，同時詳細記錄每個成員學習的情況、態(tài)度，為教師的評價提供依據(jù)。
2.3項目教學的實施
項目教學的實施主要是引導學生為完成項目，而組織開展自主性的學習，以輔導學生依據(jù)項目學習中所需要的知識與技能，通過有效的學習方法來開展學習活動，激發(fā)學生的學習熱情與主動性[3]。例如在確定各小組的學習任務后，進入具體“網(wǎng)頁設計與制作”課程的學習中，一開始部分學生會感覺到制作一個網(wǎng)站，以我個人的能力，難以順利完成教師布置的任務，又怎會設計出具有個人鮮明、獨具個性的網(wǎng)站來吸引客戶的注意力？針對這些問題，在進行教學時，教師需要將教學知識轉變成學習任務，以學生合作的方式，然后詳細講解網(wǎng)頁設計與制作的知識點，讓學生結合參考目錄和資料，來回答提出的學習問題：(1)什么是框架？有什么作用？(2)框架和網(wǎng)頁之間的聯(lián)系？框架的優(yōu)缺點？(3)依據(jù)各網(wǎng)站主頁布局，怎樣合理地使用框架？這樣學生不僅能夠在合作的前提下，進行自主探究學習，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個獨立的可滾動區(qū)域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個HTML文檔，可使用選項內(nèi)是否滾動和可調(diào)整大小來調(diào)整頁面。
2.4成果展示
在網(wǎng)頁設計與制作課堂教學中應用項目教學時，項目成果的展示是為教師評價提供參考的關鍵。因此在實際項目學習成果展示的過程中，要求教師應依據(jù)項目教學的要求來組織各個小組的小組長匯報本組的項目成果。但需要特殊注意的是，小組長在展示、匯報本組的項目成果時，需要詳細說明作品涉及的知識點、創(chuàng)新、優(yōu)缺點和項目中遇到的困難，并說明對于遇到的問題，應該如何解決，而其他小組的成員，也可提問與設計有關的思路、技術和特點等問題，讓課堂教學生動活潑，從而提高教學的效果[4]。例如在“網(wǎng)頁設計與制作”的教學過程中，各小組完成動態(tài)網(wǎng)頁作品的制作后，教師應通過組織活動的方式，讓每個小組的組長借助電子演示文稿的方式，詳細的介紹、JSP和PHP等動態(tài)網(wǎng)頁技術，但是由于時間的限制，教師需要引導每個小組結合學習的情況，將關于ASP的內(nèi)置對象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個單獨的知識點加以闡述，以便其他小組的成員理解掌握Dreamweaver數(shù)據(jù)庫、綁定和服務器行為等網(wǎng)頁制作知識。
2.5考核方式的改革
項目完成后的最后環(huán)節(jié)就是教師要進行及時客觀的點評與總結，評定學生的學習成績。但是以往的課程考核方式都是通過筆試與期末提交個人作品的方式來考核，這種考核模式過于注重結果，忽略學生學習的過程，難以達到項目教學的考核目的。因此在對學生的成績進行評價與總結時，教師必須將現(xiàn)場匯報、學生自我評價和學生互評內(nèi)評價內(nèi)容納入到考核評價中，形成完善的課程考核評價體系，從作品的主題、版面、圖片、色彩搭配、網(wǎng)站布局和超鏈接等方面來考核學生的口頭表達能力、溝通能力、日常出勤、課堂表現(xiàn)和每個階段實訓項目的質(zhì)量，以了解學生掌握的技能，然后通過百分制的方式進行最后總評，依據(jù)40%的比例納入到課程總評成績中，實現(xiàn)評價的合理性[5]。
3結束語
綜上所述，項目教學在網(wǎng)頁設計與制作中的應用，不僅能豐富課堂教學的內(nèi)容，拓寬學生的知識面，實現(xiàn)知識的轉化與整合。還可按照項目的目標進行課程的整體設計、建立項目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動有趣，讓學生積極參與到項目活動中，充分發(fā)揮學生的主動性與潛力，進行自主性探究學習，以培養(yǎng)學生形成良好的學習習慣，從而促進學生全方面發(fā)展。
參考文獻：
[1]勞飛.基于項目化教學的“網(wǎng)頁設計與制作”課程改革與實踐[J].教育與職業(yè),2014(29)：139-140.
[2]毛樂琦.高職《網(wǎng)頁設計與制作》課程項目化教學改革實踐[J].電子制作,2013(23)：113-113.
[3]沈勤豐.基于“項目引領任務驅(qū)動”的課程改革與實踐——以“網(wǎng)頁設計與制作”為例[J].職業(yè)技術,2013(2)：25-26.
關鍵詞：傳統(tǒng)教學；學即能用；CSS
互聯(lián)移動終端的大面積推廣，使得掌握網(wǎng)頁制作技術的人才在各個行業(yè)里都成為必不可少的需求；同時，地方普通高校為社會服務的使命感在不斷增強，如何培養(yǎng)出“學即能用”的人才，使之在短時間內(nèi)掌握主流的網(wǎng)頁設計技術，提高站點訪問量，是這門課程課堂教學效果進步的體現(xiàn)。
一、技術背景與課堂教學要求
（一）Internet發(fā)展歷程
Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設了主動權，使得用戶和網(wǎng)站可行雙向信息互動；Web3.0提升了用戶的主動權，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專屬的功能模塊，整合數(shù)據(jù)資源，適用于電腦、手機、PDA等多終端平臺定制。
（二）傳統(tǒng)的網(wǎng)頁設計與制作課程內(nèi)容
一般情況下，高校開設的網(wǎng)頁設計課程從教學內(nèi)容上可劃分為兩大塊：1.相關知識介紹。網(wǎng)站的概念、基本元素及頁面等相關知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁制作工具，使學生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯(lián)網(wǎng)的全面推廣和“學即能用”的需求，以上內(nèi)容已不能滿足互聯(lián)網(wǎng)時代與時俱進的特點。最關鍵的問題在于：課堂學到的知識是否馬上就能得到應用，是否與目前社會上專業(yè)的網(wǎng)頁制作公司的技術規(guī)格保持一致。因此，本門課程的改革勢在必行。
二“、服務于地方”教學內(nèi)容的改革
（一）教學內(nèi)容改革
內(nèi)容改革是課程改革的首要環(huán)節(jié)。關于什么是關鍵內(nèi)容，什么是次要內(nèi)容，筆者走訪了本地專業(yè)網(wǎng)頁設計公司中企動力的設計總監(jiān)馬女士，通過對她的訪談，了解到時下主流的網(wǎng)頁設計公司所涉及到的技術規(guī)范，對本?，F(xiàn)階段的教學內(nèi)容做了必要的調(diào)整，簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術的授課內(nèi)容，有選擇地介紹了網(wǎng)頁交互特效及表單的應用，加強了網(wǎng)頁美化工具、HTML語言及CSS的學習內(nèi)容。改革后的課程主要分為六大模塊：網(wǎng)頁和網(wǎng)站的基礎知識、網(wǎng)頁美化工具（Photoshop或者Fireworks）、HTML語言、網(wǎng)頁開發(fā)工具的介紹、DIV+CSS、動態(tài)網(wǎng)頁技術。首先，通過具體的例子闡明網(wǎng)頁、網(wǎng)站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關知識；其次，介紹網(wǎng)頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學生可用其設計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業(yè)度；再次，介紹HTML的基本語法結構和語句，使學生熟練掌握其主要標簽的使用（傳統(tǒng)的教學模式對這一部分的內(nèi)容有所忽略）。實踐證明，學生若不熟悉HTML的語法構成，學習DIV+CSS這一主流的網(wǎng)頁布局模式就會相當吃力。當然，對于非專業(yè)學生而言，學習一門語言，即便是文本標記語言，由于其本身對計算機系統(tǒng)相關知識的欠缺，授課會比較困難，學生也學得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設計大量實例，反復練習才能掌握。之后介紹開發(fā)工具，重點是要理解頁面的代碼模式和設計模式，而DIV+CSS則是本門課程的重頭戲，由于學生對代碼有種天生的恐懼，所以，在建立CSS時又以開發(fā)工具建立為主，修改程序為輔。最后簡單提及動態(tài)網(wǎng)頁技術。由于課時限制（32節(jié)），本課程主要講授靜態(tài)網(wǎng)頁制作。靜態(tài)網(wǎng)頁技術分為傳統(tǒng)技術和新技術。傳統(tǒng)課堂教學內(nèi)容重點是布局表格、框架、模板等，而目前主流的網(wǎng)頁制作公司則主要應用DIV+CSS。所以，對于陳舊的技術簡單介紹即可，而把DIV+CSS作為布局的主要技術進行講解。由于這些內(nèi)容需要學生對代碼部分比較熟悉，所以，在課時中增加了相應的HTML的基本語法結構和語句的介紹，并對主要標簽的使用熟練掌握。
（二）實際授課效果
筆者今年為設計和思政兩個專業(yè)的學生授課。設計專業(yè)的學生已經(jīng)開設了PS，有一定的設計基礎，所以，課程內(nèi)容改革中的第一部分可以省略；思政專業(yè)的學生沒有圖片處理基礎，筆者在授課過程中有意加強了這部分內(nèi)容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學生有追求新知識的欲望，基本能做到學以致用，并反饋到最終的作品中。往屆學生的作品更像電子小報，而今年通過課程內(nèi)容改革的學生作品雖不完美，但在形式內(nèi)容上更接近Internet的正規(guī)網(wǎng)站，教學效果良好。針對我校提出建立培養(yǎng)服務于地方應用型人才的本科院校，傳統(tǒng)的網(wǎng)頁設計與制作課程必須響應時代號召，更新教學內(nèi)容與方法。本文僅供從事該課程教學的教師參考。
參考文獻：
網(wǎng)頁版面設計時，要對版面風格進行定位，對頁面文字和圖片等內(nèi)容做統(tǒng)籌考量，不僅要安排有序得當，還要體現(xiàn)整齊美觀大方的視覺效果。版面設計其實是一種藝術，而不是一般意義的技術了。網(wǎng)頁就是制作者的思想品位素養(yǎng)的直觀表達，閱讀網(wǎng)頁就是對制作者的審視和評價。版面設計首先要做好主頁制作工作。主頁就是人的臉面，要體現(xiàn)網(wǎng)頁內(nèi)容風格，就要注意突出什么，要有醒目的文字和圖片，而且文字和畫面要有自己的特色，一味堆砌當然不會有好效果。一般情況下，有特色的主頁要包含這樣幾個要素：文字、圖片、色調(diào)和排版方式。幾種要素不可或缺，還要注意相互之間的協(xié)調(diào)和搭配，和諧統(tǒng)一才能體現(xiàn)整體美。
2網(wǎng)頁制作實用技術
網(wǎng)頁制作可以借助的軟件很多，F(xiàn)rontpage是一款比較適合初學者網(wǎng)頁制作的入門工具。Frontpage的界面和操作和Word比較相似，非常容易學習。
2.1插入圖片
在網(wǎng)頁中插入圖片是常常要遇到的，有豐富圖片內(nèi)容可以讓網(wǎng)頁顯得豐滿生動，其操作方法并不復雜。在制作的網(wǎng)頁中選擇適當位置，確定插入點，然后在網(wǎng)頁上部點擊菜單“插入”選擇“圖片”，再點擊“來自文件”，進入對話框，查找需要插入的圖片位置，最后點擊插入按鈕就可以完成圖片插入。如果圖片格式不是GIF或者JPEG也不要緊，在網(wǎng)頁保存時Frontpage會自動轉換格式。圖片插入后還要對圖片進行適當調(diào)整和修正，點擊圖片選中，單擊便可以隨意拖動圖片，進行大小調(diào)整。圖片確定后還要對圖片進行環(huán)繞樣式選擇。在網(wǎng)頁中右鍵點擊圖片，在“圖片屬性”中選擇“外觀”，然后是“環(huán)繞樣式”，找到文本圖形周圍流動方式，在“布局”中選擇“圖片對齊方式”，根據(jù)需要進行詳細設置。
2.2添加動畫
網(wǎng)頁添加動畫文件可以讓網(wǎng)頁動態(tài)十足，給人帶來不一樣的活力感覺。與圖片相比，動畫需要有多幅圖片構成。首先要準備好動畫文件，動畫文件可以網(wǎng)絡下載，也可以自己制作。添加動畫和圖片插入基本相同。打開網(wǎng)頁，確定動畫插入位置，點擊“插入”選擇“圖片”，在對話框中選擇“從計算機上選擇一個文件”，找到動畫源文件點擊“確定”，動畫就插入到網(wǎng)頁當前位置。如果要插入用Flash技術制作的動畫，操作就要復雜一些。首先要在Flash中生成動畫文件moon.Swf，然后啟動Frontpage，先建立一個新網(wǎng)頁文件，點擊“插入”選擇“高級”到“插件”，這時會出現(xiàn)“插件屬性”對話框，選擇“瀏覽”找到moon.Swf源文件，確定之后回到“插件屬性”找到“數(shù)據(jù)源”，并將其中的文件途徑刪掉，只保留文件名moon.Swf。確定之后還要選擇“文件”到“保存”，將動畫文件moon.Swf保存。
2.3制作滾動字幕
滾動字幕的運用可以讓網(wǎng)頁顯得活潑，其制作技術也比較簡單。首先是打開Frontpage編輯界面，確定插入滾動字幕的位置，把需要顯示的文字輸入進去。然后將這些文字選定，點擊菜單“插入”，選擇“組件”到“字幕”，點擊之后出現(xiàn)對話框，點擊“字幕屬性”，對文章滾動方式進行進一步設置，包括字幕滾動方向和字幕滾動延遲時間等。最后點擊確定，就完成了字幕滾動插入。如果要查看效果，可以從“預覽”中查看。
2.4建立超級鏈接
制作網(wǎng)頁不僅要建立自己的主頁附頁鏈接，有時還需要將網(wǎng)頁和其他網(wǎng)站形成鏈接，這就需要建立瀏覽器超級鏈接。要鏈接其他網(wǎng)站，首先要選擇作為鏈接的文本，然后點擊菜單“常用”工具欄的“超鏈接”，在“創(chuàng)造超鏈接”中，將要鏈接的網(wǎng)站的地址輸入在URL地址欄內(nèi)，點擊確定就可以了。如果要改變某些超鏈接，可以先確認是普通模式，右鍵點擊要改變的超鏈接，選擇“超鏈接屬性”，直接輸入新的URL地址就可以了。
3結束語
關鍵詞：中職；網(wǎng)頁設計；學習積極性；學習興趣；教學方法；學習效果
隨著計算機技術的不斷發(fā)展與革新，《網(wǎng)頁設計與制作》是近些年來計算機專業(yè)領域發(fā)展最快的和應用最廣泛的課程之一。社會急需培養(yǎng)掌握網(wǎng)頁設計、面向不用應用層次的專業(yè)人才。根據(jù)多方面的調(diào)研，再結合我校學生的實際情況，我把我校計算機平面與網(wǎng)頁設計、計算機網(wǎng)絡技術、軟件與信息服務等計算機相關專業(yè)的學生學習本課程的職業(yè)定位為大部分從事UI的開發(fā)，很少從事程序開發(fā)工作，因此在網(wǎng)頁設計與制作主要以Dreamweaver軟件教學為主。那如何調(diào)動學生學習興趣、如何選擇更加適合的教學方法及如何在教學過程中取得更好的教學效果，是值得我們共同探討的問題。在不斷學習先進教學理論及結合實際教學實踐，我認為可以從以下三方面入手。
1分析學情，合理安排教學內(nèi)容，激發(fā)學生學習興趣
當前中職學校大部分學生都是考不上普通高中，想來中職學校學一技之長以謀生，但也有不少抱著玩三年然后等年齡夠了出去打工的態(tài)度，學生的厭學情緒比較嚴重，要么上課不專心，要么隨意曠課，學生學習的積極性極差，更談不上創(chuàng)新。所以在上本課程之前，首先要找些優(yōu)秀出色網(wǎng)站設計案例供學生欣賞，并且要分析當前本課程的應用領域、社會需求及就業(yè)前景，激發(fā)學生的學習興趣，樹立信心。另一方面，要合理安排教學內(nèi)容。因為中職學生普遍存在特點就是沒有一個良好的學習習慣和方法，就算剛開始帶著好奇和興趣學習網(wǎng)頁課程，但過一段時間就會出現(xiàn)厭學的狀態(tài)，出現(xiàn)這樣的狀況主要原因是課程章節(jié)內(nèi)容的安排問題。在教學過程中，有些內(nèi)容跟之前所學的知識有相似就稍顯枯燥或者出現(xiàn)新的較難掌握的內(nèi)容就容易導致厭學。所以將課程內(nèi)容分階段和模塊化教學，各階段和模塊之間既相互獨立，也相互關聯(lián)，同時將課程難點分解到各個不同的模塊中，化解了學生的畏懼和厭學心理。每個模塊自成體系，學完每一個個模塊就能獲得一項知識、技能，前面的模塊為后面模塊做鋪墊，后面的模塊又強化前面模塊的內(nèi)容。這樣可以讓學生牢固地掌握《網(wǎng)頁設計與制作》的核心。因此，教師在教學中應將“教、學、練、做”融為一體，對每個學習情景都設計好案例，然后進行在上課的時候明確任務、教師演示、學生設計、展示評價等。例如：教師可將《網(wǎng)頁設計與制作》教學內(nèi)容分為五個階段，每一階段設計了若干教學模塊。第一階段使學生能熟練使用網(wǎng)頁設計的入門篇；第二階段能熟悉并熟練使用網(wǎng)頁制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得當、內(nèi)容精彩的網(wǎng)頁；第三階段能進行動態(tài)網(wǎng)站的開發(fā)；第四階段掌握網(wǎng)站與維護方法；第五階段進行綜合案例項目實訓。每一階段的教學內(nèi)容完成后，在專業(yè)機房組織單元考核，以實現(xiàn)分階段達標，最終使學生能獨立設計小型WEB站點。
2結合實際，選擇適合的教學方法，調(diào)動學生學習積極性
教無定法，因材施教。教師要根據(jù)學生的實際學習情況，不斷調(diào)整自己的教學方法，不斷將先進教學方法應用教學當中，才能激發(fā)學生的學習興趣，取得更好的教學效果。若采用傳統(tǒng)教學模式即課堂主要是教師的講解再輔以學生練習，這是教學模式是很難激發(fā)學生的學習興趣的，最后可能是教師累得精疲力竭、學生卻收獲甚微。通過實踐，我主要是采用案例教學法、項目教學法進行教學。案例教學法是在教師的指導下，根據(jù)教學目標的要求，利用案例引起教學活動，組織學生進行學習和研討的一種教學方法。與傳統(tǒng)的灌輸教學相比，案例教學是一種強調(diào)師生互動的開放式研究型的教學方法，它注重學生的實操能力，符合中職教育的教育特點。具體做法是：教師通過具體案例提出任務，將任務分解到每次的課堂教學中實現(xiàn)，教學過程中為了調(diào)動學生的學習積極性，教學過程中常常采用互動方式，即教師提出一種解決問題的思路，然后讓學生采用其它方式來解決同一個問題，課堂上每介紹一個任務后都要首先讓學生上機去模仿著實現(xiàn)，然后再要求學生采用自己的解決方案來完成任務。例如：在“創(chuàng)建企業(yè)展示型網(wǎng)站”的教學過程中，教師的教法是“案例驅(qū)動下的自主學習———分組協(xié)作學習———探究發(fā)現(xiàn)學習”，既鼓勵個性張揚，又提倡某些問題的分組協(xié)作與自主探究，指導學生對圖片及文字的來源進行探究發(fā)現(xiàn)（從網(wǎng)絡中搜集）。建構主義學習理論強調(diào)以學生為中心，要求學生由知識的灌輸對象轉變?yōu)樾畔⒓庸さ闹黧w。以案例驅(qū)動，激發(fā)求知欲望，讓學生帶著逐個任務通過探究發(fā)現(xiàn)、相互合作、實際操作等方式，自主學習，使學生在完成任務的過程中不知不覺實現(xiàn)知識的傳遞、遷移和融合。項目教學法是教師在教學過程中以項目為主線貫穿始終，將課程中的知識點融入到項目中，學生以完成項目為主要目的、教師以學生的項目質(zhì)量來評定學習效果的一種新的教學方法。學生全部或者部分獨立組織、安排學習行為解決在處理項目所遇到的問題，提高學習興趣。教師在選擇項目時需要注意將教學的理論和實踐結合在一起，同時項目要與企業(yè)實踐生產(chǎn)過程和現(xiàn)實經(jīng)商活動有直接關系，才能使學生所學知識又具有價值，同時也會極大激發(fā)學生的興趣。例如：在《網(wǎng)頁設計與制作》教學中將一個班級分成多個項目小組，教師是項目經(jīng)理，學生則是項目的開發(fā)人員，學生通過以小組分工的形式完成項目，再派學生代表進行項目展示，達到師生、生生之間交流和討論的目的。項目開發(fā)小組經(jīng)常以幻燈片方式展示成果，陳述自己通過學習掌握了哪些知識和技能，運用了哪些方法，怎么用的？如何改進？獲得了什么親身體驗？初步提高了自己的哪些能力？問題是怎么解決的？解決的過程是什么？類似的交流穿插在整個學習過程中。這種方法有助于學生學習思維的發(fā)展，學生通過和其他學生的交流，解決疑惑，論證自己的觀點，開拓了思路，有利于發(fā)展學生的智力，整個教學過程同時也是學生學習的體驗過程。
3科學考核，提升教學質(zhì)量，保證學習效果
在課程考核方面，將單純的課程考核轉向?qū)W生職業(yè)能力考核，主要包括三部分：第一部分，平時成績占總成績的30%，包括平時出勤、課堂紀律、課堂表現(xiàn)和作業(yè)等。第二部分，階段性項目設計考核占總成績的40%，分2次考核，根據(jù)網(wǎng)頁及網(wǎng)站制作流程，以職業(yè)崗位工作過程為依據(jù)，對學生分組，通過自評、互評，還有教師評，對每個項目進行評分。在交流評價的基礎上對自己獲得的材料和做出的作品進行檢驗。驗證學生自己的觀點。通過對比師生評價結果，找出造成結果差異的原因，讓學生反思他們在探究實踐中所運用的解決問題的策略。第三部分，期末綜合考核占30%，主要考查學生對知識的綜合應用能力?！毒W(wǎng)頁設計與制作》是一門實踐性很強的課程，教學方法也多種多樣，只要在教學結合實際，不斷探索、不斷總結，勇于創(chuàng)新，一定能尋出適合的教學方法，激發(fā)學生學習興趣，培養(yǎng)分析問題解決問題的能力，更具有職業(yè)崗位實務能力，完成勝任網(wǎng)頁設計與制作相關崗位的工作。
參考文獻
[1]邰琦琿.中職計算機網(wǎng)頁設計教學的若干實踐探索[J].信息與電腦，2013（5）：208-209.
[2]顏謙和.《網(wǎng)頁設計與制作》課程運用案例教學法初探[J].電腦知識與技術，2014.
關鍵詞:高職教育;網(wǎng)頁設計;網(wǎng)頁制作;教學研究
1引言
隨著我國社會主義現(xiàn)代化的飛速發(fā)展，國內(nèi)各行各業(yè)均得到了極大的進步。政治、經(jīng)濟、文化、社會、法律等諸多環(huán)境的完善給予了當代各種新技術良好的發(fā)展環(huán)境與支撐?；ヂ?lián)網(wǎng)與計算機技術作為時下最為熱門的技術，其已然和多個行業(yè)之間緊密結合起來。作為現(xiàn)代居民、企業(yè)獲取信息、傳播信息、共享信息、儲存信息的重要途徑，互聯(lián)網(wǎng)與計算機技術的使用無不改變著當代居民的生活方式、企業(yè)的經(jīng)營理念。而這些信息的獲取與宣傳，均需要依靠由HTML所編輯的網(wǎng)頁程序。良好的網(wǎng)絡界面設計、網(wǎng)絡窗口點擊習慣等，將會給予網(wǎng)絡使用用戶良好的體驗與滿足。高職院校作為現(xiàn)代社會人才培養(yǎng)與輸送的重要根據(jù)地，其每年均會為社會輸送大量的優(yōu)秀人才。面對時代的不斷發(fā)展與進步，以及現(xiàn)代居民對文化的需求、現(xiàn)代企業(yè)對人才素質(zhì)的需求，高職院校也不得不開始思考適應社會主義新城市產(chǎn)業(yè)發(fā)展人才供給水平及質(zhì)量的問題。作為時下最為熱門并受各行業(yè)關注的網(wǎng)頁設計與制作課程，已然成為了時下亟待進行教學改革的課程之一。能否整合資源切合實際教學需要、能否采用科學有效方法提升學生對課程的實踐應用能力等均成為了重要的研究課題。
2高職網(wǎng)頁設計與制作課程教學改革的發(fā)展研究
2．1開發(fā)與企業(yè)需求相對口的專業(yè)技術培養(yǎng)高職教育作為以培養(yǎng)契合實際企業(yè)發(fā)展、輸送更具職業(yè)化現(xiàn)代化人才為目標的高等教育基地，其應當在現(xiàn)有網(wǎng)頁設計與制作課程教學的大綱編寫、內(nèi)容設置等方面與社會中的崗位與需求相互結合。根據(jù)當前社會企業(yè)中網(wǎng)站開發(fā)團隊通常扮演的職能角色，學習網(wǎng)頁設計與制作課程的學生畢業(yè)后不單會從事網(wǎng)頁設計師、網(wǎng)頁開發(fā)師、網(wǎng)頁檢測師等崗位，而且還會從事網(wǎng)頁美工師、網(wǎng)頁維護工作員等崗位。面對眾多就業(yè)方向與選擇，當代高校應當緊密契合時展需要，針對現(xiàn)有教學目標、內(nèi)容、綱領等給予調(diào)整以便于適應社會企業(yè)對人才知識水平與綜合素質(zhì)能力的需要。在此過程中，可以采用更加具有針對性的專業(yè)細分模式，并結合對口專業(yè)就業(yè)方向給予相應課程重點的調(diào)整。例如:針對從事電子商務網(wǎng)頁設計與制作崗位專業(yè)人才的培養(yǎng)應當在基礎課程培養(yǎng)后，重點提升WEB應用程序開發(fā)課程的教學;針對從事藝術網(wǎng)頁設計與制作崗位專業(yè)人才的培養(yǎng)不單應重視基礎知識教學，而且還應提升學生對于布局、構圖乃至色彩等的敏感性程度，并提升學生對CSS等軟件的學習。2．2采用項目驅(qū)動型教學模式與策略在當前高職院校開展網(wǎng)頁設計與制作課程授課過程中，通常將學生作為教學客體來進行傳授，而忽略了高職院校學生本身所具有的年齡階段及靈活思維。網(wǎng)頁設計與制作課程在實踐教學環(huán)節(jié)經(jīng)常采用案例教學的模式，以此來實現(xiàn)對學生更為全面綜合素質(zhì)的培養(yǎng)。然而，卻容易由于上述問題的存在，從而使學生在學習過程中經(jīng)常處于被動學習的狀態(tài)，嚴重偏離了網(wǎng)頁設計與制作課程名稱所應有的提升學生動手能力、設計水平的要求。在此過程中為了良好改善這一現(xiàn)狀及問題的存在，可以采用項目驅(qū)動型教學模式與策略。這一教學模式可采用三步走的方式:第一，進行項目選擇。在開展網(wǎng)頁設計與制作課程之處教師應當結合課本及大綱要求選擇恰當、難度適宜的項目范本，也可以根據(jù)學生層次不同選擇層級較多的項目范本。在此基礎上，將大班教學模式打散，采用三五成群的方式實現(xiàn)小組建立，并選取題目開展討論型動手能力實踐學習環(huán)節(jié);第二，采用專題教學方式?？梢赃x擇耳熟能詳?shù)囊恍┚W(wǎng)站設計樣本，并將其與同行業(yè)公司網(wǎng)頁的設計之間相互比較，從而使學生能夠設置一個心中的標桿。在此過程中可以分別從網(wǎng)頁主題、網(wǎng)頁資料設置、網(wǎng)頁logo設計等多個方面來開展專題教學;第三，組織討論。在進行項目選擇和相關標桿樣板的指引之后，就可以對學生每個小組的成果進行比較和分析，利用總結的形式讓學生能夠在這種教學模式下實現(xiàn)階梯式提升。2．3采用考核分階段型教學模式與策略除了可以采用項目驅(qū)動型教學模式之外，還可以結合網(wǎng)頁設計與制作實際工作特點開展分階段教學。由于對一個大型網(wǎng)站的設計與制作通常會花費一個團隊幾個月的時間，每個階段性完成點之間的銜接對最終網(wǎng)頁的質(zhì)量均會產(chǎn)生較大影響。為此，在進行高職網(wǎng)頁設計與制作課程教學時，為了提升教學質(zhì)量也可以與實際相互結合起來，開展考核分階段型教學模式。在此過程中通?？蓪⒄n本內(nèi)容進行重新編排或總結，從網(wǎng)站選題、網(wǎng)站設計、網(wǎng)站制作、網(wǎng)站測試、網(wǎng)站、網(wǎng)站使用反饋等多個遞進環(huán)節(jié)開展專題教學，并以考核機制來實現(xiàn)上述階段過渡，從而保障每個學生都能夠利用課堂快速實現(xiàn)自身知識容量提升。
3結論
通過上文的研究，可以發(fā)現(xiàn)，高職院校在當代社會現(xiàn)代化人才培養(yǎng)領域的地位十分重要。因此，面對互聯(lián)網(wǎng)信息時代到來，其必須與時代共同發(fā)展。網(wǎng)頁設計與制作作為廣告行業(yè)、新媒體行業(yè)等新城市產(chǎn)業(yè)發(fā)展的重要基礎知識與領域，高職院校應不斷推動當今時代背景下的教學改革。在本文中作者首先針對國內(nèi)互聯(lián)網(wǎng)與計算機技術發(fā)展的現(xiàn)狀進行研究，在此基礎上對高職院校網(wǎng)頁設計與制作課程教學改革的策略提出了些許具有系統(tǒng)性、可行性的建議。謹此希望能夠利用本文的研究為國內(nèi)高職院校網(wǎng)頁設計與制作課程的教學質(zhì)量提升帶來幫助。
參考文獻
【關鍵詞】網(wǎng)頁制作；基于工作過程；學習情境；行動導向
1.引言
“網(wǎng)頁制作”是大部分高校計算機相關專業(yè)的必修課，目的是使學生通過課程學習，掌握使用html+dreamweaver進行網(wǎng)頁設計的基本方法和網(wǎng)站開發(fā)的整個流程；養(yǎng)成嚴謹?shù)倪壿嬎季S能力、問題解決能力；培養(yǎng)學生大膽創(chuàng)新、善于思考的能力。
目前，大部分院校還是采用傳統(tǒng)的知識體系為主，或者知識體系與實踐教學相結合的教學模式，導致學生缺乏學習的積極性，即便掌握了dreamweaver的使用和網(wǎng)頁制作的基礎知識，也不具備進行網(wǎng)站開發(fā)的能力。另一方面，課程的知識點較多，并且內(nèi)容比較松散，會使學習者對其缺乏系統(tǒng)的認識。在該課程的教學過程中，本人進行了一些實踐與探索。課程根據(jù)學生的興趣選取真實的教學項目，在課堂教學和實踐教學過程中，圍繞該項目展開教學，取得了顯著的教學效果。
2.基于工作過程的課程設計思路
2.1 設計理念
打破傳統(tǒng)的按照知識體系教授課程的方式，以學生將要從事的“網(wǎng)頁設計師”、“網(wǎng)站工程師”、“網(wǎng)站編輯員”等崗位所需的職業(yè)能力為目標，與行業(yè)企業(yè)合作，進行基于工作過程的課程開發(fā)與設計，既保證職業(yè)崗位所需技能、相關知識、職業(yè)素質(zhì)的需要，又保持原有面向應用的網(wǎng)站開發(fā)技術知識體系的相對完整性，培養(yǎng)學生的職業(yè)能力，養(yǎng)成學生的職業(yè)習慣，同時也為學生的可持續(xù)發(fā)展奠定基礎。
2.2 內(nèi)容組織
在教學內(nèi)容的組織上，通過對網(wǎng)頁制作課程內(nèi)容的整合、重組，以“工作過程”為切入點，選取能夠涵蓋高職學生需要掌握的網(wǎng)頁設計與網(wǎng)站開發(fā)的實際項目，提煉出以職業(yè)能力培養(yǎng)為特色的教學內(nèi)容，突出技術實用性。充分考慮高職學生認知能力和學習能力，對知識點的講解采用“行動導向”的教學方法，通過“提出任務分析任務完成任務總結”的過程，體現(xiàn)出互動創(chuàng)新、提倡個性、重在應用、團結協(xié)作的教學風格，有效的提高了學生的實踐能力和職業(yè)素質(zhì)。
2.3 設計思路
課程按照網(wǎng)站項目開發(fā)的全過程和網(wǎng)站開發(fā)流程，首先是知識儲備階段，介紹了網(wǎng)站項目開發(fā)的相關知識；其次是網(wǎng)站規(guī)劃和設計階段，通過網(wǎng)站的分析、規(guī)劃和設計培養(yǎng)學生項目分析和設計的能力；最后是網(wǎng)站的創(chuàng)建，主要學習網(wǎng)站開發(fā)技術。通過前期、中期和后期三個階段的學習和開發(fā)，讓學生體驗一個完整的網(wǎng)站開發(fā)全過程。
2.4 學習單元設計說明
課程學習內(nèi)容基于工作過程，選取一個能夠涵蓋高職學生需要掌握的網(wǎng)頁設計與網(wǎng)站開發(fā)的實際項目進行教學設計。本課程通過“××企業(yè)網(wǎng)站”的開發(fā)講授html+dreamweaver進行網(wǎng)頁設計的基本方法和網(wǎng)站開發(fā)的整個流程。
2.5 教學組織與實施
在課堂教學中，重點放在學生的“學”上面。由學生被動地學，改變?yōu)閷W生主動學習的局面。教師在這個過程中的主要工作則是解答學生疑問，協(xié)助學生完成任務。
2.6 考核方式
建立過程考評與期末考評相結合的考核體系，過程考評占50分，期末考評占50分。制定科學的評價考核標準，加大過程考核、技能考核和能力考核的比重。在考評過程中體現(xiàn)學生對所完成任務的自我評價，每一學習小組間的學生互評，及學生對課程的評價等，以此來調(diào)動學生平時學習的積極性。
3.結束語
通過以上的授課改革，極大地激發(fā)了學生的學習熱情，使學生綜合應用了基礎知識，提高了專業(yè)技能，初步掌握了解決實際應用問題的能力。培養(yǎng)的學生具有扎實的軟件開發(fā)基本功，較強的學習能力、團隊合作能力和創(chuàng)新能力，為今后更快適應軟件開發(fā)崗位的工作打下基礎。
參考文獻
[1]吳代文.網(wǎng)頁設計基礎與實例[M].北京：清華大學出版社.
[2]李峰.JavaScript開發(fā)技術詳解[M].北京：清華大學出版社.
關鍵詞：網(wǎng)頁設計與制作 綜合實訓 案例教學 任務驅(qū)動
中圖分類號：G633 文獻標識碼：A 文章編號：1673-9795（2013）05（b）-0173-02
近年來，隨著我國職業(yè)教育改革的進一步深化，計算機專業(yè)課程改革面臨著進一步完善，這就對《網(wǎng)頁設計與制作》課程改革提出了更高的要求。《網(wǎng)頁設計與制作》課程是中職學校計算機應用技術和計算機網(wǎng)絡專業(yè)中一門創(chuàng)新性和實踐性很強的專業(yè)課程，要求學生不但要學好理論知識，還需要掌握實踐技能，關鍵是要具有解決實際問題的能力。但是，這樣一門看似簡單好學的課程，卻經(jīng)常得不到很好的教學效果。學生在學完課程之后，要么設計結果達不到應有的功能和視覺效果，要么不能獨立地進行網(wǎng)站規(guī)劃和頁面設計。因此，筆者在《網(wǎng)頁設計與制作》課程的教學實訓中，對教學內(nèi)容、教學方法、教學手段、考核方式等進行了一些嘗試，收到了良好的效果。
1 實訓階段
以我校計算機應用專業(yè)為例，《網(wǎng)頁設計與制作》綜合實訓課安排時間為60個課時，以集中訓練的方式進行。在綜合實訓之前，學生已經(jīng)學習理論知識和上機操作，對課程的重點、難點進行了相關的練習。筆者在教學中發(fā)現(xiàn)，雖然學生經(jīng)過指導能夠完成課堂上布置的任務，但是只能根據(jù)規(guī)定的操作步驟進行，學生沒有獨立設計和制作網(wǎng)頁的能力。學生的操作依賴性很強，學習之后很快就遺忘。針對這些問題，筆者制定了切合實際的實訓計劃，主要目的是培養(yǎng)他們團隊中協(xié)作能力，獨力完成所承擔的網(wǎng)站需求分析、網(wǎng)站規(guī)劃、網(wǎng)頁設計、綜合測試等工作，從而使學生牢固掌握所學知識，實現(xiàn)以技能培養(yǎng)為核心，培育適合當前職業(yè)崗位需求的應用型、技能型人才。本課程綜合實訓如下所示。
1.1 實訓動員
在綜合教學實訓進行前，要做好學生的學習動員工作。一方面，讓學生明確綜合實訓的主要目的是讓學生通過實踐，了解和掌握網(wǎng)頁設計與制作的基本方法，通過不斷上機練習達到解決實際問題的能力。因此，集中兩個星期時間使學生綜合運用所學習的網(wǎng)頁設計與制作的知識及以前所學習圖形圖像處理等計算機軟件應用方面的知識，根據(jù)網(wǎng)站制作的流程，完成一個綜合的網(wǎng)站，全面鞏固學生的知識，培養(yǎng)學生解決實際問題的能力，從而達到學以致用的目的。另一方面，讓學生了解實訓的目的和意義、學習方法以及考核方式等方面的內(nèi)容。采用展示實際案例效果、歷年網(wǎng)頁設計與制作競賽獲獎作品、歷屆學生的優(yōu)秀作品等方式來激發(fā)學生的學習興趣，讓他們積極主動地參與到實訓中來。
1.2 實訓過程
在《網(wǎng)頁設計與制作》綜合實訓教程中，老師的角色是參謀，學生的角色是任務的完成者。老師提出項目要求，學生根據(jù)具體的任務來完成。我們把一個班的學生分成10個小組，每個小組4～5人，每個小組選擇一個主題制作網(wǎng)站，綜合運用前面所學的知識和相關的技術共同完成。
1.2.1 基本知識回顧
這部分的要求是溫習網(wǎng)頁制作課程的重點難點，使學生對Dream weaver各方面的操作知識系統(tǒng)的由“片”的認識轉向“面”的認識。
1.2.2 案例作品賞識
在網(wǎng)頁設計過程中，經(jīng)驗豐富的設計師需要博采眾家之所長，形成自己的風格，而對于初學者來說，模仿是最容易收到效果的方法。大量欣賞優(yōu)秀的網(wǎng)站作品并不斷地分析、比較，會使學生的各種能力逐漸增長和提高。通過展示歷年中職學校職業(yè)技能競賽中網(wǎng)頁設計與制作項目中的獲獎作品、歷屆學生的優(yōu)秀作品等手段來提起學生的學習興趣，吸引學生積極主動地參與實訓。
1.2.3 案例模仿操作練習
從歷屆學生的優(yōu)秀作品中選擇一個典型的案例，讓學生作為網(wǎng)頁設計與制作知識的回顧。例如，對一個旅游網(wǎng)站進行解析，使學生了解制作網(wǎng)站的基本方法，讓學生對旅游網(wǎng)站的粗略和宏觀認識得到細化，使學生懂得如何獨立面對旅游網(wǎng)站進行需求分析、站點規(guī)劃和設計。
1.2.4 作品的選擇、網(wǎng)站需求分析、站點規(guī)劃
在綜合實訓中，首先要求各小組學生選擇一個網(wǎng)站主題，主題一般選擇如下內(nèi)容：校園生活、教育、體育、旅游、電子商務等。然后，小組成員開始著手進行網(wǎng)站需求分析，設計整個網(wǎng)站的框架，選定要設計和制作的各部分內(nèi)容，由組長組織完成一份完整的網(wǎng)站規(guī)劃書。在此過程中，老師要適當指導，要求學生獨立完成，設計出有具有本組特色的網(wǎng)站。最后，由組長給本組成員進行網(wǎng)站設計與制作任務分配，分頭搜集素材并進行整理。
1.2.5 網(wǎng)站色彩搭配
網(wǎng)站的色彩就像人的外表一樣，如果打扮得美觀大方，就會給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，所以，網(wǎng)頁的色彩搭配將直接影響訪問者對網(wǎng)站的印象。網(wǎng)頁配色有著很強的藝術性，不同的色彩搭配方案就會讓人產(chǎn)生不一樣的感受。對于初學者來說，模仿是最容易看到效果的方法。在站點規(guī)劃完成的基礎上，選擇網(wǎng)站的主色調(diào)和學習色彩搭配。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協(xié)調(diào)，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。由于中職生英語、數(shù)學等文化基礎較差，編程對他們來說難度太大，他們走上工作崗位后一般不會從事程序開發(fā)工作，大多數(shù)學生畢業(yè)后從事的是網(wǎng)站美工等，因此，應該在網(wǎng)頁美工等方面加強培養(yǎng)。