網(wǎng)設(shè)計(jì)與制作說(shuō)課軟件技術(shù)省公開課金獎(jiǎng)全國(guó)賽課一等獎(jiǎng)微課獲獎(jiǎng)?wù)n件

網(wǎng)頁(yè)設(shè)計(jì)與制作1/30

目錄一課程設(shè)置二課程設(shè)計(jì)三教學(xué)實(shí)施四教學(xué)資源五教學(xué)效果六課程特色七改革思緒2/30

一課程設(shè)置

1.1本課程在專業(yè)人才培養(yǎng)方案中性質(zhì)地位與作用1.2本課程與先修課程后續(xù)課程銜接和配合1.3本課程教學(xué)目標(biāo)3/30

1.1本課程在專業(yè)人才培養(yǎng)方案中地位與作用網(wǎng)頁(yè)制作是高職高專院校計(jì)算機(jī)教育專業(yè)和其它相關(guān)專業(yè)學(xué)生應(yīng)該掌握主要技能之一?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》作為軟件技術(shù)專業(yè)一門必修課，重在培養(yǎng)學(xué)生專業(yè)應(yīng)用能力。學(xué)生經(jīng)過(guò)該門課程學(xué)習(xí)能為后續(xù)課程如《Javascript》、《XML及應(yīng)用》學(xué)習(xí)奠定基礎(chǔ)，同時(shí)社會(huì)就業(yè)對(duì)學(xué)生該方面知識(shí)也有較強(qiáng)烈需求，所以加強(qiáng)該門課程建設(shè)，改進(jìn)教學(xué)條件，提升教學(xué)質(zhì)量有著主要意義。4/30

1.2本課程與先修課程后續(xù)課程銜接和配合

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程在第三學(xué)期開設(shè)，共40課時(shí)（理論20課時(shí)，實(shí)踐20課時(shí)），教學(xué)工作集中在1~2周完成，第5周20課時(shí)項(xiàng)目實(shí)訓(xùn)。作為一門專業(yè)基礎(chǔ)課，該課程可為后續(xù)課程提供靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作理論基礎(chǔ)和操作技能。它與計(jì)算機(jī)應(yīng)用基礎(chǔ)、數(shù)據(jù)庫(kù)及動(dòng)態(tài)網(wǎng)頁(yè)編程等課程親密相關(guān)。其中《計(jì)算機(jī)應(yīng)用基礎(chǔ)》為本課程先導(dǎo)課程，而《Javascript》及《XML及應(yīng)用》等課程是本課程后續(xù)課程?？傊?，本課程學(xué)習(xí)有利于學(xué)生深入學(xué)習(xí)計(jì)算機(jī)類相關(guān)專業(yè)其它知識(shí)和提升職業(yè)技能，完善學(xué)生專業(yè)知識(shí)結(jié)構(gòu)，提升學(xué)生從事實(shí)際工作綜合素質(zhì)5/30

1.3本課程教學(xué)目標(biāo)

經(jīng)過(guò)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程，學(xué)生能夠設(shè)計(jì)制作出布局美觀、鏈接合理、包含文字、圖形、圖象、動(dòng)畫、聲音、視頻等各種媒體信息并含有一定交互功效網(wǎng)頁(yè)；概括說(shuō)來(lái)，該課程教學(xué)目標(biāo)主要集中在以下幾個(gè)方面：

賞析各類經(jīng)典網(wǎng)站、掌握網(wǎng)頁(yè)制作方法強(qiáng)化網(wǎng)頁(yè)制作技能、積累網(wǎng)頁(yè)制作經(jīng)驗(yàn)激發(fā)本身學(xué)習(xí)興趣、形成持久學(xué)習(xí)動(dòng)力提升自主學(xué)習(xí)能力、滿足職業(yè)崗位需求

6/30

知識(shí)目標(biāo)掌握網(wǎng)頁(yè)編程基礎(chǔ)html相關(guān)知識(shí)熟練掌握網(wǎng)頁(yè)制作軟件Dreamweaver基本操作和使用技能熟練掌握在網(wǎng)頁(yè)中插入文字、圖像、Flash動(dòng)畫、背景音樂(lè)等元素并按要求設(shè)置屬性方法掌握建立各種形式超級(jí)鏈接方法熟練掌握網(wǎng)頁(yè)頁(yè)面布局各種方法掌握規(guī)劃網(wǎng)站內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)方法掌握表單網(wǎng)頁(yè)制作方法掌握網(wǎng)頁(yè)特效制作方法掌握網(wǎng)站測(cè)試方法7/30

