一、《ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》的教學(xué)現(xiàn)狀

在進(jìn)行ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)過(guò)程中最忌諱的問(wèn)題之一就是設(shè)計(jì)代碼中出現(xiàn)單詞拼寫(xiě)錯(cuò)誤。這并不是一個(gè)嚴(yán)重性的問(wèn)題，但是其會(huì)影響ASP動(dòng)態(tài)網(wǎng)頁(yè)的應(yīng)用。這一問(wèn)題出現(xiàn)的主要原因是中職學(xué)生英語(yǔ)水平低，未能有效的掌握ASP動(dòng)態(tài)網(wǎng)頁(yè)代碼編寫(xiě)中需要運(yùn)用的英語(yǔ)單詞，在進(jìn)行代碼編寫(xiě)中就會(huì)出現(xiàn)英語(yǔ)單詞拼寫(xiě)錯(cuò)誤的情況。對(duì)于此種情況，中職學(xué)校一定要注重英語(yǔ)課程教學(xué)，在課程教學(xué)中插入一些關(guān)于ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)方面的英語(yǔ)知識(shí)、英語(yǔ)單詞等，促使學(xué)生在進(jìn)行ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中不會(huì)再出現(xiàn)單詞拼寫(xiě)錯(cuò)誤的問(wèn)題。

二、“一體化”教學(xué)方法的應(yīng)用

“一體化”教學(xué)方法就是指教學(xué)內(nèi)容、教學(xué)形式在“講”和“練”兩方面做到有機(jī)結(jié)合，專(zhuān)業(yè)理論與實(shí)踐操作做到有機(jī)結(jié)合。讓師生雙方邊教、邊學(xué)、邊做，邊發(fā)現(xiàn)問(wèn)題，邊提高，把理論和實(shí)踐緊密結(jié)合起來(lái)，不斷提高學(xué)生技能水平，完成教學(xué)任務(wù)和目標(biāo)。由ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程專(zhuān)業(yè)性強(qiáng)。涉及面廣等特點(diǎn)所致，在運(yùn)用“一體化”教學(xué)方法之前一定要就課程。學(xué)生、教學(xué)情況等方面進(jìn)行詳細(xì)的分析，進(jìn)而制定有效的，合理的教學(xué)方案。需要注意的是要保證所設(shè)計(jì)的教學(xué)方案能夠提高學(xué)生的學(xué)習(xí)興趣，積極主動(dòng)投入i到課程學(xué)習(xí)中。下面就教學(xué)案例的實(shí)施和教學(xué)過(guò)程說(shuō)明如下：

（一）教學(xué)設(shè)備與場(chǎng)地

集中在計(jì)算機(jī)實(shí)驗(yàn)機(jī)房開(kāi)展教學(xué)。設(shè)備配置保證能做到全部學(xué)生一人一臺(tái)計(jì)算機(jī)，提供局域網(wǎng)環(huán)境進(jìn)行、測(cè)試論壇。

（二）教學(xué)目標(biāo)清晰，分階段完成

摘要：西安翻譯學(xué)院的面向非計(jì)算機(jī)專(zhuān)業(yè)本科學(xué)生所開(kāi)設(shè)的“網(wǎng)頁(yè)設(shè)計(jì)”課程是一門(mén)公共基礎(chǔ)課，也是3個(gè)信息技術(shù)課程中的一門(mén)必修課，共計(jì)32課時(shí)（其中理論16課時(shí)、實(shí)踐16課時(shí)）。如何讓學(xué)生在有限的時(shí)間內(nèi)全面提高信息技術(shù)的處理能力和素養(yǎng)水平，一直是本課程教學(xué)團(tuán)隊(duì)研究和探索的重要話(huà)題。文中主要從學(xué)情分析、線上線下的教學(xué)模式、過(guò)程考核及學(xué)生成績(jī)這幾方面來(lái)闡述本課程的改革內(nèi)容及效果。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；混合式教學(xué)；教學(xué)模式；過(guò)程考核

0引言

