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

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

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

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

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

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

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

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

6/30

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

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

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

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

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

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

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

2、設(shè)計思緒：

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

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

（2）以案例教學(xué)為中心課程實施。教學(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)過對崗位需求調(diào)查分析，《網(wǎng)頁設(shè)計與制作》這門課程教學(xué)內(nèi)容主要選取以下內(nèi)容：網(wǎng)頁基礎(chǔ)編程、網(wǎng)頁制作、網(wǎng)站管理等12/30

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

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

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

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

網(wǎng)站管理網(wǎng)站測試模塊六：網(wǎng)頁設(shè)計項目實訓(xùn)

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

14/30

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

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

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

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

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

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

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

19/30

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

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

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

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

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

24/30

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

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

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

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

七改革思緒7.1存在問題7.2改革思緒27/30

7.1存在問題教師知識結(jié)構(gòu)欠完整，教授網(wǎng)頁教師在圖形圖像處理及動畫制作方面不夠熟練教學(xué)資源匱乏，缺乏系統(tǒng)教學(xué)及學(xué)習(xí)資源，教師與學(xué)生互動有限教學(xué)內(nèi)容與市場需求結(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)用多媒