技能與素質(zhì)目標(biāo)培養(yǎng)學(xué)生搜集、處理信息，準(zhǔn)備、加工素材能力培養(yǎng)學(xué)生制作靜態(tài)網(wǎng)頁(yè)能力培養(yǎng)學(xué)生設(shè)計(jì)網(wǎng)站綜合能力培養(yǎng)學(xué)生策劃能力、色彩感悟能力、結(jié)構(gòu)布局能力和想象力訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息能力，充分培養(yǎng)和提升學(xué)生動(dòng)手能力，學(xué)會(huì)經(jīng)過(guò)網(wǎng)站、書籍、素材光盤等方式搜集所需文字資料、圖像資料、Flash動(dòng)畫和網(wǎng)頁(yè)特效等培養(yǎng)學(xué)生利用所學(xué)理論知識(shí)和技能處理網(wǎng)站開發(fā)過(guò)程中所碰到實(shí)際問(wèn)題能力及其基本工作素質(zhì)8/30

二課程設(shè)計(jì)2.1課程設(shè)計(jì)理念與思緒2.2教學(xué)內(nèi)容選取及依據(jù)2.3教學(xué)模塊分配2.4重點(diǎn)難點(diǎn)確實(shí)立及處理方法9/30

2.1課程設(shè)計(jì)理念與思緒1、設(shè)計(jì)理念：

（1）突出專業(yè)課程職業(yè)性和實(shí)踐性。按照“職業(yè)崗位→崗位需求能力→確立教學(xué)項(xiàng)目”項(xiàng)目導(dǎo)向式運(yùn)行機(jī)制來(lái)組織教學(xué)。

（2）學(xué)以致用，以“用”促學(xué)，邊“用”邊學(xué)，突出“教、學(xué)、做”一體化教育理念。

（3）學(xué)生是學(xué)習(xí)主體，勉勵(lì)學(xué)生職業(yè)能力發(fā)展，加強(qiáng)創(chuàng)新能力和意識(shí)培養(yǎng)理念。在設(shè)計(jì)中，既要考慮學(xué)生職業(yè)技能訓(xùn)練，又要關(guān)注綜合職業(yè)素質(zhì)養(yǎng)成，為學(xué)生可連續(xù)發(fā)展奠定良好基礎(chǔ)。10/30

2、設(shè)計(jì)思緒：

以培養(yǎng)職業(yè)能力為關(guān)鍵，以虛擬項(xiàng)目教學(xué)為主要伎倆，主動(dòng)探索教學(xué)方法與成績(jī)?cè)u(píng)價(jià)方法創(chuàng)新，確保課程目標(biāo)實(shí)現(xiàn)。

（1）以職業(yè)能力培養(yǎng)為關(guān)鍵課程設(shè)計(jì)。在重視學(xué)生專業(yè)能力培養(yǎng)同時(shí)，重視方法能力與社會(huì)能力培養(yǎng)。學(xué)生經(jīng)過(guò)課程學(xué)習(xí)掌握網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站建設(shè)等全方面網(wǎng)站開發(fā)能力。。

（2）以案例教學(xué)為中心課程實(shí)施。教學(xué)方法利用上以案例教學(xué)為主，強(qiáng)調(diào)啟發(fā)引導(dǎo)法、合作學(xué)習(xí)法、循序漸進(jìn)法等各種方法靈活利用

11/30

2.2教學(xué)內(nèi)容選取及依據(jù)教學(xué)內(nèi)容設(shè)置，是為了滿足職業(yè)能力培養(yǎng)需要。經(jīng)過(guò)對(duì)崗位需求調(diào)查分析，《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程教學(xué)內(nèi)容主要選取以下內(nèi)容：網(wǎng)頁(yè)基礎(chǔ)編程、網(wǎng)頁(yè)制作、網(wǎng)站管理等12/30

2.3教學(xué)模塊分配針對(duì)職業(yè)能力培養(yǎng)要求及網(wǎng)頁(yè)設(shè)計(jì)與制作崗位特點(diǎn)，設(shè)計(jì)了以下六個(gè)模塊，每個(gè)模塊又包含一個(gè)或多個(gè)教學(xué)單元模塊一：網(wǎng)頁(yè)賞析模塊