在我校2017版本科專(zhuān)業(yè)人才培養(yǎng)方案的指導(dǎo)性意見(jiàn)中指出非計(jì)算機(jī)類(lèi)專(zhuān)業(yè)的計(jì)算機(jī)應(yīng)用類(lèi)課程體系：計(jì)算機(jī)學(xué)習(xí)注重計(jì)算機(jī)應(yīng)用能力培養(yǎng)與專(zhuān)業(yè)需求相結(jié)合，采用“必修＋選修＋自主學(xué)習(xí)”模式，即實(shí)行三層次教學(xué)，第一層次為必修課程，是為了加強(qiáng)學(xué)生對(duì)計(jì)算機(jī)基礎(chǔ)知識(shí)、辦公軟件的學(xué)習(xí)能力以及程序設(shè)計(jì)能力培養(yǎng)；第二層次為選修課，為通用性技術(shù)基礎(chǔ)教育；第三層次為了加強(qiáng)學(xué)生自主學(xué)習(xí)能力，采取“專(zhuān)業(yè)指導(dǎo)＋專(zhuān)門(mén)訓(xùn)練”模式，主要依據(jù)專(zhuān)業(yè)特點(diǎn)設(shè)置計(jì)算機(jī)應(yīng)用類(lèi)專(zhuān)題模塊。我校的外語(yǔ)類(lèi)專(zhuān)業(yè)的人才培養(yǎng)模式是“外語(yǔ)＋專(zhuān)業(yè)＋現(xiàn)代技能”，非外語(yǔ)類(lèi)專(zhuān)業(yè)的人才培養(yǎng)模式是“專(zhuān)業(yè)＋外語(yǔ)＋現(xiàn)代技能”，無(wú)論哪個(gè)專(zhuān)業(yè)，其中計(jì)算機(jī)基礎(chǔ)是現(xiàn)代化技能重要組成。

1該課程學(xué)生學(xué)習(xí)的現(xiàn)狀

1．1“網(wǎng)頁(yè)設(shè)計(jì)”課程定位。該課程是所有非計(jì)算機(jī)專(zhuān)業(yè)的通識(shí)必修公共基礎(chǔ)課，是一門(mén)操作性和實(shí)踐性很強(qiáng)的課程，學(xué)生在完成了先修課程“大學(xué)計(jì)算機(jī)基礎(chǔ)”、“高級(jí)辦公自動(dòng)化”的學(xué)習(xí)后，掌握了計(jì)算機(jī)基本知識(shí)和原理以及一些辦公應(yīng)用軟件的使用，本課程旨在以實(shí)用為原則，培養(yǎng)學(xué)生的計(jì)算思維、創(chuàng)造性思維、探究式學(xué)習(xí)等應(yīng)用能力，以適應(yīng)“互聯(lián)網(wǎng)＋”時(shí)代社會(huì)對(duì)人才的需求［1］。其主要內(nèi)容包括創(chuàng)建與管理站點(diǎn)；設(shè)計(jì)基本圖文網(wǎng)頁(yè)；使用圖像、多媒體和超鏈接等技術(shù)制作網(wǎng)頁(yè)；利用表格、層和Spry菜單、框架排列網(wǎng)頁(yè)中的數(shù)據(jù)，設(shè)計(jì)使用CSS＋Div樣式美化布局網(wǎng)頁(yè)、給網(wǎng)頁(yè)對(duì)象添加行為特效、創(chuàng)建表單網(wǎng)頁(yè)、使用模板和庫(kù)制作小型網(wǎng)站等。

1．2“網(wǎng)頁(yè)設(shè)計(jì)”課程目標(biāo)。以學(xué)生能獨(dú)立完成靜態(tài)網(wǎng)站開(kāi)發(fā)和維護(hù)的實(shí)際工作能力為學(xué)習(xí)目標(biāo)，要求學(xué)生掌握HTML語(yǔ)言的文檔結(jié)構(gòu)和基本標(biāo)簽使用，能綜合應(yīng)用DreamweaverCS6軟件、HTML和CSS技術(shù)制作網(wǎng)頁(yè)，掌握規(guī)劃、開(kāi)發(fā)、和管理靜態(tài)網(wǎng)站的專(zhuān)業(yè)知識(shí)和技能。通過(guò)這種有代表性的網(wǎng)頁(yè)制作軟件的使用，掌握網(wǎng)站設(shè)計(jì)的全過(guò)程，并能熟練地制作出有專(zhuān)業(yè)水準(zhǔn)的網(wǎng)站，培養(yǎng)學(xué)生克服困難的精神、理論應(yīng)用于實(shí)踐和解決實(shí)際問(wèn)題的能力，為今后的工作打下良好的基礎(chǔ)［2］。通過(guò)本課程的學(xué)習(xí)，使學(xué)生掌握網(wǎng)絡(luò)信息檢索方面的知識(shí)；在網(wǎng)站制作的過(guò)程中要對(duì)站點(diǎn)進(jìn)行建立并實(shí)時(shí)管理，具備文件及文件夾的整理及管理能力；不僅鞏固了一年級(jí)學(xué)習(xí)的文檔處理能力等一系列的過(guò)程，而且還綜合利用本階段所學(xué)知識(shí)在課堂上自主完成網(wǎng)站的需求分析、網(wǎng)站設(shè)計(jì)和網(wǎng)站測(cè)試，體現(xiàn)了對(duì)學(xué)生信息素養(yǎng)能力、計(jì)算思維能力和探究式學(xué)習(xí)能力的培養(yǎng)，有效發(fā)揮了考核的激勵(lì)作用，為學(xué)生的終身學(xué)習(xí)奠定基礎(chǔ)［3］。也使非計(jì)算機(jī)專(zhuān)業(yè)類(lèi)本科學(xué)生的計(jì)算機(jī)知識(shí)在在校期間學(xué)習(xí)最后一門(mén)計(jì)算機(jī)課程“網(wǎng)頁(yè)設(shè)計(jì)”中都能夠融會(huì)貫通。

