發(fā)布時間：2022-08-01 03:47:02
序言：寫作是分享個人見解和探索未知領(lǐng)域的橋梁，我們?yōu)槟x了1篇的網(wǎng)頁設(shè)計課程教學(xué)解析樣本，期待這些樣本能夠為您提供豐富的參考和啟發(fā)，請盡情閱讀。
摘要：
在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁設(shè)計與制作已經(jīng)成為當今社會上一種比較熱門的技術(shù)，也是“計算機應(yīng)用技術(shù)、網(wǎng)絡(luò)技術(shù)、電腦藝術(shù)技術(shù)”等專業(yè)學(xué)生的必修課，同時，也是相關(guān)專業(yè)學(xué)生的選修課。在實際的計算機網(wǎng)絡(luò)設(shè)計教學(xué)中，由于教師專業(yè)經(jīng)驗不足、課時及實踐設(shè)置不合理等原因，使教學(xué)的效果大打折扣。為了保證教學(xué)過程取得成功，提高教學(xué)質(zhì)量，本文簡要分析現(xiàn)階段網(wǎng)頁設(shè)計教學(xué)模式存在的一些問題，并介紹一些比較先進的教學(xué)方法，希望能為達到理想的教學(xué)效果提供借鑒。
關(guān)鍵詞：
計算機；網(wǎng)頁設(shè)計；教學(xué)模式
1引言
隨著互聯(lián)網(wǎng)的高速發(fā)展，我國逐步進入信息化時代，各行業(yè)領(lǐng)域?qū)τ趯I(yè)計算機知識人才的需求都有了明顯的增加。為了滿足社會的需求，我國一部分職業(yè)技術(shù)學(xué)校與高等學(xué)校紛紛開設(shè)計算機運用與維修、計算機網(wǎng)頁設(shè)計等課程，這些課程的開設(shè)為我國培養(yǎng)了大量的IT人才。近些年，雖然計算機教學(xué)取得了不俗成績，但是我們也要正視教學(xué)中存在的一些不足。
2計算機網(wǎng)頁設(shè)計教學(xué)中存在的問題
2.1教師專業(yè)經(jīng)驗不足
我國職業(yè)院校的大部分老師是師范畢業(yè)生，這些教師往往存在教學(xué)基礎(chǔ)與經(jīng)驗的不足，教師缺乏必要的實際應(yīng)用動手操作能力。因此在教學(xué)時大多是照本宣科，并沒將教材的知識點與實際運用情況相融合，生硬的課堂語言，讓課堂氣氛變得沉悶，學(xué)生學(xué)習的興致不高。網(wǎng)頁設(shè)計這門課程實用性強，不但需要扎實的理論知識，而且需要大量的實踐過程[1]，如果不能實踐上機操作的話，那么就會對所學(xué)的知識一知半解，達不到教學(xué)的要求。
2.2課時及實踐設(shè)置不合理
很多職業(yè)院校一周只安排2個課時的網(wǎng)頁設(shè)計教學(xué)，課時過少，學(xué)生在進行網(wǎng)頁設(shè)計與制作的實踐時，跟老師互動、交流的機會也就相應(yīng)減少，這就不利于學(xué)生對所學(xué)知識的鞏固。而且學(xué)生若在實踐過程中碰到難題不能在老師的幫助下及時得到解決，這也會極大挫傷學(xué)生學(xué)習的積極性。此外，學(xué)校更多的是注重理論知識的灌輸，常常忽略實踐上機操作的重要性。
2.3學(xué)生本身學(xué)習能力有限
隨著90年代末高校的擴招，高等教育事業(yè)得到了迅猛的發(fā)展，高校的擴招對中專教育造成了強大的沖擊，很多人選擇了去高校就讀，導(dǎo)致中專院校招生越來越困難，學(xué)生數(shù)量以及整體質(zhì)量均有所降低。大多數(shù)中職生基礎(chǔ)比較薄弱，而且自覺性比較差，上課時不主動積極，導(dǎo)致其不能完全接受、消化教師所傳授的內(nèi)容，更不用說進行深層次的探索與創(chuàng)新了。
3提高計算機網(wǎng)頁設(shè)計教學(xué)質(zhì)量的方法
3.1提高教學(xué)質(zhì)量，改進教學(xué)方法
在傳統(tǒng)的教學(xué)中，大多數(shù)老師仍然沿用灌輸式的教學(xué)模式進行教學(xué)，教學(xué)方法單一，枯燥乏味，沉悶的課堂氣氛會大大降低學(xué)生學(xué)習的積極性，甚至會讓學(xué)生產(chǎn)生厭學(xué)情緒。為了激發(fā)學(xué)生的學(xué)習熱情，現(xiàn)在很多老師在教學(xué)中融入了項目教學(xué)法、案例演示法、頭腦風暴法等較先進的教學(xué)方法。第一，項目教學(xué)法。項目教學(xué)法就是在老師的指導(dǎo)下，將一個相對獨立的項目交由學(xué)生自己處理，信息的收集、方案的設(shè)計、項目實施及最終評價，都由學(xué)生自己負責，學(xué)生通過該項目的進行，了解并把握整個過程及每一個環(huán)節(jié)中的基本要求。“項目教學(xué)法”最顯著的特點是“以項目為主線、教師為引導(dǎo)、學(xué)生為主體”，具體表現(xiàn)在：目標指向的多重性；培訓(xùn)周期短，見效快；可控性好；注重理論與實踐相結(jié)合。項目教學(xué)法是師生共同完成項目，共同取得進步的教學(xué)方法。但是教師在應(yīng)用這一教學(xué)方法時要對學(xué)生的學(xué)習能力、基礎(chǔ)知識的儲備進行全面的考慮，不能一刀切。第二，案例教學(xué)法。案例教學(xué)法是教師根據(jù)教材內(nèi)容，選擇具有啟發(fā)性的、緊扣教材內(nèi)容的典型案例，通過具體的情境提高學(xué)生理解、掌握知識、感悟等綜合素質(zhì)的一種教學(xué)方法。傳統(tǒng)的教學(xué)方法是老師講、學(xué)員聽，聽沒聽、聽懂多少。要到最后的測試時才知道，而且學(xué)到的都是死知識。在案例教學(xué)中，學(xué)生拿到案例后，先要進行消化，然后查閱各種他認為必要的理論知識。這無形中加深了對知識的理解，而且是主動進行的[2]。捕捉這些理論知識后，他還要經(jīng)過縝密地思考，提出解決問題的方案。第三，頭腦風暴法。通常所說的“頭腦風暴法”，是指將不同專業(yè)與背景的人集中到一起，讓他們互提設(shè)想，互相撞擊，求得新創(chuàng)造、新構(gòu)思的方法。它是一種名符其實的集思廣益法，它能使每個參與者在決策的過程中，思考相互沖擊，迸發(fā)出火花，作出創(chuàng)造性的問題解決方案。在教學(xué)中實施頭腦風暴法有助于培養(yǎng)學(xué)生的創(chuàng)造思維，讓每個學(xué)生的腦子動起來，極大地提高課堂教學(xué)效果。
3.2設(shè)計科學(xué)、合理的專業(yè)教學(xué)
計算機專業(yè)的課程一般都屬于要求具有較高動手操作能力的專業(yè)技能課程，因此，在專業(yè)教學(xué)課程的設(shè)定方面，應(yīng)該以實踐上機操作為主，讓學(xué)生多動手練習，實踐理論知識的學(xué)習，引導(dǎo)學(xué)生對所學(xué)知識的思考。專業(yè)課程的設(shè)計應(yīng)該將重點方向定位于社會實際應(yīng)用。學(xué)生所學(xué)的專業(yè)知識與技能，在今后的崗位中，主要的應(yīng)用就是實踐操作。只有讓學(xué)生多方位地全面掌握基礎(chǔ)，在基礎(chǔ)的層面上加深專業(yè)技能的培訓(xùn)，才能讓學(xué)生在眾多的競爭者中脫穎而出。中職教育的最終目的在于學(xué)生就業(yè)，因此，教學(xué)內(nèi)容的設(shè)定應(yīng)該與就業(yè)緊密結(jié)合，這樣才能夠為社會培養(yǎng)出高素質(zhì)的計算機專業(yè)勞動者和技能人才。
3.3加強教師技術(shù)培訓(xùn)
當今社會，知識更新越來越快，特別是在計算機領(lǐng)域方面。我們的教師也要不斷學(xué)習，強化自己的專業(yè)能力。此外，可以有計劃的安排專業(yè)教師到企業(yè)實踐，這樣才能讓教師了解計算機網(wǎng)絡(luò)發(fā)展的最新動向，加強教師的實際應(yīng)用動手操作能力，為教師今后的教學(xué)指導(dǎo)方向。
4結(jié)束語
計算機傳統(tǒng)的教學(xué)模式，已經(jīng)不能適應(yīng)現(xiàn)代不斷更新的計算機技術(shù)的需求。教師必須摒棄傳統(tǒng)的教學(xué)模式，改變教學(xué)理念，培養(yǎng)學(xué)生擁有較強的專業(yè)技能、較高的綜合素質(zhì)，只有這樣學(xué)生才能夠適應(yīng)社會發(fā)展的需求，在眾多競爭者中脫穎而出。
作者：陳上 單位：海南軟件職業(yè)技術(shù)學(xué)院
摘要：
在現(xiàn)在的網(wǎng)頁設(shè)計中DIV標簽的使用越來越頻繁，DIV標簽的作用也越來越重要，以前那種以內(nèi)容為中心的網(wǎng)站已經(jīng)成為過去式。論文在分析表格布局技術(shù)及CSS技術(shù)的基礎(chǔ)上，闡述了應(yīng)用DIV+CSS技術(shù)進行網(wǎng)頁布局的優(yōu)勢。從高校計算機網(wǎng)頁設(shè)計課程的教學(xué)情況出發(fā)，文章中提出了DIV+CSS技術(shù)在教學(xué)中的應(yīng)用措施。
關(guān)鍵詞：
網(wǎng)頁布局；DIV+CSS方案；HTML優(yōu)化；網(wǎng)頁設(shè)計
只有當好的網(wǎng)頁結(jié)構(gòu)和優(yōu)秀的網(wǎng)頁布局相結(jié)合，才能達到最好的瀏覽效果，使瀏覽網(wǎng)站的用戶感受到最好的用戶體驗，如何設(shè)計出這樣的網(wǎng)頁就是我們現(xiàn)在研究的重點。
1表格布局技術(shù)
早期頁面布局的方式主要用框架及表格。在HTML和瀏覽器還不夠完美的時候，我們想讓頁面內(nèi)的元素能有一個讓人滿意的格局是比較困難的事情，由于表格不單可以控制單元格的寬度和高度，而且可以相互嵌套，所以為了讓每個網(wǎng)頁元素能夠放在合適的位置，表格就成為網(wǎng)頁設(shè)計者的主要工具。表格在頁面布局上比較容易控制，通過表格的套入可以輕松地實現(xiàn)各種各樣的布局，但是當你需要制作一個繁瑣的頁面時，HTML文檔就會充滿了標簽。同時，因為瀏覽器需要把整個表格加載完后才會顯示出來，因此加入一個表格過長，那么訪客就需要等很長的加載時間才可以看到頁面內(nèi)容。使用表格布局頁面會讓HTML文檔的內(nèi)部結(jié)構(gòu)變得雜亂不堪，HTML文檔字節(jié)數(shù)變得越來越大，在落后的設(shè)備上，頁面需要大量修改，正是這些弊端，使得網(wǎng)頁開發(fā)者開始注意Web的標準。
2CSS樣式
CSS就是CascadingStyleSheets，中文翻譯為“層疊樣式表”，簡稱樣式表，它是一種制作網(wǎng)頁的新技術(shù)。CSS是Web標準中表現(xiàn)標準語言。使用CSS可以簡化網(wǎng)站的格式代碼，加快網(wǎng)頁顯示的速度，外部鏈接樣式可以同時定義很多個頁面，大大降低了重復(fù)勞動的工作量。CSS標準中重新定義了HTML中原來的文字顯示格式，并增加了一些新理念，比如類、層等，可以對文字進行定位、重疊等操作，提供了更多豐富多彩的格式；同時CSS可進行集中樣式管理。CSS還可以將樣式定義獨自存儲于格式文件中，這樣可以將顯示的內(nèi)容和顯示樣式定義分開，以便于多個HTML文件共享樣式定義。除此之外，一個HTML文件也可以使用多個CSS樣式文件中的樣式定義，相對于之前傳統(tǒng)HTML的表現(xiàn)而言，在網(wǎng)站的建立及重構(gòu)過程中使用CSS技術(shù)，可以精準的掌握頁面里每一個元素屬性，例如：字號樣式、背景、排列方式、區(qū)域尺寸、項目符號等，方便地實現(xiàn)網(wǎng)頁的結(jié)構(gòu)與內(nèi)容表現(xiàn)完全分離，使站點的加載速度及維護更加方便。使網(wǎng)站的功能擴展性達到前所未有的增強。
3DIV+CSS技術(shù)
DIV+CSS是目前應(yīng)用最多的一種網(wǎng)站布局技術(shù)，使用DIV+CSS的網(wǎng)頁布局方案，首先需要把HTML結(jié)構(gòu)化，我們可以先不考慮網(wǎng)頁的外觀。先將內(nèi)容放在設(shè)置好的DIV中，讓結(jié)構(gòu)由DIV產(chǎn)生，然后再使用CSS進行格式設(shè)計，即“外觀”設(shè)計。在網(wǎng)站設(shè)計前需要對網(wǎng)頁進行規(guī)劃設(shè)計。例如，一個頁面可能有類似這樣的幾塊：網(wǎng)站名稱、主頁、子頁面導(dǎo)航（主菜單）、子菜單、搜索框、展示區(qū)、頁腳等。與傳統(tǒng)的表格布局相比較，使用DIV+CSS進行網(wǎng)頁布局還具有以下優(yōu)勢：更快捷的被搜索引擎的引用，加載速度更快；CSS使用靈活，使頁面元素樣式多變，利于維護和更新；使用DIV+CSS技術(shù)，可以減少視覺的相同性，同一網(wǎng)頁在不同瀏覽器中表現(xiàn)的效果相同或基本不變，保持網(wǎng)頁的美感；表現(xiàn)和內(nèi)容相分離、提高頁面加載速度。
4DIV+CSS技術(shù)在教學(xué)中的應(yīng)用措施
在網(wǎng)頁設(shè)計課程學(xué)習時，經(jīng)常是使用Dreamweaver網(wǎng)頁開發(fā)軟件，Dreamweaver是一個視覺化網(wǎng)頁開發(fā)工具，可以方便、高效的實現(xiàn)DIV+CSS技術(shù)對頁面進行布局，代碼自動生成這一特點，一方面能讓學(xué)生迅速的設(shè)計出網(wǎng)頁，另一方面不利于學(xué)生真正記住和掌握。所以，在使用Dreamweaver的同時，可以讓學(xué)生使用Notepad++編輯器或用記事本對代碼進行錄入。在初學(xué)DIV+CSS布局網(wǎng)頁時，可以選擇一個簡單的網(wǎng)站，用表格和DIV+CSS技術(shù)兩種方法進行布局，讓學(xué)生真正理解這兩種方法的區(qū)別和特點。針對不同網(wǎng)站使用不同的布局方法。教會學(xué)生當前社會網(wǎng)頁前端開發(fā)師最需要的技術(shù)?；谝陨险撌?，筆者認為在教學(xué)中加入DIV+CSS布局需要注意以下幾個問題。共享學(xué)習資源，利用MOOC。教師要給出學(xué)習參考書目錄，DIV+CSS布局的有關(guān)教材已經(jīng)相當普遍，另外，教師也可以鼓勵學(xué)生進行MOOC(慕課)學(xué)習，或在淘寶購買一些關(guān)于類似的視頻教程，不論是在課上還是在課下，都能充分利用網(wǎng)上資源，整合成DIV+CSS布局原理、知識和案例的教學(xué)資源。將WEB的標準貫徹到網(wǎng)頁設(shè)計的學(xué)習中，由HTML升級到XHTML。當下大部分網(wǎng)頁設(shè)計教材講解的內(nèi)容還是HTML標記語言，但是在WEB結(jié)構(gòu)標準語言中，我們將會使用XHTML，因此需要在HTML學(xué)習的基礎(chǔ)上要加入升級版的教學(xué)內(nèi)容，既要講解HTML的普遍用法和主要標簽，也要為學(xué)生講解為什么要升級到XHTML以及升級后的XHTML比HTML好在哪里。適當推薦和引用CSS樣式表，強化層疊樣式表CSS的基礎(chǔ)教學(xué)，為學(xué)習DIV+CSS的頁面布局打下良好的基礎(chǔ)。在講解CSS樣式時，可以引用網(wǎng)上使用頻繁的外部CSS樣式，在使用應(yīng)用外部CSS文件的時候，頁面的布局可以變得非常整潔和清新，讓人眼前一亮。在CSS教學(xué)過程中，除了需要介紹CSS的常用屬性之外，最重要的就是要讓學(xué)生理解和學(xué)會使用外部CSS樣式，這是學(xué)習DIV+CSS網(wǎng)頁布局的提高過程。采用任務(wù)驅(qū)動式教學(xué)方法，以案例為驅(qū)動，培養(yǎng)學(xué)生學(xué)習興趣，提高學(xué)生動手制作能力。在學(xué)習了基礎(chǔ)的DIV+CSS頁面布局知識之后，為學(xué)生提供一些DIV+CSS布局的網(wǎng)頁案例的基礎(chǔ)上，加強學(xué)生的動手實踐訓(xùn)練，給學(xué)生一些真實的企業(yè)項目或?qū)W校網(wǎng)站項目，例如學(xué)院主頁或各系主頁宣傳網(wǎng)站等。
5結(jié)語
本文探究的主旨在改變現(xiàn)存的網(wǎng)頁設(shè)計課程的教學(xué)方法與模式，以培育精英級的網(wǎng)頁設(shè)計人才為目的，扎實提升學(xué)生的自主學(xué)習能力，實現(xiàn)社會對網(wǎng)頁設(shè)計精英的技術(shù)要求，從而保證該門課程的市場特色和教學(xué)質(zhì)量。為了達到這個目的，我們對教學(xué)內(nèi)容進行改變與擴充，使教學(xué)素材更加接近實際需求，竭力使學(xué)生更適合當今市場的需要，并為后面課程的學(xué)習打下堅實基礎(chǔ)。
作者：田紅玉 單位：黑龍江信息技術(shù)職業(yè)學(xué)院
【摘要】
雙語教學(xué)中首要目標是使學(xué)生掌握學(xué)科知識，其次才是加強和提高英語水平。傳統(tǒng)教學(xué)模式容易陷入被動接受的境地，不利于學(xué)生主觀能動性培養(yǎng)。本文探討案例教學(xué)法在《網(wǎng)頁設(shè)計與制作》的應(yīng)用，收到了良好的實驗教學(xué)效果，達到培養(yǎng)學(xué)生通過用英文獨立思考問題、解決問題、獲取專業(yè)知識，參與市場競爭的目標。
【關(guān)鍵詞】
雙語教學(xué)；案例教學(xué)
雙語教學(xué)在我學(xué)開展較晚，自2012年起，我校國際學(xué)院與中外合作辦學(xué)，獲得教育廳批準的國際教育課程實驗班有生物科學(xué)、食品科學(xué)與工程和電子信息科學(xué)與技術(shù)專業(yè)。學(xué)院師資隊伍由有出國留學(xué)背景、能用中英文教學(xué)、專業(yè)知識扎實、掌握國際先進教學(xué)理念和方法的教師組成。在這三年開展雙語教學(xué)的不斷實踐和總結(jié)中，我們逐漸連理了自己的教學(xué)團隊，找到了有針對性的可行的教學(xué)方法，形成了自己切實可行的教學(xué)模式?！毒W(wǎng)頁設(shè)計與開發(fā)》是我校網(wǎng)絡(luò)工程和電子信息科學(xué)與技術(shù)兩個專業(yè)都要開設(shè)的一門專業(yè)課，該課程是一門實踐性強、操作要求高的計算機專業(yè)課程[1]。教師除了重視理論教學(xué)，更要研究如何改進實驗教學(xué)，找到強有力的教學(xué)手段，提高學(xué)生的創(chuàng)新能力和動手能力，特別是在競爭激烈的當代，用人單位希望應(yīng)屆學(xué)生能立即為其所用[2]。因此，如何和企業(yè)接軌，也是教學(xué)中應(yīng)考慮的問題。案例分析式教學(xué)[3]，主要強調(diào)對現(xiàn)實成活中的案例進行討論分析和實現(xiàn)，強調(diào)學(xué)生的參與性，能積極調(diào)動學(xué)生的主觀能動性，主要培養(yǎng)學(xué)生的思維能力和綜合素質(zhì)，能提高學(xué)生創(chuàng)造性思維和解決問題的能力。在網(wǎng)頁設(shè)計與開發(fā)這門重實踐的實驗教學(xué)課程中應(yīng)用案例分析法能夠很好地啟發(fā)學(xué)生思維，激發(fā)學(xué)生學(xué)習興趣，調(diào)動學(xué)生的積極性和主動性。筆者近兩年來承擔網(wǎng)頁開發(fā)和面向?qū)ο蠓治雠c設(shè)計雙語教學(xué)的任務(wù)，對案例式教學(xué)方法進行了有益的探索和實踐。下面討論案例式教學(xué)模式在《網(wǎng)頁設(shè)計與開發(fā)》雙語教學(xué)中的應(yīng)用，探討其特點和可行性。
1由簡到繁設(shè)計案例，激發(fā)學(xué)生興趣
第一次實驗時，學(xué)生剛剛熟悉各種常見標準標簽，剛剛掌握HTML語法，不習慣運用屬性、事件的方式編寫代碼，此時，選取直觀簡單適合當前知識條件下的的案例無疑是很多同學(xué)對這門課程產(chǎn)生興趣的關(guān)鍵點。太容易，激發(fā)不起興趣。太難，學(xué)生望而生畏。在整個學(xué)期的教學(xué)過程中，逐步循序漸進加大難度和加大知識整合的力度，最終開發(fā)一個信息系統(tǒng)開發(fā)案例為主導(dǎo)線，能運用數(shù)據(jù)庫和網(wǎng)頁開發(fā)相關(guān)知識，全面的分析系統(tǒng)需求，為以后解決實際工作中存在的問題打下基礎(chǔ)。
2循序漸進，調(diào)動學(xué)生主觀能動性
循序漸進，加大案例的難度和深度，在這個過程，學(xué)生必須學(xué)會自主思考，自主發(fā)現(xiàn)問題，自主解決問題。學(xué)生掌握了HTML語法，會使用表格、框架、DIV進行頁面布局之后，開始按照自己的意愿設(shè)計主要頁面，這部分考察學(xué)生做出圖文并茂的美觀頁面。教師應(yīng)著重分析，引導(dǎo)學(xué)生自己動手實現(xiàn)他們自己設(shè)計的頁面。主頁面設(shè)計完成后，引導(dǎo)學(xué)生結(jié)合現(xiàn)實思考一般網(wǎng)站的基本架構(gòu)。案例中要求設(shè)計登錄頁面，用戶輸入正確的用戶名和密碼才能跳轉(zhuǎn)到下一個網(wǎng)頁。除了設(shè)計跳轉(zhuǎn)頁面外，學(xué)生必須思考，如何實現(xiàn)用戶名和密碼的對錯判斷？如何判斷用戶是否存在，若不存在，如何解決？那如果有多名用戶如何處理？這樣就引出了數(shù)據(jù)庫的應(yīng)用。將用戶名和密碼存在數(shù)據(jù)庫里。很多同學(xué)就開始簡歷用戶表，編寫訪問數(shù)據(jù)庫的程序，為數(shù)據(jù)庫的學(xué)習買下了伏筆。訪問用戶表完成后，引導(dǎo)學(xué)生思考，如果頁面中很多內(nèi)容都是放在數(shù)據(jù)庫中的，如何頁面信息的增刪改查呢？這樣就是動態(tài)頁面的實現(xiàn)效果。這樣，依據(jù)案例的進一步實現(xiàn)，環(huán)環(huán)相扣，一個個知識點就會在自然的狀態(tài)下形成一個知識鏈，不會給學(xué)生帶來很多突兀的、難理解的內(nèi)容。
3實踐性與通用性相結(jié)合，全面提升學(xué)生能力
案例分析法在案例式教學(xué)模式以模擬公司形式、而作為實踐案例必須要符合實際，是生活中可以見得到的案例，讓學(xué)生可以從生活中有據(jù)可循，而不是抽象的，又有自己的思考空間，充分發(fā)揮想象能力，根據(jù)實際進行發(fā)散性思維，這就要求案例必須具有通用性。我們在動態(tài)網(wǎng)頁設(shè)計的實際教學(xué)過程中，采取分組實現(xiàn)案例為主導(dǎo)，除了以上原因外，還可以提升學(xué)生獨立思考和團隊合作能力。可以選擇的案例包括人員流動管理系統(tǒng)，影視明星系統(tǒng)、個人信息助理網(wǎng)站、投票網(wǎng)站、車輛信息咨詢系統(tǒng)等一系列與生活息息相關(guān)的案例。整個案例式實踐教學(xué)過程模擬公司開發(fā)網(wǎng)站的形式，以參與實踐作為學(xué)生獲取知識和技能的根本途徑，以勝任實踐作為檢驗學(xué)生學(xué)習效果的最終杠桿。學(xué)生可以動手實踐案例，并在實踐中提出問題，解決問題，提高自身的技能，達到案例教學(xué)的目的。
4結(jié)語
實踐表明，在雙語教學(xué)中引入案例式教學(xué)是可行的，并且效果良好的。在網(wǎng)頁設(shè)計教學(xué)中合理、有效地使用案例教學(xué)將會很好地解決傳統(tǒng)教學(xué)中遇到的問題。通過案例分析法進行實踐，學(xué)生循序漸進實現(xiàn)整個系統(tǒng)，學(xué)習過程充滿了興趣和挑戰(zhàn)，激發(fā)他們自己的動手實踐能力，激發(fā)他們獨自思考的能力。使學(xué)生到了工作崗位之后能以最快的方式適應(yīng)企業(yè)的需求。
作者：黎小琴 金燦 喬鬧生 單位：湖南文理學(xué)院物理與電子科學(xué)學(xué)院
【摘要】
在互聯(lián)網(wǎng)蓬勃發(fā)展的大環(huán)境下，《網(wǎng)頁設(shè)計與制作》已經(jīng)成為眾多高職院校中開設(shè)的課程，但是實際的教學(xué)效果往往差強人意。本文嘗試從教學(xué)內(nèi)容的角度對高職《網(wǎng)頁設(shè)計與制作》教學(xué)提出一些看法，以期提高《網(wǎng)頁設(shè)計與制作》課程的教學(xué)效果。
【關(guān)鍵詞】
網(wǎng)頁設(shè)計；高職；教學(xué)內(nèi)容
隨著互聯(lián)網(wǎng)逐漸深入到經(jīng)濟生活的各個角落，涌現(xiàn)出越來越多的網(wǎng)站。相應(yīng)的，各類單位、企業(yè)等用人單位對網(wǎng)頁設(shè)計與制作人才的需求也開始變得普遍。而《網(wǎng)頁設(shè)計與制作》也早已成為大多數(shù)高職院校普遍開設(shè)的課程，甚至在同一所高職院校中也有相當數(shù)量的專業(yè)開設(shè)了這一課程，這些現(xiàn)象都反映出了社會對網(wǎng)頁設(shè)計與制作人才的需求。而互聯(lián)網(wǎng)的不斷發(fā)展也在推動著社會對網(wǎng)頁設(shè)計與制作人才水平要求的不斷提高，也對《網(wǎng)頁設(shè)計與制作》的教學(xué)提出了新的挑戰(zhàn)。
一、《網(wǎng)頁設(shè)計與制作》教學(xué)內(nèi)容存在的問題
1.教學(xué)內(nèi)容與實際應(yīng)用脫節(jié)。
目前，《網(wǎng)頁設(shè)計與制作》的教學(xué)內(nèi)容大致分為：網(wǎng)頁設(shè)計基礎(chǔ)知識、HTML語言基礎(chǔ)、CSS樣式基礎(chǔ)、網(wǎng)頁文本和圖像、超鏈接、表格、框架、Div、多媒體網(wǎng)頁、模板和庫、站點管理維護。不同院校、不同專業(yè)在具體內(nèi)容的選擇上可能會有所差異，但大致都包括了這些內(nèi)容。首先，在《網(wǎng)頁設(shè)計與制作》教學(xué)中，往往會以Dreamweaver這一網(wǎng)頁制作軟件的使用作為主要內(nèi)容，所有的操作都依賴于Dreamweaver，很少涉及對HTML代碼的講解，這導(dǎo)致學(xué)生無法熟練的查看、修改HTML代碼，一旦離開了Dreamweaver，學(xué)生將無法制作、修改網(wǎng)頁。而在實際應(yīng)用中，HTML代碼是在進行網(wǎng)頁設(shè)計時無法繞過的一個知識點。因為在Dreamweaver的設(shè)計視圖下操作是不能解決所有問題的，很多網(wǎng)頁設(shè)計中出現(xiàn)的問題只有通過查看HTML代碼才能發(fā)現(xiàn)并解決。此外，Dreamweaver也并不是計算機上的常用軟件，學(xué)生應(yīng)該具備在脫離Dreamweaver的環(huán)境中進行簡單網(wǎng)頁制作、修改的能力。其次，早期的頁面布局以表格布局為主，但隨著互聯(lián)網(wǎng)技術(shù)與網(wǎng)頁設(shè)計標準的不斷發(fā)展，表格布局技術(shù)已經(jīng)不再是主流，取而代之的是Div+CSS布局，也是所謂的內(nèi)容與形式分開的布局方式。在這種布局方式下，頁面元素的布局更加靈活、頁面代碼更加簡潔。而更重要的是，采用這種布局方式的網(wǎng)站在整體風格的管理和后期維護上更加方便、效率更高。因此，《網(wǎng)頁設(shè)計與制作》的教學(xué)內(nèi)容應(yīng)當給予Div+CSS足夠的重視，加大其在教學(xué)內(nèi)容中的比重，以增強與實際應(yīng)用聯(lián)系的緊密程度。再次，隨著移動互聯(lián)網(wǎng)的興起，通過手機等移動終端訪問互聯(lián)網(wǎng)的用戶數(shù)量已經(jīng)超過了傳統(tǒng)的通過PC訪問互聯(lián)網(wǎng)的用戶數(shù)量，如何設(shè)計適合于移動終端瀏覽的頁面，也應(yīng)該作為《網(wǎng)頁設(shè)計與制作》教學(xué)內(nèi)容的一部分。
2.只重視“制作”忽略“設(shè)計”。
不同院校、不同專業(yè)對《網(wǎng)頁設(shè)計與制作》課程的命名不盡相同，但大多帶有“設(shè)計”二字。而在實際的教學(xué)內(nèi)容安排中，卻往往沒有體現(xiàn)出“設(shè)計”的部分。網(wǎng)頁設(shè)計是一門典型的交叉課程，既有計算機科學(xué)知識，又有人文社會科學(xué)知識。網(wǎng)頁設(shè)計雖較多的依賴技術(shù)性手段，但并不代表在教學(xué)內(nèi)容的安排上就要以技術(shù)為主導(dǎo)。學(xué)習Dreamweaver也是只是為了掌握一種工具而不是最終目的，成功的網(wǎng)頁設(shè)計作品還要有美觀的布局、配色和人性化的信息導(dǎo)航。
二、確定合理的《網(wǎng)頁設(shè)計與制作》教學(xué)內(nèi)容
1.加強對HTML基礎(chǔ)的教學(xué)。
雖然Dreamweaver作為主流的“所見即所是”編輯工具，可以讓使用者不接觸HTML代碼就能完成大部分網(wǎng)頁制作的工作，但是只有真正理解HTML語言，才能理解網(wǎng)頁工作的原理，才能真正深入到網(wǎng)頁設(shè)計的核心，才能學(xué)習到其他優(yōu)秀網(wǎng)頁設(shè)計作品的內(nèi)涵，為將來的能力提升鋪平道路。
2.加強對Div+CSS內(nèi)容的教學(xué)。
Div+CSS布局已經(jīng)是成熟的主流網(wǎng)頁布局技術(shù)，《網(wǎng)頁設(shè)計與制作》的教學(xué)應(yīng)該突出對該技術(shù)的側(cè)重，將已經(jīng)被淘汰的表格布局作為輔助。同時，對CSS的教學(xué)內(nèi)容應(yīng)該貫穿始終，因為CSS可以說是控制網(wǎng)頁元素表現(xiàn)形式的關(guān)鍵，掌握了CSS就能根據(jù)需要輕松的設(shè)置頁面元素的各種效果，從而為整個頁面增色。
3.增加對藝術(shù)設(shè)計的教學(xué)。
目前網(wǎng)頁設(shè)計行業(yè)內(nèi)最缺乏的是具備優(yōu)秀設(shè)計能力的高端網(wǎng)頁設(shè)計人才，而目前《網(wǎng)頁設(shè)計與制作》教學(xué)中最欠缺的就是對設(shè)計能力的培養(yǎng)，導(dǎo)致學(xué)生在學(xué)完課程后也只能進行簡單的模仿和重復(fù)，無法進行有效的創(chuàng)新和設(shè)計。因此網(wǎng)頁設(shè)計課程的教學(xué)應(yīng)該以藝術(shù)設(shè)計為出發(fā)點，增加對傳統(tǒng)藝術(shù)設(shè)計方面的教學(xué)內(nèi)容，如構(gòu)圖、色彩、設(shè)計思維等知識，并進行相應(yīng)的實踐練習，以此培養(yǎng)學(xué)生基本的審美能力和在設(shè)計上的創(chuàng)新能力，這樣才能讓網(wǎng)頁制作技術(shù)服務(wù)于網(wǎng)頁設(shè)計，從而真正體現(xiàn)出“設(shè)計”，避免舍本逐末。
4.補充對主流技術(shù)的教學(xué)。
互聯(lián)網(wǎng)的發(fā)展日新月異，新的技術(shù)不斷涌現(xiàn)，作為《網(wǎng)頁設(shè)計與制作》的任課教師，應(yīng)該具備一定的判斷能力，將未來網(wǎng)頁設(shè)計技術(shù)發(fā)展的新趨勢呈現(xiàn)給學(xué)生，幫助他們緊跟行業(yè)動態(tài)，為將來就業(yè)打下良好基礎(chǔ)。
三、結(jié)束語
《網(wǎng)頁設(shè)計與制作》作為一門開設(shè)多年的課程，在教學(xué)內(nèi)容的設(shè)計上必須要關(guān)注行業(yè)的最新動態(tài)，同時明確課程的核心內(nèi)容，才能培養(yǎng)出社會所需要的網(wǎng)頁設(shè)計人才。
作者：韋喆哲 單位：廣西經(jīng)濟管理干部學(xué)院信息管理系
摘要:
目前，高職院校的教學(xué)積極推行項目教學(xué)法。本文在應(yīng)用項目化教學(xué)實踐的基礎(chǔ)上，以“網(wǎng)頁設(shè)計”課程為例，分析了實施項目教學(xué)的必要性，提出了實施項目教學(xué)的思路和應(yīng)該引起思考的幾個問題。
關(guān)鍵詞:
項目教學(xué);高職教學(xué);網(wǎng)頁設(shè)計
高職教育的培養(yǎng)目標是培養(yǎng)適應(yīng)經(jīng)濟社會發(fā)展需要的高素質(zhì)技能型應(yīng)用型人才，使其獲得在合適的職業(yè)崗位上工作所需要的各種職業(yè)能力，因此，高職教育具有鮮明的職業(yè)性特點。根據(jù)目前國際普遍認同的以職業(yè)活動為導(dǎo)向的職業(yè)教育觀，在高職院校專業(yè)課程教學(xué)中應(yīng)用項目教學(xué)法，讓學(xué)生在參與項目、完成項目的過程中深刻體驗并真正掌握實用性技能，是當前高職教育教學(xué)改革應(yīng)該研究和探索的重點領(lǐng)域。在高職計算機類專業(yè)課程中，“網(wǎng)頁設(shè)計”是一門實用性很強的專業(yè)課，要求學(xué)生具備獨立設(shè)計并制作具有一定水平的網(wǎng)站、網(wǎng)頁的相關(guān)知識和能力，使用傳統(tǒng)的教學(xué)方法已不能滿足此類課程教學(xué)的要求，應(yīng)用項目教學(xué)法正適合此類課程教學(xué)改革之需要。
1“網(wǎng)頁設(shè)計”課程實施項目化教學(xué)的必要性
根據(jù)教育部《關(guān)于全面提高高等職業(yè)教育教學(xué)質(zhì)量的若干意見》，高職教學(xué)應(yīng)積極推行項目導(dǎo)向等有利于增強學(xué)生能力的教學(xué)模式，從而更好地提高學(xué)生的職業(yè)能力和實踐能力。項目教學(xué)法是通過實施一個完整的項目而進行的教學(xué)活動，通過理論教學(xué)與實踐教學(xué)有機結(jié)合，提升學(xué)生的創(chuàng)造能力以及獨立解決實際問題的綜合能力。通過創(chuàng)設(shè)驅(qū)動性的任務(wù)，讓學(xué)生參與或自主完成一個完整系統(tǒng)的項目，學(xué)會使用項目化的工作方式，了解項目的整個操作過程，認識到如何系統(tǒng)地去完成一個項目，進而培養(yǎng)學(xué)生的自學(xué)能力、動手能力和創(chuàng)造能力，啟發(fā)學(xué)生更多地深入思考，同時也讓學(xué)生從中學(xué)會如何進行團隊合作、控制工作進度等方面的綜合能力。“網(wǎng)頁設(shè)計”課程是高職院校計算機相關(guān)專業(yè)的主要技能課程之一。使用傳統(tǒng)的教學(xué)和實訓(xùn)方式，無法讓學(xué)生真正體驗到工作任務(wù)完成的整個流程，學(xué)生到工作崗位上還是無法及時適應(yīng)工作環(huán)境，較難順利完成工作任務(wù)。為使學(xué)生能在將來更好地勝任其工作崗位，“網(wǎng)頁設(shè)計”課程從教學(xué)模式到教學(xué)方法、案例選擇都應(yīng)以項目教學(xué)為目標，力求教學(xué)環(huán)境和學(xué)習環(huán)境接近真實的工作場景，讓學(xué)生自主、獨立地完成項目任務(wù)。教師的角色應(yīng)由原來單純的講授者轉(zhuǎn)變?yōu)榄h(huán)境和資源的提供者，以及控制項目流程的引導(dǎo)者;學(xué)生則由學(xué)習的被動接受者轉(zhuǎn)變?yōu)轫椖康闹鲗?dǎo)者和實施者，項目最終完成到什么程度由學(xué)生自己決定。項目教學(xué)真實地還原了工作崗位上的任務(wù)實現(xiàn)環(huán)節(jié)，學(xué)生的工作體驗也更接近現(xiàn)實，創(chuàng)造性也得到了提升，很好地實現(xiàn)了工學(xué)結(jié)合。
2項目教學(xué)法在“網(wǎng)頁設(shè)計”課程教學(xué)中的應(yīng)用
高職院校計算機類專業(yè)的“網(wǎng)頁設(shè)計”課程，主要是通過一到兩個學(xué)期的學(xué)習，使學(xué)生能夠獨立完成若干個不同類型網(wǎng)站的制作，成為比較專業(yè)的網(wǎng)站建設(shè)人員。在該課程的教學(xué)中運用項目教學(xué)法，教師要根據(jù)教學(xué)進度和教學(xué)大綱制定教學(xué)計劃，選擇合適的項目并確定其難易程度，同時要合理規(guī)定項目中的各個任務(wù)，將相關(guān)的理論知識和操作技能分散到各個任務(wù)中，并保證知識的繼承性及項目間的連貫性;同時，教師依據(jù)教學(xué)任務(wù)，預(yù)測好教學(xué)中可能出現(xiàn)的理論和操作問題，搜集相關(guān)的資料并介紹給學(xué)生。學(xué)生根據(jù)教師的教學(xué)安排對各任務(wù)進行分析，提出解決方案并實施項目，完成任務(wù)。
2．1創(chuàng)設(shè)情境，提出任務(wù)
項目應(yīng)該是來源于真實工作情境的，具備典型性和職業(yè)性的工作任務(wù)。通過教師介紹項目，把學(xué)生引入到需要通過某知識點來解決現(xiàn)實問題的情境中，并適時提出完成該項目所需要解決的若干個任務(wù)。例如，通過介紹當前商務(wù)網(wǎng)站的發(fā)展狀況、應(yīng)用前景及人才需求，引入情境并提出項目名稱“商務(wù)網(wǎng)站設(shè)計與制作”。要完成該項目，需要完成幾個任務(wù):任務(wù)一，認識與策劃電子商務(wù)類網(wǎng)站;任務(wù)二，使用表格布局頁面;任務(wù)三，制作網(wǎng)站LOGO及頁面圖片;任務(wù)四，制作一級頁面;任務(wù)五，CSS樣式表的應(yīng)用。
2．2示范操作，解決任務(wù)
圍繞學(xué)習的知識點，按照便于學(xué)生知識遷移的要求，教師為學(xué)生示范項目中每個任務(wù)的解決過程。教學(xué)最好是在多媒體機房進行，通過廣播軟件，邊講邊練，講練結(jié)合，以練為主。在講授過程中，要注意引導(dǎo)學(xué)生思考，引導(dǎo)學(xué)生自覺地學(xué)習理論知識和操作方法。教師的講解過程主要是分析任務(wù)內(nèi)容、講解知識與技巧、理清解決問題的思路，并引導(dǎo)學(xué)生操作。課堂的大部分時間應(yīng)分配給學(xué)生自主操作，教師在巡視過程中隨時解決學(xué)生操作過程中遇到的問題。
2．3獨立探索，領(lǐng)會思路
項目教學(xué)的重點在于剖析任務(wù)內(nèi)容及完成方法，具體實施流程在教師示范后由學(xué)生動手操作。要讓學(xué)生獨立思考，對知識點和操作要領(lǐng)進行理解和實踐，消化吸收項目任務(wù)中的要點。這個階段，教師要鼓勵學(xué)生自己去摸索掌握隱性知識。所謂隱性知識，是課本里沒有涉及而實際操作中會用到的知識。比如，課本里對網(wǎng)頁制作中涉及的“層”的概念有詳盡的說明，這是顯性知識;而在實際操作中，怎樣精確定位“層”是課本里沒有涉及的，需要學(xué)生在操作中探索和總結(jié)，這就是隱性知識。對此類的隱性知識，學(xué)生只有在完成項目任務(wù)的過程中親自操作才能發(fā)現(xiàn)并學(xué)習到，但此類知識對于勝任將來的職業(yè)崗位又是必不可少的。
2．4拓展訓(xùn)練，協(xié)作學(xué)習
讓學(xué)生開展小組交流、討論，組員分工協(xié)作，共同完成能力拓展訓(xùn)練項目。這有利于培養(yǎng)學(xué)生的協(xié)作能力和創(chuàng)新能力，提高學(xué)生的動手能力和學(xué)習的主動性、積極性。能力拓展訓(xùn)練的內(nèi)容應(yīng)該基于任務(wù)內(nèi)容，又難于任務(wù)內(nèi)容，學(xué)生要想完成這些訓(xùn)練任務(wù)，需要通過自身能力獲得相關(guān)知識，這樣可以培養(yǎng)學(xué)生的自學(xué)能力。
2．5成果展示，評價總結(jié)
學(xué)生學(xué)習的效果直接由項目的完成情況來決定。網(wǎng)站制作過程中的每一個項目完成后，先經(jīng)過教師查看驗收，然后對完成的階段性成果進行展示，由項目負責人對本階段的完成情況進行介紹，然后通過教師評價、學(xué)生評價及團隊自評的方式全面考評項目完成質(zhì)量。在評價時不僅要評價優(yōu)劣，還要指出問題所在，提出改進意見或修改建議，讓學(xué)生在課后繼續(xù)完善。
3“網(wǎng)頁設(shè)計”課程應(yīng)用項目教學(xué)法應(yīng)注意的問題
3．1項目教學(xué)的成功需要教師的合理引導(dǎo)
在項目教學(xué)過程中，教師要仔細觀察學(xué)生的學(xué)習進度及能力發(fā)展情況，及時處理學(xué)生學(xué)習中出現(xiàn)的問題;要更注重激發(fā)學(xué)生的能動性，給學(xué)生更多自由發(fā)揮的空間。項目教學(xué)離不開教師對學(xué)生的引導(dǎo)。一方面教師應(yīng)引導(dǎo)學(xué)生按照教材的提示完成項目的實踐操作，另一方面還應(yīng)引導(dǎo)學(xué)生運用所學(xué)知識適當拓展其他新的知識。
3．2項目教學(xué)法的應(yīng)用需要教師改變觀念
項目教學(xué)法不是傳統(tǒng)的以理論為主的教學(xué)方式。在項目教學(xué)中，要針對整個課程從宏觀上設(shè)計一個系統(tǒng)化項目，這個項目再分成若干個部分，這些部分要能覆蓋教學(xué)大綱所要求的所有知識，并合理地分配到每個章節(jié)、每個任務(wù)中，這些都需要教師轉(zhuǎn)變觀念。開展項目教學(xué)的教師需要對本課程有深厚的理論功底和較廣泛的專業(yè)知識面，同時還要有較強的綜合能力，包括實踐經(jīng)驗、創(chuàng)新能力和應(yīng)變能力等。
3．3項目的選擇應(yīng)注重實用性
采用項目教學(xué)法的教學(xué)內(nèi)容需要選擇一個合適而實用的項目。項目應(yīng)來自于職業(yè)崗位，或是真實工作所需，可以是設(shè)計一個具有實際應(yīng)用價值的網(wǎng)站，也可以是一項其他的具體工作任務(wù)。這樣的項目才能激發(fā)學(xué)生的學(xué)習積極性，培養(yǎng)學(xué)生的專業(yè)能力。
作者：徐媛 單位：濰坊職業(yè)學(xué)院信息工程學(xué)院