觀賞優(yōu)異網(wǎng)頁(yè)，激發(fā)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)興趣；分析優(yōu)異網(wǎng)頁(yè)布局結(jié)構(gòu)、顏色搭配、視覺(jué)效果模塊二：網(wǎng)頁(yè)基礎(chǔ)模塊了解網(wǎng)頁(yè)相關(guān)概念和術(shù)語(yǔ)，認(rèn)識(shí)網(wǎng)頁(yè)中主要組成元素；了解一些制作網(wǎng)頁(yè)、處理圖像、制作動(dòng)畫專業(yè)工具模塊三：網(wǎng)頁(yè)制作模塊主要有頁(yè)面控制、文本操作、圖像操作、超級(jí)鏈接、表格布局、表單網(wǎng)頁(yè)、層布局、行為特效、框架網(wǎng)頁(yè)等單元13/30

模塊四：網(wǎng)頁(yè)編程模塊

HTML語(yǔ)言CSS美化網(wǎng)頁(yè)模塊五：網(wǎng)站管理模塊

網(wǎng)站管理網(wǎng)站測(cè)試模塊六：網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)

網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)

14/30

2.4重點(diǎn)難點(diǎn)確實(shí)立及處理方法

學(xué)習(xí)重點(diǎn)：網(wǎng)站規(guī)劃及布局；網(wǎng)頁(yè)漢字本和圖像處理；HTML語(yǔ)言；使用CSS樣式美化網(wǎng)頁(yè)；網(wǎng)頁(yè)設(shè)計(jì)。學(xué)習(xí)難點(diǎn)：網(wǎng)站規(guī)劃和網(wǎng)頁(yè)合理布局；CSS布局及美化網(wǎng)頁(yè)；不一樣性質(zhì)網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)技巧處理方法：案例分析，總結(jié)普通規(guī)律，操作演示，上機(jī)輔導(dǎo)15/30

三教學(xué)實(shí)施3.1教學(xué)組織及學(xué)習(xí)情景設(shè)計(jì)3.2采取教學(xué)方法教學(xué)伎倆3.3采取考評(píng)方式，評(píng)價(jià)方法16/30

3.1教學(xué)組織及學(xué)習(xí)情景設(shè)計(jì)以課堂教學(xué)為主，適當(dāng)引導(dǎo)學(xué)生自學(xué)探究、任務(wù)驅(qū)動(dòng)、互助協(xié)作等，采取各種教學(xué)組織形式靈活穿插和結(jié)合以培養(yǎng)學(xué)生自主學(xué)習(xí)，創(chuàng)新學(xué)習(xí)，合作學(xué)習(xí)意識(shí)和能力17/30

3.2采取教學(xué)方法教學(xué)伎倆主要采取課堂講解及案例分析教學(xué)方法，同時(shí)結(jié)合多媒體課件演示、課堂討論、上機(jī)操作，個(gè)別輔導(dǎo)等各種伎倆相結(jié)合

課堂講授：在多媒體教室講課，借助于計(jì)算機(jī)、投影儀等設(shè)備，將課程知識(shí)中包括聲音、文字、圖形、圖像等多媒體信息立體地表現(xiàn)出來(lái)，使學(xué)生更為直觀順利地了解掌握教學(xué)內(nèi)容，提升教學(xué)效率上機(jī)實(shí)踐：在上機(jī)試驗(yàn)課時(shí)，教師將此次課素材、學(xué)習(xí)資源及試驗(yàn)要求放在班級(jí)ftp上，供學(xué)生下載。學(xué)生上機(jī)碰到問(wèn)題，能夠馬上問(wèn)詢老師，下課時(shí)，學(xué)生將完成作業(yè)上傳到ftp，教師登錄ftp進(jìn)行批閱18/30

3.3采取考評(píng)方式，評(píng)價(jià)方法采取平時(shí)考評(píng)與期末考評(píng)相結(jié)合方法:平時(shí)考評(píng)：教師登錄ftp對(duì)學(xué)生每次上機(jī)練習(xí)所制作網(wǎng)站或網(wǎng)頁(yè)進(jìn)行訪問(wèn)，并評(píng)定作業(yè)成績(jī)。平時(shí)作業(yè)成績(jī)占總評(píng)成績(jī)40%。期末考評(píng)：采取在機(jī)房上機(jī)考試方法。要求學(xué)生在指定時(shí)間內(nèi)制作出包含課程主要知識(shí)點(diǎn)綜合性網(wǎng)站。期末考評(píng)成績(jī)占總評(píng)成績(jī)60%

19/30

四教學(xué)資源4.1教材選取情況數(shù)字化教輔資源4.2實(shí)踐教學(xué)條件4.3師資隊(duì)伍20/30