摘要：

本文分析電子商務(wù)專(zhuān)業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀，并探討了電子商務(wù)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)、實(shí)施及考核環(huán)節(jié)，通過(guò)該課程教學(xué)改革提高學(xué)生學(xué)習(xí)興趣，并能提升個(gè)人建設(shè)網(wǎng)站的綜合能力和素質(zhì)。

關(guān)鍵詞：

電子商務(wù)；網(wǎng)頁(yè)設(shè)計(jì)與制作；學(xué)習(xí)反饋；任務(wù)循環(huán)

1網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀

（1）學(xué)生欠缺計(jì)算機(jī)和美學(xué)設(shè)計(jì)基礎(chǔ)知識(shí)。

沒(méi)有計(jì)算機(jī)基礎(chǔ)課程，且課程學(xué)習(xí)課時(shí)較少，對(duì)網(wǎng)頁(yè)基礎(chǔ)知識(shí)理解較為費(fèi)解，美學(xué)設(shè)計(jì)的欠缺，導(dǎo)致網(wǎng)頁(yè)設(shè)計(jì)能力差，雖然能夠也能制作簡(jiǎn)單網(wǎng)頁(yè)，往往布局不合理。審美能力弱，有時(shí)追求個(gè)性，制作的網(wǎng)頁(yè)往往花里胡哨，內(nèi)容和主題不一致，導(dǎo)致網(wǎng)頁(yè)視覺(jué)效果差。

摘要：基于Web技術(shù)的應(yīng)用程序在網(wǎng)絡(luò)中使用的越來(lái)越廣泛，因此網(wǎng)頁(yè)設(shè)計(jì)師及網(wǎng)站開(kāi)發(fā)者越來(lái)越受到重視，并且對(duì)他們的需求量也急劇增加。本文討論了網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)站開(kāi)發(fā)者需要掌握的技能和知識(shí)，并從教學(xué)內(nèi)容、教學(xué)方法和教學(xué)評(píng)價(jià)方法三個(gè)方面詳細(xì)闡述了網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)課程體系的建設(shè)。該課程體系目前正在應(yīng)用于當(dāng)前的教學(xué)過(guò)程中，并取得了一些較好的效果。

關(guān)鍵詞：課程體系建設(shè)；教學(xué)內(nèi)容；教學(xué)方法；教學(xué)評(píng)價(jià)

隨著計(jì)算機(jī)和網(wǎng)絡(luò)的迅速發(fā)展和普及，越來(lái)越多的人喜歡通過(guò)網(wǎng)絡(luò)獲取信息，很多企業(yè)都想通過(guò)網(wǎng)站信息從而宣傳自己。在這樣的情況下，企業(yè)需要更多的網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)站開(kāi)發(fā)人員為自己的公司建立網(wǎng)頁(yè)，從而打造形象和銷(xiāo)售產(chǎn)品。根據(jù)社會(huì)對(duì)人才的市場(chǎng)需求，高職院校確定其培養(yǎng)目標(biāo)為培養(yǎng)高素質(zhì)和高技能的應(yīng)用型人才。如何設(shè)計(jì)具有創(chuàng)新風(fēng)格的網(wǎng)頁(yè)，成為高職計(jì)算機(jī)專(zhuān)業(yè)學(xué)生所必須掌握的技能。為了滿(mǎn)足社會(huì)的需要，大多數(shù)高校都開(kāi)設(shè)了網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)課程，該課程教授學(xué)生如何設(shè)計(jì)網(wǎng)頁(yè)和開(kāi)發(fā)網(wǎng)頁(yè)網(wǎng)站。

一、網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)的崗位技術(shù)分析

