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