4.1教材選取情況數(shù)字化教輔資源教材：《完全手冊(cè)HTML+CSS+Javascript》實(shí)用詳解，葉青編著，電子工業(yè)出版社《HTML+CSS+Javascript》標(biāo)準(zhǔn)教程（實(shí)例版），本書編委會(huì)，電子工業(yè)出版社《巧學(xué)巧用DreamweaverCS5制作網(wǎng)頁(yè)》，人民郵電出版社，肖瑞奇編著《美工神話CSS網(wǎng)站布局與美化》許文波等編著，人民郵電出版社數(shù)字化教輔資源洪恩在線/pc/其它網(wǎng)絡(luò)資源21/30

4.2實(shí)踐教學(xué)條件學(xué)生實(shí)習(xí)實(shí)訓(xùn)機(jī)房含有一定規(guī)模，能夠人手一機(jī)，滿足教學(xué)綱領(lǐng)要求全部實(shí)訓(xùn)內(nèi)容和選修實(shí)訓(xùn)內(nèi)容。學(xué)生上機(jī)所需軟件齊備，如：PhotoShop、dreamweaver等。在多年教學(xué)過(guò)程中，本課程已具備了較完整多媒體教學(xué)條件，有整套電子教案，案例、習(xí)題等22/30

4.3師資隊(duì)伍本課程教師來(lái)自多個(gè)院校不一樣專業(yè)，經(jīng)過(guò)幾年來(lái)教學(xué)實(shí)踐，均積累了一定經(jīng)驗(yàn)，能使學(xué)生經(jīng)過(guò)該門課程學(xué)習(xí)，打下了較堅(jiān)實(shí)網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)，同時(shí)也培養(yǎng)了一批能夠滿足社會(huì)需要含有較高專題技能網(wǎng)站制作人才23/30

五教學(xué)效果5.1學(xué)生能力素質(zhì)培養(yǎng)目標(biāo)實(shí)現(xiàn)5.2同行督導(dǎo)學(xué)生等對(duì)本課程教學(xué)評(píng)價(jià)5.3學(xué)生學(xué)習(xí)本課程成績(jī)職業(yè)資格考證經(jīng)過(guò)率

24/30

六課程特色特色：教學(xué)觀念先進(jìn)，突出應(yīng)用能力培養(yǎng)。本課程本著理論夠用、實(shí)踐加強(qiáng)標(biāo)準(zhǔn)，突出應(yīng)用能力培養(yǎng)。適時(shí)調(diào)整教學(xué)內(nèi)容，保持與Web技術(shù)發(fā)展同時(shí)。改革考評(píng)方式，重視學(xué)生學(xué)習(xí)過(guò)程。25/30

創(chuàng)新點(diǎn)：1、在學(xué)習(xí)當(dāng)中，注意引導(dǎo)學(xué)生取得美熏陶，提升審美能力。

2、強(qiáng)調(diào)技術(shù)與藝術(shù)融合，將網(wǎng)頁(yè)作品看成一份含有生命力藝術(shù)品。3、以真實(shí)網(wǎng)站作為教學(xué)案例，讓學(xué)生在真實(shí)工作環(huán)境中訓(xùn)技能，提升學(xué)生適應(yīng)崗位需求能力。

4、虛擬項(xiàng)目設(shè)計(jì)考評(píng)模式。，給學(xué)生一些虛擬項(xiàng)目作為課程設(shè)計(jì)，培養(yǎng)學(xué)生單獨(dú)規(guī)范做項(xiàng)目標(biāo)能力及網(wǎng)站設(shè)計(jì)綜合能力，也讓學(xué)生找工作時(shí)能夠向用人單位提供一個(gè)完整網(wǎng)站設(shè)計(jì)作品26/30

七改革思緒7.1存在問(wèn)題7.2改革思緒27/30

7.1存在問(wèn)題教師知識(shí)結(jié)構(gòu)欠完整，教授網(wǎng)頁(yè)教師在圖形圖像處理及動(dòng)畫制作方面不夠熟練教學(xué)資源匱乏，缺乏系統(tǒng)教學(xué)及學(xué)習(xí)資源，教師與學(xué)生互動(dòng)有限教學(xué)內(nèi)容與市場(chǎng)需求結(jié)合不夠緊密側(cè)重技術(shù)掌握，學(xué)生美工基礎(chǔ)微弱28/30

7.2改革思緒采取各種方式推進(jìn)教學(xué)團(tuán)體建設(shè)，深入提升專業(yè)教師技術(shù)水平，掌握先進(jìn)職業(yè)教學(xué)方法，提升教學(xué)質(zhì)量。建立網(wǎng)站教學(xué)管理。增強(qiáng)教師應(yīng)用多媒