網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站開(kāi)發(fā)都需要有專(zhuān)業(yè)的技能，這些技能涉及網(wǎng)絡(luò)技術(shù)、編程技術(shù)以及動(dòng)畫(huà)設(shè)計(jì)等知識(shí)。基于網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站的不同的社會(huì)需求，將職位劃分為網(wǎng)頁(yè)美工設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師、動(dòng)態(tài)Web網(wǎng)站開(kāi)發(fā)和網(wǎng)站維護(hù)人員。1.網(wǎng)頁(yè)美工設(shè)計(jì)師。該職位強(qiáng)調(diào)網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)，且設(shè)計(jì)師應(yīng)該有比較好的審美能力和創(chuàng)新能力，并且對(duì)色彩和平面設(shè)計(jì)有自己獨(dú)到的見(jiàn)解。網(wǎng)頁(yè)美工設(shè)計(jì)師還可以規(guī)劃網(wǎng)頁(yè)的布局和設(shè)計(jì)獨(dú)特的網(wǎng)頁(yè)。2.網(wǎng)頁(yè)設(shè)計(jì)師。網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)具備一定的美術(shù)基礎(chǔ)，熟悉網(wǎng)頁(yè)開(kāi)發(fā)的步驟和流程，并且應(yīng)該精通HTML、XHTML、CSS、CSS+DIV和JavaScript等設(shè)計(jì)語(yǔ)言。3.動(dòng)態(tài)Web開(kāi)發(fā)人員。該職位旨在從后端數(shù)據(jù)庫(kù)訪問(wèn)數(shù)據(jù)并顯示這些數(shù)據(jù)。動(dòng)態(tài)Web開(kāi)發(fā)人員應(yīng)該具有網(wǎng)頁(yè)設(shè)計(jì)知識(shí)，可以開(kāi)發(fā)后臺(tái)應(yīng)用程序并將其嵌入到HTML語(yǔ)句中。動(dòng)態(tài)Web開(kāi)發(fā)者還可以測(cè)試、上傳和整個(gè)網(wǎng)站。另外，動(dòng)態(tài)Web開(kāi)發(fā)者也應(yīng)該精通PHP、asp或jsp，而且熟悉SQLServer、MySQL或Oracle等數(shù)據(jù)庫(kù)。4.網(wǎng)站維護(hù)人員。該職位的工作人員主要是處理和網(wǎng)站投入使用后的相關(guān)信息。網(wǎng)站維護(hù)人員必須處理網(wǎng)站在使用過(guò)程中所出現(xiàn)的所有問(wèn)題。網(wǎng)站維護(hù)人員應(yīng)具有一定的網(wǎng)頁(yè)設(shè)計(jì)與動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)知識(shí)和技能，并且能夠提高網(wǎng)站的性能和可靠性，使用搜索引擎優(yōu)化信息，推廣網(wǎng)站。通過(guò)上面對(duì)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)的職業(yè)分析，我們知道網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)站開(kāi)發(fā)者應(yīng)該具有設(shè)計(jì)網(wǎng)頁(yè)能力、編程能力、藝術(shù)視覺(jué)能力和網(wǎng)站維護(hù)管理能力等。因此，我們應(yīng)該構(gòu)建一系列培養(yǎng)學(xué)生這些技能的課程體系，而不是一個(gè)單一的課程。這些課程是相互依存、相互貫通的，并構(gòu)成了一個(gè)整體課程體系。

二、課程體系的內(nèi)容

