網(wǎng)頁設(shè)計與制作課程教案

1、精選優(yōu)質(zhì)文檔-傾情為你奉上網(wǎng)頁設(shè)計與制作課程教案一、課程定位本課程是計算機(jī)應(yīng)用技術(shù)專業(yè)的一門專業(yè)基礎(chǔ)課程，該課程的學(xué)習(xí)能夠提升他們對網(wǎng)頁制作的興趣，讓他們學(xué)習(xí)網(wǎng)頁制作的基本技能，為后繼課程打下基礎(chǔ)，同時擴(kuò)展其就業(yè)面，為就業(yè)做好準(zhǔn)備。本課程的目的和任務(wù)是讓學(xué)生學(xué)會Dreameaver CS6、Flash和Fireworks的使用方法，并能夠使用這3款軟件制作出美觀實(shí)用的網(wǎng)頁。二、課程總目標(biāo)掌握網(wǎng)頁制作的基本方法和技能，掌握網(wǎng)站建設(shè)的流程，能夠運(yùn)用所學(xué)知識建設(shè)常用的網(wǎng)頁和網(wǎng)站，同時能夠美化網(wǎng)頁，設(shè)計人性化、藝術(shù)化的網(wǎng)站靜態(tài)頁面部分。（1） 知識目標(biāo)：1.熟悉網(wǎng)頁制作的基本元素；2.掌握Dreamw

2、eaver CS6軟件的基本操作方法；3.掌握在網(wǎng)頁中插入文字、圖片、聲音、flash等的方法；4.掌握常見的網(wǎng)頁布局方法，學(xué)會使用CSS美化網(wǎng)頁；5.掌握在網(wǎng)頁中使用表單和制作網(wǎng)頁特效的方法；6.掌握簡單圖形圖像的處理，能夠制作符合網(wǎng)頁主題的圖片和簡單動畫并巧妙地和網(wǎng)頁中內(nèi)容搭配起來。7.掌握建設(shè)一個功能相對完善的網(wǎng)站的方法并能制作常用的網(wǎng)站的靜態(tài)頁面部分。（2） 職業(yè)能力培養(yǎng)目標(biāo)1. 能夠根據(jù)網(wǎng)站開發(fā)需求，去尋找網(wǎng)頁設(shè)計和網(wǎng)站開發(fā)所需要的文字、圖片、動畫、聲音、視頻等素材并作美化處理；2能夠制作出符合主題色彩的網(wǎng)頁，網(wǎng)頁要求美化、被絕大多數(shù)瀏覽者接受和喜愛；3.能夠設(shè)計企業(yè)網(wǎng)站、政府門戶網(wǎng)

3、站、學(xué)校網(wǎng)站等常見網(wǎng)站的基本靜態(tài)頁面。（3） 素質(zhì)目標(biāo)1.具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的學(xué)習(xí)精神； 2.具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；3.具有高度責(zé)任心和良好的團(tuán)隊合作精神；4.具有運(yùn)用理論知識發(fā)現(xiàn)問題、分析問題并解決問題的能力，同時能夠不斷學(xué)習(xí)，不斷創(chuàng)新，讓自己的設(shè)計越來越完善，有止于至善的精神。（4） 職業(yè)技能證書考核要求：可以根據(jù)自身情況考取“全國計算機(jī)信息高新技術(shù)資格證”，“網(wǎng)頁設(shè)計制作員”，“網(wǎng)頁設(shè)計師”等職業(yè)技能證書。三、重點(diǎn)、難點(diǎn)章節(jié)及內(nèi)容1.重點(diǎn)章節(jié)：1.2 網(wǎng)頁、網(wǎng)站相關(guān)術(shù)語簡介1.6 網(wǎng)站建設(shè)的基本流程2.3 Dreamweaver CS6的工作環(huán)境3.2 創(chuàng)建本

