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

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

2、eaver CS6軟件的基本操作方法；3.掌握在網(wǎng)頁中插入文字、圖片、聲音、flash等的方法；4.掌握常見的網(wǎng)頁布局方法，學會使用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)目標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、站、學校網(wǎng)站等常見網(wǎng)站的基本靜態(tài)頁面。（3） 素質(zhì)目標1.具有勤奮學習的態(tài)度，嚴謹求實、創(chuàng)新的學習精神； 2.具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；3.具有高度責任心和良好的團隊合作精神；4.具有運用理論知識發(fā)現(xiàn)問題、分析問題并解決問題的能力，同時能夠不斷學習，不斷創(chuàng)新，讓自己的設(shè)計越來越完善，有止于至善的精神。（4） 職業(yè)技能證書考核要求：可以根據(jù)自身情況考取“全國計算機信息高新技術(shù)資格證”，“網(wǎng)頁設(shè)計制作員”，“網(wǎng)頁設(shè)計師”等職業(yè)技能證書。三、重點、難點章節(jié)及內(nèi)容1.重點章節(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、地站點3.4 使用站點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標簽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 管理站點和高級設(shè)置2.難點章節(jié)：3.2 創(chuàng)建本地站點3.4 使用站點4.4 插入水平線4.5 插入其他基本元素4.6 創(chuàng)建列表5.2 創(chuàng)建超級鏈接5.3 使用DW制作各種超級鏈接6.2 圖像的HTML標簽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 管理站點和高級設(shè)置四、實踐環(huán)節(jié)和內(nèi)容總體設(shè)計（一）主要環(huán)節(jié)安排對于本課程的重點知識，主要采用操作演示、案例說明和任務(wù)驅(qū)動法來展開教學。本課程采用理實一體化教學模式，每一節(jié)課都要求學生將理論知識運用到實際操作中，

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

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

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

11、r cs6講授法、直觀演示法、任務(wù)驅(qū)動法3第3章站點設(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章站點的維護和上傳講授法、直觀演示法、任務(wù)驅(qū)動法18考核制作具體網(wǎng)站八、作業(yè)布置與批改設(shè)計1.作業(yè)內(nèi)容要求：作業(yè)的主要內(nèi)容為上機操作完成規(guī)定的實訓項目，書面作業(yè)為教材上的練習題和模擬試題。2.作業(yè)形式與題量：課堂講授完畢后將實訓教材課后習題選擇一部分作為課堂練習或課后練習，并布置上機操作內(nèi)容。

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