高職院校的目標(biāo)是培養(yǎng)學(xué)生的職業(yè)能力，所以所開(kāi)設(shè)的課程應(yīng)該是以職業(yè)能力為本。根據(jù)網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站開(kāi)發(fā)職位技能要求，設(shè)置為有關(guān)圖形和圖像、網(wǎng)頁(yè)設(shè)計(jì)、動(dòng)態(tài)Web開(kāi)發(fā)、網(wǎng)站管理和維護(hù)的相關(guān)課程。不同的課程有不同的主題和內(nèi)容，但是這些課程都專(zhuān)注于同樣的目標(biāo)———網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)。因?yàn)檎n程包含的知識(shí)點(diǎn)非常多，因此合理的整合與劃分教學(xué)內(nèi)容是有益于教學(xué)效果的。1.設(shè)置圖形和圖像課程。如今，一個(gè)內(nèi)容豐富、富有創(chuàng)意的好網(wǎng)頁(yè)能長(zhǎng)時(shí)間的吸引顧客的目光。設(shè)計(jì)師喜歡使用圖標(biāo)、圖片和動(dòng)畫(huà)美化他們的網(wǎng)頁(yè)，因此在開(kāi)始設(shè)計(jì)網(wǎng)站之前，學(xué)生應(yīng)該有對(duì)圖標(biāo)、圖片和動(dòng)畫(huà)的一些想法。根據(jù)所用的軟件功能、適用性和難易程度，設(shè)置有關(guān)Photoshop、CorelDraw和Flash等圖像處理軟件如何使用的課程內(nèi)容，通過(guò)這些課程，學(xué)生對(duì)圖片的顏色和構(gòu)圖處理等就會(huì)有一些自己的想法，他們可以使用這些軟件處理圖像和制作動(dòng)畫(huà)。2.設(shè)置網(wǎng)頁(yè)設(shè)計(jì)課程。網(wǎng)頁(yè)設(shè)計(jì)的目的是使用一個(gè)有吸引力的網(wǎng)站風(fēng)格來(lái)顯示信息。HTML語(yǔ)言是網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)語(yǔ)言，該語(yǔ)言是貫穿在整個(gè)教學(xué)過(guò)程中的。事實(shí)上，理解了HTML語(yǔ)言是有益于熟練掌握使用Dreamweaver網(wǎng)頁(yè)制作軟件的，因此HTML對(duì)于一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)是必須掌握的。不過(guò)，一個(gè)專(zhuān)業(yè)的網(wǎng)站是不能僅僅依靠HTML就能制作出來(lái)的，因此作為目前廣泛用于管理界面網(wǎng)頁(yè)的設(shè)計(jì)，它有效的彌補(bǔ)了HTML的缺點(diǎn)，可以說(shuō)，一個(gè)網(wǎng)站的內(nèi)容和構(gòu)架由HTML決定，而網(wǎng)站的表現(xiàn)形式卻由CSS決定。類(lèi)似的，Dreamweaver也是一款網(wǎng)頁(yè)設(shè)計(jì)的非常好的軟件，它能夠提高網(wǎng)頁(yè)設(shè)計(jì)的效率，也能有效地管理和組織網(wǎng)站文件。除此之外，JavaScript語(yǔ)言也是網(wǎng)頁(yè)設(shè)計(jì)中一門(mén)非常重要的語(yǔ)言，JavaScript決定網(wǎng)頁(yè)的動(dòng)作行為，并產(chǎn)生一些特殊效果。3.設(shè)置動(dòng)態(tài)Web開(kāi)發(fā)課程。編程語(yǔ)言和數(shù)據(jù)庫(kù)是動(dòng)態(tài)Web開(kāi)發(fā)課程中必學(xué)的兩種技能。目前，比較流行的Web編程語(yǔ)言主要有jsp、asp和php，而廣泛使用的數(shù)據(jù)庫(kù)主要有Oracle、SQLServer、MySQL等數(shù)據(jù)管理系統(tǒng)。根據(jù)企業(yè)的需求，我們選擇PHP作為Web編程語(yǔ)言，選擇MySQL作為主要的數(shù)據(jù)管理系統(tǒng)。因此，動(dòng)態(tài)Web開(kāi)發(fā)課程主要包含的兩門(mén)課程為PHP編程語(yǔ)言和MySQL數(shù)據(jù)庫(kù)。對(duì)高職院校的學(xué)生來(lái)說(shuō)，教授他們?nèi)绾问褂脭?shù)據(jù)庫(kù)比教授他們有關(guān)數(shù)據(jù)庫(kù)的理論知識(shí)更重要，高職學(xué)生只需掌握如何創(chuàng)建數(shù)據(jù)庫(kù)、連接數(shù)據(jù)庫(kù)以及添加、刪除、編輯、查詢(xún)數(shù)據(jù)表單以形成數(shù)據(jù)庫(kù)的相關(guān)技能。在教授這些課程時(shí)，可以選擇網(wǎng)上購(gòu)物項(xiàng)目作為教學(xué)項(xiàng)目的案例。4.設(shè)置網(wǎng)站管理和維護(hù)課程。企業(yè)網(wǎng)站在用戶(hù)使用之后對(duì)網(wǎng)站的數(shù)據(jù)管理、維護(hù)、網(wǎng)站推廣和網(wǎng)站優(yōu)化等處理都是很重要的工作，網(wǎng)站管理和維護(hù)的相關(guān)課程分析了網(wǎng)站的設(shè)計(jì)和其構(gòu)架的可改進(jìn)意見(jiàn)。這些課程涉及的相關(guān)技術(shù)有搜索引擎優(yōu)化（SEO）技術(shù)和一些著名搜索引擎的排序方法。