4、地站點(diǎn)3.4 使用站點(diǎn)3.5 網(wǎng)頁設(shè)計中的規(guī)范4.1 網(wǎng)頁文件的基本操作4.3 插入文本4.4 插入水平線4.5 插入其他基本元素4.6 創(chuàng)建列表5.1 超級鏈接概述5.2 創(chuàng)建超級鏈接5.3 使用dw制作各種超級鏈接6.1 插入圖像6.2 圖像的HTML標(biāo)簽6.3 插入圖像對象6.4 創(chuàng)建圖像對象7.1 表格概述7.2 使用dwcs6創(chuàng)建表格7.3 表格的基本操作7.4在表格中添加內(nèi)容8.1在網(wǎng)頁中插入Div8.2 使用AP Div排版8.3 操縱AP Div8.4 設(shè)置AP Div的屬性8.5 AP Div與表格的相互轉(zhuǎn)換8.6 AP Div的行為9.2 DWcs6k中框架的基本事件9.3

5、 浮動框架10.2 創(chuàng)建表單10.3 插入表單對象11.1 JavaScript11.2 行為12.1 插入媒體的使用12.2 音頻12.3 視頻文件13.1 CSS簡介13.2 CSS的結(jié)構(gòu)和規(guī)則13.3 CSS樣式面版13.4 CSS樣式的建立14.1 使用庫項目14.2 模板15.1 測試網(wǎng)站15.2 發(fā)布網(wǎng)站15.3 管理站點(diǎn)和高級設(shè)置2.難點(diǎn)章節(jié)：3.2 創(chuàng)建本地站點(diǎn)3.4 使用站點(diǎn)4.4 插入水平線4.5 插入其他基本元素4.6 創(chuàng)建列表5.2 創(chuàng)建超級鏈接5.3 使用DW制作各種超級鏈接6.2 圖像的HTML標(biāo)簽7.3 表格的基本操作7.4在表格中添加內(nèi)容8.1在網(wǎng)頁中插入Div

6、8.2 使用AP Div排版8.3 操縱AP Div8.4 設(shè)置AP Div的屬性8.5 AP Div與表格的相互轉(zhuǎn)換8.6 AP Div的行為9.2 DWcs6中框架的基本事件9.3 浮動框架10.3 插入表單對象11.1 JavaScript11.2 行為13.3 CSS樣式面版13.4 CSS樣式的建立14.1 使用庫項目14.2 模板15.1 測試網(wǎng)站15.2 發(fā)布網(wǎng)站15.3 管理站點(diǎn)和高級設(shè)置四、實(shí)踐環(huán)節(jié)和內(nèi)容總體設(shè)計（一）主要環(huán)節(jié)安排對于本課程的重點(diǎn)知識，主要采用操作演示、案例說明和任務(wù)驅(qū)動法來展開教學(xué)。本課程采用理實(shí)一體化教學(xué)模式，每一節(jié)課都要求學(xué)生將理論知識運(yùn)用到實(shí)際操作中，

7、用理論指導(dǎo)實(shí)踐，并逐步總結(jié)經(jīng)驗(yàn)，掌握專業(yè)技能。在實(shí)踐的過程中鍛煉學(xué)生思考問題、分析問題、解決問題的能力，達(dá)到掌握網(wǎng)頁制作和設(shè)計的技能的目的。對于課程的難點(diǎn)知識，主要用實(shí)際操作和案例法分析，將操作的注意事項給學(xué)生做演示和分解說明，這樣化解難點(diǎn)，讓學(xué)生通過操作、思考和總結(jié)，盡快掌握相應(yīng)知識。（二）內(nèi)容總體設(shè)計1課堂教學(xué)中的實(shí)踐環(huán)節(jié)本課程全部為理實(shí)一體化教學(xué)模式，概念、軟件界面、操作步驟都通過運(yùn)用知識對實(shí)際問題的解決方面來展開教學(xué)。概念采用理解后再記憶的模式，或者采用邊操作邊理解，這樣達(dá)到更加深刻的記憶和更加透徹的理解。每一堂課都針對基本知識點(diǎn)進(jìn)行操作和練習(xí)，同時就這些知識點(diǎn)如何應(yīng)用的自己設(shè)計的網(wǎng)頁

