動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)大綱及動(dòng)態(tài)網(wǎng)頁(yè)制作教案

《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)大綱課程編號(hào)：課程名稱：動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)適用專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)開課學(xué)期：計(jì)算機(jī)科學(xué)與技術(shù)第五學(xué)期學(xué)時(shí)：計(jì)算機(jī)科學(xué)與技術(shù)20×4=80理論學(xué)時(shí)：26實(shí)踐學(xué)時(shí)：54學(xué)分：計(jì)算機(jī)科學(xué)與技術(shù)5學(xué)分大綱執(zhí)筆人：大綱審核人：制定時(shí)間（或修訂時(shí)間）：20**年6月3日一、課程簡(jiǎn)介《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程是計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)核心課程。是實(shí)踐性很強(qiáng)且面向?qū)嶋H應(yīng)用的重要專業(yè)課。本課程結(jié)合教學(xué)和實(shí)踐，并根據(jù)近幾年教學(xué)改革的實(shí)踐以及對(duì)人才培養(yǎng)的要求來(lái)安排教學(xué)內(nèi)容的。本課程的目的是以Dreamweaver為開發(fā)平臺(tái)，以VBScript腳本語(yǔ)言，結(jié)合靜態(tài)網(wǎng)頁(yè)技術(shù)、ASP技術(shù)和數(shù)據(jù)庫(kù)技術(shù)，通過(guò)一系列實(shí)例，詳細(xì)地介紹ASP網(wǎng)站開發(fā)技術(shù)的基礎(chǔ)知識(shí)和工作原理。其先修課程有：計(jì)算機(jī)應(yīng)用基礎(chǔ)、平面設(shè)計(jì)。二、教學(xué)目的及要求《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》是一門實(shí)踐性很強(qiáng)的專業(yè)課。本課程的主要任務(wù)和要求是：通過(guò)本課程的教學(xué)，使學(xué)生能了解交互式網(wǎng)站的原理和作用；掌握交互式WEB系統(tǒng)的設(shè)計(jì)方法；能運(yùn)用ASP編寫較簡(jiǎn)單的交互式系統(tǒng)；能讀懂較復(fù)雜的交互式系統(tǒng)源代碼，并能做適當(dāng)修改，使之運(yùn)用到自己的網(wǎng)站中。通過(guò)本課程的學(xué)習(xí)，使學(xué)生具備熟練構(gòu)建網(wǎng)站并將靜態(tài)網(wǎng)頁(yè)制作技術(shù)、ASP程序設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)相結(jié)合以開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的能力。為學(xué)生今后在學(xué)習(xí)、工作中制作網(wǎng)頁(yè)及后續(xù)的開發(fā)動(dòng)態(tài)網(wǎng)站打下基礎(chǔ)。三、教學(xué)重點(diǎn)及難點(diǎn)教學(xué)重點(diǎn)：：HTML語(yǔ)言的應(yīng)用，VB腳本語(yǔ)言，常用的ASP內(nèi)置對(duì)象，ASP對(duì)數(shù)據(jù)庫(kù)的訪問(wèn)。教學(xué)難點(diǎn)：交互式程序的設(shè)計(jì)和編程，網(wǎng)站的設(shè)計(jì)和編程。四、教學(xué)方式理論+實(shí)踐五、教學(xué)時(shí)數(shù)分配表計(jì)算機(jī)科學(xué)與技術(shù)本科、計(jì)算機(jī)科學(xué)與技術(shù)專接本序號(hào)主要內(nèi)容學(xué)時(shí)比例分配實(shí)踐課使用場(chǎng)地類型講授實(shí)踐第一部分與動(dòng)態(tài)網(wǎng)頁(yè)相關(guān)基礎(chǔ)基礎(chǔ)知識(shí)簡(jiǎn)介22機(jī)房第二部分Web頁(yè)面制作基礎(chǔ)412機(jī)房第三部分腳本語(yǔ)言VBScript44機(jī)房第四部分常用ASP內(nèi)置對(duì)象48機(jī)房第五部分ASP訪問(wèn)數(shù)據(jù)庫(kù)48機(jī)房第六部分ASP技術(shù)的綜合應(yīng)用--設(shè)計(jì)一套完整的動(dòng)態(tài)網(wǎng)站程序44機(jī)房第七部分項(xiàng)目設(shè)計(jì)--設(shè)計(jì)動(dòng)態(tài)網(wǎng)站416機(jī)房合計(jì)2654六、教學(xué)內(nèi)容第一部分與動(dòng)態(tài)網(wǎng)頁(yè)相關(guān)基礎(chǔ)基礎(chǔ)知識(shí)簡(jiǎn)介教學(xué)目的和要求：了解ASP技術(shù)，掌握其運(yùn)行環(huán)境的搭建以及建立和運(yùn)行ASP文件的基本方法。了解Dreamweaver的運(yùn)行環(huán)境，能夠利用Dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)，掌握在Dreamweaver中HTML標(biāo)簽的使用方法。重點(diǎn)及難點(diǎn)：重點(diǎn)：ASP運(yùn)行環(huán)境的配置，網(wǎng)頁(yè)制作應(yīng)該注意的問(wèn)題，HTML語(yǔ)言概述。難點(diǎn)：ASP運(yùn)行環(huán)境的配置。教學(xué)內(nèi)容：一、Web入門1、網(wǎng)絡(luò)基礎(chǔ)2、Web程序開發(fā)環(huán)境二、ASP簡(jiǎn)介1、ASP概述2、ASP環(huán)境配置三、HTML語(yǔ)言簡(jiǎn)介1、HTML語(yǔ)言簡(jiǎn)介2、HTML文件結(jié)構(gòu)3、HTML頭部標(biāo)記和主題標(biāo)記四、Dreamweaver軟件應(yīng)用1、軟件應(yīng)用簡(jiǎn)介2、站點(diǎn)管理第二部分Web頁(yè)面制作基礎(chǔ)教學(xué)目的及要求：掌握文本的基本編輯；掌握不同網(wǎng)頁(yè)的布局方法；掌握表單的應(yīng)用。重點(diǎn)及難點(diǎn)：教學(xué)重點(diǎn)：文本的基本編輯；超鏈接的使用；不同布局方法的應(yīng)利用；CSS的在文本中的應(yīng)用。教學(xué)難點(diǎn)：超鏈接的使用；不同布局方法的應(yīng)利用。教學(xué)內(nèi)容：一、文字的設(shè)置1、定義文字字體2、建立超鏈接二、網(wǎng)頁(yè)的整體布局1、表格布局2、層布局3、CSS+DIV布局4、框架布局三、表單的使用1、表單的建立2、在表單中插入控件四、建立一個(gè)靜態(tài)網(wǎng)站第三部分腳本語(yǔ)言VBScript基本教學(xué)目的和要求：了解VBScript的基本語(yǔ)法，理解瀏覽器對(duì)象的層次和DOM模型的建立和使用。掌握在網(wǎng)頁(yè)中引入VBScript的方法并能實(shí)現(xiàn)和HTML交互。重點(diǎn)及難點(diǎn)：重點(diǎn)：VBScript的基本語(yǔ)法。難點(diǎn)：利用VBScript進(jìn)行程序編制。主要教學(xué)內(nèi)容：一、VBScript基礎(chǔ) 1、VBScript基本語(yǔ)法格式2、VBScript數(shù)據(jù)類型3、VBScript基本運(yùn)算符和運(yùn)算二、VBScript控制語(yǔ)句1、選擇結(jié)構(gòu)2、循環(huán)結(jié)構(gòu)3、嵌套和綜合應(yīng)用三、過(guò)程與函數(shù)1、過(guò)程的定義與調(diào)用2、函數(shù)的定義與調(diào)用3、系統(tǒng)常用函數(shù)第四部分常用ASP內(nèi)置對(duì)象基本教學(xué)目的和要求：理解ASP內(nèi)置對(duì)象的概念，掌握ASP內(nèi)置的五大對(duì)象、一個(gè)集合和一個(gè)文件的作用和使用方法。重點(diǎn)及難點(diǎn)：重點(diǎn)：ASP內(nèi)置的五大對(duì)象的作用和使用方法。難點(diǎn)：利用這五大對(duì)象設(shè)計(jì)出有交互功能的網(wǎng)頁(yè)程序。主要教學(xué)內(nèi)容：一、Request對(duì)象1、Request對(duì)象的屬性2、Request對(duì)象的方法3、Request對(duì)象的集合二、Response對(duì)象1、Response對(duì)象的屬性2、Response對(duì)象的方法3、Response對(duì)象的集合三、Server對(duì)象1、Server對(duì)象的屬性2、Server對(duì)象的方法3、Server對(duì)象的集合四、Application對(duì)象1、Application對(duì)象的屬性2、Application對(duì)象的方法3、Application對(duì)象的集合五、Session對(duì)象1、Session對(duì)象的屬性2、Session對(duì)象的方法3、Session對(duì)象的集合六、利用一個(gè)簡(jiǎn)單的網(wǎng)站實(shí)例來(lái)綜合這些知識(shí)點(diǎn)第五部分ASP訪問(wèn)數(shù)據(jù)庫(kù)基本教學(xué)目的和要求：了解ADO對(duì)象模型；掌握OLEDB和ODBC連接數(shù)據(jù)庫(kù)的方法；掌握使用connection對(duì)象連接數(shù)據(jù)庫(kù)；掌握recordset對(duì)象顯示、修改和刪除數(shù)據(jù)的方法；掌握command對(duì)象的使用。重點(diǎn)與難點(diǎn)：重點(diǎn)：使用ADO對(duì)象訪問(wèn)數(shù)據(jù)庫(kù)的方法。難點(diǎn)：數(shù)據(jù)庫(kù)的連接。主要教學(xué)內(nèi)容：一、數(shù)據(jù)庫(kù)簡(jiǎn)介1、數(shù)據(jù)庫(kù)系統(tǒng)2、關(guān)系型數(shù)據(jù)庫(kù)二、ADO訪問(wèn)數(shù)據(jù)庫(kù)1、ADO概念2、ADO開發(fā)數(shù)據(jù)庫(kù)的流程三、ADO控件對(duì)象的使用1、數(shù)據(jù)庫(kù)連接對(duì)象Connection2、數(shù)據(jù)檢索對(duì)象Recordset3、增強(qiáng)處理能力對(duì)象Comman四、綜合練習(xí)：用一個(gè)小的網(wǎng)站設(shè)計(jì)來(lái)練習(xí)數(shù)據(jù)庫(kù)的操作第六部分ASP技術(shù)的綜合應(yīng)用--設(shè)計(jì)一套完整的動(dòng)態(tài)網(wǎng)站程序基本教學(xué)目的和要求：掌握WEB應(yīng)用程序的開發(fā)過(guò)程以及所用到的技術(shù)基礎(chǔ)；掌握注冊(cè)與登陸頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)；掌握聊天室頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)；掌握ACESS數(shù)據(jù)庫(kù)的設(shè)計(jì)與實(shí)現(xiàn)。重點(diǎn)與難點(diǎn)：重點(diǎn)：一套網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)。難點(diǎn)：數(shù)據(jù)庫(kù)在動(dòng)態(tài)網(wǎng)站中的操作與應(yīng)用。主要教學(xué)內(nèi)容：一、網(wǎng)站系統(tǒng)開發(fā)前的調(diào)研1、網(wǎng)站宗旨和目的2、網(wǎng)站面向的受眾二、網(wǎng)站系統(tǒng)的分析1、網(wǎng)站具體要實(shí)現(xiàn)的功能三、網(wǎng)站系統(tǒng)的整體設(shè)計(jì)1、將功能分成模塊2、將模塊功能具體化四、網(wǎng)站系統(tǒng)的具體實(shí)現(xiàn)1、數(shù)據(jù)庫(kù)的實(shí)現(xiàn)2、主頁(yè)的實(shí)現(xiàn)3、分頁(yè)的實(shí)現(xiàn)五、對(duì)網(wǎng)站進(jìn)行測(cè)試和改進(jìn)第七部分項(xiàng)目設(shè)計(jì)--設(shè)計(jì)動(dòng)態(tài)網(wǎng)站基本教學(xué)目的和要求：了解信息管理系統(tǒng)的設(shè)計(jì)流程和步驟，掌握系統(tǒng)設(shè)計(jì)的基本方法，掌握網(wǎng)站設(shè)計(jì)的要素和基本流程以及實(shí)現(xiàn)技術(shù)。重點(diǎn)與難點(diǎn)：重點(diǎn)：網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)。難點(diǎn)：數(shù)據(jù)庫(kù)在動(dòng)態(tài)網(wǎng)站中的操作與應(yīng)用。主要教學(xué)內(nèi)容：一、學(xué)生確定選題二、對(duì)系統(tǒng)進(jìn)行需求分析三、對(duì)系統(tǒng)進(jìn)行功能模塊的劃分四、程序的編寫和調(diào)試八、選用教材和主要參考資料（一）參考教材：1.《ASP動(dòng)態(tài)網(wǎng)頁(yè)制作教程》.李軍黃憲通李慧.第二版..\人民郵電出版社.2012-10（二）主要參考資料1.《ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用教程》.唐紅亮燕為民劉家愚.第三版..\電子工業(yè)出版社.2012-82.《ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)》.汪維清汪維華.第一版..\清華大學(xué)出版社.2012-13.《動(dòng)態(tài)網(wǎng)頁(yè)制作教程》.劉梅彥.第一版..\清華大學(xué)出版社.2010-10九、課程考核與成績(jī)?cè)u(píng)定方法考核類型：考查計(jì)分辦法：平時(shí)成績(jī)×30%﹢考試成績(jī)×70%＝總成績(jī)動(dòng)態(tài)網(wǎng)頁(yè)制作教師授課教案12多媒體1班動(dòng)態(tài)網(wǎng)頁(yè)制作課程使用教材：動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作-HTML+CSS+JavaScript2014-20**學(xué)年第1學(xué)期第1周星期3第3、4節(jié)2014年9月17日第1章html基礎(chǔ)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、了解HTML常見(jiàn)元素包含哪些2、HTML簡(jiǎn)介，區(qū)分網(wǎng)頁(yè)與HTML，標(biāo)簽元素和屬性二、內(nèi)容1、HTML簡(jiǎn)介2、HTML常見(jiàn)元素三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：運(yùn)用HTML常見(jiàn)元素難點(diǎn)：一些特殊元素的運(yùn)用教學(xué)過(guò)程1、引入打開網(wǎng)頁(yè)設(shè)計(jì)作品，讓學(xué)生們欣賞評(píng)價(jià)同學(xué)們，大家覺(jué)得剛剛展示的網(wǎng)頁(yè)設(shè)計(jì)作品怎么樣呢？運(yùn)用了什么軟件制作的呢？采用了哪些技巧呢？可以從哪些方面做得更好呢？（學(xué)生們隨機(jī)回答）2、講授新課（1）HTML基礎(chǔ)a．網(wǎng)頁(yè)與HTMLHTML是HyperTextMarkupLanguage的縮寫，中文翻譯為“超文本標(biāo)記語(yǔ)言”，是制作網(wǎng)頁(yè)的最基本語(yǔ)言。b．編寫及顯示HTML文件使用任何一種文本編輯器來(lái)編寫，如記事本、寫字板等，也可使用任何一種編輯HTML文件的工具軟件，如DW和FrontPage。c.標(biāo)簽、元素和屬性HTML標(biāo)簽是由一對(duì)尖括號(hào)<>和標(biāo)簽名稱組成。標(biāo)簽分為“起始標(biāo)簽”和“結(jié)束標(biāo)簽”兩種，二者的標(biāo)簽名稱是相同的，只是結(jié)束標(biāo)簽多了一個(gè)斜杠“/”。HTML元素是組成HTML文檔的最基本的部件，它是用標(biāo)簽來(lái)表現(xiàn)的，一般“起始標(biāo)簽”表示元素的開始，“結(jié)束標(biāo)簽”表示元素的結(jié)束。在元素的起始標(biāo)簽中，還可以包含“屬性”來(lái)表示元素的其他特性，它的格式是：<標(biāo)簽名稱屬性名=“屬性值”>(2）HTML常見(jiàn)元素基本結(jié)構(gòu)元素：{HTML元素、head元素、body元素}常用塊元素：1、標(biāo)題類2、段落類●p（段落）元素●pre（原樣顯示文字）元素●div（通用塊）元素3、通用屬性最常用的段落塊元素：●id（元素標(biāo)識(shí)）屬性●title（提示）屬性●style（CSS樣式）屬性●class（CSS分類）屬性(3)常用列表元素ul、ol、li3、鞏固練習(xí)操練課本1.1-1.3案例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)完成案例1.1-1.3七、課后小結(jié)：本節(jié)比較重要，學(xué)生掌握情況良好2014-20**學(xué)年第1學(xué)期第1周星期4第3、4節(jié)2014年9月18日第1章html基礎(chǔ)及實(shí)訓(xùn)1教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、了解常見(jiàn)表格、行、表單、特殊元素等2、通過(guò)基礎(chǔ)知識(shí)的學(xué)習(xí)完成實(shí)訓(xùn)項(xiàng)目1二、內(nèi)容（1）常見(jiàn)表格元素table、tr、td、th(表頭)（2）常用行元素（3）表單元素（4）一些特殊元素三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：表格、行、表單、特殊元素難點(diǎn)：實(shí)訓(xùn)項(xiàng)目1四、教學(xué)過(guò)程1、引入（1）上節(jié)課已經(jīng)學(xué)習(xí)了表格的一部分元素，相信同學(xué)們都掌握啦，這節(jié)課我們接著學(xué)習(xí)常見(jiàn)的元素和一些特殊元素。2、講授新課（1）常見(jiàn)表格元素table、tr、td、th(表頭)（2）常用行元素●img（圖像）元素●a（鏈接）元素●span（通用行）元素●sub（下標(biāo)）●sup（上標(biāo)）元素●b（粗體）●i（斜體）br（換行）元素行元素總是與其前后其他元素保持在同一行中（3）表單元素表單控件元素用于收集用戶輸入信息●input（輸入框）元素●select（下拉框）元素●textarea（多行文本輸入框）元素label（表單控件名稱）元素fieldset（表單控件組）元素（4）一些特殊元素注釋元素meta（描述網(wǎng)頁(yè)信息）元素doctype（文檔類型的定義）與HTML文檔的檢驗(yàn)特殊字符3、鞏固練習(xí)完成實(shí)訓(xùn)1五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)根據(jù)實(shí)訓(xùn)1的完成情況，課上輔導(dǎo)項(xiàng)目七、課后小結(jié)：本節(jié)比較重要，學(xué)生掌握情況良好2014-20**學(xué)年第1學(xué)期第2周星期3第3、4節(jié)2014年9月24日第2章CSS基礎(chǔ)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、掌握css基本語(yǔ)法2、了解css特點(diǎn)二、內(nèi)容1.圖解CSS2.CSS定義3.CSS的特點(diǎn)4.css基本語(yǔ)法三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：css基本語(yǔ)法和css基本特點(diǎn)難點(diǎn)：樣式表的應(yīng)用教學(xué)過(guò)程1、引入通過(guò)實(shí)例導(dǎo)入css應(yīng)用的好處：2、新課講授（1）CSS的定義CSS是CascadingStyleSheets的縮寫，中文為“層疊樣式表”。（2）CSS的特點(diǎn)CSS通過(guò)“樣式”來(lái)表示網(wǎng)頁(yè)的顏色、字體、背景色、邊框線及網(wǎng)頁(yè)內(nèi)容的位置及大小尺寸等屬性。（3）css樣式表的類型內(nèi)部、外部、元素中的樣式表三種在網(wǎng)頁(yè)的標(biāo)記中應(yīng)用“樣式”，時(shí)采用的是“層疊式”原則。樣式是由成對(duì)的屬性名和屬性值以冒號(hào)“：”相間組成。一系列的“樣式”以分號(hào)“；”相間組成為“樣式表”。（4）CSS中的顏色和長(zhǎng)度定義CSS中的顏色是由紅、藍(lán)、綠3種顏色組合而成的，每一種顏色用數(shù)字0至255表示。（5）常見(jiàn)的樣式屬性（6）定義樣式表對(duì)象1,對(duì)象2……{樣式表}內(nèi)部樣式表：是將定義樣式表的內(nèi)容放在style元素中，并且設(shè)置type屬性為text/css。然后將style元素放在HTML文檔的head元素中。外部樣式表：放在一個(gè)文本文件中，一般都是以.css作為擴(kuò)展名，然后在HTML文檔的head元素中插入link元素，通過(guò)下屬格式將外部樣式表文件連接到HTML文檔中。<linkrel="stylesheet"type="text/css"href="外部樣式表文件.css">3、鞏固練習(xí)練習(xí)示例2-1、2-2、2-3五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)根據(jù)本次練習(xí)，課上答疑和輔導(dǎo)七、課后小結(jié)：本節(jié)比較重要，學(xué)生掌握情況良好2014-20**學(xué)年第1學(xué)期第2周星期4第3、4節(jié)2014年9月25日第2章CSS基礎(chǔ)實(shí)訓(xùn)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、根據(jù)css基本特點(diǎn)和語(yǔ)法規(guī)則，應(yīng)用css練習(xí)2、通過(guò)實(shí)訓(xùn)項(xiàng)目2，提升css應(yīng)用水平二、內(nèi)容按照實(shí)訓(xùn)項(xiàng)目2的要求完成實(shí)訓(xùn)任務(wù)三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：認(rèn)識(shí)HTML語(yǔ)法結(jié)構(gòu)難點(diǎn)：掌握HTML基本標(biāo)記的使用方法四、教學(xué)過(guò)程1、引入展示實(shí)訓(xùn)項(xiàng)目2的作品，激趣導(dǎo)入。2、講授新課（1）調(diào)整頁(yè)面邊距、間距、背景色、鏈接顏色（2）加入圖片，并調(diào)整圖片的尺寸等3、操練請(qǐng)同學(xué)們按照實(shí)訓(xùn)2的操作步驟，以及提供的素材，完成網(wǎng)頁(yè)設(shè)計(jì)。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，教師需要演示，學(xué)生需要操練。六、作業(yè)及輔導(dǎo)練習(xí)過(guò)程中，課上答疑和輔導(dǎo)七、課后小結(jié)：本節(jié)課是學(xué)生操作課，操作效果還不錯(cuò)！2014-20**學(xué)年第1學(xué)期第3周星期3第3、4節(jié)2014年10月1日第3章CSS實(shí)用技巧教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、了解css的常用技巧和設(shè)計(jì)原則2、運(yùn)用css進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)二、內(nèi)容1、CSS的常用技巧2、CSS用于網(wǎng)頁(yè)布局設(shè)計(jì)3、CSS用于菜單設(shè)計(jì)4、CSS其他設(shè)計(jì)原則三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：CSS常用技巧難點(diǎn)：CSS其他設(shè)計(jì)原則用于網(wǎng)頁(yè)布局四、教學(xué)過(guò)程1、引入通過(guò)上節(jié)課的學(xué)習(xí)，同學(xué)們掌握了哪些CSS設(shè)計(jì)技巧呢？（問(wèn)答）這節(jié)課，我們接著學(xué)習(xí)CSS常見(jiàn)的實(shí)用技巧新課講授（1）CSS常用技巧1.網(wǎng)頁(yè)內(nèi)容的居中對(duì)齊2.網(wǎng)頁(yè)內(nèi)容的隱藏與顯示3.方框長(zhǎng)度的計(jì)算4.圓角邊框5.圖片6.定義外部樣式表的選項(xiàng)（2）CSS用于菜單設(shè)計(jì)菜單設(shè)計(jì)的原則：1.簡(jiǎn)單的導(dǎo)向菜單條2.簡(jiǎn)單的標(biāo)簽菜單3.推拉門式圖片標(biāo)簽菜單（3）CSS其他設(shè)計(jì)原則1．有效地定義樣式名2．盡量使用CSS的簡(jiǎn)寫方式3．有效地控制邊距和間距4．不要定義缺省值5．盡量使用已有的HTML元素6．盡量組合定義樣式7．使用正確的Doctype8．驗(yàn)證CSS3、鞏固練習(xí)練習(xí)使用CSS各種設(shè)計(jì)規(guī)則五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生在軟件上進(jìn)行練習(xí)六、作業(yè)及輔導(dǎo)練習(xí)過(guò)程中，課上答疑和輔導(dǎo)七、課后小結(jié)：本節(jié)課是HTML語(yǔ)言的核心基礎(chǔ)，學(xué)生掌握效果較好2014-20**學(xué)年第1學(xué)期第3周星期4第3、4節(jié)2014年10月2日第3章CSS實(shí)用技巧實(shí)訓(xùn)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)綜合使用HTML和CSS技術(shù)二、內(nèi)容1、編寫第三章中的實(shí)例源文件，并在瀏覽器中進(jìn)行調(diào)試2、修改排版內(nèi)容三、重點(diǎn)，難點(diǎn)及處理方法掌握CSS綜合使用技巧四、教學(xué)過(guò)程1、引入通過(guò)第三章實(shí)訓(xùn)項(xiàng)目作品展示導(dǎo)入。2、實(shí)驗(yàn)教學(xué)同學(xué)們，本次實(shí)訓(xùn)課的要求有以下幾點(diǎn)：需要將菜單欄改成簡(jiǎn)單的導(dǎo)向菜單網(wǎng)頁(yè)的主要內(nèi)容區(qū)在中間設(shè)計(jì)左導(dǎo)向和右導(dǎo)向欄，寬度、背景和鏈接顏色。3、鞏固練習(xí)按照步驟，練習(xí)完成項(xiàng)目五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生在軟件上進(jìn)行練習(xí)六、作業(yè)及輔導(dǎo)練習(xí)過(guò)程中，課上答疑和輔導(dǎo)七、課后小結(jié)：CSS實(shí)用技巧具有調(diào)整型，學(xué)生們的練習(xí)熱情高。2014-20**學(xué)年第1學(xué)期第4周星期3第3、4節(jié)2014年10月8日第4章JavaScript簡(jiǎn)介教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、認(rèn)識(shí)什么是Javascript2、通過(guò)DW或FrontPage軟件編輯調(diào)試Javascript二、內(nèi)容1、什么是JavaScript2、編輯與調(diào)試JavaScript3、第一個(gè)JavaScript示例三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過(guò)程導(dǎo)入同學(xué)們，HTML文件有一些交互式的功能沒(méi)法在客戶端實(shí)現(xiàn)，怎么辦呢？我們可以借助javascript。那么什么是javascript呢？它有哪些特點(diǎn)？又是如何使用的呢？2、新課講授（1）什么是JavaScriptJavaScript的發(fā)展歷史：它是寫在HTML文檔中的一種基于對(duì)象和事件驅(qū)動(dòng)。并具有安全性能的腳本語(yǔ)言，當(dāng)用戶在客戶端的瀏覽器中顯示該網(wǎng)頁(yè)時(shí)，瀏覽器就會(huì)執(zhí)行JavaScript程序，讓用戶通過(guò)交互式的操作變換網(wǎng)頁(yè)顯示的內(nèi)容，以實(shí)現(xiàn)HTML語(yǔ)言所不能實(shí)現(xiàn)的一些功能。2.JavaScript的特點(diǎn)3.JavaScript與Java比較4.JavaScript的作用（2）編輯與調(diào)試JavaScript1.瀏覽器2.編輯軟件3.調(diào)試軟件（3）第一個(gè)JavaScript示例3、鞏固練習(xí)跟著老師一起來(lái)聯(lián)系第一個(gè)javascript示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，可以制作一個(gè)javascript簡(jiǎn)單示例七、課后小結(jié)：從本章開始進(jìn)入javascript的學(xué)習(xí)，學(xué)生們普遍反映比較難2014-20**學(xué)年第1學(xué)期第4周星期4第3、4節(jié)2014年10月9日第4章javascript簡(jiǎn)介實(shí)訓(xùn)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、下載、安裝、設(shè)置第四章中用于IE瀏覽器的MSD調(diào)試軟件2、編寫示例源文件，并調(diào)試3、測(cè)試一段程序，找出其中的錯(cuò)誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測(cè)試程序并找錯(cuò)誤四、教學(xué)過(guò)程1、實(shí)驗(yàn)導(dǎo)入展示第四章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過(guò)程本次實(shí)訓(xùn)，大家需要注意的問(wèn)題有：（1）MSD軟件安裝（2）素材程序編輯和調(diào)試（3）改寫程序請(qǐng)同學(xué)按照實(shí)訓(xùn)步驟進(jìn)行操作，完成實(shí)訓(xùn)項(xiàng)目。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)實(shí)訓(xùn)過(guò)程中，課上輔導(dǎo)和答疑課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力。2014-20**學(xué)年第1學(xué)期第5周星期3第3、4節(jié)2014年10月15日第5章JavaScript編程基礎(chǔ)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、認(rèn)識(shí)什么是Javascript2、通過(guò)DW或FrontPage軟件編輯調(diào)試Javascript二、內(nèi)容1、數(shù)據(jù)類型及變量2、表達(dá)式與運(yùn)算符3、基本語(yǔ)句三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例教學(xué)過(guò)程1、導(dǎo)入同學(xué)們，javascript到底是如何使用的呢？這就是我們本章要學(xué)習(xí)的內(nèi)容，它的編程基礎(chǔ)。2、新課講授（1）數(shù)據(jù)類型及變量常量與變量JavaScript的常量通常又稱為字面常量，它是不能改變的數(shù)據(jù)。變量就是在計(jì)算機(jī)內(nèi)存中暫時(shí)保存數(shù)據(jù)的地方。變量的數(shù)據(jù)類型及其轉(zhuǎn)換變量的作用范圍（2）表達(dá)式與運(yùn)算符算術(shù)運(yùn)算符、邏輯運(yùn)算符、位運(yùn)算符、操作后賦值運(yùn)算符、特殊運(yùn)算符運(yùn)算符順序（3）基本語(yǔ)句3、鞏固練習(xí)學(xué)會(huì)寫javascript基本語(yǔ)句五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)制作簡(jiǎn)單的javascript語(yǔ)句七、課后小結(jié)：Java基礎(chǔ)編寫，新知識(shí)較多，學(xué)生學(xué)習(xí)較快。2014-20**學(xué)年第1學(xué)期第5周星期4第3、4節(jié)2014年10月16日第5章javascript編程基礎(chǔ)（2）教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、函數(shù)2、對(duì)象3、事件及事件處理程序三、重點(diǎn)，難點(diǎn)及處理方法事件處理程序四、教學(xué)過(guò)程1、導(dǎo)入同學(xué)們，我們知道很多功能的實(shí)現(xiàn)，需要運(yùn)用函數(shù)、對(duì)象，才能進(jìn)行事件處理的。2、新課內(nèi)容（1）函數(shù)1.定義函數(shù)function函數(shù)名（[參數(shù)1,參數(shù)2,…]）{程序語(yǔ)句…[return值;]}2.使用函數(shù)參數(shù)的傳遞{1.按值傳遞參數(shù)2.按地址傳遞參數(shù)}3.函數(shù)的參數(shù)(2)對(duì)象1.什么是對(duì)象JavaScript的對(duì)象就是這樣一種特殊的數(shù)據(jù)類型，它不僅可以保存一組不同類型的數(shù)據(jù)（稱做“對(duì)象的屬性”），而且還可以包含有關(guān)“處理”這些數(shù)據(jù)的函數(shù)（稱做“對(duì)象的方法”）。2.定義對(duì)象3.使用對(duì)象使用對(duì)象的方法：對(duì)象作為函數(shù)的參數(shù)1、網(wǎng)頁(yè)中的事件2、用JavaScript處理事件五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)實(shí)訓(xùn)過(guò)程中，課上輔導(dǎo)和答疑課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力。2014-20**學(xué)年第1學(xué)期第6周星期3第3、4節(jié)2014年10月22日第5章JavaScript編程基礎(chǔ)實(shí)訓(xùn)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)掌握javascript的基本編程概念和編程技術(shù)。二、內(nèi)容1、編輯與調(diào)試第五章中的JavaScript示例三、重點(diǎn)，難點(diǎn)及處理方法調(diào)試程序中的錯(cuò)誤。教學(xué)過(guò)程1、實(shí)驗(yàn)導(dǎo)入展示第五章實(shí)訓(xùn)項(xiàng)目2、實(shí)驗(yàn)教學(xué)編寫第五章中的示例文件，在瀏覽器中調(diào)試。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)操練的同學(xué)進(jìn)行輔導(dǎo)七、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目具有一定難度，學(xué)生練習(xí)效果不佳2014-20**學(xué)年第1學(xué)期第6周星期4第3、4節(jié)2014年10月23日第6章JavaScript常用內(nèi)置對(duì)象教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握內(nèi)置對(duì)象的使用規(guī)則二、內(nèi)容1、數(shù)組（Array）對(duì)象2、字串（String）對(duì)象3、數(shù)學(xué)（Math）對(duì)象4、日期（Date）對(duì)象三、重點(diǎn)，難點(diǎn)及處理方法數(shù)組、字串是重點(diǎn)四、教學(xué)過(guò)程1、導(dǎo)入同學(xué)們知道什么是內(nèi)置對(duì)象嗎？有哪些常見(jiàn)的內(nèi)置對(duì)象呢？2、新課講授本次實(shí)訓(xùn)，大家需要注意的問(wèn)題有：數(shù)組（Array）對(duì)象新建一個(gè)長(zhǎng)度為零的數(shù)組。語(yǔ)法規(guī)則如下：var變量名=newArray()數(shù)組中的序列號(hào)、引用數(shù)組元素、.動(dòng)態(tài)數(shù)組、.數(shù)組對(duì)象的常用屬性與方法、排序數(shù)組字串（String）對(duì)象1.使用字串對(duì)象2.字串相加3.在字串中使用單引號(hào)、雙引號(hào)及其他特殊字符4.比較字串是否相等5.字串與整數(shù)、浮點(diǎn)數(shù)之間的轉(zhuǎn)換6.串對(duì)象的屬性與方法7.字串對(duì)象應(yīng)用實(shí)例數(shù)學(xué)（Math）對(duì)象1.使用數(shù)學(xué)對(duì)象2.數(shù)學(xué)對(duì)象的屬性與方法3.特殊的常數(shù)和函數(shù)4.格式化數(shù)字5.產(chǎn)生隨機(jī)數(shù)（4）日期（Date）對(duì)象五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室。六、作業(yè)及輔導(dǎo)練習(xí)課本上的示例課后小結(jié)：同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力提高了很多。2014-20**學(xué)年第1學(xué)期第7周星期3第3、4節(jié)2014年10月29日第6章JavaScript常用內(nèi)置對(duì)象實(shí)訓(xùn)1教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握javascript數(shù)組對(duì)象、字符串對(duì)象、數(shù)字對(duì)象及日期對(duì)象。二、內(nèi)容第六章中的示例源文件三、重點(diǎn)，難點(diǎn)及處理方法編寫javascript函數(shù)教學(xué)過(guò)程1、導(dǎo)入常用的javascript函數(shù)有很多，我們?nèi)绾尉帉懩兀?、操作演練請(qǐng)大家按照實(shí)訓(xùn)內(nèi)容的要求，逐個(gè)編寫javascript函數(shù)。操作步驟和實(shí)現(xiàn)效果見(jiàn)課本。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生上機(jī)操練完成實(shí)訓(xùn)項(xiàng)目六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，可以制作一個(gè)javascript簡(jiǎn)單示例七、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目，需要掌握的javascript函數(shù)眾多，學(xué)生接受起來(lái)有難度。2014-20**學(xué)年第1學(xué)期第7周星期4第3、4節(jié)2014年10月30日第6章JavaScript常用內(nèi)置對(duì)象實(shí)訓(xùn)2教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)了解JavaScript常用文檔對(duì)象，并學(xué)會(huì)使用這些文檔對(duì)象二、內(nèi)容第六章中的示例源文件三、重點(diǎn)，難點(diǎn)及處理方法測(cè)試程序并找錯(cuò)誤四、教學(xué)過(guò)程1、實(shí)驗(yàn)導(dǎo)入第六章中涉及到的javascript函數(shù)非常多，大家在上次實(shí)驗(yàn)課只完成了一部分，這節(jié)課接著編寫剩下的源程序，并測(cè)試效果2、實(shí)驗(yàn)過(guò)程項(xiàng)目過(guò)程中，大家需要注意的是：區(qū)分每種對(duì)象的適用范圍和使用方法。完整測(cè)試每種對(duì)象在兩個(gè)瀏覽器中的運(yùn)行效果。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)實(shí)訓(xùn)過(guò)程中，課上輔導(dǎo)和答疑。課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力。2014-20**學(xué)年第1學(xué)期第8周星期3第3、4節(jié)2014年11月5日第7章JavaScript常用文檔對(duì)象教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、認(rèn)識(shí)什么是Javascript2、通過(guò)DW或FrontPage軟件編輯調(diào)試Javascript二、內(nèi)容1、文檔對(duì)象結(jié)構(gòu)2、文檔對(duì)象3、動(dòng)態(tài)改變網(wǎng)頁(yè)內(nèi)容和樣式三、重點(diǎn)，難點(diǎn)及處理方法如何動(dòng)態(tài)改變網(wǎng)頁(yè)內(nèi)容和樣式四、教學(xué)過(guò)程導(dǎo)入同學(xué)們，你們平常有沒(méi)有留意到HTML的文檔對(duì)象呢？知道這個(gè)文檔對(duì)象是如何劃分的嗎？2、新課講授（1）文檔對(duì)象結(jié)構(gòu)1.文檔對(duì)象的節(jié)點(diǎn)樹2.得到文檔對(duì)象中元素對(duì)象的一般方法1、document.getElementById2、document.getElementsByTagName3．document.getElementsByName（2）文檔對(duì)象1.文檔對(duì)象的屬性和方法2.文檔對(duì)象的cookie屬性設(shè)置、取出、刪除3.表單（form）及其控件元素對(duì)象1．表單中的控件元素對(duì)象2．列表及列表選項(xiàng)控件元素對(duì)象在JavaScript中對(duì)列表進(jìn)行添加、刪除選項(xiàng)的操作如下：添加列表選項(xiàng)刪除列表選項(xiàng)3．表單元素對(duì)象的應(yīng)用實(shí)例4.鏈接（link）對(duì)象5.圖像（image）對(duì)象（3）動(dòng)態(tài)改變網(wǎng)頁(yè)內(nèi)容和樣式動(dòng)態(tài)改變網(wǎng)頁(yè)內(nèi)容2.動(dòng)態(tài)改變網(wǎng)頁(yè)樣式3、鞏固練習(xí)跟著老師一起來(lái)操練第七章的javascript源程序示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)課上操練和輔導(dǎo)七、課后小結(jié)：本章學(xué)習(xí)，學(xué)生已經(jīng)具有之前的HTML學(xué)習(xí)基礎(chǔ)，所以接觸起來(lái)比較簡(jiǎn)單。2014-20**學(xué)年第1學(xué)期第8周星期4第3、4節(jié)2014年11月6日第7章JavaScript常用文檔對(duì)象實(shí)訓(xùn)教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、編寫示例源文件，并調(diào)試2、測(cè)試一段程序，找出其中的錯(cuò)誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測(cè)試程序并找錯(cuò)誤四、教學(xué)過(guò)程1、實(shí)驗(yàn)導(dǎo)入展示第七章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過(guò)程本次實(shí)訓(xùn)，大家需要注意的問(wèn)題有：（1）根據(jù)文檔結(jié)構(gòu)圖，了解代碼的過(guò)程。（2）素材程序編輯和調(diào)試（3）改寫程序請(qǐng)同學(xué)按照實(shí)訓(xùn)步驟進(jìn)行操作，完成實(shí)訓(xùn)項(xiàng)目。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)實(shí)訓(xùn)過(guò)程中，課上輔導(dǎo)和答疑課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力。2014-20**學(xué)年第1學(xué)期第9周星期3第3、4節(jié)2014年11月12日第8章JavaScript其他常用窗口對(duì)象1教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)認(rèn)識(shí)什么是屏幕對(duì)象和瀏覽器信息（navigator）對(duì)象二、內(nèi)容1、屏幕（screen）對(duì)象2、瀏覽器信息（navigator）對(duì)象三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過(guò)程導(dǎo)入同學(xué)們，HTML文件有一些交互式的功能沒(méi)法在客戶端實(shí)現(xiàn)，怎么辦呢？我們可以借助javascript。那么什么是javascript呢？它有哪些特點(diǎn)？又是如何使用的呢？2、新課講授屏幕對(duì)象（2）瀏覽器對(duì)象3、鞏固練習(xí)聯(lián)系屏幕對(duì)象和瀏覽器對(duì)象的示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，可以制作一個(gè)瀏覽器對(duì)象和屏幕對(duì)象。七、課后小結(jié)：對(duì)象的學(xué)習(xí)，學(xué)生比較有成就感2014-20**學(xué)年第1學(xué)期第9周星期4第3、4節(jié)2014年11月13日第8章JavaScript其他常用窗口對(duì)象2教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、窗口（window）對(duì)象2、編寫示例源文件，并調(diào)試3、測(cè)試一段程序，找出其中的錯(cuò)誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測(cè)試程序并找錯(cuò)誤四、教學(xué)過(guò)程1、導(dǎo)入展示第四章實(shí)訓(xùn)項(xiàng)目作品2、新課講授（1）窗口（window）對(duì)象1.窗口對(duì)象的常用屬性和方法窗口對(duì)象的常用方法：多窗口控制3.輸入輸出信息五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，PPT展示和演練相結(jié)合。六、作業(yè)及輔導(dǎo)課上輔導(dǎo)和答疑。課后小結(jié)：本節(jié)課學(xué)習(xí)到的屬性和方法非常多，學(xué)生接觸起來(lái)比較困難2014-20**學(xué)年第1學(xué)期第10周星期3第3、4節(jié)2014年11月19日第8章JavaScript其他常用窗口對(duì)象3教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)認(rèn)識(shí)和掌握一些對(duì)象，熟練使用他們。二、內(nèi)容1、網(wǎng)址（location）對(duì)象2、歷史記錄（history）對(duì)象3、框架（frame）對(duì)象三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例教學(xué)過(guò)程１、導(dǎo)入同學(xué)們，HTML文件有一些交互式的功能沒(méi)法在客戶端實(shí)現(xiàn)，怎么辦呢？我們可以借助javascript。那么什么是javascript呢？它有哪些特點(diǎn)？又是如何使用的呢？2、新課講授（1）網(wǎng)址（location）對(duì)象1.網(wǎng)址對(duì)象的常用屬性和方法網(wǎng)址對(duì)象的常用方法：網(wǎng)址對(duì)象的應(yīng)用實(shí)例（２）歷史記錄（history）對(duì)象歷史對(duì)象的常用屬性和方法2.歷史對(duì)象的應(yīng)用實(shí)例（３）框架（frame）對(duì)象1.框架對(duì)象的常用屬性和方法2.框架對(duì)象的應(yīng)用實(shí)例3、鞏固練習(xí)跟著老師一起來(lái)聯(lián)系第八章的各個(gè)對(duì)象示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)課上操練和輔導(dǎo)七、課后小結(jié)：從本章開始進(jìn)入javascript的學(xué)習(xí)，學(xué)生們普遍反映比較難2014-20**學(xué)年第1學(xué)期第10周星期4第3、4節(jié)2014年11月20日第8章JavaScript其他常用窗口對(duì)象實(shí)訓(xùn)１教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握javascript屏幕對(duì)象、瀏覽器信息對(duì)象、窗口對(duì)象、網(wǎng)址對(duì)象、歷史記錄對(duì)象及框架對(duì)象。二、內(nèi)容1、編寫第八章中的示例源文件，并調(diào)試3、測(cè)試一段程序，找出其中的錯(cuò)誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測(cè)試程序并找錯(cuò)誤四、教學(xué)過(guò)程1、實(shí)驗(yàn)導(dǎo)入展示第８章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過(guò)程本次實(shí)訓(xùn)，大家需要注意的問(wèn)題有：（1）窗口對(duì)象的特點(diǎn)（2）素材程序編輯和調(diào)試（3）改寫程序請(qǐng)同學(xué)按照實(shí)訓(xùn)步驟進(jìn)行操作，完成實(shí)訓(xùn)項(xiàng)目。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)實(shí)訓(xùn)過(guò)程中，課上輔導(dǎo)和答疑課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力。2014-20**學(xué)年第1學(xué)期第11周星期3第3、4節(jié)2014年11月26日第9章JavaScript實(shí)用技巧教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)掌握建立函數(shù)庫(kù)的方法學(xué)會(huì)識(shí)別瀏覽器二、內(nèi)容1、建立函數(shù)庫(kù)2、識(shí)別瀏覽器的方法三、重點(diǎn)，難點(diǎn)及處理方法建立函數(shù)庫(kù)教學(xué)過(guò)程１、導(dǎo)入我們?cè)趯?shí)際的網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中，往往會(huì)重復(fù)地應(yīng)用一些javascript函數(shù)。將這些常用的函數(shù)集中在一起，就是函數(shù)庫(kù)。２、新課講授（1）建立函數(shù)庫(kù)函數(shù)庫(kù)中的函數(shù)一般可以分為幾種類型：用于簡(jiǎn)化程序的函數(shù)、用于校驗(yàn)用戶輸入的函數(shù)、用于取值與設(shè)置值的函數(shù)、用于字符串處理的函數(shù)、用于列表處理的函數(shù)、用于網(wǎng)頁(yè)元素顯示的函數(shù)。（２）識(shí)別瀏覽器通過(guò)瀏覽器對(duì)象和瀏覽器功能識(shí)別。由于識(shí)別瀏覽器的目的就是為了將不同的功能應(yīng)用于不同的瀏覽器，因此，使用瀏覽器功能識(shí)別的方法更為直接和準(zhǔn)確。3、鞏固練習(xí)跟著老師一起來(lái)練習(xí)課本上的案例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)課上操練，當(dāng)堂答疑輔導(dǎo)七、課后小結(jié)：學(xué)生們普遍反映比較難2014-20**學(xué)年第1學(xué)期第11周星期4第3、4節(jié)2014年11月27日第9章JavaScript實(shí)用技巧２教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握用戶輸入的校驗(yàn)方法。二、內(nèi)容1、校驗(yàn)用戶輸入2、彈出窗口三、重點(diǎn)，難點(diǎn)及處理方法彈出窗口的使用方法四、教學(xué)過(guò)程1、導(dǎo)入上節(jié)課我們已經(jīng)學(xué)習(xí)了一些ｊａｖａｓｃｒｉｐｔ實(shí)用技巧，這節(jié)課我們將學(xué)習(xí)更多的技巧。2、新課講授（1）、校驗(yàn)用戶輸入應(yīng)將常用的校驗(yàn)用戶輸入的函數(shù)放入函數(shù)庫(kù)中，但是在實(shí)際的應(yīng)用中，如果直接使用這些函數(shù)進(jìn)行用戶輸入的校驗(yàn)，當(dāng)校驗(yàn)失敗時(shí)，就會(huì)逐一報(bào)出出錯(cuò)信息。如果一次出現(xiàn)多個(gè)出錯(cuò)域，用戶必須多次按下信息窗口的ｏｋ按鈕，因此這樣的程序設(shè)計(jì)界面不友好，所以我們需要對(duì)用戶信息進(jìn)行校驗(yàn)。（2）、彈出窗口一般的彈出窗口、對(duì)話框式的彈出窗口、窗口中的窗口。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，進(jìn)行課件展示。六、作業(yè)及輔導(dǎo)課上輔導(dǎo)和答疑課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對(duì)于javascript程序的編寫和調(diào)試能力。2014-20**學(xué)年第1學(xué)期第12周星期3第3、4節(jié)2014年12月3日第9章JavaScript實(shí)用技巧３教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握ｊａｖａｓｃｒｉｐｔ實(shí)用技巧。二、內(nèi)容1、下拉菜單2、事件冒泡處理3、動(dòng)畫技術(shù)三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例教學(xué)過(guò)程１、導(dǎo)入除了上兩次課學(xué)習(xí)的技巧，同學(xué)們還了解哪些技巧呢？希望掌握那些技巧呢？這節(jié)課我們補(bǔ)充學(xué)習(xí)幾個(gè)ｊａｖａｓｃｒｉｐｔ實(shí)用技巧2、新課講授（1）、下拉菜單常用的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，通過(guò)鼠標(biāo)控制下拉菜單列表（2）、事件冒泡處理當(dāng)嵌套的標(biāo)記中應(yīng)用了相同的事件時(shí)，事件就會(huì)像冒泡一樣，從里到外被激發(fā)。（3）、動(dòng)畫技術(shù)通過(guò)網(wǎng)頁(yè)窗口對(duì)象的方法，定時(shí)調(diào)用一些指定的函數(shù)，用于改變網(wǎng)頁(yè)對(duì)象的顏色、位置、內(nèi)容等，以達(dá)到動(dòng)畫的效果。鞏固提高操作課本上的案例，改變動(dòng)畫網(wǎng)頁(yè)對(duì)象的內(nèi)容、尺寸、位置五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。學(xué)生在電腦上操作。六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，完成課本上的案例七、課后小結(jié)：從本章開始進(jìn)入javascript的學(xué)習(xí)，學(xué)生們普遍反映比較難2014-20**學(xué)年第1學(xué)期第12周星期4第3、4節(jié)2014年12月4日第9章JavaScript實(shí)用技巧實(shí)訓(xùn)1教案內(nèi)容：一，本次課的教學(xué)目標(biāo)；二，內(nèi)容及課時(shí)分配；三，重點(diǎn)，難點(diǎn)及處理方法；四，教學(xué)過(guò)程（也可另用備課紙）；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中javascript的基本技巧操作。二、內(nèi)容1、編寫示例源文件，并調(diào)試2、測(cè)試一段程序，找出其中的錯(cuò)誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測(cè)試程序并找錯(cuò)誤四、教學(xué)過(guò)程1、實(shí)驗(yàn)導(dǎo)入展示第9章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過(guò)程本次實(shí)訓(xùn)，大家需要注意的問(wèn)題有：（1）javascript技巧操作的方法（2）素材程序編輯和調(diào)試（3）改寫程序請(qǐng)同學(xué)按照實(shí)訓(xùn)步驟進(jìn)行操作，完成實(shí)訓(xùn)項(xiàng)目。五、教具，課件