【摘要】基于翻轉(zhuǎn)課堂的混合式教學(xué)模式是將翻轉(zhuǎn)課堂和混合式學(xué)習(xí)進(jìn)行有效整合、優(yōu)勢(shì)互補(bǔ)的一種新型教學(xué)模式。《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程具有很強(qiáng)的實(shí)踐性和創(chuàng)造性，與翻轉(zhuǎn)課堂廣泛采用的研討式、項(xiàng)目任務(wù)驅(qū)動(dòng)式學(xué)習(xí)模式相吻合，筆者在課堂教學(xué)中對(duì)“基于翻轉(zhuǎn)課堂的混合式教學(xué)模式”進(jìn)行了有效的探索與實(shí)踐，取得了較好的教學(xué)效果。

【關(guān)鍵詞】翻轉(zhuǎn)課堂；混合式學(xué)習(xí)；《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程；教學(xué)模式

近年來(lái)，由于信息技術(shù)和網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和普及，涌現(xiàn)出了混合式教學(xué)、慕課、微課、翻轉(zhuǎn)課堂等基于信息技術(shù)和網(wǎng)絡(luò)的教學(xué)新模式及資源新類(lèi)型[1]，為傳統(tǒng)的教學(xué)模式帶來(lái)了機(jī)遇和挑戰(zhàn)，如何在“互聯(lián)網(wǎng)+”時(shí)代實(shí)現(xiàn)信息化教育與傳統(tǒng)教育優(yōu)勢(shì)互補(bǔ)是擺在一線教師面前的現(xiàn)實(shí)問(wèn)題。基于翻轉(zhuǎn)課堂的混合式教學(xué)是現(xiàn)今教學(xué)改革與實(shí)踐的熱門(mén)課題，為傳統(tǒng)教學(xué)模式改革、數(shù)字化教學(xué)資源建設(shè)、創(chuàng)新性教學(xué)評(píng)價(jià)提供了技術(shù)支持與資源保障[2]。

一、基于翻轉(zhuǎn)課堂的混合式教學(xué)模式簡(jiǎn)述

基于翻轉(zhuǎn)課堂的混合式教學(xué)模式，是將翻轉(zhuǎn)課堂和混合式學(xué)習(xí)進(jìn)行有效整合、優(yōu)勢(shì)互補(bǔ)的一種新型教學(xué)模式。新媒體聯(lián)盟和美國(guó)高校教育信息化協(xié)會(huì)共同的《地平線報(bào)告2016高等教育版》把翻轉(zhuǎn)課堂視為高等教育領(lǐng)域一年內(nèi)投入使用的技術(shù)，也是最常用的混合式教學(xué)模式之一[3]。

二、構(gòu)建基于翻轉(zhuǎn)課堂的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程混合式教學(xué)模式的優(yōu)勢(shì)

（一)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)存在的問(wèn)題

【摘要】

目前，生態(tài)化的需求不僅僅局限于自然環(huán)境領(lǐng)域，已慢慢滲透到社會(huì)生活的各個(gè)方面，教育領(lǐng)域也不例外。教學(xué)模式作為教學(xué)活動(dòng)中的重要組成部分，教育生態(tài)化要想實(shí)現(xiàn)，教學(xué)生態(tài)模式的實(shí)現(xiàn)必不可少。隨著慕課逐漸進(jìn)入日常的課程教學(xué)中，應(yīng)用慕課這種形式，并將與日常的課堂教學(xué)方式相結(jié)合，這種形式猛烈沖擊了傳統(tǒng)的課堂教學(xué)模式。而在將慕課與網(wǎng)頁(yè)設(shè)計(jì)課程的相結(jié)合，并以此來(lái)構(gòu)建教學(xué)生態(tài)模式的過(guò)程中，如何解決教學(xué)內(nèi)容與各教學(xué)模式之間的對(duì)應(yīng)關(guān)系、教師與學(xué)生在此過(guò)程中的地位和作用以及學(xué)習(xí)方式等成為急需解決的問(wèn)題。

【關(guān)鍵詞】

慕課；網(wǎng)頁(yè)設(shè)計(jì)課程；構(gòu)建策略；教學(xué)生態(tài)模式

在信息時(shí)代，各種各樣的新技術(shù)和新理念對(duì)課程資源和教學(xué)模式產(chǎn)生巨大的沖擊。在混合學(xué)習(xí)和移動(dòng)學(xué)習(xí)的大背景下，多種樣式的新課程形式在這一大環(huán)境下應(yīng)運(yùn)而生，其中也包括規(guī)模大的、在線的、低門(mén)檻的課程形式———慕課，慕課的出現(xiàn)對(duì)傳統(tǒng)的知識(shí)傳輸形式產(chǎn)生一定的影響。本文從慕課這一課程形式出發(fā)，以教學(xué)生態(tài)為理論基點(diǎn)，結(jié)合社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員的實(shí)際要求，來(lái)探討網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)生態(tài)模式的構(gòu)建策略。