8、中布置任務(wù)，讓學(xué)生主動運(yùn)用知識，培養(yǎng)學(xué)生創(chuàng)新能力、主動學(xué)習(xí)能力和思考能力。2教學(xué)見習(xí)通過本門課程的學(xué)習(xí)，需要同學(xué)們制定出相應(yīng)的實(shí)習(xí)計劃，并記錄相關(guān)的實(shí)訓(xùn)內(nèi)容，注重在實(shí)習(xí)階段對所學(xué)知識的鞏固和提高，以達(dá)到根據(jù)理論知識，指導(dǎo)日后工作實(shí)踐的目的。具體實(shí)習(xí)內(nèi)容報告如下：第一、收集網(wǎng)站所需信息。第二、運(yùn)用DWCS6所學(xué)內(nèi)容進(jìn)行網(wǎng)頁外觀整體設(shè)計。第三、對所完成的網(wǎng)頁頁面進(jìn)行合理的切片處理，并按照網(wǎng)頁設(shè)計效果完成網(wǎng)站整體框架的構(gòu)建，。第四、搭建網(wǎng)站所需數(shù)據(jù)庫。第五、網(wǎng)站的虛擬建設(shè)和初步完善。五、教學(xué)進(jìn)程計劃表（含理論教學(xué)和實(shí)踐教學(xué)統(tǒng)籌）時間安排（周次）章節(jié)（序號）教 學(xué) 內(nèi) 容學(xué)時數(shù)理論實(shí)踐實(shí)驗(yàn)總學(xué)時1第1

9、章網(wǎng)頁制作基礎(chǔ)知識2222第2章認(rèn)識Dreamweaver cs62243、第3章站點(diǎn)設(shè)計2244國慶放假5第4章制作簡單網(wǎng)頁2246第5章使用Dreamweaver c6制作各種超級鏈接2247第6章網(wǎng)頁中使用圖像2248第7章表格的使用2249第8章在網(wǎng)頁中插入Div 并使用AP Div排版22410第8章設(shè)置AP Div的屬性AP Div與表格的相互轉(zhuǎn)換AP Div的行為22411第9章創(chuàng)建和使用框架22412第10章制作表單頁面22413第11章JavaScript網(wǎng)頁動態(tài)特效22414第12章網(wǎng)頁中使用多媒體22415第13章CSS樣式表22416第14章庫和模板22417第15章站

10、點(diǎn)的維護(hù)和上傳22418考核制作具體網(wǎng)站044六、教學(xué)資料收集和配置設(shè)計1、針對本課程，在教學(xué)資料的收集中，我主要借助了教材、參考書和網(wǎng)絡(luò)教學(xué)資源；2、通過網(wǎng)上名師的視頻講解，分析重難點(diǎn)講解的技巧，達(dá)到更好的教學(xué)效果；3、借助實(shí)際操作演示、任務(wù)驅(qū)動法、案例法讓學(xué)生更加深刻認(rèn)知到知識點(diǎn)的使用方法和技巧；4、借助實(shí)訓(xùn)提升學(xué)生的學(xué)習(xí)興趣，讓學(xué)生練習(xí)如何使用知識，如何操作軟件，并且循序漸進(jìn)地使用知識美化、改善網(wǎng)頁，到達(dá)牢固掌握知識的目的。七、可利用的教學(xué)方法（落實(shí)到章節(jié)）時間安排（周次）章節(jié)（序號）教 學(xué) 內(nèi) 容教學(xué)方法1第1章網(wǎng)頁制作基礎(chǔ)知識講授法、討論法、直觀演示法2第2章認(rèn)識Dreamweave

