引論：我們?yōu)槟砹?3篇網(wǎng)頁(yè)制作與設(shè)計(jì)范文，供您借鑒以豐富您的創(chuàng)作。它們是您寫(xiě)作時(shí)的寶貴資源，期望它們能夠激發(fā)您的創(chuàng)作靈感，讓您的文章更具深度。
篇1
1.考核方案的制定
本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開(kāi)。總成績(jī)由操作考核成績(jī)、項(xiàng)目報(bào)告成績(jī)兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評(píng)分后依權(quán)重比例計(jì)入總成績(jī)，總成績(jī)不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評(píng)成績(jī)是由平時(shí)成績(jī)30%、期中成績(jī)30%、期末成績(jī)40%組成，為了與學(xué)校的評(píng)分要求接軌，將本次考試所得的總成績(jī)作為學(xué)校學(xué)期總評(píng)成績(jī)的期末成績(jī)部分。并在此說(shuō)明平時(shí)成績(jī)30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評(píng)定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過(guò)小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫(xiě)項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：
（1）項(xiàng)目實(shí)施過(guò)程。項(xiàng)目實(shí)施過(guò)程包括前期策劃、資料搜集、網(wǎng)頁(yè)制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁(yè)采用主要色彩及網(wǎng)頁(yè)色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁(yè)制作。其中網(wǎng)頁(yè)制作中要求頁(yè)面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁(yè)效果圖截圖；靜態(tài)頁(yè)面制作階段要求繪制網(wǎng)頁(yè)布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開(kāi)發(fā)階段列舉所用的開(kāi)發(fā)工具、對(duì)數(shù)據(jù)庫(kù)、表進(jìn)行截圖，以及繪制程序開(kāi)發(fā)頁(yè)面流程圖。
（2）項(xiàng)目總結(jié)。對(duì)本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過(guò)程中的收獲及體會(huì)。在作品展示時(shí)要求各小組派出代表對(duì)作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。
（3）項(xiàng)目組介紹。對(duì)該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過(guò)程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開(kāi)發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識(shí)，與合作者之間有效、和諧的溝通。
篇2
1 “網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”網(wǎng)絡(luò)設(shè)計(jì)現(xiàn)狀分析
1.1 網(wǎng)站開(kāi)發(fā)語(yǔ)言安全性
網(wǎng)站開(kāi)發(fā)采用的語(yǔ)言有ASP、php、aspx、java等，實(shí)際開(kāi)發(fā)制作中PHP+SQL的應(yīng)用非常廣泛，這在網(wǎng)絡(luò)課程設(shè)計(jì)中也是綜合運(yùn)用的重要課程，它能獨(dú)立實(shí)現(xiàn)網(wǎng)頁(yè)的自由切換，完成復(fù)合圖形的鏈接，調(diào)整網(wǎng)站的模式結(jié)構(gòu)，它的動(dòng)態(tài)因素還能起到吸引眼球，脫穎而出的效果；網(wǎng)站開(kāi)發(fā)中PHP+SQL的綜合運(yùn)用更是提高了網(wǎng)頁(yè)的利用空間，加速了后臺(tái)數(shù)據(jù)庫(kù)的建立，同時(shí)提高了網(wǎng)站開(kāi)發(fā)的安全性和注重瀏覽者的綜合感受。
1.2 靜態(tài)網(wǎng)頁(yè)制作中Dreamweaver的應(yīng)用
現(xiàn)階段，在網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作課程中，Dreamweaver網(wǎng)頁(yè)靜態(tài)編輯器應(yīng)用最為廣泛，它從最初的1.0版本升級(jí)到CS5，同時(shí)它的功能也從簡(jiǎn)單的調(diào)節(jié)色階、飽和度、制作文字圖框上上升到獨(dú)立編輯和創(chuàng)建動(dòng)漫圖片，三維立體調(diào)色，人物實(shí)體渲染等豐富強(qiáng)大的功能，這在網(wǎng)頁(yè)制作圖像編輯上發(fā)揮了立竿見(jiàn)影的作用，其次它帶有掃描和創(chuàng)作功能，使制作的圖片所見(jiàn)即所得；同時(shí)他還具有自由變換渲染實(shí)景的強(qiáng)大功能，可以還原復(fù)古地域風(fēng)情、分辨明暗光景、豐富人物表情等，使我們的圖像新穎而富有特色。
1.3 收錄引擎對(duì)網(wǎng)站的友好度
搜索引擎屬于網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作的后臺(tái)工作，它是支撐網(wǎng)頁(yè)正常運(yùn)行的必要條件，也是網(wǎng)站鏈接顯示的重要組成部分，PHP、JAVA、ASP程序的編寫(xiě)就好比人的大腦，它的關(guān)鍵度和完整度不言而喻。在制作處理完網(wǎng)頁(yè)，建立網(wǎng)站后往往要優(yōu)化系統(tǒng)，有利于提高網(wǎng)站的點(diǎn)擊率和被百度收錄的幾率，這也是網(wǎng)絡(luò)課程設(shè)計(jì)的范疇，由于網(wǎng)頁(yè)腳本語(yǔ)言的改革使得SEO優(yōu)化系統(tǒng)后豐富了網(wǎng)站的實(shí)用性，從而提高了網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作的熱情和創(chuàng)新性。
2 “網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”設(shè)計(jì)發(fā)展規(guī)劃
2.1 多層次深發(fā)展?jié)M足不同領(lǐng)域的需求
網(wǎng)絡(luò)課程是一種以學(xué)生為主體的網(wǎng)絡(luò)教育方式，它注重學(xué)生的實(shí)操能力和融會(huì)貫通能力，改變了老師口傳式的傳統(tǒng)教學(xué)模式，更好的活躍了學(xué)生氛圍。網(wǎng)絡(luò)課程設(shè)計(jì)可以根據(jù)學(xué)生接受能力的不同、所處領(lǐng)域的不同實(shí)行分類式教學(xué)模式，分層次輔導(dǎo)，有的放矢。例如，對(duì)研究和專業(yè)學(xué)生的教學(xué)，專業(yè)學(xué)生注重就業(yè)方向，我們?cè)O(shè)計(jì)的網(wǎng)絡(luò)課程就偏重于實(shí)用性，把日后經(jīng)常用到的知識(shí)點(diǎn)納入教學(xué)中；對(duì)于研究?jī)A向的學(xué)生偏重于后臺(tái)技術(shù)的開(kāi)發(fā)，使它們?cè)诮窈蟮难芯恐腥〉眯碌倪M(jìn)展和突破，這樣做到有針對(duì)性的因材施教可以滿足不同領(lǐng)域?qū)W生的需求。網(wǎng)絡(luò)課程設(shè)計(jì)不受時(shí)間和地點(diǎn)的限制，可以重復(fù)式學(xué)習(xí)和互動(dòng)，使學(xué)生更好的接受和完成學(xué)習(xí)任務(wù)。
2.2 整合資源優(yōu)化知識(shí)結(jié)構(gòu)，提高網(wǎng)絡(luò)課程設(shè)計(jì)效率
在網(wǎng)絡(luò)課程設(shè)計(jì)中，注重知識(shí)點(diǎn)的整合和知識(shí)結(jié)構(gòu)的優(yōu)化是關(guān)鍵的一個(gè)步驟。網(wǎng)頁(yè)制作不僅要求學(xué)生靈活掌握網(wǎng)站框架結(jié)構(gòu)，而且在其藝術(shù)性上也提出了更高的要求，例如：在網(wǎng)頁(yè)制作中加入文字描述是我們常常遇到的問(wèn)題，這時(shí)我們可以涉及如何加入文字并進(jìn)行藝術(shù)設(shè)計(jì)，如何制作文字動(dòng)態(tài)效果，并且兼顧抓取整段文字的關(guān)鍵詞，瀏覽備注信息和搜索引擎中出現(xiàn)的頻率等，這樣就構(gòu)成了由點(diǎn)到面，循序漸進(jìn)形成一系列連貫的知識(shí)點(diǎn)。再有網(wǎng)站開(kāi)發(fā)過(guò)程中，網(wǎng)站鏈接瀏覽器的選擇也十分重要，它涉及到網(wǎng)站的權(quán)重問(wèn)題和優(yōu)先選擇問(wèn)題，網(wǎng)站權(quán)重突出了網(wǎng)站的地位和導(dǎo)向，我們來(lái)?yè)Q位思考一下，在搜索時(shí)習(xí)慣輸入什么知識(shí)點(diǎn)鏈接哪些網(wǎng)站，什么樣的域名優(yōu)先錄取等都是我們需要考慮的，這也是我們網(wǎng)絡(luò)課程設(shè)計(jì)中資源優(yōu)化的體現(xiàn)。
2.3 理論實(shí)際相結(jié)合，培養(yǎng)學(xué)生動(dòng)手能力
在網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作網(wǎng)絡(luò)課程設(shè)計(jì)中，首選要建立大量的圖庫(kù)資源和圖片資料，要求學(xué)生在日常生活中注意積累如各地人情，旅游風(fēng)景，代表建筑物等一些列具有紀(jì)念價(jià)值的圖片，使得網(wǎng)頁(yè)制作過(guò)程中有豐富素材可用；其次課程設(shè)計(jì)中要多引進(jìn)網(wǎng)站創(chuàng)新案例，利用多媒體播放一些特點(diǎn)鮮明的網(wǎng)站作品，使學(xué)生在潛意識(shí)中加深印象，在創(chuàng)新案例講解過(guò)程中融入教學(xué)重點(diǎn)和網(wǎng)絡(luò)設(shè)計(jì)難點(diǎn)，使學(xué)生享受成功案例的同時(shí)學(xué)到知識(shí)，長(zhǎng)時(shí)間耳濡目染使學(xué)生形成一種創(chuàng)新網(wǎng)站設(shè)計(jì)構(gòu)想的良性循環(huán)；最后要多培養(yǎng)學(xué)生善于總結(jié)和創(chuàng)新能力，注重學(xué)生的動(dòng)手能力，在網(wǎng)絡(luò)課程設(shè)計(jì)中要留出足夠時(shí)間，反復(fù)實(shí)操。
2.4 將前臺(tái)簡(jiǎn)單的網(wǎng)頁(yè)編輯延伸至后臺(tái)技術(shù)的開(kāi)發(fā)及數(shù)據(jù)庫(kù)的整理
網(wǎng)站后臺(tái)制作是一項(xiàng)乏味而艱巨的任務(wù)，針對(duì)它的特殊性和復(fù)雜性，在網(wǎng)絡(luò)課程設(shè)計(jì)時(shí)，注重多媒體的使用，這樣可以使枯燥的編程程序直觀的表達(dá)，易于學(xué)生的接受；其次后臺(tái)數(shù)據(jù)庫(kù)的整理工作更是需要專業(yè)知識(shí)的鋪墊，需要多涉及實(shí)際數(shù)據(jù)的推算和項(xiàng)目數(shù)據(jù)庫(kù)整理工作，同時(shí)注重學(xué)生的綜合感受和自我評(píng)價(jià)能力，使它們能完全融入先進(jìn)的課程設(shè)計(jì)中，從而達(dá)到理論實(shí)際結(jié)合的目的。
3 結(jié)束語(yǔ)
時(shí)代在發(fā)展，教育在改革，隨著計(jì)算機(jī)應(yīng)用的普及，網(wǎng)絡(luò)教育占據(jù)主流力量，網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作網(wǎng)絡(luò)課程設(shè)計(jì)會(huì)得到大力的推廣和應(yīng)用，它不僅可以直觀形象的講解原理，因材施教，而且注重學(xué)生理論實(shí)踐相結(jié)合的動(dòng)手能力，從而大大提高了學(xué)生的綜合素質(zhì)和就業(yè)適應(yīng)能力。
參考文獻(xiàn)
[1]韓陵宜.網(wǎng)頁(yè)制作課程教學(xué)及考核方式的研究與探索[J].計(jì)算機(jī)教學(xué)與教育信息，2008（03）.
[2]紀(jì)明明.淺談“項(xiàng)目教學(xué)法”在網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)課程教學(xué)中的應(yīng)用[J].中國(guó)新技術(shù)新產(chǎn)品，2010.
[3]盧新建.試談ASP動(dòng)態(tài)網(wǎng)頁(yè)課程的教學(xué)探索[J].計(jì)算機(jī)應(yīng)用教學(xué)研究，2010（10）.
作者簡(jiǎn)介
篇3
The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"
XUE Hui， YANG Xiao-feng
（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）
Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.
Key words： web design； teaching； model； design
1 《網(wǎng)頁(yè)制作》課程在計(jì)算機(jī)類專業(yè)課程中的地位和作用
如今網(wǎng)絡(luò)在人們的生活中占據(jù)了越來(lái)越重要的地位，網(wǎng)頁(yè)制作技術(shù)作為建設(shè)網(wǎng)站的基礎(chǔ)技術(shù)也展現(xiàn)了越來(lái)越多的應(yīng)用，企業(yè)對(duì)網(wǎng)頁(yè)制作人才需求巨大。《網(wǎng)頁(yè)制作》課程是計(jì)算機(jī)類專業(yè)的專業(yè)主干課，通過(guò)該課程的學(xué)習(xí)，使學(xué)生全面建立對(duì)網(wǎng)站的認(rèn)知，學(xué)會(huì)網(wǎng)頁(yè)制作和網(wǎng)站設(shè)計(jì)的基本方法，熟悉網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)的基本概念和理論，掌握網(wǎng)頁(yè)制作的操作方法和制作技巧，使學(xué)生具備設(shè)計(jì)、開(kāi)發(fā)、網(wǎng)站的能力，加強(qiáng)學(xué)生的實(shí)際動(dòng)手能力和解決問(wèn)題的能力，為以后激烈的就業(yè)競(jìng)爭(zhēng)打下堅(jiān)實(shí)的基礎(chǔ)[1]。
《網(wǎng)頁(yè)制作》課程是后續(xù)課程《交互式網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)》和《》的前導(dǎo)課程。學(xué)生通過(guò)《網(wǎng)頁(yè)制作》課程的學(xué)習(xí)，可以解決《交互式網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)》課程中對(duì)動(dòng)畫(huà)網(wǎng)頁(yè)美術(shù)效果的設(shè)計(jì)需求，也可以解決《》課程中對(duì)網(wǎng)站前臺(tái)界面的設(shè)計(jì)和制作需求[2]。
2 《網(wǎng)頁(yè)制作》課程具有易于掌握、難于精通的特點(diǎn)
《網(wǎng)頁(yè)制作》課程屬于操作設(shè)計(jì)類計(jì)算機(jī)課程，和《計(jì)算機(jī)基礎(chǔ)》等課程不同的是，在簡(jiǎn)單的操作背后隱藏著許多深層次的制作技術(shù)和操作技巧，學(xué)生學(xué)完課程之后，往往只掌握一些簡(jiǎn)單的操作，只懂得一些簡(jiǎn)單的技術(shù)，對(duì)于復(fù)雜的技術(shù)和深層次的制作方法一竅不通，做出的作品只能達(dá)到實(shí)習(xí)生的水平，無(wú)法達(dá)到應(yīng)用型人才所需要的技術(shù)水準(zhǔn)，無(wú)法滿足企業(yè)對(duì)人才的需求[3]。
造成這種情況的原因是，《網(wǎng)頁(yè)制作》課程涵蓋內(nèi)容廣，技術(shù)層次深，制作技巧多，具有易于掌握、難于精通的特點(diǎn)。《網(wǎng)頁(yè)制作》課程的這個(gè)特點(diǎn)給學(xué)生掌握網(wǎng)頁(yè)制作技術(shù)造成了很大困難，要提高教學(xué)質(zhì)量，必須克服這個(gè)困難。
3 針對(duì)《網(wǎng)頁(yè)制作》課程特點(diǎn)的“精講熱練”的教學(xué)模式
3.1 針對(duì)《網(wǎng)頁(yè)制作》課程易于掌握，難于精通的困難的解決辦法
1）把寶貴的課堂時(shí)間更多的用在講授深層次的制作技巧上
《網(wǎng)頁(yè)制作》課程總的教學(xué)時(shí)數(shù)是有限的，為了讓學(xué)生在有限的時(shí)間內(nèi)掌握復(fù)雜的技術(shù)和深層次的制作技巧，就要把寶貴的課堂時(shí)間用在深層次的制作技巧上。《網(wǎng)頁(yè)制作》課程中許多簡(jiǎn)單的操作、簡(jiǎn)單的制作方法和《計(jì)算機(jī)基礎(chǔ)》課程是類似的，對(duì)于簡(jiǎn)單的操作、簡(jiǎn)單的制作方法大略講一下就可以，而對(duì)于復(fù)雜的操作，學(xué)生難于掌握的技術(shù)可以使用更多的時(shí)間來(lái)教學(xué)。
2）由講授和實(shí)踐分開(kāi)上課轉(zhuǎn)變?yōu)樵跈C(jī)房統(tǒng)一上課
傳統(tǒng)的《網(wǎng)頁(yè)制作》課程的教學(xué)模式是老師先在多媒體教室通過(guò)投影儀講授，然后學(xué)生在機(jī)房上機(jī)實(shí)踐。這種教學(xué)模式由于講授和實(shí)踐操作有一定時(shí)間間隔，對(duì)于簡(jiǎn)單的操作影響不大，但對(duì)于復(fù)雜的操作，學(xué)生常常就忘記了操作步驟。課堂講授內(nèi)容較多時(shí)，學(xué)生甚至?xí)巡煌δ艿牟僮飨嗷ジ慊臁?/p>
為了使學(xué)生能夠掌握深層次的網(wǎng)頁(yè)制作技術(shù)，需要改變傳統(tǒng)的教學(xué)模式，更多地采取互動(dòng)模式，以提高學(xué)生的學(xué)習(xí)效率[4]。最好講授和上機(jī)實(shí)踐統(tǒng)一在機(jī)房進(jìn)行，教師通過(guò)機(jī)房的同步授課軟件講解、演示，講完之后學(xué)生立即練習(xí)，打破理論教學(xué)和實(shí)踐操作的時(shí)間間隔，使學(xué)生通過(guò)親自操作快速掌握相關(guān)技能。
3.2 “精講熱練”的教學(xué)模式
針對(duì)《網(wǎng)頁(yè)制作》課程易于掌握、難于精通的特點(diǎn)，本文提出“精講熱練”的教學(xué)模式，與傳統(tǒng)的教師先在多媒體教室講授，然后學(xué)生在機(jī)房上機(jī)實(shí)踐的教學(xué)模式不同，這種教學(xué)模式把講授和實(shí)踐結(jié)合在一起，統(tǒng)一在機(jī)房授課，如圖1所示。教師講授時(shí)主要講解復(fù)雜的操作和深層次的制作技巧，對(duì)于簡(jiǎn)單的操作、簡(jiǎn)單的制作方法大略講一下就可以，此為“精講”。上課時(shí)教師先通過(guò)機(jī)房的同步授課軟件講一塊知識(shí)點(diǎn)，然后學(xué)生立即練習(xí)，練完后教師再講下一塊知識(shí)點(diǎn)，講完之后學(xué)生再練，反復(fù)循環(huán)，循循善誘，使教師講授和學(xué)生實(shí)踐之間沒(méi)有時(shí)間間隔，此為“熱練”。精講熱練、趁熱打鐵，從而化復(fù)雜為簡(jiǎn)單，變被動(dòng)為主動(dòng)，使學(xué)生在教師的引導(dǎo)下逐步深入學(xué)習(xí)網(wǎng)頁(yè)制作知識(shí)，掌握深層次的網(wǎng)頁(yè)制作技巧。
這種模式的特點(diǎn)是以教師為中心，以學(xué)生為主體，把教師講授和學(xué)生練習(xí)緊密結(jié)合在一起，變學(xué)生被動(dòng)聽(tīng)講為學(xué)生主動(dòng)參與，創(chuàng)建交互式協(xié)作學(xué)習(xí)環(huán)境，加強(qiáng)師生交流和學(xué)習(xí)[5]，使學(xué)生在教師的引導(dǎo)下成為課堂的主人，從而有效提高教學(xué)質(zhì)量。
圖1 “精講熱練”教學(xué)模式與傳統(tǒng)教學(xué)模式對(duì)比圖
3.3 “精講熱練”教學(xué)模式的優(yōu)點(diǎn)
“精講熱練”的教學(xué)模式具有以下幾個(gè)優(yōu)點(diǎn)：
1）“精講熱練”的教學(xué)模式克服了《網(wǎng)頁(yè)制作》課程易于掌握，難于精通的困難，集中有限的課堂時(shí)間用于深層次網(wǎng)頁(yè)制作技術(shù)的教學(xué)，能有效提高教學(xué)質(zhì)量，使學(xué)生的制作水平和制作技巧達(dá)到較高的高度。
2）“精講熱練”的教學(xué)模式使教師講授和學(xué)生練習(xí)相結(jié)合，能夠充分營(yíng)造學(xué)生積極參與的學(xué)習(xí)氛圍，有效活躍課堂氣氛，增進(jìn)學(xué)生和教師之間的交流[6]，讓學(xué)生在教師的引導(dǎo)下快速掌握網(wǎng)頁(yè)制作技術(shù)。
3）“精講熱練”的教學(xué)模式由于把傳統(tǒng)的多媒體講授轉(zhuǎn)變?yōu)榱藱C(jī)房講授，不僅增強(qiáng)了對(duì)學(xué)生的視覺(jué)沖擊，而且學(xué)生可以及時(shí)動(dòng)手實(shí)踐操作，便于和任務(wù)驅(qū)動(dòng)教學(xué)[7]、項(xiàng)目化教學(xué)[8]、案例教學(xué)[9]、層次化教學(xué)[10]等教學(xué)方法相結(jié)合，形成立體化教學(xué)體系[11]。
3.4 “精講熱練”教學(xué)模式的教學(xué)效果
筆者在自己所在學(xué)校同一年級(jí)計(jì)算機(jī)專業(yè)的兩個(gè)班進(jìn)行了對(duì)比教學(xué)實(shí)驗(yàn)，一個(gè)班采用傳統(tǒng)教學(xué)模式，另一個(gè)班采用“精講熱練”教學(xué)模式，課堂教學(xué)效果對(duì)比如表1所示。從表中可以看出，“精講熱練”教學(xué)模式的課堂教學(xué)效果明顯優(yōu)于傳統(tǒng)模式。
期末進(jìn)行了總評(píng)成績(jī)核定，總評(píng)成績(jī)由平時(shí)成績(jī)、實(shí)踐作品成績(jī)和期末考試成績(jī)?nèi)糠纸M成，其中平時(shí)成績(jī)占10%，實(shí)踐作品成績(jī)占40%，期末考試成績(jī)占50%，總評(píng)成績(jī)對(duì)比如圖2所示。從圖中可以看到，“精講熱練”教學(xué)模式的總評(píng)成績(jī)也明顯優(yōu)于傳統(tǒng)模式。
表1 課堂教學(xué)效果對(duì)比表
[教學(xué)模式＼&課堂氣氛＼&互動(dòng)性＼&學(xué)生興趣＼&逃課人數(shù)＼&傳統(tǒng)模式＼&一般＼&弱＼&低＼&較少＼&“精講熱練”模式＼&活躍＼&強(qiáng)＼&高＼&極少＼&]
圖2 總評(píng)成績(jī)對(duì)比圖
4 總結(jié)
“精講熱練”的教學(xué)模式可以有效克服《網(wǎng)頁(yè)制作》課程易于掌握，難于精通的困難，帶動(dòng)課堂氣氛，提高學(xué)生參與學(xué)習(xí)的主動(dòng)性，幫助學(xué)生掌握深層次的操作方法和制作技巧，能夠有效提高《網(wǎng)頁(yè)制作》課程的教學(xué)水平。該模式也可以推廣到其他計(jì)算機(jī)操作設(shè)計(jì)類課程，在課堂教學(xué)上起到示范帶動(dòng)作用，改善計(jì)算機(jī)教學(xué)的教學(xué)氛圍和教學(xué)效果，慧及更多教師及學(xué)生。
參考文獻(xiàn)：
[1] 劉述，杜世友. 就業(yè)導(dǎo)向的網(wǎng)頁(yè)制作課程設(shè)計(jì)及其成效[J]. 中國(guó)電化教育， 2009（11）.
[2] 劉銘. 高職《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)模式設(shè)計(jì)[J]. 職教論壇， 2010（35）.
[3] 張輝. 網(wǎng)頁(yè)制作類課程的教學(xué)改革與實(shí)踐――"先整體、后切分、再拼合"的新型教學(xué)法[J]. 佳木斯教育學(xué)院學(xué)報(bào)， 2010（5）.
[4] 黃宇建. 任務(wù)教學(xué)法在網(wǎng)頁(yè)制作教學(xué)中的實(shí)施過(guò)程和優(yōu)勢(shì)[J]. 中國(guó)信息技術(shù)教育， 2014（14）.
[5] 劉楠. 網(wǎng)頁(yè)制作在教學(xué)中的設(shè)計(jì)應(yīng)用[J]. 黑龍江教育學(xué)院學(xué)報(bào)， 2010，29（9）.
[6] 張洪星，褚建立. 高職高專《網(wǎng)頁(yè)設(shè)計(jì)》課程考核方式的研究與探索[J]. 教育與職業(yè)， 2007（2）. （下轉(zhuǎn)第179頁(yè)）
（上接第177頁(yè)）
[7] 薛巧梅. 任務(wù)驅(qū)動(dòng)教學(xué)法在網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)中的應(yīng)用[J]. 武漢船舶職業(yè)技術(shù)學(xué)院學(xué)報(bào)， 2013（5）.
[8] 鄭丹青. 項(xiàng)目教學(xué)法在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程中的教學(xué)應(yīng)用[J]. 中央民族大學(xué)學(xué)報(bào)（自然科學(xué)版）， 2014，23（2）.
篇4
【文章編號(hào)】0450-9889（2015）03B-0121-02
網(wǎng)頁(yè)制作與設(shè)計(jì)課程是學(xué)生進(jìn)入軟件工作室學(xué)習(xí)的前導(dǎo)課程。為了讓中職學(xué)生更好地學(xué)習(xí)，廣西梧州商貿(mào)學(xué)校以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)，將網(wǎng)頁(yè)制作與設(shè)計(jì)課程中的職業(yè)能力培養(yǎng)作為培養(yǎng)的主線，將典型工作融入課程，解決了學(xué)生就業(yè)層次低、就業(yè)難度大等問(wèn)題，鼓勵(lì)學(xué)生的創(chuàng)業(yè)熱情，提高了學(xué)生的實(shí)踐能力，為中職的創(chuàng)新教學(xué)提供了源源不斷的改革動(dòng)力。
一、當(dāng)前網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)活動(dòng)中存在的問(wèn)題
（一）中職生學(xué)習(xí)存在的問(wèn)題。當(dāng)前，中職大規(guī)模擴(kuò)招，使得中職生生源總體質(zhì)量下降，素質(zhì)參差不齊，學(xué)習(xí)質(zhì)量呈現(xiàn)下降趨勢(shì)。中職生學(xué)習(xí)存在的問(wèn)題主要體現(xiàn)在以下兩方面：
第一，學(xué)習(xí)積極性差。在上理論課時(shí)，一些學(xué)生不愿聽(tīng)枯燥的理論知識(shí)，不愿做教師布置的上機(jī)作業(yè)，而是玩游戲、玩手機(jī)，導(dǎo)致對(duì)專業(yè)知識(shí)的掌握不牢，不能有效地將專業(yè)知識(shí)遷移到實(shí)際工作崗位中。
第二，動(dòng)手能力差。在上實(shí)踐課時(shí)，一些學(xué)生面對(duì)給出具體操作步驟的任務(wù)不屑動(dòng)手，認(rèn)為過(guò)于簡(jiǎn)單，而對(duì)于沒(méi)有給出操作步驟的任務(wù)又覺(jué)得太難而手足無(wú)措，高不成低不就的現(xiàn)象普遍，導(dǎo)致無(wú)法構(gòu)建屬于自己的知識(shí)體系，到了實(shí)際工作崗位上便無(wú)所適從，無(wú)法將所學(xué)的知識(shí)與實(shí)際聯(lián)系起來(lái)，不具備解決問(wèn)題的能力。
（二）教師教學(xué)存在的問(wèn)題。電子商務(wù)和計(jì)算機(jī)應(yīng)用專業(yè)的網(wǎng)頁(yè)制作與設(shè)計(jì)是實(shí)踐性很強(qiáng)的學(xué)科，目前主要有傳統(tǒng)教學(xué)與校外頂崗實(shí)習(xí)兩種教學(xué)方式，教師教學(xué)中存在的問(wèn)題可從這兩方面進(jìn)行分析。
第一，傳統(tǒng)教學(xué)存在的問(wèn)題。一是教學(xué)內(nèi)容落后，不適應(yīng)社會(huì)應(yīng)用實(shí)際的變化。當(dāng)前全國(guó)各地相繼開(kāi)展了網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)內(nèi)容的改革，但是在實(shí)際教學(xué)中，中職教師的教學(xué)思維并沒(méi)有適應(yīng)社會(huì)應(yīng)用的變化，教學(xué)內(nèi)容遠(yuǎn)遠(yuǎn)滯后于當(dāng)前應(yīng)用要求。網(wǎng)頁(yè)設(shè)計(jì)中要求美化、策劃，還有后期運(yùn)營(yíng)中可維護(hù)，這就需要教師不斷融合網(wǎng)站的運(yùn)營(yíng)推廣、優(yōu)化、美化、營(yíng)銷策劃等方面的知識(shí)與實(shí)際應(yīng)用技能；在網(wǎng)頁(yè)制作與設(shè)計(jì)過(guò)程中，融合管理以及市場(chǎng)的創(chuàng)新，從而培養(yǎng)復(fù)合型服務(wù)人才。二是教學(xué)方法存在單一性。中職教育具有實(shí)踐性的特征，但是當(dāng)前網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)缺乏職業(yè)教育的特征，忽略了職業(yè)情境的創(chuàng)建，學(xué)生在實(shí)施、設(shè)計(jì)、計(jì)劃、分析中不能得到教師對(duì)疑惑的解答。在多種教學(xué)方式下，要實(shí)現(xiàn)教學(xué)效果快速提高，需要從思想上實(shí)現(xiàn)根本轉(zhuǎn)變，運(yùn)用這些先進(jìn)的教學(xué)方式，結(jié)合當(dāng)前高科技、高速度、超大信息、多元化的時(shí)代特點(diǎn)，不斷進(jìn)行課程教學(xué)改革，改變單一化教學(xué)方式。三是考評(píng)方式不夠開(kāi)放，而是形式化地完成。學(xué)生的考評(píng)主要涉及日常的教學(xué)考勤和完成網(wǎng)站的結(jié)果，不能顯示出學(xué)生學(xué)習(xí)效果的提高。在這種封閉的考評(píng)方式中，學(xué)生改進(jìn)的方法、存在的問(wèn)題不能在教師和學(xué)生之間形成互動(dòng)，降低了學(xué)習(xí)的效果。
第二，校外頂崗實(shí)習(xí)存在的問(wèn)題。在頂崗實(shí)習(xí)中，一方面，學(xué)生真正上手操作的機(jī)會(huì)比較少，加之愿意接受學(xué)生實(shí)習(xí)的企業(yè)不多，并且由于大部分學(xué)生分散在不同企業(yè)，因而管理和考核難度加大；另一方面，學(xué)校與實(shí)習(xí)企業(yè)溝通不夠，合作力度不深入，也不夠合理，尚未形成學(xué)生、企業(yè)、學(xué)校三者共贏的局面。
二、電子商務(wù)創(chuàng)業(yè)園的教學(xué)模式
以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)推動(dòng)網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)改進(jìn)是一種嘗試。該教學(xué)模式以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)，采用項(xiàng)目輔導(dǎo)、專題討論、技術(shù)講座等形式，促進(jìn)學(xué)生在真刀真槍的項(xiàng)目開(kāi)發(fā)中學(xué)習(xí)相關(guān)知識(shí)，從而提高學(xué)生的職業(yè)能力。“以職業(yè)活動(dòng)的工作過(guò)程”是從“以知識(shí)的邏輯線索為依據(jù)”轉(zhuǎn)變而來(lái)的，并且學(xué)習(xí)的資料基本上是實(shí)際工作流程和職業(yè)崗位活動(dòng)，以此來(lái)安排課程順序和內(nèi)容。
具體來(lái)說(shuō)，以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)推動(dòng)網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)改進(jìn)是將電子商務(wù)創(chuàng)業(yè)園平臺(tái)中的企業(yè)項(xiàng)目作為實(shí)例，教師結(jié)合項(xiàng)目流程化進(jìn)行重點(diǎn)模塊教學(xué)，學(xué)生在教師的引導(dǎo)下開(kāi)展實(shí)踐性學(xué)習(xí)。為了將完成項(xiàng)目任務(wù)作為實(shí)際教學(xué)活動(dòng)的中心，需要遵守“項(xiàng)目導(dǎo)入、任務(wù)驅(qū)動(dòng)”的教學(xué)法，教師對(duì)學(xué)生進(jìn)行啟發(fā)、引導(dǎo)，讓學(xué)生通過(guò)參與項(xiàng)目任務(wù)的網(wǎng)頁(yè)制作與設(shè)計(jì)，親自體驗(yàn)網(wǎng)站的開(kāi)發(fā)、維護(hù)、管理這一完整流程，并在學(xué)習(xí)中激發(fā)自主學(xué)習(xí)的動(dòng)力，不斷提出問(wèn)題，同時(shí)發(fā)現(xiàn)新問(wèn)題，從而改變傳統(tǒng)教學(xué)模式中教師和學(xué)生的角色，實(shí)現(xiàn)以學(xué)生為中心的教學(xué)。
三、以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)推動(dòng)網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)改進(jìn)
首先，以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)推動(dòng)網(wǎng)頁(yè)制作與設(shè)計(jì)課程的教學(xué)改進(jìn)中，主要以“項(xiàng)目導(dǎo)入、任務(wù)驅(qū)動(dòng)”教學(xué)法為研究方法。因?yàn)橐噪娮由虅?wù)創(chuàng)業(yè)園為平臺(tái)推動(dòng)網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)改進(jìn)的模式是一種新型的教學(xué)模式，還沒(méi)有現(xiàn)成的案例，需要我們?cè)趯?shí)際工作中研究與實(shí)踐才可能推廣。其次，中職教育的教學(xué)管理中，應(yīng)注意分層管理，注重個(gè)性差異和個(gè)別教育，加強(qiáng)學(xué)生間的凝聚力，提高學(xué)生學(xué)習(xí)的積極性。落實(shí)“總項(xiàng)目―子項(xiàng)目”模式的分層管理，一方面讓項(xiàng)目組成員分頭開(kāi)展研究，另一方面由項(xiàng)目負(fù)責(zé)人進(jìn)行總協(xié)調(diào)。同時(shí)，項(xiàng)目將成立例會(huì)制度，目的是強(qiáng)化制度體制，規(guī)范行政管理，提高工作效率。最終在校企合作的推動(dòng)下，一起展開(kāi)項(xiàng)目研究。
教學(xué)改進(jìn)方案具體如下：
（一）確定項(xiàng)目組人員和教學(xué)改進(jìn)方案。首先，確定教學(xué)改進(jìn)方案的依據(jù)。一方面要在網(wǎng)頁(yè)制作與設(shè)計(jì)課程投入人力和財(cái)力的基礎(chǔ)上，對(duì)編制問(wèn)卷調(diào)查中的通用步驟進(jìn)行參考，還要對(duì)研究成果以及檢索資料進(jìn)行借鑒，從而得到網(wǎng)頁(yè)制作與設(shè)計(jì)課程中的崗位及能力方面的要求的基礎(chǔ)數(shù)據(jù)。其次，教學(xué)改進(jìn)方案的設(shè)計(jì)要設(shè)立審批、經(jīng)費(fèi)投入等管理制度，將設(shè)立審批下放到電子商務(wù)創(chuàng)業(yè)園中，明確學(xué)校分類管理，加大對(duì)在電子商務(wù)創(chuàng)業(yè)園形成過(guò)程中出現(xiàn)的違法行為的打擊力度，對(duì)責(zé)任人嚴(yán)肅追究責(zé)任。再次，在教育制度改革的同時(shí)，要深化課程教學(xué)改革，實(shí)施德育綜合改革，構(gòu)建網(wǎng)頁(yè)制作與設(shè)計(jì)課程的德育課程體系，把德育目標(biāo)融入學(xué)科的課程中，實(shí)現(xiàn)全科育人，并深入開(kāi)展法治教育，強(qiáng)化知識(shí)課程教學(xué)。然后組織相關(guān)教師研討，編寫(xiě)講義，確定教材，落實(shí)與課程培養(yǎng)中的各種能力相關(guān)的設(shè)備以及資金。最后，在學(xué)生綜合素質(zhì)評(píng)價(jià)中，要明確以學(xué)生品德養(yǎng)成、身心健康、學(xué)習(xí)能力為主要評(píng)價(jià)內(nèi)容，堅(jiān)持常態(tài)化實(shí)施，如實(shí)記錄學(xué)生在創(chuàng)業(yè)成長(zhǎng)過(guò)程中的突出表現(xiàn)，并以事實(shí)材料為佐證，切實(shí)做到有據(jù)可查。同時(shí)加強(qiáng)公開(kāi)公示工作，用于招生使用的活動(dòng)記錄和事實(shí)材料必須進(jìn)行公示，相關(guān)負(fù)責(zé)人須審核簽字。
（二）開(kāi)展實(shí)地考察并簽訂企業(yè)開(kāi)發(fā)合同。對(duì)電子商務(wù)創(chuàng)業(yè)園合作的企業(yè)如廣東中山市藍(lán)狐品牌策劃有限公司進(jìn)行實(shí)地考察，根據(jù)考察情況形成初步的教學(xué)改進(jìn)方案，并組織專家論證，與企業(yè)簽訂開(kāi)發(fā)合同。企業(yè)和學(xué)校要在專業(yè)設(shè)置、師資隊(duì)伍建設(shè)、實(shí)踐教學(xué)、實(shí)訓(xùn)基地建設(shè)以及現(xiàn)代職業(yè)教育體系構(gòu)建等方面形成良好的合作基礎(chǔ)，開(kāi)展針對(duì)性的對(duì)口共建活動(dòng)，使學(xué)校在專業(yè)建設(shè)、師資素質(zhì)和實(shí)踐教學(xué)水平等方面得到提升。企業(yè)和學(xué)校協(xié)調(diào)配合、各司其職，以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)制作與設(shè)計(jì)課程的帶動(dòng)作用。
（三）教學(xué)改進(jìn)的實(shí)施。開(kāi)展以“項(xiàng)目導(dǎo)入、任務(wù)驅(qū)動(dòng)”教學(xué)法的網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)改進(jìn)的同時(shí)組織開(kāi)展優(yōu)秀作品展評(píng)比競(jìng)賽活動(dòng)，進(jìn)一步加強(qiáng)學(xué)生技能的培養(yǎng)和全面提高學(xué)生的綜合素質(zhì)。鼓勵(lì)學(xué)生參與電子商務(wù)創(chuàng)業(yè)園平臺(tái)相關(guān)的活動(dòng)，鼓勵(lì)學(xué)生建立、開(kāi)發(fā)工作室，可由教師牽頭，組織學(xué)生參與，引入企業(yè)項(xiàng)目。在企業(yè)項(xiàng)目實(shí)施的過(guò)程中，學(xué)生可以了解、熟悉整個(gè)工藝流程、不同知識(shí)的用途以及操作過(guò)程中的注意事項(xiàng)。校企聯(lián)合實(shí)踐教學(xué)，讓學(xué)生將理論和實(shí)踐進(jìn)行對(duì)接，使學(xué)生對(duì)所學(xué)專業(yè)有更深層次的認(rèn)識(shí)，更加明白課堂教學(xué)的意義，激發(fā)學(xué)生學(xué)習(xí)專業(yè)的熱情，這對(duì)于學(xué)科建設(shè)和學(xué)科發(fā)展具有積極的推動(dòng)意義；同時(shí)，引導(dǎo)學(xué)生樹(shù)立“學(xué)會(huì)認(rèn)知，學(xué)會(huì)做事，學(xué)會(huì)共同生活，學(xué)會(huì)生存”的意識(shí)，使學(xué)生在創(chuàng)業(yè)時(shí)“走得出”，“站得住”，“干得好”。除此之外，在教學(xué)改進(jìn)實(shí)施過(guò)程中，還應(yīng)注意維護(hù)學(xué)生的權(quán)益。校企合作中涉及的實(shí)習(xí)生人數(shù)多，學(xué)生容易被企業(yè)當(dāng)作“廉價(jià)勞動(dòng)力”使用。保障政策的重點(diǎn)包括企事業(yè)單位不得向?qū)嵙?xí)生收取實(shí)習(xí)費(fèi)；不得安排實(shí)習(xí)生從事與所學(xué)專業(yè)無(wú)關(guān)的實(shí)習(xí)崗位；學(xué)生頂崗實(shí)習(xí)給企業(yè)帶來(lái)效益的，企業(yè)應(yīng)向?qū)W生發(fā)放實(shí)習(xí)津貼。
（四）完善項(xiàng)目。依照項(xiàng)目開(kāi)發(fā)結(jié)果來(lái)完善教學(xué)改進(jìn)方案，主要是硬件設(shè)施，從而逐步建立電子商務(wù)創(chuàng)業(yè)園平臺(tái)帶動(dòng)下的網(wǎng)頁(yè)制作與設(shè)計(jì)課程規(guī)律性體系，形成網(wǎng)頁(yè)制作與設(shè)計(jì)課程的能力考核評(píng)價(jià)標(biāo)準(zhǔn)。按“理論教學(xué)項(xiàng)目化，實(shí)訓(xùn)環(huán)境真實(shí)化，素質(zhì)培養(yǎng)職業(yè)化”的要求，開(kāi)展實(shí)訓(xùn)基地建設(shè)。在基于工作過(guò)程的行動(dòng)導(dǎo)向教學(xué)理論的指導(dǎo)下，以真實(shí)的網(wǎng)頁(yè)制作與設(shè)計(jì)為藍(lán)本，在企業(yè)項(xiàng)目實(shí)施中，建成比較完善的“做中學(xué)、學(xué)中做”教學(xué)場(chǎng)所。同時(shí)，對(duì)實(shí)訓(xùn)基地的功能進(jìn)行綜合論證，對(duì)原有的師資及企業(yè)職工培訓(xùn)、技能競(jìng)賽和教產(chǎn)研發(fā)服務(wù)三種功能的不足進(jìn)行重點(diǎn)建設(shè)，主要針對(duì)軟硬件投入建設(shè)。在項(xiàng)目完善過(guò)程中，按不同層次拆分工作內(nèi)容，開(kāi)發(fā)產(chǎn)教項(xiàng)目，以適合不同年級(jí)的教學(xué)；教師的教學(xué)以生產(chǎn)為主線，生產(chǎn)活動(dòng)為載體，理論與實(shí)訓(xùn)一體。學(xué)生通過(guò)參與項(xiàng)目的活動(dòng)，學(xué)做融合，實(shí)現(xiàn)工與學(xué)的對(duì)接，創(chuàng)新校企合作的模式，使得調(diào)整后的項(xiàng)目、人才規(guī)格和專業(yè)素質(zhì)貼近行業(yè)、企業(yè)的現(xiàn)實(shí)要求。
總之，以電子商務(wù)創(chuàng)業(yè)園為平臺(tái)推動(dòng)網(wǎng)頁(yè)制作與設(shè)計(jì)課程教學(xué)改進(jìn)，始終將學(xué)生作為學(xué)習(xí)的主體，通過(guò)案例教學(xué)、任務(wù)驅(qū)動(dòng)、項(xiàng)目教學(xué)法、小組合作與協(xié)作等方法開(kāi)展教學(xué)活動(dòng)，這對(duì)提高學(xué)生主動(dòng)學(xué)習(xí)和解決問(wèn)題的能力，提升學(xué)生的崗位職業(yè)技能，以及提升教師團(tuán)隊(duì)的教學(xué)水平具有重要的意義。
【參考文獻(xiàn)】
[1]王敏.南通市職業(yè)學(xué)校首批“學(xué)生創(chuàng)業(yè)園”頒牌儀式暨南通中專創(chuàng)業(yè)教育推進(jìn)會(huì)隆重舉行[J].江蘇科技信息：科技創(chuàng)業(yè)，2012（2）
[2]陳小燕，謝強(qiáng)，丁秋林.淺談項(xiàng)目式教學(xué)在《網(wǎng)頁(yè)設(shè)計(jì)與制作》中的應(yīng)用[J].電腦學(xué)習(xí)，2010（1）
[3]彭學(xué)軍.以創(chuàng)業(yè)為導(dǎo)向的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)[J].職教論壇，2010（23）
篇5
在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁(yè)設(shè)計(jì)與制作已成為當(dāng)今社會(huì)上一種比較熱門的技術(shù)，也是“計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、國(guó)際貿(mào)易、國(guó)際商務(wù)專業(yè)”等專業(yè)學(xué)生的必修課，同時(shí)，也是相關(guān)專業(yè)學(xué)生的選修課[1]。
一、《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程現(xiàn)狀與問(wèn)題
對(duì)于以往的教學(xué)方式與內(nèi)容，其相對(duì)落后的表現(xiàn)為：以簡(jiǎn)單分析為主線，系統(tǒng)的概念化設(shè)計(jì)思想較弱；以文字教材與課堂講述的方式傳授知識(shí)為主導(dǎo)；過(guò)于重視軟件的操作，幾乎沒(méi)有創(chuàng)新設(shè)計(jì)的內(nèi)容，忽視培養(yǎng)學(xué)生創(chuàng)造性思維；新理論、新技術(shù)相對(duì)偏少；與實(shí)際案例的聯(lián)系不密切、沒(méi)有反映現(xiàn)實(shí)技術(shù)的發(fā)展水平。
二、《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的對(duì)策
（一）教法的改革
“教師一張嘴、學(xué)生一支筆”的傳統(tǒng)“填鴨式”教學(xué)模式，是培養(yǎng)不出掌握熟練技能技巧面向市場(chǎng)的網(wǎng)頁(yè)制作人才的。為此，我們必須在教師的教法上改革傳統(tǒng)的教學(xué)模式。
1.注重培養(yǎng)學(xué)生的新思維
教學(xué)改革的關(guān)鍵是教師，要把如何培養(yǎng)具有創(chuàng)新能力的網(wǎng)頁(yè)制作人才放在第一位。有了創(chuàng)新意識(shí)，就能抓住創(chuàng)新機(jī)會(huì)，產(chǎn)生創(chuàng)新方法，啟動(dòng)創(chuàng)新思維。通過(guò)改革，帶動(dòng)和影響學(xué)生去創(chuàng)造、去想象、去獨(dú)立思考。培養(yǎng)學(xué)生的創(chuàng)新思維，可以改變學(xué)生依賴?yán)蠋煹牧?xí)慣，也可以改變計(jì)算機(jī)教學(xué)傳統(tǒng)的填鴨式、灌輸式的教學(xué)方法。代之以自學(xué)指導(dǎo)法、嘗試教學(xué)法、提問(wèn)驗(yàn)證法等。教學(xué)方法創(chuàng)新，可使學(xué)生具有獲取新知識(shí)的能力，為他們?cè)诮窈蠊ぷ髦胁粩鄤?chuàng)新打下基礎(chǔ)。
2.使學(xué)生從課本中解放出來(lái)動(dòng)手實(shí)踐
傳統(tǒng)教學(xué)方式學(xué)生取得知識(shí)的途徑主要是教師的課堂講授和教科書(shū)。筆者認(rèn)為，教師應(yīng)該讓學(xué)生從書(shū)本和課堂中適度解放出來(lái)，要求學(xué)生積極參加實(shí)踐，接觸實(shí)際問(wèn)題，在經(jīng)歷實(shí)踐的同時(shí)和解決問(wèn)題中獲取知識(shí)。教師對(duì)每一門計(jì)算機(jī)課都給學(xué)生布置實(shí)踐課題，作業(yè)考核測(cè)試盡量在電腦上進(jìn)行，實(shí)行“無(wú)紙化”，使理論和實(shí)踐教學(xué)有機(jī)地統(tǒng)一。
3.鼓勵(lì)并組織學(xué)生校外實(shí)習(xí)
為了讓學(xué)生能更好的適應(yīng)社會(huì)需求，在充分發(fā)揮本校人力資源的基礎(chǔ)上，與一些IT公司聯(lián)合，鼓勵(lì)并組織一些學(xué)生去公司實(shí)習(xí)，讓學(xué)生有機(jī)會(huì)參與實(shí)際項(xiàng)目的開(kāi)發(fā)和管理，提高實(shí)際應(yīng)用水平。同時(shí)，也可以聘請(qǐng)公司專門從事網(wǎng)頁(yè)制作的人員來(lái)校授課，讓學(xué)生能及時(shí)了解學(xué)科前沿應(yīng)用信息并掌提高新技術(shù)，盡力讓學(xué)生的認(rèn)知內(nèi)容始終與世界資訊保持一致。
（二）學(xué)法的改革
1.引導(dǎo)學(xué)生轉(zhuǎn)變思想
學(xué)生從高中升人高職，大部分學(xué)生已經(jīng)習(xí)慣中學(xué)教師的教法。簡(jiǎn)單的說(shuō)就是，學(xué)生只會(huì)學(xué)習(xí)老師教的內(nèi)容，不會(huì)太多想和學(xué)課外的一些知識(shí)點(diǎn)。但是，現(xiàn)在不同了，首先要從思想上給學(xué)生敲一下警鐘，讓他們知道，高校不同于中學(xué)，高校的學(xué)習(xí)和學(xué)法主要靠個(gè)人，網(wǎng)頁(yè)制作的知識(shí)無(wú)邊無(wú)際，需要學(xué)生自己去好好學(xué)習(xí)，自己去鉆研。因此，老師應(yīng)該更多的提醒學(xué)生平時(shí)獨(dú)立思考問(wèn)題、獨(dú)立看書(shū)、獨(dú)立去實(shí)踐，逐步轉(zhuǎn)變學(xué)生的慣性思維。
2.引導(dǎo)學(xué)生理論與實(shí)際相結(jié)合
我們注意引導(dǎo)學(xué)生從課本中解放出來(lái)，但是也不能完全的脫離課本。尤其是網(wǎng)頁(yè)制作科目的實(shí)踐性很強(qiáng)，所以一定要注意提醒學(xué)生不能忘掉課本的這個(gè)“本”，注意理論與實(shí)踐相結(jié)合，只有通過(guò)在實(shí)踐中來(lái)發(fā)現(xiàn)問(wèn)題，同時(shí)又從課本中獲取知識(shí)，才能達(dá)到理論與實(shí)踐相結(jié)合，才能增長(zhǎng)知識(shí)，才能取得更大的進(jìn)步。
3.引導(dǎo)學(xué)生利用好網(wǎng)絡(luò)資源
隨著學(xué)校網(wǎng)絡(luò)環(huán)境的進(jìn)一步改善，學(xué)生上網(wǎng)的機(jī)會(huì)也隨之增多。網(wǎng)絡(luò)資源為我們的教學(xué)提供了一個(gè)很好的學(xué)習(xí)資源，但需要教師的有效規(guī)范和引導(dǎo)。網(wǎng)上關(guān)于網(wǎng)頁(yè)制作的相關(guān)網(wǎng)站很多，有一些做網(wǎng)頁(yè)的相關(guān)技巧等著學(xué)生去學(xué)。通過(guò)學(xué)生對(duì)網(wǎng)絡(luò)資源的利用，既能大大的補(bǔ)充學(xué)生做網(wǎng)頁(yè)知識(shí)的全面性，又能很好的激發(fā)學(xué)生學(xué)習(xí)的積極性。
4.引導(dǎo)學(xué)生建立學(xué)習(xí)小組
在教學(xué)的過(guò)程中，我們可以將學(xué)生每4—6人來(lái)建立一個(gè)學(xué)習(xí)小組，小組成員之間相互協(xié)作，相互幫助，來(lái)共同解決問(wèn)題。同時(shí)可以讓小組中尖子生充當(dāng)小老師來(lái)指導(dǎo)其他成員，從而達(dá)到共同學(xué)習(xí)進(jìn)步的效果。學(xué)習(xí)小組的建立，初步培養(yǎng)同學(xué)們合作交流的愿望，使他們能主動(dòng)與他人合作，敢于提出與別人不同的見(jiàn)解，也勇于放棄或修正自己的錯(cuò)誤觀點(diǎn)。通過(guò)學(xué)生的共同探索，可以培養(yǎng)同學(xué)之間相互合作、共同探索的團(tuán)隊(duì)精神，也可以提高學(xué)習(xí)效率。
（三）成績(jī)考核方法的改革
網(wǎng)頁(yè)制作操作性很強(qiáng)，實(shí)踐內(nèi)容多，而理論知識(shí)少，一個(gè)學(xué)生學(xué)得好不好，關(guān)鍵看學(xué)生的動(dòng)手能力怎么樣。對(duì)學(xué)生成績(jī)的考核也是網(wǎng)頁(yè)制作教師長(zhǎng)期探索的課題。
1.小的知識(shí)點(diǎn)，平時(shí)隨堂考查
在時(shí)間允許的情況下對(duì)每個(gè)學(xué)生要逐一檢查，使學(xué)生在平時(shí)就養(yǎng)成對(duì)小知識(shí)點(diǎn)的積累。久而久之，做一個(gè)網(wǎng)站的所有知識(shí)點(diǎn)就會(huì)慢慢的積累起來(lái)。
2.提前布置一些較大的工程（如個(gè)人主頁(yè)、網(wǎng)店設(shè)計(jì)之類）
如何使學(xué)生將一些小的知識(shí)點(diǎn)組合成為一個(gè)大的或綜合的網(wǎng)站才是做網(wǎng)頁(yè)最終目的。因此，開(kāi)學(xué)初我們就可以布置個(gè)人主頁(yè)、網(wǎng)店設(shè)計(jì)的任務(wù)，要求學(xué)生做好準(zhǔn)備，到期末后一起交上來(lái)。這樣既可以即學(xué)即用，也使得學(xué)生在平時(shí)把精力真正的投入到專業(yè)技能的訓(xùn)練上。
3.上機(jī)操作
期末考試的成績(jī)不能僅僅就是上面的兩個(gè)方面的成績(jī)，還要讓學(xué)生能在規(guī)定的時(shí)間內(nèi)來(lái)完成老師所規(guī)定的一個(gè)網(wǎng)站來(lái)，學(xué)生可以自由發(fā)揮，設(shè)計(jì)想出自己獨(dú)特風(fēng)格的網(wǎng)頁(yè)，這樣對(duì)學(xué)生就會(huì)有一個(gè)很大促進(jìn)作用，有助于學(xué)生獨(dú)創(chuàng)意識(shí)的發(fā)展。
三、五步教學(xué)法
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程特點(diǎn)是：具有很強(qiáng)的操作性，并且新技術(shù)不斷涌現(xiàn)，有明顯的時(shí)展特點(diǎn)，教學(xué)內(nèi)容須同步更新；設(shè)計(jì)無(wú)定勢(shì)，故極富創(chuàng)意性、挑戰(zhàn)性，要求學(xué)生手腦并用。
基于以上特點(diǎn)，教學(xué)時(shí)可反復(fù)采用五步法訓(xùn)練，即【分析】【歸納】【模仿】【創(chuàng)新】【進(jìn)入資料庫(kù)】，逐漸提高學(xué)生層次。具體實(shí)施時(shí)采用宏觀講解與個(gè)別指導(dǎo)相結(jié)合的方法進(jìn)行。
（一）創(chuàng)設(shè)情境，提出問(wèn)題，討論分析
通過(guò)“創(chuàng)設(shè)情境，提出問(wèn)題”可以激發(fā)學(xué)生的求知欲，而且還可以培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題，探索問(wèn)題的能力。
（二）操作演示，理論講授，模仿創(chuàng)新
本課程重視實(shí)際操作，培養(yǎng)學(xué)生的動(dòng)手能力。在組織課堂教學(xué)時(shí)：首先，演示案例結(jié)果，給學(xué)生以直觀的感受，然后倒述代碼；其次，提出問(wèn)題，讓學(xué)生模仿著翻三，歸納總結(jié)；最后，留出部分時(shí)間讓學(xué)生創(chuàng)新設(shè)計(jì)。
（三）資源開(kāi)放，自主探索，評(píng)價(jià)作品
在網(wǎng)上隨時(shí)學(xué)習(xí)資源，鼓勵(lì)學(xué)生利用搜索引擎，自主學(xué)習(xí)，互評(píng)作品，總結(jié)得失，共同提高。
四、期望達(dá)到的教學(xué)效果
通過(guò)讓學(xué)生分組設(shè)計(jì)網(wǎng)店，掌握網(wǎng)絡(luò)店鋪營(yíng)銷的基本操作方法、各種信息搜集與方式的使用、網(wǎng)絡(luò)問(wèn)卷的制作與、網(wǎng)絡(luò)廣告推廣策劃、網(wǎng)絡(luò)營(yíng)銷各種策略方案等核心知識(shí)和必備技能[2]。同時(shí)獲得相應(yīng)的操作能力、學(xué)習(xí)能力、應(yīng)用能力，強(qiáng)化學(xué)生的實(shí)踐能力，100％達(dá)到課程教學(xué)的要求。
學(xué)生在掌握基本知識(shí)、能力，培養(yǎng)素質(zhì)的基礎(chǔ)上，能掌握課程中要求的職業(yè)技能和素質(zhì)，能在真實(shí)或仿真的環(huán)境中經(jīng)營(yíng)網(wǎng)絡(luò)店鋪。由于本課程設(shè)計(jì)為項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動(dòng)的工作過(guò)程系統(tǒng)化課程，每個(gè)項(xiàng)目的第一步即為明確工作任務(wù)，全體課程組教師應(yīng)充分尊重學(xué)生在教學(xué)過(guò)程的主體地位，把單向灌輸改為師生協(xié)同互動(dòng)，從引導(dǎo)學(xué)生的思維方式入手，最終由學(xué)生自主完成電子商務(wù)操作流程，達(dá)到良好的教學(xué)效果，極大地調(diào)動(dòng)學(xué)生的主動(dòng)性，使學(xué)生的學(xué)習(xí)目的進(jìn)一步明確，學(xué)習(xí)興趣明顯提高。
篇6
網(wǎng)頁(yè)設(shè)計(jì)；高職；教學(xué)內(nèi)容
隨著互聯(lián)網(wǎng)逐漸深入到經(jīng)濟(jì)生活的各個(gè)角落，涌現(xiàn)出越來(lái)越多的網(wǎng)站。相應(yīng)的，各類單位、企業(yè)等用人單位對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作人才的需求也開(kāi)始變得普遍。而《網(wǎng)頁(yè)設(shè)計(jì)與制作》也早已成為大多數(shù)高職院校普遍開(kāi)設(shè)的課程，甚至在同一所高職院校中也有相當(dāng)數(shù)量的專業(yè)開(kāi)設(shè)了這一課程，這些現(xiàn)象都反映出了社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作人才的需求。而互聯(lián)網(wǎng)的不斷發(fā)展也在推動(dòng)著社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作人才水平要求的不斷提高，也對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)提出了新的挑戰(zhàn)。
一、《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)內(nèi)容存在的問(wèn)題
1.教學(xué)內(nèi)容與實(shí)際應(yīng)用脫節(jié)。
目前，《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)內(nèi)容大致分為：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、HTML語(yǔ)言基礎(chǔ)、CSS樣式基礎(chǔ)、網(wǎng)頁(yè)文本和圖像、超鏈接、表格、框架、Div、多媒體網(wǎng)頁(yè)、模板和庫(kù)、站點(diǎn)管理維護(hù)。不同院校、不同專業(yè)在具體內(nèi)容的選擇上可能會(huì)有所差異，但大致都包括了這些內(nèi)容。首先，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，往往會(huì)以Dreamweaver這一網(wǎng)頁(yè)制作軟件的使用作為主要內(nèi)容，所有的操作都依賴于Dreamweaver，很少涉及對(duì)HTML代碼的講解，這導(dǎo)致學(xué)生無(wú)法熟練的查看、修改HTML代碼，一旦離開(kāi)了Dreamweaver，學(xué)生將無(wú)法制作、修改網(wǎng)頁(yè)。而在實(shí)際應(yīng)用中，HTML代碼是在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)無(wú)法繞過(guò)的一個(gè)知識(shí)點(diǎn)。因?yàn)樵贒reamweaver的設(shè)計(jì)視圖下操作是不能解決所有問(wèn)題的，很多網(wǎng)頁(yè)設(shè)計(jì)中出現(xiàn)的問(wèn)題只有通過(guò)查看HTML代碼才能發(fā)現(xiàn)并解決。此外，Dreamweaver也并不是計(jì)算機(jī)上的常用軟件，學(xué)生應(yīng)該具備在脫離Dreamweaver的環(huán)境中進(jìn)行簡(jiǎn)單網(wǎng)頁(yè)制作、修改的能力。其次，早期的頁(yè)面布局以表格布局為主，但隨著互聯(lián)網(wǎng)技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)的不斷發(fā)展，表格布局技術(shù)已經(jīng)不再是主流，取而代之的是Div+CSS布局，也是所謂的內(nèi)容與形式分開(kāi)的布局方式。在這種布局方式下，頁(yè)面元素的布局更加靈活、頁(yè)面代碼更加簡(jiǎn)潔。而更重要的是，采用這種布局方式的網(wǎng)站在整體風(fēng)格的管理和后期維護(hù)上更加方便、效率更高。因此，《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)內(nèi)容應(yīng)當(dāng)給予Div+CSS足夠的重視，加大其在教學(xué)內(nèi)容中的比重，以增強(qiáng)與實(shí)際應(yīng)用聯(lián)系的緊密程度。再次，隨著移動(dòng)互聯(lián)網(wǎng)的興起，通過(guò)手機(jī)等移動(dòng)終端訪問(wèn)互聯(lián)網(wǎng)的用戶數(shù)量已經(jīng)超過(guò)了傳統(tǒng)的通過(guò)PC訪問(wèn)互聯(lián)網(wǎng)的用戶數(shù)量，如何設(shè)計(jì)適合于移動(dòng)終端瀏覽的頁(yè)面，也應(yīng)該作為《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)內(nèi)容的一部分。
2.只重視“制作”忽略“設(shè)計(jì)”。
不同院校、不同專業(yè)對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的命名不盡相同，但大多帶有“設(shè)計(jì)”二字。而在實(shí)際的教學(xué)內(nèi)容安排中，卻往往沒(méi)有體現(xiàn)出“設(shè)計(jì)”的部分。網(wǎng)頁(yè)設(shè)計(jì)是一門典型的交叉課程，既有計(jì)算機(jī)科學(xué)知識(shí)，又有人文社會(huì)科學(xué)知識(shí)。網(wǎng)頁(yè)設(shè)計(jì)雖較多的依賴技術(shù)性手段，但并不代表在教學(xué)內(nèi)容的安排上就要以技術(shù)為主導(dǎo)。學(xué)習(xí)Dreamweaver也是只是為了掌握一種工具而不是最終目的，成功的網(wǎng)頁(yè)設(shè)計(jì)作品還要有美觀的布局、配色和人性化的信息導(dǎo)航。
二、確定合理的《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)內(nèi)容
1.加強(qiáng)對(duì)HTML基礎(chǔ)的教學(xué)。
雖然Dreamweaver作為主流的“所見(jiàn)即所是”編輯工具，可以讓使用者不接觸HTML代碼就能完成大部分網(wǎng)頁(yè)制作的工作，但是只有真正理解HTML語(yǔ)言，才能理解網(wǎng)頁(yè)工作的原理，才能真正深入到網(wǎng)頁(yè)設(shè)計(jì)的核心，才能學(xué)習(xí)到其他優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)作品的內(nèi)涵，為將來(lái)的能力提升鋪平道路。
2.加強(qiáng)對(duì)Div+CSS內(nèi)容的教學(xué)。
Div+CSS布局已經(jīng)是成熟的主流網(wǎng)頁(yè)布局技術(shù)，《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)應(yīng)該突出對(duì)該技術(shù)的側(cè)重，將已經(jīng)被淘汰的表格布局作為輔助。同時(shí)，對(duì)CSS的教學(xué)內(nèi)容應(yīng)該貫穿始終，因?yàn)镃SS可以說(shuō)是控制網(wǎng)頁(yè)元素表現(xiàn)形式的關(guān)鍵，掌握了CSS就能根據(jù)需要輕松的設(shè)置頁(yè)面元素的各種效果，從而為整個(gè)頁(yè)面增色。
3.增加對(duì)藝術(shù)設(shè)計(jì)的教學(xué)。
目前網(wǎng)頁(yè)設(shè)計(jì)行業(yè)內(nèi)最缺乏的是具備優(yōu)秀設(shè)計(jì)能力的高端網(wǎng)頁(yè)設(shè)計(jì)人才，而目前《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中最欠缺的就是對(duì)設(shè)計(jì)能力的培養(yǎng)，導(dǎo)致學(xué)生在學(xué)完課程后也只能進(jìn)行簡(jiǎn)單的模仿和重復(fù)，無(wú)法進(jìn)行有效的創(chuàng)新和設(shè)計(jì)。因此網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)應(yīng)該以藝術(shù)設(shè)計(jì)為出發(fā)點(diǎn)，增加對(duì)傳統(tǒng)藝術(shù)設(shè)計(jì)方面的教學(xué)內(nèi)容，如構(gòu)圖、色彩、設(shè)計(jì)思維等知識(shí)，并進(jìn)行相應(yīng)的實(shí)踐練習(xí)，以此培養(yǎng)學(xué)生基本的審美能力和在設(shè)計(jì)上的創(chuàng)新能力，這樣才能讓網(wǎng)頁(yè)制作技術(shù)服務(wù)于網(wǎng)頁(yè)設(shè)計(jì)，從而真正體現(xiàn)出“設(shè)計(jì)”，避免舍本逐末。
4.補(bǔ)充對(duì)主流技術(shù)的教學(xué)。
互聯(lián)網(wǎng)的發(fā)展日新月異，新的技術(shù)不斷涌現(xiàn)，作為《網(wǎng)頁(yè)設(shè)計(jì)與制作》的任課教師，應(yīng)該具備一定的判斷能力，將未來(lái)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)發(fā)展的新趨勢(shì)呈現(xiàn)給學(xué)生，幫助他們緊跟行業(yè)動(dòng)態(tài)，為將來(lái)就業(yè)打下良好基礎(chǔ)。
三、結(jié)束語(yǔ)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》作為一門開(kāi)設(shè)多年的課程，在教學(xué)內(nèi)容的設(shè)計(jì)上必須要關(guān)注行業(yè)的最新動(dòng)態(tài)，同時(shí)明確課程的核心內(nèi)容，才能培養(yǎng)出社會(huì)所需要的網(wǎng)頁(yè)設(shè)計(jì)人才。
作者：韋喆哲 單位：廣西經(jīng)濟(jì)管理干部學(xué)院信息管理系
篇7
網(wǎng)絡(luò)運(yùn)用越來(lái)越廣泛，熟悉網(wǎng)頁(yè)設(shè)計(jì)基本程序，掌握一點(diǎn)網(wǎng)頁(yè)制作實(shí)用技術(shù)，對(duì)提高網(wǎng)絡(luò)使用效率非常有幫助。特別是網(wǎng)頁(yè)制作中的實(shí)用技術(shù)，也是平時(shí)工作和學(xué)習(xí)的需要，熟悉其技術(shù)要領(lǐng)，能夠給我們帶來(lái)更多便利。計(jì)算機(jī)已經(jīng)進(jìn)入尋常人家，網(wǎng)絡(luò)把整個(gè)世界都聯(lián)系在一起。網(wǎng)絡(luò)研究也不再是專業(yè)技術(shù)人員的專利，普遍電腦愛(ài)好者掌握相關(guān)軟件的使用，也是極其平常的事情。網(wǎng)頁(yè)設(shè)計(jì)和制作技術(shù)普及當(dāng)然有重要意義。
1 網(wǎng)頁(yè)設(shè)計(jì)技術(shù)要領(lǐng)
網(wǎng)頁(yè)設(shè)計(jì)經(jīng)歷不同發(fā)展時(shí)期，借助的工具也在不斷更新之中。網(wǎng)頁(yè)設(shè)計(jì)技術(shù)也隨之軟件更新中不斷得到簡(jiǎn)化，如果不是特別需要，簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)早已變得很容易。
1.1 HTML語(yǔ)言
網(wǎng)頁(yè)制作要借助一定的工具才能實(shí)現(xiàn)。我們最常熟悉的網(wǎng)頁(yè)，也是大家都會(huì)制作的Windows文本網(wǎng)頁(yè)。這是借助Windows軟件工具完成的。可這還不是我們真正需要學(xué)習(xí)的網(wǎng)頁(yè)設(shè)計(jì)，隨著人們對(duì)網(wǎng)頁(yè)制作要求的不斷提高，制作動(dòng)態(tài)超級(jí)鏈接的網(wǎng)頁(yè)已經(jīng)成為人們的普遍需要。
要學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)，首先要了解HTML語(yǔ)言，因?yàn)檫@是網(wǎng)頁(yè)制作的基礎(chǔ)。HTML語(yǔ)言是專業(yè)術(shù)語(yǔ)，就是指計(jì)算機(jī)標(biāo)記語(yǔ)言，通過(guò)HTML源代碼解讀和撰寫(xiě)實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)。隨著更多實(shí)用性軟件的問(wèn)世，HTML語(yǔ)言對(duì)計(jì)算機(jī)愛(ài)好者來(lái)說(shuō)，已經(jīng)沒(méi)有那么重要了。大家關(guān)注的是網(wǎng)頁(yè)的實(shí)效性，能不能給人以視覺(jué)沖擊，制作也有更多的簡(jiǎn)單便捷的軟件可供選擇。因此，網(wǎng)頁(yè)設(shè)計(jì)制作對(duì)HTML語(yǔ)言的依賴越來(lái)越少，只有在特別需要的時(shí)候要用上HTML語(yǔ)言。了解HTML語(yǔ)言是必要的，特別是要寫(xiě)腳本語(yǔ)言程序時(shí)，HTML語(yǔ)言就不可或缺。
1.2 版面設(shè)計(jì)
網(wǎng)頁(yè)版面設(shè)計(jì)時(shí)，要對(duì)版面風(fēng)格進(jìn)行定位，對(duì)頁(yè)面文字和圖片等內(nèi)容做統(tǒng)籌考量，不僅要安排有序得當(dāng)，還要體現(xiàn)整齊美觀大方的視覺(jué)效果。版面設(shè)計(jì)其實(shí)是一種藝術(shù)，而不是一般意義的技術(shù)了。網(wǎng)頁(yè)就是制作者的思想品位素養(yǎng)的直觀表達(dá)，閱讀網(wǎng)頁(yè)就是對(duì)制作者的審視和評(píng)價(jià)。
版面設(shè)計(jì)首先要做好主頁(yè)制作工作。主頁(yè)就是人的臉面，要體現(xiàn)網(wǎng)頁(yè)內(nèi)容風(fēng)格，就要注意突出什么，要有醒目的文字和圖片，而且文字和畫(huà)面要有自己的特色，一味堆砌當(dāng)然不會(huì)有好效果。一般情況下，有特色的主頁(yè)要包含這樣幾個(gè)要素：文字、圖片、色調(diào)和排版方式。幾種要素不可或缺，還要注意相互之間的協(xié)調(diào)和搭配，和諧統(tǒng)一才能體現(xiàn)整體美。
2 網(wǎng)頁(yè)制作實(shí)用技術(shù)
網(wǎng)頁(yè)制作可以借助的軟件很多，F(xiàn)rontpage是一款比較適合初學(xué)者網(wǎng)頁(yè)制作的入門工具。Frontpage的界面和操作和Word比較相似，非常容易學(xué)習(xí)。
2.1 插入圖片
在網(wǎng)頁(yè)中插入圖片是常常要遇到的，有豐富圖片內(nèi)容可以讓網(wǎng)頁(yè)顯得豐滿生動(dòng)，其操作方法并不復(fù)雜。在制作的網(wǎng)頁(yè)中選擇適當(dāng)位置，確定插入點(diǎn)，然后在網(wǎng)頁(yè)上部點(diǎn)擊菜單“插入”選擇“圖片”，再點(diǎn)擊“來(lái)自文件”，進(jìn)入對(duì)話框，查找需要插入的圖片位置，最后點(diǎn)擊插入按鈕就可以完成圖片插入。
如果圖片格式不是GIF或者JPEG也不要緊，在網(wǎng)頁(yè)保存時(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)頁(yè)中右鍵點(diǎn)擊圖片，在“圖片屬性”中選擇“外觀”，然后是“環(huán)繞樣式”，找到文本圖形周圍流動(dòng)方式，在“布局”中選擇“圖片對(duì)齊方式”，根據(jù)需要進(jìn)行詳細(xì)設(shè)置。
2.2 添加動(dòng)畫(huà)
網(wǎng)頁(yè)添加動(dòng)畫(huà)文件可以讓網(wǎng)頁(yè)動(dòng)態(tài)十足，給人帶來(lái)不一樣的活力感覺(jué)。與圖片相比，動(dòng)畫(huà)需要有多幅圖片構(gòu)成。首先要準(zhǔn)備好動(dòng)畫(huà)文件，動(dòng)畫(huà)文件可以網(wǎng)絡(luò)下載，也可以自己制作。添加動(dòng)畫(huà)和圖片插入基本相同。打開(kāi)網(wǎng)頁(yè)，確定動(dòng)畫(huà)插入位置，點(diǎn)擊“插入”選擇“圖片”，在對(duì)話框中選擇“從計(jì)算機(jī)上選擇一個(gè)文件”，找到動(dòng)畫(huà)源文件點(diǎn)擊“確定”，動(dòng)畫(huà)就插入到網(wǎng)頁(yè)當(dāng)前位置。
如果要插入用Flash技術(shù)制作的動(dòng)畫(huà)，操作就要復(fù)雜一些。首先要在Flash中生成動(dòng)畫(huà)文件moon.Swf，然后啟動(dòng)Frontpage，先建立一個(gè)新網(wǎng)頁(yè)文件，點(diǎn)擊“插入”選擇“高級(jí)”到“插件”，這時(shí)會(huì)出現(xiàn)“插件屬性”對(duì)話框，選擇“瀏覽”找到moon.Swf源文件，確定之后回到“插件屬性”找到“數(shù)據(jù)源”，并將其中的文件途徑刪掉，只保留文件名moon.Swf。確定之后還要選擇“文件”到“保存”，將動(dòng)畫(huà)文件moon.Swf保存。
2.3 制作滾動(dòng)字幕
滾動(dòng)字幕的運(yùn)用可以讓網(wǎng)頁(yè)顯得活潑，其制作技術(shù)也比較簡(jiǎn)單。首先是打開(kāi)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)頁(yè)不僅要建立自己的主頁(yè)附頁(yè)鏈接，有時(shí)還需要將網(wǎng)頁(yè)和其他網(wǎng)站形成鏈接，這就需要建立瀏覽器超級(jí)鏈接。要鏈接其他網(wǎng)站，首先要選擇作為鏈接的文本，然后點(diǎn)擊菜單“常用”工具欄的“超鏈接”，在“創(chuàng)造超鏈接”中，將要鏈接的網(wǎng)站的地址輸入在URL地址欄內(nèi)，點(diǎn)擊確定就可以了。如果要改變某些超鏈接，可以先確認(rèn)是普通模式，右鍵點(diǎn)擊要改變的超鏈接，選擇“超鏈接屬性”，直接輸入新的URL地址就可以了。
3 結(jié)束語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)和制作并不神秘，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)和制作也無(wú)需多么高的計(jì)算機(jī)理論水平，只要掌握網(wǎng)頁(yè)設(shè)計(jì)和制作實(shí)用技術(shù)的操作過(guò)程，就可以進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和制作，并且能夠把網(wǎng)頁(yè)設(shè)計(jì)和自己的工作學(xué)習(xí)緊密結(jié)合起來(lái)，這對(duì)工作和學(xué)習(xí)都有極大幫助。
參考文獻(xiàn)
[1]呂何新，陳偉，沈淦. Front Page 2003網(wǎng)頁(yè)設(shè)計(jì)與制作[M].高等教育出版社，2005.
[2]許文芝.充分挖掘超鏈接功能設(shè)計(jì)制作網(wǎng)頁(yè)課件[J].中小學(xué)電教，2003（02）.
[3]張紅玉，王德東.如何在FrontPage2000中插入Flas[J].計(jì)算機(jī)時(shí)代，2001（06）.
[4]陳鳳芹. Dream weaver網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)探討[J].中國(guó)教育技術(shù)裝備，2012（21）.
[5]陳艷，宋順林，邢桂芬.基于Dream weaver方式的Web站點(diǎn)開(kāi)發(fā)——及其在OA系統(tǒng)中應(yīng)用[J].計(jì)算機(jī)應(yīng)用與軟件，2004（09）.
篇8
1設(shè)計(jì)原則
1.1表格的定位功能
網(wǎng)頁(yè)制作中表格的運(yùn)用很重要，它的作用除了表格本身具有的統(tǒng)計(jì)處理數(shù)據(jù)的功能之外，還可以對(duì)所制作的網(wǎng)頁(yè)頁(yè)面中的設(shè)計(jì)元素進(jìn)行定位。網(wǎng)頁(yè)中的文本位置、圖像位置，可以通過(guò)表格來(lái)準(zhǔn)確控制，而且還能消除諸多網(wǎng)頁(yè)元素之間的干擾，這樣設(shè)計(jì)出的網(wǎng)頁(yè)更加緊湊。
（1）網(wǎng)頁(yè)制作使用表格時(shí)，要避免這樣的設(shè)計(jì)行為：使用一張表格，然后將所有網(wǎng)頁(yè)設(shè)計(jì)都放在這個(gè)表格中。因?yàn)镠TML在被瀏覽器解碼時(shí)是按照一定的次序進(jìn)行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網(wǎng)頁(yè)中，瀏覽器是將表格中所嵌套的全部?jī)?nèi)容都讀取出來(lái)之后，再顯示結(jié)果頁(yè)面。一般的網(wǎng)頁(yè)可能感受不到瀏覽器的這種工作順序，如果網(wǎng)頁(yè)中信息量大，瀏覽網(wǎng)頁(yè)的人瀏覽速度慢，瀏覽器這種工作順序就能表現(xiàn)出來(lái)。遇到這種網(wǎng)頁(yè)，瀏覽器在讀取了表格中全部?jī)?nèi)容之后，才為瀏覽者提供解釋結(jié)果，在這之前顯示的是空白。
（2）在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，利用表格定好需要的位置，在頁(yè)面視圖下都是正常的，但是用瀏覽器瀏覽該網(wǎng)頁(yè)時(shí)就會(huì)出現(xiàn)部分設(shè)計(jì)對(duì)象位置混亂。這是由于表格寬度的設(shè)計(jì)出了問(wèn)題，有兩種設(shè)置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會(huì)有多種分辨率多種頁(yè)面設(shè)計(jì)結(jié)果出現(xiàn)，但是采用后者的方法，就不會(huì)出現(xiàn)這種問(wèn)題。
1.2文件的命名
網(wǎng)頁(yè)制作的過(guò)程中，有時(shí)會(huì)出現(xiàn)如下這些問(wèn)題：在設(shè)計(jì)時(shí)插入進(jìn)去的圖片，預(yù)覽時(shí)顯示不出來(lái)、已經(jīng)設(shè)計(jì)安排好的鏈接用不了等等情況。通過(guò)對(duì)問(wèn)題的分析，發(fā)現(xiàn)問(wèn)題出在了文件的命名上（用中文進(jìn)行命名）。設(shè)計(jì)制作者為了在設(shè)計(jì)之后能夠便于自己查找調(diào)用，會(huì)在設(shè)計(jì)時(shí)對(duì)一些文件命以中文名，這就導(dǎo)致預(yù)覽時(shí)無(wú)法顯示圖片，只要將中文名換成英文就可以正常運(yùn)行。為了解決記憶和查找文件的問(wèn)題，可以用英文單詞或者漢語(yǔ)拼音有針對(duì)性的命名。
1.3圖像的無(wú)縫拼接
網(wǎng)頁(yè)中圖像的應(yīng)用是很有必要的，圖像可以使網(wǎng)頁(yè)更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網(wǎng)頁(yè)設(shè)計(jì)和制作的時(shí)候比較常見(jiàn)。網(wǎng)頁(yè)的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網(wǎng)頁(yè)之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網(wǎng)頁(yè)中顯示效果不受應(yīng)影響即可。如果在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，要用到大圖片，設(shè)計(jì)制作的時(shí)候可以用無(wú)縫拼接技術(shù)，該技術(shù)在圖像處理軟件中可以實(shí)現(xiàn)，先將要用到的大圖片處理成數(shù)個(gè)小圖片，將這些小圖片按照一定規(guī)則嵌套到網(wǎng)頁(yè)中，組成大圖片，拼出的大圖在現(xiàn)實(shí)效果上與完整的原圖基本上沒(méi)有差別，拼接痕跡也不會(huì)被察覺(jué)。在拼接小圖片的過(guò)程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設(shè)為零，去掉表格邊框，設(shè)置好單元格的參數(shù)后，再手動(dòng)微調(diào)，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過(guò)程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網(wǎng)頁(yè)下載速度。
1.4個(gè)人站點(diǎn)中導(dǎo)航按鈕的設(shè)計(jì)
設(shè)計(jì)制作網(wǎng)頁(yè)時(shí)，加入導(dǎo)航按鈕，可以利用Photoshop或者Flash進(jìn)行制作。設(shè)計(jì)者只有具備很好的圖像、動(dòng)畫(huà)處理軟件基礎(chǔ)，才能掌握住這種創(chuàng)新性的方法，自己根據(jù)想達(dá)到的效果設(shè)計(jì)導(dǎo)航按鈕，能夠設(shè)計(jì)的創(chuàng)意。
2制作技巧
網(wǎng)站的頁(yè)面中包含：作為網(wǎng)站門面的首頁(yè)、支撐起網(wǎng)站結(jié)構(gòu)的框架頁(yè)面，網(wǎng)站的內(nèi)容表達(dá)主體普通頁(yè)面、網(wǎng)站中的用來(lái)顯示廣告、鏈接和推送消息之類的彈出頁(yè)。
比如設(shè)計(jì)首頁(yè)時(shí)，有兩種形式的設(shè)計(jì)可以作為網(wǎng)站首頁(yè)，一種是形象展示型，這種方式的設(shè)計(jì)主要在布局和造型上，加了藝術(shù)化的處理，結(jié)合公司的形象與公司的服務(wù)理念，提供有相關(guān)性的圖像與文字，這樣設(shè)計(jì)出的畫(huà)面才有生機(jī)和活力，在這樣網(wǎng)頁(yè)中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁(yè)設(shè)計(jì)形式是信息羅列型，這種形式主要用于大中型企業(yè)網(wǎng)站，有很多條目和分類。
保持一致的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格。網(wǎng)站營(yíng)銷的諸多影響因素中，網(wǎng)頁(yè)風(fēng)格的一致性是不可忽視的重要方面。統(tǒng)一網(wǎng)站風(fēng)格的方法有很多，網(wǎng)站結(jié)構(gòu)就是其中一種，比如，網(wǎng)站布局、內(nèi)容排版、圖標(biāo)大小、圖片位置等等。在統(tǒng)一網(wǎng)頁(yè)風(fēng)格時(shí)，需要設(shè)計(jì)者特別關(guān)注的是網(wǎng)站中具有代表性的典型元素要保持一致，比如網(wǎng)站背景l(fā)ogo 、公司名稱字體、網(wǎng)站中圖片格調(diào)等等。
色彩搭配。頁(yè)面的色彩搭配是與網(wǎng)站的主題分不開(kāi)的，在色彩搭配上，一般來(lái)說(shuō)，頁(yè)面的主體文字應(yīng)盡量使用黑色與背景對(duì)比明顯，按鈕、邊框、背景等使用彩色。色彩的應(yīng)用最好根據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào)，再根據(jù)這個(gè)基調(diào)來(lái)搭配其它顏色。一般來(lái)講，綠色配以金黃、淡白，可以產(chǎn)生優(yōu)雅、舒適的氣氛；藍(lán)色與白色混合，能給人柔順、淡雅、浪漫的感覺(jué)，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會(huì)給人帶來(lái)暖意。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的最佳視覺(jué)效果。
3結(jié)束語(yǔ)
篇9
一、采用適當(dāng)教學(xué)方法,激發(fā)學(xué)生的學(xué)習(xí)興趣
傳統(tǒng)的教學(xué)方式是教師在課堂上講授理論內(nèi)容,學(xué)生上機(jī)練習(xí),教師輔導(dǎo)。這樣一堂課結(jié)束后,學(xué)生可能對(duì)上課講的內(nèi)容聽(tīng)明白了,但在實(shí)際操作時(shí)往往無(wú)從下手。《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門實(shí)踐性很強(qiáng)的課程,教師讓學(xué)生動(dòng)手去做,經(jīng)歷網(wǎng)頁(yè)制作、網(wǎng)站設(shè)計(jì)的各個(gè)細(xì)微環(huán)節(jié),實(shí)現(xiàn)教與學(xué)的互動(dòng),才能充分激發(fā)學(xué)生主動(dòng)學(xué)習(xí)的興趣。學(xué)生具備了網(wǎng)頁(yè)制作的基本知識(shí)和操作能力,教師可以采用“模仿”式教學(xué),讓學(xué)生設(shè)計(jì)和制作一個(gè)完整的網(wǎng)站,邊做邊學(xué),使學(xué)生進(jìn)一步熟悉相關(guān)理論知識(shí)的應(yīng)用與實(shí)際操作。
在教學(xué)中,教師要選定一個(gè)難易度適中的網(wǎng)站,既不能太難模仿,使學(xué)生產(chǎn)生畏懼心理,又不能太簡(jiǎn)單,而達(dá)不到教學(xué)的目的。學(xué)生在“模仿”課環(huán)節(jié),對(duì)指定的網(wǎng)站首頁(yè)和其他主要網(wǎng)頁(yè)進(jìn)行模仿還原,該網(wǎng)站的各類素材可以直接使用,對(duì)于頁(yè)面在尺寸、色彩、外觀上也可以相同。對(duì)于這種特定的、明確的任務(wù),學(xué)生往往會(huì)表現(xiàn)出極大的熱情。學(xué)生在演練的過(guò)程中難免會(huì)遇到各種問(wèn)題,網(wǎng)站完成以后,普遍都會(huì)存在著不同方面的缺陷。老師應(yīng)通過(guò)實(shí)際案例的具體剖析,拉近學(xué)生與課程教學(xué)的距離,將收集的典型的問(wèn)題重點(diǎn)講解。學(xué)生因?yàn)閯倓倢?shí)際操作過(guò),對(duì)具體的問(wèn)題有具體的認(rèn)識(shí),因而在聽(tīng)講過(guò)程中針對(duì)性較強(qiáng),對(duì)如何解決自己遇到的問(wèn)題也會(huì)很感興趣。興趣是最好的老師,有興趣才有快樂(lè)可言。
這樣,學(xué)生既可以復(fù)習(xí)網(wǎng)頁(yè)制作的基本操作,又能對(duì)完整設(shè)計(jì)一個(gè)網(wǎng)站的流程有更深的了解。學(xué)生在模仿教學(xué)的過(guò)程中,會(huì)不斷地克服一個(gè)又一個(gè)的困難,學(xué)習(xí)自信心會(huì)大大地增強(qiáng)。愛(ài)默生說(shuō)過(guò),自信是成功的第一秘訣。有了信心,學(xué)生才能起航去找尋學(xué)習(xí)中的快樂(lè)。
二、注重綜合實(shí)踐環(huán)節(jié),調(diào)動(dòng)學(xué)生的學(xué)習(xí)主動(dòng)性
在學(xué)生基本掌握了本課程的內(nèi)容后,教師要注重綜合實(shí)踐環(huán)節(jié)的融會(huì)貫通,可布置一份綜合作業(yè),要求學(xué)生設(shè)計(jì)一個(gè)個(gè)人網(wǎng)站,網(wǎng)站既要有鮮明、統(tǒng)一的風(fēng)格,又要有完善的內(nèi)容,頁(yè)面的結(jié)構(gòu)、圖片的位置、鏈接的方式設(shè)置合理,做到網(wǎng)頁(yè)布局的和諧統(tǒng)一,還要做到容易更新,等等。要做到這些,學(xué)生就必須在制作網(wǎng)站之前,對(duì)網(wǎng)站進(jìn)行一個(gè)總體規(guī)劃,然后逐步進(jìn)行設(shè)計(jì)。
為了讓學(xué)生展現(xiàn)良好的創(chuàng)作技巧和獨(dú)特的風(fēng)格,布置綜合作業(yè)之后,教師可先讓學(xué)生進(jìn)行選題,構(gòu)建出自己的網(wǎng)站結(jié)構(gòu),然后上網(wǎng)查詢相關(guān)的資料,再對(duì)網(wǎng)站進(jìn)行規(guī)劃,寫(xiě)出書(shū)面的網(wǎng)站設(shè)計(jì)方案,教師對(duì)每個(gè)學(xué)生的方案進(jìn)行審查和評(píng)閱,及時(shí)指出應(yīng)改進(jìn)的地方和存在的問(wèn)題。通過(guò)這些環(huán)節(jié)讓學(xué)生學(xué)會(huì)查找、閱讀專業(yè)文獻(xiàn)資料的方法,培養(yǎng)學(xué)生撰寫(xiě)方案的能力。
如此完整的綜合實(shí)踐,放手讓學(xué)生依照自己的想法設(shè)計(jì)、制作屬于自己的網(wǎng)站,讓學(xué)生自己做主,學(xué)生的學(xué)習(xí)主動(dòng)性會(huì)大大提高,就能愉快、積極地去學(xué)習(xí),調(diào)動(dòng)自己的內(nèi)在潛能,不斷完善和提高自己。學(xué)生對(duì)某一件事和某一項(xiàng)活動(dòng)的主動(dòng)性發(fā)揮得越充分,與之相關(guān)的能力發(fā)展得就越快。
三、綜合全面評(píng)價(jià)學(xué)生,增強(qiáng)學(xué)生的學(xué)習(xí)成就感
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的考核方式承襲傳統(tǒng)的應(yīng)試模式,考試內(nèi)容側(cè)重于對(duì)記憶型知識(shí)的考查,忽視實(shí)踐動(dòng)手能力和知識(shí)運(yùn)用能力的考查。這樣傳統(tǒng)的考核方式既不能考查出學(xué)生真正的實(shí)力,在某種程度上又束縛了學(xué)生多向思維的發(fā)展。為了讓學(xué)生對(duì)學(xué)習(xí)《網(wǎng)頁(yè)制作與設(shè)計(jì)》課程產(chǎn)生興趣,除了理論考試之外,我們還應(yīng)該將整個(gè)考核過(guò)程融入到日常的教學(xué)環(huán)節(jié)中去,設(shè)計(jì)出讓學(xué)生容易接受并感到“快樂(lè)”的考核方法。
實(shí)踐表明,《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的考核方式應(yīng)該以學(xué)生實(shí)際制作的網(wǎng)頁(yè)作品作為考核的主要內(nèi)容。在作品考核的基礎(chǔ)上,把學(xué)生的學(xué)習(xí)過(guò)程也納入考核的范圍,形成“過(guò)程+作品”的考核模式。教師可以將學(xué)生不同階段作品的完成情況作為考核依據(jù)。這樣,教師不僅可以有效控制學(xué)生的學(xué)習(xí)過(guò)程,而且可以根據(jù)反饋,適當(dāng)調(diào)整教學(xué)進(jìn)度。
一直以來(lái),考核都是教師的“專利”,學(xué)生是被動(dòng)的“待估品”,這樣傳統(tǒng)的考核方式讓老師和學(xué)生的距離拉得太遠(yuǎn),產(chǎn)生疏離感。“親其師”才能“信其道”,只有老師做學(xué)生的朋友,親近學(xué)生,與學(xué)生相互學(xué)習(xí)、共同切磋,以學(xué)習(xí)成員的身份與學(xué)生一起參與到學(xué)習(xí)的過(guò)程中,學(xué)生才敢在老師面前放松身心,體驗(yàn)到零距離帶來(lái)的那份親切,敞開(kāi)自己的心扉。因此在考核中,教師要放棄自己的“權(quán)力”,和學(xué)生一起相互的討論、評(píng)價(jià),讓學(xué)生享受到自己考核自己的樂(lè)趣。學(xué)生在其中找到自己的優(yōu)點(diǎn),會(huì)肯定自己;發(fā)現(xiàn)自己的缺點(diǎn),會(huì)提高自己,學(xué)習(xí)成就感會(huì)逐漸增強(qiáng),考核過(guò)程就不再是痛苦的,而是蘊(yùn)藏?zé)o限快樂(lè)的過(guò)程。
在網(wǎng)絡(luò)高度發(fā)展的今天,學(xué)生可以非常便捷地在網(wǎng)絡(luò)上獲取到大量的關(guān)于網(wǎng)頁(yè)制作的學(xué)習(xí)資源,因此老師面臨著更多的挑戰(zhàn),不僅需要對(duì)網(wǎng)頁(yè)制作相關(guān)技術(shù)進(jìn)行持續(xù)研究,而且要在教學(xué)方法、教學(xué)手段上不斷進(jìn)行革新,以充實(shí)的內(nèi)容吸引學(xué)生,以活躍的氛圍打動(dòng)學(xué)生,讓學(xué)生愛(ài)學(xué)習(xí)、好學(xué)習(xí),在學(xué)習(xí)過(guò)程中獲得成就感和滿足感,得到身心的愉悅,實(shí)現(xiàn)快樂(lè)學(xué)習(xí)。
參考文獻(xiàn):
[1]謝志妮.案例教學(xué)法在《網(wǎng)頁(yè)設(shè)計(jì)》課程中的應(yīng)用[J].廣東青年干部學(xué)院學(xué)報(bào),2007,(68).
篇10
就課程本身運(yùn)用實(shí)質(zhì)來(lái)說(shuō)，工作的項(xiàng)目其實(shí)分為網(wǎng)站設(shè)計(jì)與管理、網(wǎng)頁(yè)制作、圖像與媒體設(shè)計(jì)與運(yùn)用、數(shù)據(jù)庫(kù)設(shè)計(jì)與管理、腳本與應(yīng)用程序的設(shè)計(jì)與運(yùn)用。經(jīng)過(guò)市場(chǎng)調(diào)研和多年教學(xué)實(shí)踐，我把把課程牽引項(xiàng)目分為八個(gè)具體任務(wù)：1.圖文并茂網(wǎng)頁(yè)的制作完成該項(xiàng)目的知識(shí)包括常見(jiàn)網(wǎng)頁(yè)設(shè)計(jì)工具的使用、HTML文檔基本結(jié)構(gòu)、文本排版控制標(biāo)記符、圖像插入標(biāo)記符、特殊字符以及物理顯示標(biāo)記符、css的意義、創(chuàng)建與使用方法。項(xiàng)目技能目標(biāo)有安裝和啟動(dòng)網(wǎng)頁(yè)制作軟件、熟悉網(wǎng)頁(yè)制作的基本步驟、正確插入文本與特殊字符、正確對(duì)文本進(jìn)行分段分行、正確插入圖像、運(yùn)用css技術(shù)控制文字圖片樣式。2.個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)的制作完成該項(xiàng)目的知識(shí)包括有序列表標(biāo)記符、無(wú)序列表標(biāo)記符、表格標(biāo)記符、超鏈接標(biāo)記符、Css技術(shù)對(duì)列表的控制方法。項(xiàng)目技能目標(biāo)有制作有序列表、無(wú)序列表、制作混合列表、運(yùn)用超鏈接標(biāo)記符啟動(dòng)電子郵箱鏈接、運(yùn)用表格進(jìn)行簡(jiǎn)單頁(yè)面排版、運(yùn)用css技術(shù)設(shè)置列表顯示方式。3.電子相冊(cè)制作完成該項(xiàng)目的知識(shí)包括網(wǎng)頁(yè)圖像素材的特點(diǎn)與主要類型、Fireworks對(duì)圖片進(jìn)行批處理的方法、電子相冊(cè)排版要點(diǎn)、圖像、表格、超鏈接標(biāo)記符的相關(guān)屬性、css技術(shù)的濾鏡使用方法。項(xiàng)目技能目標(biāo)有熟悉網(wǎng)頁(yè)圖像素材的特點(diǎn)與類型、掌握Fireworks的基本操作方法、了解并掌握網(wǎng)頁(yè)圖片處理的主要方法、熟知圖像、表格、超鏈接標(biāo)記符的屬性、運(yùn)用css濾鏡技術(shù)美化圖片效果。4.學(xué)習(xí)欣賞網(wǎng)站設(shè)計(jì)與制作完成該項(xiàng)目的知識(shí)包括本地網(wǎng)站的創(chuàng)建與、IIS的安裝與設(shè)置方法、網(wǎng)站的規(guī)劃與制作流程、框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局的方法、超鏈接標(biāo)記符在框架技術(shù)中的作用、錨點(diǎn)鏈接技術(shù)、網(wǎng)站LOGO的制作方法、制作網(wǎng)站flashbanner的方法、多媒體素材網(wǎng)頁(yè)的制作方法。項(xiàng)目技能目標(biāo)有：正確創(chuàng)建、設(shè)置、本地網(wǎng)站、正確安裝、設(shè)置與管理IIS、運(yùn)用框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局、錨點(diǎn)技術(shù)在長(zhǎng)版面網(wǎng)頁(yè)中的應(yīng)用、運(yùn)用圖像設(shè)計(jì)軟件制作LOGO、運(yùn)用flash制作具有動(dòng)態(tài)效果的banner、掌握向網(wǎng)頁(yè)插入動(dòng)畫(huà)、視頻等多媒體素材的方法、熟悉css控制超鏈接樣式的方法。5.門戶網(wǎng)站制作完成該項(xiàng)目的知識(shí)包括門戶網(wǎng)站的設(shè)計(jì)、規(guī)劃與制作流程、網(wǎng)站創(chuàng)建、、維護(hù)管理的方法、Div+css布局網(wǎng)頁(yè)的方法、創(chuàng)建子菜單的方法、Dhtml技術(shù)、Dreamweaver的高級(jí)應(yīng)用技術(shù)。項(xiàng)目技能目標(biāo)有熟悉運(yùn)用div+css技術(shù)設(shè)計(jì)網(wǎng)頁(yè)、掌握Dreamweaver創(chuàng)建與運(yùn)用divAp的方法、掌握運(yùn)用Dreamweaver時(shí)間軸功能制作網(wǎng)頁(yè)漂移元素的方法、掌握Dreamweaver行為面板的使用方法、靈活應(yīng)用DHTML增加網(wǎng)頁(yè)特效。6.個(gè)人信息網(wǎng)站設(shè)計(jì)與制作完成該項(xiàng)目的知識(shí)包括個(gè)人網(wǎng)站的規(guī)劃方法與制作特點(diǎn)、運(yùn)用圖形制作工具設(shè)計(jì)繪制網(wǎng)頁(yè)布局、Fireworks執(zhí)行切片并導(dǎo)出網(wǎng)頁(yè)的方法、Dreamweaver布局切片網(wǎng)頁(yè)的方法、頁(yè)內(nèi)框架技術(shù)在網(wǎng)頁(yè)布局中的應(yīng)用方法、動(dòng)態(tài)導(dǎo)航條的制作方法、css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化的方法。項(xiàng)目技能目標(biāo)有了解個(gè)人網(wǎng)站的制作方法與特點(diǎn)、設(shè)計(jì)并繪制網(wǎng)頁(yè)布局圖、應(yīng)用切片技術(shù)設(shè)計(jì)網(wǎng)頁(yè)布局結(jié)構(gòu)、運(yùn)用Dreamweaver優(yōu)化切片網(wǎng)頁(yè)、運(yùn)用頁(yè)內(nèi)框架技術(shù)實(shí)現(xiàn)網(wǎng)站超鏈接、掌握制作動(dòng)態(tài)導(dǎo)航條的方法、運(yùn)用css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化。7.用戶注冊(cè)信息網(wǎng)頁(yè)制作完成該項(xiàng)目的知識(shí)包括表單與表單元素的相關(guān)標(biāo)記符、表單與表單元素的作用、表格布局表單元素、css對(duì)表格、表單元素的控制方法、Dreamweaver檢驗(yàn)表單行為的應(yīng)用、以電子郵件方式提交表單的方法。項(xiàng)目技能目標(biāo)有熟悉表單及表單元素的設(shè)置方法、掌握表格布局表單元素的方法、運(yùn)用css對(duì)表格、表單元素進(jìn)行規(guī)范與美化、掌握Dreamweaver驗(yàn)證表單的方法、掌握電子郵件形式提交表單的方法。8.瀏覽、查找、修改通訊錄的網(wǎng)頁(yè)完成該項(xiàng)目的知識(shí)包括動(dòng)態(tài)網(wǎng)頁(yè)制作與設(shè)置、數(shù)據(jù)庫(kù)的綁定、表單動(dòng)作設(shè)置、表單元素與數(shù)據(jù)表的對(duì)應(yīng)、動(dòng)態(tài)表格插入與應(yīng)用、動(dòng)態(tài)網(wǎng)站的。項(xiàng)目技能目標(biāo)有熟悉表單及表單元素、掌握動(dòng)態(tài)網(wǎng)頁(yè)制作與設(shè)置方法、運(yùn)用表單動(dòng)作設(shè)置動(dòng)態(tài)效果、掌握動(dòng)態(tài)表格的插入方法、掌握動(dòng)態(tài)網(wǎng)站要領(lǐng)。
篇11
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是高職網(wǎng)絡(luò)專業(yè)根據(jù)網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站管理、網(wǎng)頁(yè)編輯的工作崗位能力要求所開(kāi)設(shè)的課程，同時(shí)也是進(jìn)行WEB應(yīng)用系統(tǒng)開(kāi)發(fā)的重要基礎(chǔ)。針對(duì)高職院校的特點(diǎn)，結(jié)合本行業(yè)的需求及課程特點(diǎn)，該文就該課程的內(nèi)容如何選取，教學(xué)方法與能力培養(yǎng)等問(wèn)題進(jìn)行了一些分析和探討。
1 教學(xué)內(nèi)容的安排
1.1 根據(jù)課程標(biāo)準(zhǔn)安排教學(xué)內(nèi)容
課程標(biāo)準(zhǔn)是規(guī)定課程的性質(zhì)、目標(biāo)、內(nèi)容框架，提出教學(xué)建議和評(píng)價(jià)建議的綱領(lǐng)性教學(xué)文件。在進(jìn)行課程設(shè)計(jì)前，要先了解該課程的課程標(biāo)準(zhǔn)。
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的總體目標(biāo)是：基于行業(yè)企業(yè)真實(shí)工作過(guò)程設(shè)計(jì)課程教學(xué)活動(dòng)方案。通過(guò)項(xiàng)目引入任務(wù)驅(qū)動(dòng)式的教學(xué)方法，使學(xué)生在認(rèn)知和實(shí)際操作上，對(duì)網(wǎng)頁(yè)有一個(gè)整體認(rèn)識(shí)。使學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)和制作的基本職業(yè)技能，能夠制作社會(huì)企事業(yè)單位的靜態(tài)網(wǎng)站，具備網(wǎng)站的策劃、設(shè)計(jì)和制作及維護(hù)的能力。倡導(dǎo)學(xué)生積極參與真實(shí)項(xiàng)目制作，實(shí)踐學(xué)真知，積累優(yōu)秀作品，為就業(yè)打下必要基礎(chǔ)。培養(yǎng)學(xué)生具有誠(chéng)實(shí)、守信，善于溝通和合作的團(tuán)隊(duì)合作能力，為從事網(wǎng)絡(luò)媒體網(wǎng)頁(yè)制作工作奠定良好的基礎(chǔ)。
1.2 以行業(yè)需求為依據(jù)，就業(yè)為導(dǎo)向，與時(shí)俱進(jìn)為原則。
通過(guò)對(duì)IT 行業(yè)的發(fā)展現(xiàn)狀與趨勢(shì)、人才需求狀況、企業(yè)調(diào)研等方面調(diào)查分析，可以將網(wǎng)頁(yè)設(shè)計(jì)分為網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作、網(wǎng)站編輯、網(wǎng)站管理 4大崗位群。其中網(wǎng)頁(yè)設(shè)計(jì)主要是網(wǎng)站開(kāi)發(fā)前期界面的效果圖設(shè)計(jì)，網(wǎng)頁(yè)制作主要根據(jù)頁(yè)面效果圖利用網(wǎng)頁(yè)制作工具實(shí)現(xiàn)效果圖向網(wǎng)頁(yè)的映射，網(wǎng)站編輯主要負(fù)責(zé)網(wǎng)站內(nèi)容的維護(hù)和管理為主的工作崗位，網(wǎng)站管理主要負(fù)責(zé)網(wǎng)站的日常維護(hù)、網(wǎng)站的改版等工作。
在教學(xué)中，可以根據(jù)這些職業(yè)崗位和不斷發(fā)展的IT技術(shù)對(duì)技能和知識(shí)的需求，選取課程教學(xué)內(nèi)容，并從這些職業(yè)崗位中選擇一些真實(shí)項(xiàng)目作為實(shí)踐教學(xué)內(nèi)容。
1.3 以激發(fā)學(xué)生學(xué)習(xí)熱情為目的設(shè)計(jì)教學(xué)內(nèi)容
興趣是最好的老師，有了興趣才能使學(xué)習(xí)效率提高，因此在學(xué)習(xí)過(guò)程中，為保持學(xué)生的學(xué)習(xí)熱情，必須精心設(shè)計(jì)教學(xué)內(nèi)容。
網(wǎng)頁(yè)設(shè)計(jì)所涉及的領(lǐng)域十分廣泛，生活之中無(wú)處不在。且本課程最終目的為制作一個(gè)成功的靜態(tài)網(wǎng)站，那么在教學(xué)過(guò)程中，設(shè)計(jì)案例、任務(wù)及最終項(xiàng)目時(shí)，應(yīng)以當(dāng)代大學(xué)生所感興趣的角度出發(fā)，或者給予其充分的自，讓他們?yōu)榱藞A滿完成自己的想法和創(chuàng)意而積極主動(dòng)的去汲取新的知識(shí)，掌握技巧，提高動(dòng)手能力。
2 教學(xué)模式探討
本課程的教學(xué)過(guò)程中，所采用的教學(xué)模式主要有“教學(xué)做一體化”，“任務(wù)驅(qū)動(dòng)”和“項(xiàng)目教學(xué)”等。根據(jù)課程特點(diǎn)，使用“教學(xué)做一體化”讓學(xué)生打好知識(shí)基礎(chǔ)，使用“任務(wù)驅(qū)動(dòng)”模式讓學(xué)生鞏固知識(shí)并掌握一定的技能，提高動(dòng)手能力，并能以完成任務(wù)為目標(biāo)培養(yǎng)自主學(xué)習(xí)及發(fā)現(xiàn)問(wèn)題解決問(wèn)題的能力。最后通過(guò)“項(xiàng)目教學(xué)”培養(yǎng)學(xué)生的職業(yè)能力。
2.1 “教學(xué)做一體化”教學(xué)模式
網(wǎng)頁(yè)設(shè)計(jì)與制作的主要知識(shí)點(diǎn)在于：html語(yǔ)言、css樣式、網(wǎng)頁(yè)制作軟件的操作。對(duì)于知識(shí)點(diǎn)的教學(xué)應(yīng)該主要由教師講授來(lái)引導(dǎo)學(xué)生入門，再根據(jù)該課程實(shí)踐性強(qiáng)的特點(diǎn)，讓學(xué)生嘗試用動(dòng)手操作的方式來(lái)理解和消化吸收知識(shí)點(diǎn)，再引導(dǎo)學(xué)生總結(jié)重點(diǎn)、難點(diǎn)、方法和技巧，以此打好基礎(chǔ)，為完成后續(xù)的任務(wù)而做好準(zhǔn)備工作。
2.2 “任務(wù)驅(qū)動(dòng)”與“工作項(xiàng)目”相結(jié)合
在企業(yè)中，完成一個(gè)網(wǎng)頁(yè)也可以是一個(gè)完整的工作過(guò)程。完成一個(gè)整體網(wǎng)站則需要多個(gè)工作過(guò)程。本課程的要求是完成整體網(wǎng)頁(yè)的設(shè)計(jì)與制作。其中網(wǎng)頁(yè)是由logo、banner、導(dǎo)航、文字、圖像、動(dòng)畫(huà)、視頻等元素組合而成。各個(gè)元素的添加的方法與組合方法則是本課程所介紹的重點(diǎn)知識(shí)。
在網(wǎng)站建設(shè)行業(yè)中，不同的企業(yè)機(jī)構(gòu)在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，均有不同的需求。如有的企業(yè)因?yàn)樾畔⒘啃」δ苌倬托枰O(shè)計(jì)簡(jiǎn)潔型網(wǎng)頁(yè)，而有些則需要設(shè)計(jì)成大型的結(jié)構(gòu)復(fù)雜的頁(yè)面，不管是復(fù)雜還是簡(jiǎn)潔，都是相同的制作流程，不同的是簡(jiǎn)潔型涉及知識(shí)點(diǎn)少。教學(xué)過(guò)程中，可以從簡(jiǎn)潔型網(wǎng)頁(yè)入手，由淺入深設(shè)計(jì)工作項(xiàng)目，例如設(shè)計(jì)一個(gè)完成純文字頁(yè)面的工作項(xiàng)目，將些項(xiàng)目分解為幾個(gè)工作任務(wù)：認(rèn)識(shí)網(wǎng)頁(yè)創(chuàng)建站點(diǎn)應(yīng)用網(wǎng)頁(yè)元素“文字”對(duì)網(wǎng)頁(yè)布局完成頁(yè)面初期效果，通過(guò)完成各種工作任務(wù)直到整個(gè)項(xiàng)目，學(xué)生不僅掌握了相關(guān)的知識(shí)點(diǎn)，還可以以一名網(wǎng)站制作人員的身份，體會(huì)了制作頁(yè)面的工作過(guò)程。
在隨后的教學(xué)中，再融入新的知識(shí)點(diǎn)，設(shè)計(jì)稍為復(fù)雜的項(xiàng)目，循序漸近，如適當(dāng)添加元素或者變換組合方式及網(wǎng)站優(yōu)化等，通過(guò)完成不同的項(xiàng)目，體會(huì)不同工作崗位的需求：如作為網(wǎng)頁(yè)設(shè)計(jì)師對(duì)網(wǎng)頁(yè)進(jìn)行布局、配色與裝飾等；作為網(wǎng)站管理人員從便于維護(hù)和修改的角度對(duì)網(wǎng)頁(yè)進(jìn)行修改；或者作為網(wǎng)站seo對(duì)網(wǎng)站進(jìn)行全方位的優(yōu)化處理等。并在完成項(xiàng)目的同時(shí)，通過(guò)引導(dǎo)學(xué)生總結(jié)學(xué)習(xí)方法，引導(dǎo)其自主學(xué)習(xí)，舉一反三，以達(dá)到掌握知識(shí)，強(qiáng)化技能的目的。
2.3 以作品評(píng)價(jià)為考核方式
在學(xué)期即將結(jié)束之前，教師適合學(xué)生能力的工作項(xiàng)目，提出設(shè)計(jì)要求，學(xué)生以網(wǎng)站建設(shè)團(tuán)隊(duì)的人員結(jié)構(gòu)為依據(jù)，組成小組，并明確分工。以市場(chǎng)調(diào)研需求分析整體規(guī)劃確定方案收集素材協(xié)作完成推廣后期維護(hù)的行業(yè)實(shí)際工作過(guò)程，小組成員分別以項(xiàng)目經(jīng)理、業(yè)務(wù)員、網(wǎng)站美工、網(wǎng)站編輯、網(wǎng)站設(shè)計(jì)與制作、網(wǎng)站優(yōu)化維護(hù)人員等身份，以工作的形式完成最終項(xiàng)目的制作，讓學(xué)生在做中學(xué)，學(xué)中做，自主管理，使學(xué)習(xí)能力、溝通能力、崗位適應(yīng)能力等各方面都得到提高。通過(guò)對(duì)項(xiàng)目完成的情況進(jìn)行評(píng)價(jià)，項(xiàng)目考核成績(jī)*60% +平時(shí)成績(jī)*40%作為該門課程總成績(jī)。其中平時(shí)成績(jī)包括為出勤+ 紀(jì)律+ 團(tuán)隊(duì)協(xié)作能力（互評(píng)成績(jī)），這種考核方式注重實(shí)踐操作和應(yīng)用開(kāi)發(fā)能力的培養(yǎng)，可以大大發(fā)揮學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。
3 注重學(xué)生能力的培養(yǎng)
從高職院校的特點(diǎn)出發(fā)，再結(jié)合本行業(yè)的需求，本課程以培養(yǎng)學(xué)生成為一名優(yōu)秀的網(wǎng)頁(yè)制作人員為宗旨，除了讓學(xué)生熟練掌握網(wǎng)頁(yè)設(shè)計(jì)與制作中的各種操作技術(shù)具備開(kāi)發(fā)維護(hù)小型網(wǎng)站的能力外，還要為學(xué)習(xí)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)后續(xù)課程的知識(shí)打下基礎(chǔ)。在教學(xué)中，應(yīng)注意全方位的培養(yǎng)學(xué)生和各種能力。
首先，對(duì)于專業(yè)能力，學(xué)生除了掌握網(wǎng)站制作流程，網(wǎng)頁(yè)制作軟件的操作，使用軟件完成網(wǎng)頁(yè)的結(jié)構(gòu)搭建、布局與美化外，還應(yīng)該順應(yīng)時(shí)代養(yǎng)成手寫(xiě)代碼的習(xí)慣，這樣不僅使制作出來(lái)的網(wǎng)頁(yè)能符合web標(biāo)準(zhǔn)，同時(shí)還能為學(xué)習(xí)web應(yīng)用系統(tǒng)開(kāi)發(fā)打下基礎(chǔ)。
第二，在教學(xué)過(guò)程中，通過(guò)完成一個(gè)個(gè)項(xiàng)目，對(duì)學(xué)生的協(xié)調(diào)溝通能力、資料檢索能力、閱讀分析能力、語(yǔ)言表達(dá)能力、項(xiàng)目策劃能力、分析能力、創(chuàng)新能力均能進(jìn)行很好的鍛煉。
第三，模擬工作環(huán)境的教學(xué)，對(duì)于學(xué)生端正工作態(tài)度，有責(zé)任心，具備團(tuán)隊(duì)意識(shí)和協(xié)作能力都有很好的提高。
4 結(jié)束語(yǔ)
隨著經(jīng)濟(jì)與網(wǎng)絡(luò)技術(shù)的發(fā)展，社會(huì)對(duì)高職類畢業(yè)生的要求越來(lái)越高，為適應(yīng)市場(chǎng)需求，高職教師應(yīng)在教學(xué)內(nèi)容和教學(xué)方法、能力培養(yǎng)上應(yīng)不斷的改革與創(chuàng)新，根據(jù)需要調(diào)節(jié)內(nèi)容，通過(guò)“任務(wù)驅(qū)動(dòng)+項(xiàng)目導(dǎo)向”促進(jìn)學(xué)生盡快的掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)技能，并在實(shí)施過(guò)程中全方位的培養(yǎng)學(xué)生的專業(yè)能力、學(xué)習(xí)能力、職業(yè)能力與社會(huì)能力，為大學(xué)生就業(yè)創(chuàng)業(yè)打好基礎(chǔ)。
篇12
作者簡(jiǎn)介：侯敏（1979-），女，漢族，陜西西安人，講師。研究方向：軟件工程，數(shù)據(jù)庫(kù)
互聯(lián)移動(dòng)終端的大面積推廣，使得掌握網(wǎng)頁(yè)制作技術(shù)的人才在各個(gè)行業(yè)里都成為必不可少的需求；同時(shí)，地方普通高校為社會(huì)服務(wù)的使命感在不斷增強(qiáng)，如何培養(yǎng)出“學(xué)即能用”的人才，使之在短時(shí)間內(nèi)掌握主流的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，提高站點(diǎn)訪問(wèn)量，是這門課程課堂教學(xué)效果進(jìn)步的體現(xiàn)。
一、技術(shù)背景與課堂教學(xué)要求
（一）Internet發(fā)展歷程
Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動(dòng)的；Web2.0則為用戶開(kāi)設(shè)了主動(dòng)權(quán)，使得用戶和網(wǎng)站可進(jìn)行雙向信息互動(dòng)；Web3.0提升了用戶的主動(dòng)權(quán)，用戶可對(duì)頁(yè)面的多種元素（顯示、色彩、像素、框架等）按需設(shè)置，訂制專屬的功能模塊，整合數(shù)據(jù)資源，適用于電腦、手機(jī)、PDA等多終端平臺(tái)定制。
（二）傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程內(nèi)容一般情況下，高校開(kāi)設(shè)的網(wǎng)頁(yè)設(shè)計(jì)課程從教學(xué)內(nèi)容上可劃分為兩大塊：
1.相關(guān)知識(shí)介紹。網(wǎng)站的概念、基本元素及頁(yè)面等相關(guān)知識(shí)的介紹。
2.應(yīng)用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁(yè)制作工具，使學(xué)生掌握布局（表格、層、框架、模板等）、超級(jí)鏈接、表單和幾種特效。隨著互聯(lián)網(wǎng)的全面推廣和“學(xué)即能用”的需求，以上內(nèi)容已不能滿足互聯(lián)網(wǎng)時(shí)代與時(shí)俱進(jìn)的特點(diǎn)。最關(guān)鍵的問(wèn)題在于：課堂學(xué)到的知識(shí)是否馬上就能得到應(yīng)用，是否與目前社會(huì)上專業(yè)的網(wǎng)頁(yè)制作公司的技術(shù)規(guī)格保持一致。因此，本門課程的改革勢(shì)在必行。
二、“服務(wù)于地方”教學(xué)內(nèi)容的改革
（一）教學(xué)內(nèi)容改革
內(nèi)容改革是課程改革的首要環(huán)節(jié)。關(guān)于什么是關(guān)鍵內(nèi)容，什么是次要內(nèi)容，筆者走訪了本地專業(yè)網(wǎng)頁(yè)設(shè)計(jì)公司中企動(dòng)力的設(shè)計(jì)總監(jiān)馬女士，通過(guò)對(duì)她的訪談，了解到時(shí)下主流的網(wǎng)頁(yè)設(shè)計(jì)公司所涉及到的技術(shù)規(guī)范，對(duì)本校現(xiàn)階段的教學(xué)內(nèi)容做了必要的調(diào)整，簡(jiǎn)化了表格布局頁(yè)面、框架設(shè)計(jì)等已被淘汰的陳舊技術(shù)的授課內(nèi)容，有選擇地介紹了網(wǎng)頁(yè)交互特效及表單的應(yīng)用，加強(qiáng)了網(wǎng)頁(yè)美化工具、HTML語(yǔ)言及CSS的學(xué)習(xí)內(nèi)容。改革后的課程主要分為六大模塊：網(wǎng)頁(yè)和網(wǎng)站的基礎(chǔ)知識(shí)、網(wǎng)頁(yè)美化工具（Photoshop或者Fireworks）、HTML語(yǔ)言、網(wǎng)頁(yè)開(kāi)發(fā)工具的介紹、DIV+CSS、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。首先，通過(guò)具體的例子闡明網(wǎng)頁(yè)、網(wǎng)站的定義，頁(yè)面的布局類型（主要是盒模型）、整體造型及配色方案的相關(guān)知識(shí)；其次，介紹網(wǎng)頁(yè)美化工具圖片處理工具（Photoshop或Fireworks）的使用，學(xué)生可用其設(shè)計(jì)頁(yè)面元素，加強(qiáng)頁(yè)面的視覺(jué)效果與美觀性，提升站點(diǎn)的專業(yè)度；再次，介紹HTML的基本語(yǔ)法結(jié)構(gòu)和語(yǔ)句，使學(xué)生熟練掌握其主要標(biāo)簽的使用（傳統(tǒng)的教學(xué)模式對(duì)這一部分的內(nèi)容有所忽略）。
實(shí)踐證明，學(xué)生若不熟悉HTML的語(yǔ)法構(gòu)成，學(xué)習(xí)DIV+CSS這一主流的網(wǎng)頁(yè)布局模式就會(huì)相當(dāng)吃力。當(dāng)然，對(duì)于非專業(yè)學(xué)生而言，學(xué)習(xí)一門語(yǔ)言，即便是文本標(biāo)記語(yǔ)言，由于其本身對(duì)計(jì)算機(jī)系統(tǒng)相關(guān)知識(shí)的欠缺，授課會(huì)比較困難，學(xué)生也學(xué)得辛苦，但這又是一個(gè)必要的過(guò)程，其所占用的時(shí)間比較長(zhǎng)，需要設(shè)計(jì)大量實(shí)例，反復(fù)練習(xí)才能掌握。之后介紹開(kāi)發(fā)工具，重點(diǎn)是要理解頁(yè)面的代碼模式和設(shè)計(jì)模式，而DIV+CSS則是本門課程的重頭戲，由于學(xué)生對(duì)代碼有種天生的恐懼，所以，在建立CSS時(shí)又以開(kāi)發(fā)工具建立為主，修改程序?yàn)檩o。最后簡(jiǎn)單提及動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。由于課時(shí)限制（32節(jié)），本課程主要講授靜態(tài)網(wǎng)頁(yè)制作。靜態(tài)網(wǎng)頁(yè)技術(shù)分為傳統(tǒng)技術(shù)和新技術(shù)。傳統(tǒng)課堂教學(xué)內(nèi)容重點(diǎn)是布局表格、框架、模板等，而目前主流的網(wǎng)頁(yè)制作公司則主要應(yīng)用DIV+CSS。所以，對(duì)于陳舊的技術(shù)簡(jiǎn)單介紹即可，而把DIV+CSS作為布局的主要技術(shù)進(jìn)行講解。由于這些內(nèi)容需要學(xué)生對(duì)代碼部分比較熟悉，所以，在課時(shí)中增加了相應(yīng)的HTML的基本語(yǔ)法結(jié)構(gòu)和語(yǔ)句的介紹，并對(duì)主要標(biāo)簽的使用熟練掌握。
（二）實(shí)際授課效果
筆者今年為設(shè)計(jì)和思政兩個(gè)專業(yè)的學(xué)生授課。設(shè)計(jì)專業(yè)的學(xué)生已經(jīng)開(kāi)設(shè)了PS，有一定的設(shè)計(jì)基礎(chǔ)，所以，課程內(nèi)容改革中的第一部分可以省略；思政專業(yè)的學(xué)生沒(méi)有圖片處理基礎(chǔ)，筆者在授課過(guò)程中有意加強(qiáng)了這部分內(nèi)容，講授簡(jiǎn)單的圖片處理方法和文字特效工具。實(shí)踐證明，學(xué)生有追求新知識(shí)的欲望，基本能做到學(xué)以致用，并反饋到最終的作品中。往屆學(xué)生的作品更像電子小報(bào)，而今年通過(guò)課程內(nèi)容改革的學(xué)生作品雖不完美，但在形式內(nèi)容上更接近Internet的正規(guī)網(wǎng)站，教學(xué)效果良好。針對(duì)我校提出建立培養(yǎng)服務(wù)于地方應(yīng)用型人才的本科院校，傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程必須響應(yīng)時(shí)代號(hào)召，更新教學(xué)內(nèi)容與方法。本文僅供從事該課程教學(xué)的教師參考。
篇13
1、設(shè)計(jì)思路
本課程的設(shè)計(jì)秉著“以職業(yè)崗位工作過(guò)程為主線”、“以職業(yè)能力培養(yǎng)為課程核心”、“以實(shí)際項(xiàng)目為導(dǎo)向”等先進(jìn)的教學(xué)理念。使用基于工作過(guò)程培養(yǎng)模式，強(qiáng)調(diào)知識(shí)的實(shí)用性。突出網(wǎng)站設(shè)計(jì)制作、網(wǎng)站推廣和網(wǎng)絡(luò)編輯等行業(yè)崗位實(shí)用能力培養(yǎng)，以崗位能力選擇相關(guān)知識(shí)點(diǎn)、技能點(diǎn)，形成理論與實(shí)踐、知識(shí)與技能相統(tǒng)一的課程模式。在課程內(nèi)容組織和實(shí)施中突破傳統(tǒng)學(xué)科教材的“三段式”課程設(shè)置模式和知識(shí)傳授過(guò)程，將知識(shí)點(diǎn)的講授貫穿于一個(gè)完整的綜合性網(wǎng)站的設(shè)計(jì)與制作，通過(guò)情景、過(guò)程、類比、模擬等教學(xué)模式提高學(xué)生的知識(shí)、技能等綜合能力。
2、課程任務(wù)及目標(biāo)
通過(guò)課程的學(xué)習(xí)培養(yǎng)學(xué)生網(wǎng)站設(shè)計(jì)制作、網(wǎng)站推廣和網(wǎng)絡(luò)編輯等方面的崗位職業(yè)能力，使學(xué)生具備計(jì)算機(jī)及其它相關(guān)專業(yè)課學(xué)習(xí)和應(yīng)用中所必需的網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)的基本知識(shí)和基本技能，形成解決實(shí)際應(yīng)用問(wèn)題的方法能力，養(yǎng)成良好的職業(yè)道德，為后續(xù)課程綜合實(shí)訓(xùn)和頂崗實(shí)習(xí)與畢業(yè)設(shè)計(jì)等課程打下堅(jiān)實(shí)的基礎(chǔ)。并注意滲透思想教育，逐步培養(yǎng)學(xué)生的辯證思維，加強(qiáng)學(xué)生的職業(yè)道德觀念。
3、課程內(nèi)容設(shè)計(jì)
課程教學(xué)內(nèi)容設(shè)計(jì)根據(jù)課程所對(duì)應(yīng)的職業(yè)崗位所需的知識(shí)和技能選取出來(lái)作為課程教學(xué)內(nèi)容，課程教學(xué)內(nèi)容具體參照表1所示
4、課程實(shí)施
4.1 課程教學(xué)模式
本課程針對(duì)高職教育特點(diǎn)，采用基于工作過(guò)程（工作任務(wù)驅(qū)動(dòng)）的教學(xué)模式。第一次授課時(shí)就告訴學(xué)生課程要開(kāi)發(fā)的網(wǎng)站、要求，涵蓋的知識(shí)點(diǎn)，以此為基礎(chǔ)展開(kāi)教學(xué)，注重培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題、分析問(wèn)題、解決問(wèn)題的能力以及創(chuàng)新思維與技術(shù)綜合應(yīng)用能力。具體教學(xué)模式如下：
(1)課程教學(xué)采用一體化分組教學(xué)。教學(xué)地點(diǎn)為計(jì)算機(jī)實(shí)訓(xùn)室；
(2)教師在課前展示本學(xué)期要作為教學(xué)案例的綜合性網(wǎng)站項(xiàng)目，并要求學(xué)生按照自己的興趣和愛(ài)好分組開(kāi)發(fā)不同內(nèi)容的綜合性網(wǎng)站項(xiàng)目。然后對(duì)綜合性網(wǎng)站項(xiàng)目進(jìn)行前期的需求分析，確定網(wǎng)站項(xiàng)目開(kāi)發(fā)規(guī)模，所需的人力物力，學(xué)生自主組成學(xué)習(xí)小組，制定網(wǎng)站項(xiàng)目開(kāi)發(fā)進(jìn)度表，以此充分調(diào)動(dòng)學(xué)生的創(chuàng)新思維，培養(yǎng)創(chuàng)新能力。
(3)網(wǎng)站項(xiàng)目設(shè)計(jì)與實(shí)施：學(xué)生按照網(wǎng)站項(xiàng)目開(kāi)發(fā)進(jìn)度表完成網(wǎng)站開(kāi)發(fā)。整個(gè)過(guò)程中，教師真實(shí)案例演示為輔，學(xué)生自主設(shè)計(jì)為主，教師的作用僅為答疑、過(guò)程監(jiān)控以及對(duì)共性問(wèn)題進(jìn)行總結(jié)與歸納。在此過(guò)程中，學(xué)生的分析問(wèn)題、解決問(wèn)題的能力將得到有效的鍛煉，使學(xué)生對(duì)課程體系有一個(gè)更加全面的認(rèn)識(shí)。
(4)網(wǎng)站項(xiàng)目驗(yàn)收：教師對(duì)學(xué)生完成的網(wǎng)站項(xiàng)目進(jìn)行驗(yàn)收與評(píng)價(jià)，學(xué)生需提交網(wǎng)站項(xiàng)目開(kāi)發(fā)報(bào)告并答辯，學(xué)生和老師提問(wèn)，按照評(píng)分標(biāo)準(zhǔn)給出成績(jī)。對(duì)于優(yōu)秀作品，進(jìn)行展示與點(diǎn)評(píng)。
4.2 教學(xué)方法與教學(xué)手段
本課程采用的主要教學(xué)方法有以下幾種：
(1)項(xiàng)目教學(xué)法：課程教學(xué)通過(guò)精選企業(yè)案例、分解任務(wù)，有機(jī)地將相關(guān)知識(shí)點(diǎn)融合到課程中，讓學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作有一個(gè)直觀和更加感性的認(rèn)識(shí)。
(2)“教”、“學(xué)”、“做”三位一體教學(xué)法。
(3)直觀教學(xué)法：通過(guò)動(dòng)畫(huà)演示、電子教案、電子課件、投影、錄像、圖片等現(xiàn)代教育技術(shù)展開(kāi)理論教學(xué)，將復(fù)雜的原理用簡(jiǎn)單的、感性的方法展現(xiàn)出來(lái)，并選取與學(xué)生實(shí)際生活密切相關(guān)的項(xiàng)目實(shí)例進(jìn)行講解，有效地使難以理解的概念簡(jiǎn)單化、形象化，充分激起了學(xué)生的學(xué)習(xí)興趣和主動(dòng)性。
5、課程考核
課程考試成績(jī)分兩大部分：網(wǎng)站開(kāi)發(fā)過(guò)程化考核成績(jī)和期末網(wǎng)站展示考核。
(1)網(wǎng)站開(kāi)發(fā)過(guò)程化考核；網(wǎng)站開(kāi)發(fā)過(guò)程化的任務(wù)考核從實(shí)施過(guò)程、實(shí)施結(jié)果、態(tài)度、創(chuàng)新性和團(tuán)隊(duì)合作精神五個(gè)方面考核，其中實(shí)施過(guò)程、實(shí)施結(jié)果、態(tài)度、創(chuàng)新性根據(jù)每個(gè)任務(wù)的完成情況，由自我評(píng)價(jià)和教師評(píng)價(jià)相結(jié)合的方式進(jìn)行。團(tuán)隊(duì)合作精神的考核由同小組的其他成員進(jìn)行。
(2)期末考試的作品考核；期末考試的作品考核方式為課程答辯，成績(jī)?yōu)榫W(wǎng)站展示成績(jī)和教師提問(wèn)成績(jī)總和。
參考文獻(xiàn)
[1]王秀麗.網(wǎng)頁(yè)設(shè)計(jì)與制作[M］.北京:清華大學(xué)出版社,2006．
[2]蔣秀玲,鄒淑英,陳文東．“任務(wù)驅(qū)動(dòng)”教學(xué)法在Dreamweaver 教學(xué)中的運(yùn)用[J].通化師范學(xué)院學(xué)報(bào),2009,30(10):88－89．
[3]殷兆燕,崔毓娟．《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革探索與實(shí)踐[J].常州信息職業(yè)技術(shù)學(xué)院學(xué)報(bào),2009，8(4):64－66．