1．慕課與網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)生態(tài)的相關(guān)性分析

慕課與網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)生態(tài)的相關(guān)性分析可大致劃分為以下幾個(gè)方面：慕課與教學(xué)生態(tài)理念相互影響的大背景、學(xué)習(xí)輔助環(huán)境分析和網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)與市場(chǎng)需求之間的矛盾等三個(gè)方面。

1色彩

①淘寶網(wǎng)頁(yè)采用的主色調(diào)是：黑白桔———桔色標(biāo)題欄，白底，藍(lán)色字體。整體顏色搭配合理，但是色彩的亮度及飽和度不高，給人一種陳舊的感覺(jué)，在淘寶網(wǎng)站看東西，網(wǎng)頁(yè)產(chǎn)品、產(chǎn)品介紹字樣的色彩都比較暗淡，給人一種山寨的感覺(jué)，相比較而言，聚美優(yōu)品的網(wǎng)頁(yè)產(chǎn)品、產(chǎn)品介紹字樣的色彩相對(duì)都比較明亮，給人清新認(rèn)真的感覺(jué)，映襯出聚美優(yōu)品不賣(mài)假產(chǎn)品的理念，然人們放心。改進(jìn)方法與建議：增加網(wǎng)頁(yè)圖片的飽和度和亮度，是網(wǎng)頁(yè)產(chǎn)品圖片看起來(lái)更清新明亮，給顧客以美好的視覺(jué)感受。②產(chǎn)品介紹字跡的顏色變化：當(dāng)鼠標(biāo)選中一個(gè)產(chǎn)品文字介紹的時(shí)候，產(chǎn)品文字介紹就會(huì)變成橙色，這種顏色不夠宣明，需要人們集中更大的精力去收集這些信息。其次，如圖所示凸顯在圖片之上的方框文字介紹有畫(huà)蛇添足的嫌疑。改進(jìn)方法與建議：a看這些顏色較淺的文字時(shí)需呀注意力很集中，將產(chǎn)品的文字介紹黑色字體加粗顏色加深，使之涵蓋的信息易于被客戶(hù)吸收，減少因讀取信息而產(chǎn)生的視覺(jué)疲勞；b當(dāng)鼠標(biāo)放在文字上時(shí)，字體顏色變?yōu)樯罴t色，相應(yīng)的圖片放大呈現(xiàn)在原圖片的上方。

2視覺(jué)

淘寶網(wǎng)頁(yè)上推薦產(chǎn)品時(shí)一個(gè)頁(yè)面排布密集，展示的產(chǎn)品過(guò)多，也達(dá)不到所要想達(dá)到的目的。造成視覺(jué)盲區(qū)。改進(jìn)方法與建議：產(chǎn)品排列不要過(guò)于密集，根據(jù)最佳視域的原理橫排不應(yīng)展示超過(guò)5個(gè)產(chǎn)品。

3頁(yè)面布局

淘寶網(wǎng)網(wǎng)頁(yè)布局頁(yè)面下方經(jīng)常太過(guò)擁擠，動(dòng)態(tài)圖片過(guò)多，另一方面淘寶內(nèi)容較多、頁(yè)面過(guò)長(zhǎng)、推薦較多，容易使用戶(hù)產(chǎn)生煩悶情緒，失去瀏覽網(wǎng)頁(yè)內(nèi)容的耐心。切換頁(yè)面有兩個(gè)，上下兩個(gè)讓人“目不暇接”，抓不住圖片內(nèi)容，容易讓人煩躁。此外，網(wǎng)頁(yè)不分人群、性別盲目提送，讓不少顧客感到厭煩，抱怨電商智商不高，例如作為一個(gè)男生，一般情況下，對(duì)女性美容美妝用品不感興趣，因此淘寶賬戶(hù)推送給該產(chǎn)品很不高明。改進(jìn)方法與建議：采取切換頁(yè)面一個(gè)，在圖片上方設(shè)置有文字提示選項(xiàng)，電商可以自動(dòng)向顧客展示，顧客也可以自行選擇要看的內(nèi)容，就像商場(chǎng)里需要服務(wù)員的時(shí)候她在，不需要的時(shí)候她也不會(huì)纏著你一樣，沒(méi)有綁架的推薦更容易讓顧客欣然接受，交易完成的幾率也就比較大。分類(lèi)頁(yè)面采取橫排更加清晰整潔，更符合人人因工程視覺(jué)搜索的要求，字跡得得大小更符合人因工程的要求。下方空白處的圖畫(huà)更人親切感，不會(huì)那么的枯燥。