11、r cs6講授法、直觀演示法、任務(wù)驅(qū)動法3第3章站點(diǎn)設(shè)計講授法、直觀演示法、任務(wù)驅(qū)動法4國慶放假5第4章制作簡單網(wǎng)頁講授法、直觀演示法、任務(wù)驅(qū)動法6第5章使用Dreamweaver c6制作各種超級鏈接講授法、直觀演示法、任務(wù)驅(qū)動法7第6章網(wǎng)頁中使用圖像講授法、直觀演示法、任務(wù)驅(qū)動法8第7章表格的使用講授法、討論法、直觀演示法、任務(wù)驅(qū)動法9第8章在網(wǎng)頁中插入Div 并使用AP Div排版講授法、直觀演示法、任務(wù)驅(qū)動法10第8章設(shè)置AP Div的屬性AP Div與表格的相互轉(zhuǎn)換AP Div的行為講授法、直觀演示法、任務(wù)驅(qū)動法11第9章創(chuàng)建和使用框架講授法、直觀演示法、任務(wù)驅(qū)動法12第10章制作表

12、單頁面講授法、討論法、直觀演示法、任務(wù)驅(qū)動法13第11章JavaScript網(wǎng)頁動態(tài)特效講授法、討論法、直觀演示法、任務(wù)驅(qū)動法14第12章網(wǎng)頁中使用多媒體講授法、討論法、直觀演示法、任務(wù)驅(qū)動法15第13章CSS樣式表講授法、直觀演示法、任務(wù)驅(qū)動法16第14章庫和模板講授法、直觀演示法、任務(wù)驅(qū)動法17第15章站點(diǎn)的維護(hù)和上傳講授法、直觀演示法、任務(wù)驅(qū)動法18考核制作具體網(wǎng)站八、作業(yè)布置與批改設(shè)計1.作業(yè)內(nèi)容要求：作業(yè)的主要內(nèi)容為上機(jī)操作完成規(guī)定的實(shí)訓(xùn)項目，書面作業(yè)為教材上的練習(xí)題和模擬試題。2.作業(yè)形式與題量：課堂講授完畢后將實(shí)訓(xùn)教材課后習(xí)題選擇一部分作為課堂練習(xí)或課后練習(xí)，并布置上機(jī)操作內(nèi)容。

13、以達(dá)到測試學(xué)生課堂學(xué)習(xí)情況和課后對所學(xué)知識的復(fù)習(xí)鞏固和加以實(shí)際操作應(yīng)用的目的。3、作業(yè)批改設(shè)計對于書面作業(yè)，可抽調(diào)適量的作業(yè)進(jìn)行評閱，對發(fā)現(xiàn)的主要和傾象性的問題，由教師在課堂上進(jìn)行集體評講；對于上機(jī)操作的實(shí)作題，可由學(xué)生上傳后評閱，并對發(fā)現(xiàn)的重點(diǎn)、難點(diǎn)問題進(jìn)行集中講評。九、采用的教材和學(xué)生選讀的參考書課堂采用的教材： 網(wǎng)頁設(shè)計與制作 清華大學(xué)出版社 趙旭霞 劉素轉(zhuǎn) 王曉娜 主編 課堂采用的參考書 Dreamweaver網(wǎng)頁設(shè)計標(biāo)準(zhǔn)教材.顧群業(yè),王曉峰 中國電力出版社 網(wǎng)頁設(shè)計與制作 作者是詹青龍、郭永燦 清華大學(xué)出版社網(wǎng)頁設(shè)計與制作 孫振業(yè)主編，高等教育出版社。網(wǎng)頁設(shè)計與制作教程，楊選輝主編，清華大學(xué)出版社。十、學(xué)生成績考核與評定（一）考核方法出勤情況、教學(xué)參與、平時作業(yè)、實(shí)訓(xùn)成績、期末考試（二）成績評定（1）教學(xué)過程占40%：包括出勤情況及課堂紀(jì)律、教學(xué)參與（課堂討論、提問及實(shí)踐環(huán)節(jié)參與情況）、平時作業(yè)（書面作業(yè)，上機(jī)實(shí)訓(xùn)作業(yè)）。 （2）期末考試占60%，考試方式主要通過學(xué)生上傳作品。任課教師： 教研室主任： 二級學(xué)院負(fù)責(zé)