4logo

1傳統(tǒng)教學(xué)存在的問(wèn)題

1．1知識(shí)點(diǎn)孤立，教學(xué)效果較差

傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程是按照教材的內(nèi)容，講解HTML語(yǔ)言和DreamWeaver工具的使用。學(xué)生往往不能將所學(xué)知識(shí)聯(lián)系起來(lái)。學(xué)期結(jié)束后，學(xué)生對(duì)整個(gè)網(wǎng)站的構(gòu)建缺乏清晰的概念，提交的作品質(zhì)量較差。在對(duì)學(xué)生進(jìn)行期中課程質(zhì)量問(wèn)卷調(diào)查中，80％的學(xué)生都認(rèn)為課程所學(xué)內(nèi)容可以理解，但是當(dāng)教師要求學(xué)生動(dòng)手完成網(wǎng)站時(shí)，90％的學(xué)生都不能很好完成。這正是因?yàn)樵趥鹘y(tǒng)教學(xué)中一般采用講授法和實(shí)驗(yàn)法，一周2學(xué)時(shí)的理論講解，2學(xué)時(shí)的實(shí)驗(yàn)課。教師按照教材章節(jié)進(jìn)行教學(xué)并布置實(shí)驗(yàn)內(nèi)容，這樣就造成了學(xué)生只對(duì)單一章節(jié)知識(shí)的理解，難以將所學(xué)內(nèi)容聯(lián)系在一起。

1．2教材過(guò)時(shí)，影響教學(xué)效果

網(wǎng)頁(yè)設(shè)計(jì)課程是一門(mén)應(yīng)用極強(qiáng)的課程，技術(shù)和工具的更新?lián)Q代較快。而與之矛盾的卻是教材的出版周期較長(zhǎng)，往往跟不上技術(shù)發(fā)展的腳步。例如，當(dāng)前，DreamweaverCS6已經(jīng)成為主流網(wǎng)頁(yè)設(shè)計(jì)的軟件，但是一些教材還停留在講解Dreamweav－erCS3上，導(dǎo)致學(xué)生的興趣不高，不利于學(xué)生創(chuàng)造能力的培養(yǎng)，違背了教學(xué)目標(biāo)的要求。同時(shí)，按照教材的內(nèi)容講解也限制了教師的教學(xué)，目前高校中使用的網(wǎng)頁(yè)設(shè)計(jì)教材分為兩種，一種是基于理論性質(zhì)的，單純講解HTML，一種是介紹Dreamweaver網(wǎng)頁(yè)開(kāi)發(fā)的。前一種不適合非計(jì)算機(jī)專(zhuān)業(yè)學(xué)生學(xué)習(xí)，內(nèi)容比較枯燥，學(xué)生在沒(méi)有計(jì)算機(jī)程序語(yǔ)言的基礎(chǔ)上很難理解。一般高校對(duì)非計(jì)算機(jī)專(zhuān)業(yè)學(xué)生都選擇使用第二種介紹Dreamweaver的教材，而該教材則會(huì)造成學(xué)生的開(kāi)發(fā)水平較低，過(guò)度依賴(lài)工具，無(wú)法解決實(shí)際問(wèn)題。

1．3教學(xué)方法單一，學(xué)生學(xué)習(xí)興趣不高

對(duì)于公共課來(lái)說(shuō)，學(xué)習(xí)興趣是學(xué)生是否能學(xué)好課程的重要因素。對(duì)于計(jì)算機(jī)應(yīng)用能力較差的非計(jì)算機(jī)專(zhuān)業(yè)學(xué)生來(lái)說(shuō)，在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門(mén)課程時(shí)，如何提高學(xué)生的興趣至關(guān)重要。傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)采用2學(xué)時(shí)理論和2學(xué)時(shí)實(shí)驗(yàn)課的形式進(jìn)行，學(xué)生缺少動(dòng)手的機(jī)會(huì)，往往使學(xué)生對(duì)課程缺乏興趣，這阻礙了學(xué)生的能動(dòng)性與創(chuàng)造性的發(fā)揮。對(duì)學(xué)生進(jìn)行調(diào)查問(wèn)卷中，70％的學(xué)生都提出課程設(shè)置實(shí)驗(yàn)時(shí)間較少，應(yīng)將課程都安排在實(shí)驗(yàn)室等問(wèn)題，還有一些學(xué)生認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)課程應(yīng)以提高學(xué)生興趣為出發(fā)點(diǎn)。這些都說(shuō)明了學(xué)生對(duì)于增加自己實(shí)踐機(jī)會(huì)的渴望。