動態(tài)網(wǎng)頁制作教師授課教案12多媒體1班動態(tài)網(wǎng)頁制課程 使用教動態(tài)網(wǎng)頁設(shè)計與制-HTML+CSS+JavaScript2014 - 2015學(xué)年第1學(xué)期第1周星期3第、4節(jié) 2014年9月17日第1章 html基礎(chǔ)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、了解HTML常見元素包含哪些2、HTML簡介，區(qū)分網(wǎng)頁與HTML，標(biāo)簽元素和屬性二、內(nèi)容1、HTML簡介2、HTML常見元素HTML四、教學(xué)過程1、引入打開網(wǎng)頁設(shè)計作品，讓學(xué)生們欣賞評價些技巧呢？可以從哪些方面做得更好呢？（學(xué)生們隨機(jī)回答）2、講授新課HTMLHTML是HyperTextMarkupLanguage的縮寫，中文翻譯為“超文本標(biāo)記語言”，是制作網(wǎng)頁的最基本語言。b．編寫及顯示HTML文件使用任何一種文本編輯器來編寫，如記事本、寫字板等，也可使用任何一種編輯HTML文件的工具軟件，如DW和FrontPage。c.標(biāo)簽、元素和屬性HTMLHTML元素是組成HTML文檔的最基本的部件，它是用標(biāo)簽來表現(xiàn)的，一般“起始標(biāo)簽”表示元素的開始，“結(jié)束標(biāo)簽”表示元素的結(jié)束。在元素的起始標(biāo)簽中，還可以包含“屬性”來表示元素的其他特性，它的格式是：<標(biāo)簽名稱屬性名=“屬性值”>(2）HTML常見元素基本結(jié)構(gòu)元素：{HTML元素、head元素、body元素}常用塊元素：1、標(biāo)題類2、段落類p（段落）元素pre（原樣顯示文字）元素div（通用塊）元素3、通用屬性最常用的段落塊元素：id（元素標(biāo)識）屬性title（提示）屬性style（CSS）屬性class（CSS）屬性(3)常用列表元素ul、ol、li3、鞏固練習(xí)操練課本1.1-1.3案例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)完成案例1.1-1.3七、課后小結(jié)：本節(jié)比較重要，學(xué)生掌握情況良好2014 - 2015學(xué)年第1學(xué)期第1周星期4第、4節(jié) 2014年9月18日第1章html基礎(chǔ)及實(shí)訓(xùn)1四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、了解常見表格、行、表單、特殊元素等2、通過基礎(chǔ)知識的學(xué)習(xí)完成實(shí)訓(xùn)項(xiàng)目1二、內(nèi)容常見表格元素、tr、td、th(表頭)常用行元素表單元素一些特殊元素三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：表格、行、表單、特殊元素難點(diǎn)：實(shí)訓(xùn)項(xiàng)目1四、教學(xué)過程1、引入（1）上節(jié)課已經(jīng)學(xué)習(xí)了表格的一部分元素，相信同學(xué)們都掌握啦，這節(jié)課我們接著學(xué)習(xí)常見的元素和一些特殊元素。2、講授新課常見表格元素、tr、td、th(表頭)常用行元素img（圖像）元素a（鏈接）元素span（通用行）元素sub（下標(biāo)）sup（上標(biāo)）元素b（粗體）i（斜體）br（換行）行元素總是與其前后其他元素保持在同一行中表單元素表單控件元素用于收集用戶輸入信息input（輸入框）元素）元素textarea（多行文本輸入框）label（表單控件名稱）元素fieldset（表單控件組）元素一些特殊元素注釋元素meta（描述網(wǎng)頁信息）doctype（文檔類型的定義）與HTML文檔的檢驗(yàn)特殊字符3、鞏固練習(xí)完成實(shí)訓(xùn)1五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)根據(jù)實(shí)訓(xùn)1的完成情況，課上輔導(dǎo)項(xiàng)目七、課后小結(jié)：本節(jié)比較重要，學(xué)生掌握情況良好2014 - 2015 學(xué)年第1學(xué)期第2周星期3第3、4節(jié) 2014年9月24日第2章CSS基礎(chǔ)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、掌握css基本語法 、了解css特點(diǎn)二、內(nèi)容圖解CSSCSS定義CSScss三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：csscss難點(diǎn)：樣式表的應(yīng)用五、教學(xué)過程1、引入通過實(shí)例導(dǎo)入css應(yīng)用的好處：2、新課講授CSSCSS是CascadingStyleSheets的縮寫，中文為“層疊樣式表”。CSSCSS通過“樣式”來表示網(wǎng)頁的顏色、字體、背景色、邊框線及網(wǎng)頁內(nèi)容的位置及大小尺寸等屬性。css內(nèi)部、外部、元素中的樣式表三種在網(wǎng)頁的標(biāo)記中應(yīng)用“樣式”，時采用的是“層疊式”原則。樣式是由成對的屬性名和屬性值以冒號“：”相間組成。一系列的“樣式”以分號“；”相間組成為“樣式表”。CSSCSS30255常見的樣式屬性定義樣式表對象1,對象2……{樣式表}內(nèi)部樣式表：是將定義樣式表的內(nèi)容放在style元素中，并且設(shè)置type屬性為text/css。然后將style元素放在HTML文檔的head元素中。外部樣式表：放在一個文本文件中，一般都是以.cssHTML文檔的headlinkHTML文檔中。<linkrel="stylesheet"type="text/css"href="外部樣式表文件.css">3、鞏固練習(xí)練習(xí)示例2-1、2-2、2-3五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)根據(jù)本次練習(xí)，課上答疑和輔導(dǎo)七、課后小結(jié)：本節(jié)比較重要，學(xué)生掌握情況良好2014 - 2015 學(xué)年第1學(xué)期第2周星期4第3、4節(jié) 2014年9月25日第2章CSS基礎(chǔ)實(shí)訓(xùn)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、根據(jù)css基本特點(diǎn)和語法規(guī)則，應(yīng)用css練習(xí)2、通過實(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)識HTML語法結(jié)構(gòu) 難點(diǎn)：掌握HTML基本標(biāo)記的使用方法四、教學(xué)過程1、引入展示實(shí)訓(xùn)項(xiàng)目2的作品，激趣導(dǎo)入。2、講授新課調(diào)整頁面邊距、間距、背景色、鏈接顏色3、操練請同學(xué)們按照實(shí)訓(xùn)2的操作步驟，以及提供的素材，完成網(wǎng)頁設(shè)計。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，教師需要演示，學(xué)生需要操練。六、作業(yè)及輔導(dǎo)練習(xí)過程中，課上答疑和輔導(dǎo)七、課后小結(jié)：本節(jié)課是學(xué)生操作課，操作效果還不錯！2014 - 2015學(xué)年第1學(xué)期第3周星期3第、4節(jié) 2014年10月1日第3章CSS實(shí)用技巧四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、了解css的常用技巧和設(shè)計原則2、運(yùn)用css進(jìn)行網(wǎng)頁布局設(shè)計二、內(nèi)容1、CSS的常用技巧2、CSS用于網(wǎng)頁布局設(shè)計3、CSS用于菜單設(shè)計4、CSS其他設(shè)計原則三、重點(diǎn)，難點(diǎn)及處理方法重點(diǎn)：CSS常用技巧難點(diǎn)：CSS其他設(shè)計原則用于網(wǎng)頁布局四、教學(xué)過程1、引入通過上節(jié)課的學(xué)習(xí)，同學(xué)們掌握了哪些CSS設(shè)計技巧呢？（問答）這節(jié)課，我們接著學(xué)習(xí)CSS常見的實(shí)用技巧2、新課講授CSSCSS用于菜單設(shè)計菜單設(shè)計的原則：簡單的導(dǎo)向菜單條

網(wǎng)頁內(nèi)容的居中對齊網(wǎng)頁內(nèi)容的隱藏與顯示方框長度的計算圓角邊框圖片定義外部樣式表的選項(xiàng)簡單的標(biāo)簽菜單推拉門式圖片標(biāo)簽菜單CSS有效地定義樣式名CSS有效地控制邊距和間距不要定義缺省值HTML盡量組合定義樣式7．使用正確的8CSS3、鞏固練習(xí)練習(xí)使用CSS各種設(shè)計規(guī)則五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生在軟件上進(jìn)行練習(xí)六、作業(yè)及輔導(dǎo)練習(xí)過程中，課上答疑和輔導(dǎo)七、課后小結(jié)：本節(jié)課是HTML語言的核心基礎(chǔ)，學(xué)生掌握效果較好2014 - 2015學(xué)年第1學(xué)期第3周星期4第、4節(jié) 2014年10月2日第3章CSS實(shí)用技巧實(shí)訓(xùn)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(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é)過程1、引入通過第三章實(shí)訓(xùn)項(xiàng)目作品展示導(dǎo)入。2、實(shí)驗(yàn)教學(xué)同學(xué)們，本次實(shí)訓(xùn)課的要求有以下幾點(diǎn)：（1）（2）（3）3、鞏固練習(xí)

需要將菜單欄改成簡單的導(dǎo)向菜單網(wǎng)頁的主要內(nèi)容區(qū)在中間設(shè)計左導(dǎo)向和右導(dǎo)向欄，寬度、背景和鏈接顏色。按照步驟，練習(xí)完成項(xiàng)目五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生在軟件上進(jìn)行練習(xí)六、作業(yè)及輔導(dǎo)練習(xí)過程中，課上答疑和輔導(dǎo)七、課后小結(jié)：CSS實(shí)用技巧具有調(diào)整型，學(xué)生們的練習(xí)熱情高。2014 - 2015學(xué)年第1學(xué)期第4周星期3第、4節(jié) 2014年10月8日第4章JavaScript簡介四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、認(rèn)識什么是Javascript2、通過DW或FrontPage軟件編輯調(diào)試Javascript二、內(nèi)容1、什么是JavaScript2JavaScript3JavaScript三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過程1、導(dǎo)入同學(xué)們，HTML以借助javascript。那么什么是javascript呢？它有哪些特點(diǎn)？又是如何使用的呢？2、新課講授什么是JavaScriptJavaScript的發(fā)展歷史：它是寫在HTML文檔中的一種基于對象和事件驅(qū)動。并具有安全性能的腳本語言，當(dāng)用戶在客戶端的瀏覽器中顯示該網(wǎng)頁時，瀏覽器就會執(zhí)行JavaScript程序，讓用戶通過交互式的操作變換網(wǎng)頁顯示的內(nèi)容，以實(shí)現(xiàn)HTML語言所不能實(shí)現(xiàn)的一些功能。JavaScriptJavaScriptJavaJavaScriptJavaScript瀏覽器編輯軟件調(diào)試軟件第一個JavaScript示例3、鞏固練習(xí)跟著老師一起來聯(lián)系第一個javascript示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，可以制作一個javascript簡單示例七、課后小結(jié)：從本章開始進(jìn)入javascript的學(xué)習(xí)，學(xué)生們普遍反映比較難2014 - 2015學(xué)年第1學(xué)期第4周星期4第、4節(jié) 2014年10月9日第4章javascript簡介實(shí)訓(xùn)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(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、測試一段程序，找出其中的錯誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測試程序并找錯誤四、教學(xué)過程1、實(shí)驗(yàn)導(dǎo)入展示第四章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過程本次實(shí)訓(xùn)，大家需要注意的問題有：MSD素材程序編輯和調(diào)試改寫程序請同學(xué)按照實(shí)訓(xùn)步驟進(jìn)行操作，完成實(shí)訓(xùn)項(xiàng)目。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)七、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第5周星期3第、4節(jié) 2014年10月15日第5章JavaScript編程基礎(chǔ)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、認(rèn)識什么是Javascript2、通過DW或FrontPage軟件編輯調(diào)試Javascript二、內(nèi)容、數(shù)據(jù)類型及變量、表達(dá)式與運(yùn)算符3、基本語句三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過程1、導(dǎo)入同學(xué)們，javascript到底是如何使用的呢？這就是我們本章要學(xué)習(xí)的內(nèi)容，它的編程基礎(chǔ)。2、新課講授數(shù)據(jù)類型及變量常量與變量JavaScript的常量通常又稱為字面常量，它是不能改變的數(shù)據(jù)。變量就是在計算機(jī)內(nèi)存中暫時保存數(shù)據(jù)的地方。變量的數(shù)據(jù)類型及其轉(zhuǎn)換變量的作用范圍表達(dá)式與運(yùn)算符算術(shù)運(yùn)算符、邏輯運(yùn)算符、位運(yùn)算符、操作后賦值運(yùn)算符、特殊運(yùn)算符運(yùn)算符順序基本語句3、鞏固練習(xí)學(xué)會寫javascript基本語句五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)制作簡單的javascript語句七、課后小結(jié)：Java基礎(chǔ)編寫，新知識較多，學(xué)生學(xué)習(xí)較快。2014 - 2015學(xué)年第1學(xué)期第5周星期4第、4節(jié) 2014年10月16日第5章javascript編程基礎(chǔ)（2）四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、函數(shù)2、對象3、事件及事件處理程序三、重點(diǎn)，難點(diǎn)及處理方法事件處理程序四、教學(xué)過程1、導(dǎo)入2、新課內(nèi)容（1）函數(shù)定義函數(shù)function函數(shù)名參數(shù)1,參數(shù)2,…]）{ 程序語句 … [return值;]}使用函數(shù)參數(shù)的傳遞{1.按值傳遞參數(shù)23.函數(shù)的參數(shù)(2)對象什么是對象JavaScript的對象就是這樣一種特殊的數(shù)據(jù)類型，它不僅可以保存一組不同類型的數(shù)據(jù)（稱做“對象的屬性”，而且還可以包含有關(guān)“處理”這些數(shù)據(jù)的函數(shù)（稱做“對象的方法”。定義對象使用對象使用對象的方法：對象作為函數(shù)的參數(shù)1、網(wǎng)頁中的事件2、用JavaScript處理事件五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)八、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第6周星期3第、4節(jié) 2014年10月22日第5章JavaScript編程基礎(chǔ)實(shí)訓(xùn)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)掌握javascript的基本編程概念和編程技術(shù)。二、內(nèi)容1、編輯與調(diào)試第五章中的JavaScript示例三、重點(diǎn)，難點(diǎn)及處理方法調(diào)試程序中的錯誤。四、教學(xué)過程1、實(shí)驗(yàn)導(dǎo)入展示第五章實(shí)訓(xùn)項(xiàng)目2、實(shí)驗(yàn)教學(xué)編寫第五章中的示例文件，在瀏覽器中調(diào)試。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)操練的同學(xué)進(jìn)行輔導(dǎo)七、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目具有一定難度，學(xué)生練習(xí)效果不佳2014 - 2015學(xué)年第1學(xué)期第6周星期4第、4節(jié) 2014年10月23日第6章JavaScript常用內(nèi)置對象四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握內(nèi)置對象的使用規(guī)則二、內(nèi)容1、數(shù)組（Array）對象2、字串（String）對象3、數(shù)學(xué)（Math）對象4、日期（Date）對象三、重點(diǎn)，難點(diǎn)及處理方法數(shù)組、字串是重點(diǎn)四、教學(xué)過程1、導(dǎo)入同學(xué)們知道什么是內(nèi)置對象嗎？有哪些常見的內(nèi)置對象呢？2、新課講授本次實(shí)訓(xùn)，大家需要注意的問題有：數(shù)組（Array）對象新建一個長度為零的數(shù)組。語法規(guī)則如下var變量名=newArray( )數(shù)組中的序列號、引用數(shù)組元素、.動態(tài)數(shù)組、.數(shù)組對象的常用屬性與方法、排序數(shù)組字串（String）對象使用字串對象字串相加在字串中使用單引號、比較字串是否相等字串與整數(shù)、浮點(diǎn)數(shù)之間的轉(zhuǎn)換串對象的屬性與方法字串對象應(yīng)用實(shí)例數(shù)學(xué)對象使用數(shù)學(xué)對象數(shù)學(xué)對象的屬性與方法特殊的常數(shù)和函數(shù)格式化數(shù)字產(chǎn)生隨機(jī)數(shù)日期對象五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室。六、作業(yè)及輔導(dǎo)九、課后小結(jié)：同學(xué)們對于javascript程序的編寫和調(diào)試能力提高了很多。2014 - 2015學(xué)年第1學(xué)期第7周星期3第、4節(jié) 2014年10月29日第6章JavaScript常用內(nèi)置對象實(shí)訓(xùn)1四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握javascript數(shù)組對象、字符串對象、數(shù)字對象及日期對象。二、內(nèi)容第六章中的示例源文件三、重點(diǎn)，難點(diǎn)及處理方法編寫javascript函數(shù)四、教學(xué)過程1、導(dǎo)入常用的javascript函數(shù)有很多，我們?nèi)绾尉帉懩兀?、操作演練請大家按照實(shí)訓(xùn)內(nèi)容的要求，逐個編寫javascript函數(shù)。操作步驟和實(shí)現(xiàn)效果見課本。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生上機(jī)操練完成實(shí)訓(xùn)項(xiàng)目六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，可以制作一個javascript簡單示例七、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目，需要掌握的javascript函數(shù)眾多，學(xué)生接受起來有難度。2014 - 2015學(xué)年第1學(xué)期第7周星期4第、4節(jié) 2014年10月30日第6章JavaScript常用內(nèi)置對象實(shí)訓(xùn)2四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)了解JavaScript常用文檔對象，并學(xué)會使用這些文檔對象二、內(nèi)容第六章中的示例源文件三、重點(diǎn)，難點(diǎn)及處理方法測試程序并找錯誤四、教學(xué)過程1、實(shí)驗(yàn)導(dǎo)入第六章中涉及到的javascript函數(shù)非常多，大家在上次實(shí)驗(yàn)課只完成了一部分，這節(jié)課接著編寫剩下的源程序，并測試效果2、實(shí)驗(yàn)過程項(xiàng)目過程中，大家需要注意的是：區(qū)分每種對象的適用范圍和使用方法。完整測試每種對象在兩個瀏覽器中的運(yùn)行效果。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，學(xué)生使用電腦進(jìn)行程序編寫和調(diào)試。六、作業(yè)及輔導(dǎo)十、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第8周星期3第、4節(jié) 2014年11月5日第7章JavaScript常用文檔對象四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)1、認(rèn)識什么是Javascript2、通過DW或FrontPage軟件編輯調(diào)試Javascript二、內(nèi)容1、文檔對象結(jié)構(gòu)2、文檔對象3、動態(tài)改變網(wǎng)頁內(nèi)容和樣式三、重點(diǎn)，難點(diǎn)及處理方法如何動態(tài)改變網(wǎng)頁內(nèi)容和樣式四、教學(xué)過程2、導(dǎo)入HTML劃分的嗎？2、新課講授文檔對象結(jié)構(gòu)文檔對象的節(jié)點(diǎn)樹得到文檔對象中元素對象的一般方法文檔對象

1、document.getElementById2、document.getElementsByTagName3．document.getElementsByName文檔對象的屬性和方法cookie設(shè)置、取出、刪除表單（form）及其控件元素對象表單中的控件元素對象列表及列表選項(xiàng)控件元素對象在JavaScript中對列表進(jìn)行添加、刪除選項(xiàng)的操作如下：添加列表選項(xiàng)刪除列表選項(xiàng)3鏈接（link）對象圖像（image）對象動態(tài)改變網(wǎng)頁內(nèi)容和樣式動態(tài)改變網(wǎng)頁內(nèi)容動態(tài)改變網(wǎng)頁樣式3、鞏固練習(xí)跟著老師一起來操練第七章的javascript源程序示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)課上操練和輔導(dǎo)七、課后小結(jié)：本章學(xué)習(xí)，學(xué)生已經(jīng)具有之前的HTML學(xué)習(xí)基礎(chǔ)，所以接觸起來比較簡單。2014 - 2015學(xué)年第1學(xué)期第8周星期4第、4節(jié) 2014年11月6日第7章JavaScript常用文檔對象實(shí)訓(xùn)四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、編寫示例源文件，并調(diào)試2、測試一段程序，找出其中的錯誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測試程序并找錯誤四、教學(xué)過程1、實(shí)驗(yàn)導(dǎo)入展示第七章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過程本次實(shí)訓(xùn)，大家需要注意的問題有：根據(jù)文檔結(jié)構(gòu)圖，了解代碼的過程。素材程序編輯和調(diào)試改寫程序請同學(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)過程中，課上輔導(dǎo)和答疑十一、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第9周星期3第、4節(jié) 2014年11月12日第8章JavaScript其他常用窗口對象1四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)認(rèn)識什么是屏幕對象和瀏覽器信息（navigator）對象二、內(nèi)容1、屏幕（screen）對象2、瀏覽器信息（navigator）對象三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過程3、導(dǎo)入同學(xué)們，HTML以借助javascript。那么什么是javascript呢？它有哪些特點(diǎn)？又是如何使用的呢？2、新課講授屏幕對象瀏覽器對象3、鞏固練習(xí)聯(lián)系屏幕對象和瀏覽器對象的示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，可以制作一個瀏覽器對象和屏幕對象。七、課后小結(jié)：對象的學(xué)習(xí)，學(xué)生比較有成就感2014 - 2015學(xué)年第1學(xué)期第9周星期4第、4節(jié) 2014年11月13日第8章JavaScript其他常用窗口對象2四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中編寫javascript程序的基本操作及在IE瀏覽器和Firefox瀏覽器中調(diào)試javascript的基本操作。二、內(nèi)容1、窗口（window）對象2、編寫示例源文件，并調(diào)試3、測試一段程序，找出其中的錯誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測試程序并找錯誤四、教學(xué)過程1、導(dǎo)入展示第四章實(shí)訓(xùn)項(xiàng)目作品2、新課講授（1）窗口（window）對象窗口對象的常用屬性和方法窗口對象的常用方法：多窗口控制輸入輸出信息五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，PPT展示和演練相結(jié)合。六、作業(yè)及輔導(dǎo)課上輔導(dǎo)和答疑。十二、課后小結(jié)：本節(jié)課學(xué)習(xí)到的屬性和方法非常多，學(xué)生接觸起來比較困難2014 - 2015學(xué)年第1學(xué)期第10周星期3第、4節(jié) 2014年11月19日第8章JavaScript其他常用窗口對象3四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)認(rèn)識和掌握一些對象，熟練使用他們。二、內(nèi)容1、網(wǎng)址（location）對象2、歷史記錄（history）對象3、框架（frame）對象三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過程１、導(dǎo)入同學(xué)們，HTML以借助javascript。那么什么是javascript呢？它有哪些特點(diǎn)？又是如何使用的呢？2、新課講授（1）網(wǎng)址（location）對象1.網(wǎng)址對象的常用屬性和方法網(wǎng)址對象的常用方法：網(wǎng)址對象的應(yīng)用實(shí)例（２）歷史記錄（history）對象歷史對象的常用屬性和方法歷史對象的應(yīng)用實(shí)例（３）框架（frame）對象框架對象的常用屬性和方法框架對象的應(yīng)用實(shí)例3、鞏固練習(xí)跟著老師一起來聯(lián)系第八章的各個對象示例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)課上操練和輔導(dǎo)七、課后小結(jié)：從本章開始進(jìn)入javascript的學(xué)習(xí)，學(xué)生們普遍反映比較難2014 - 2015學(xué)年第1學(xué)期第10周星期4第、4節(jié) 2014年11月20日第8章JavaScript其他常用窗口對象實(shí)訓(xùn)１四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握javascript屏幕對象、瀏覽器信息對象、窗口對象、網(wǎng)址對象、歷史記錄對象及框架對象。二、內(nèi)容1、編寫第八章中的示例源文件，并調(diào)試3、測試一段程序，找出其中的錯誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測試程序并找錯誤四、教學(xué)過程1、實(shí)驗(yàn)導(dǎo)入展示第８章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過程本次實(shí)訓(xùn)，大家需要注意的問題有：窗口對象的特點(diǎn)素材程序編輯和調(diào)試改寫程序請同學(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)過程中，課上輔導(dǎo)和答疑十三、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第11周星期3第、4節(jié) 2014年11月26日第9章JavaScript實(shí)用技巧四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)掌握建立函數(shù)庫的方法學(xué)會識別瀏覽器二、內(nèi)容1、建立函數(shù)庫2、識別瀏覽器的方法三、重點(diǎn)，難點(diǎn)及處理方法建立函數(shù)庫四、教學(xué)過程１、導(dǎo)入我們在實(shí)際的網(wǎng)頁設(shè)計與制作過程中，往往會重復(fù)地應(yīng)用一些javascript函數(shù)。將這些常用的函數(shù)集中在一起，就是函數(shù)庫。２、新課講授（1）建立函數(shù)庫函數(shù)庫中的函數(shù)一般可以分為幾種類型：用于簡化程序的函數(shù)、用于校驗(yàn)用戶輸入的函數(shù)、用于取值與設(shè)置值的函數(shù)、用于字符串處理的函數(shù)、用于列表處理的函數(shù)、用于網(wǎng)頁元素顯示的函數(shù)。（２）識別瀏覽器能應(yīng)用于不同的瀏覽器，因此，使用瀏覽器功能識別的方法更為直接和準(zhǔn)確。3、鞏固練習(xí)跟著老師一起來練習(xí)課本上的案例五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。六、作業(yè)及輔導(dǎo)課上操練，當(dāng)堂答疑輔導(dǎo)七、課后小結(jié)：學(xué)生們普遍反映比較難2014 - 2015學(xué)年第1學(xué)期第11周星期4第、4節(jié) 2014年11月27日第9章JavaScript實(shí)用技巧２四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握用戶輸入的校驗(yàn)方法。二、內(nèi)容1、校驗(yàn)用戶輸入2、彈出窗口三、重點(diǎn)，難點(diǎn)及處理方法彈出窗口的使用方法四、教學(xué)過程1、導(dǎo)入上節(jié)課我們已經(jīng)學(xué)習(xí)了一些ｊａｖａｓｃｒｉｐｔ更多的技巧。2、新課講授、校驗(yàn)用戶輸入應(yīng)將常用的校驗(yàn)用戶輸入的函數(shù)放入函數(shù)庫中，但是在實(shí)際的應(yīng)用中，如果直接使用這些函數(shù)進(jìn)行用戶輸入的校驗(yàn)，當(dāng)校驗(yàn)失敗時，就會逐一報出出錯信息。如果一次出現(xiàn)多個出錯域，用戶必須多次按下信息窗口的ｏｋ按鈕，因此這樣的程序設(shè)計界面不友好，所以我們需要對用戶信息進(jìn)行校驗(yàn)。、彈出窗口一般的彈出窗口、對話框式的彈出窗口、窗口中的窗口。五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，進(jìn)行課件展示。六、作業(yè)及輔導(dǎo)課上輔導(dǎo)和答疑十四、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第12周星期3第、4節(jié) 2014年12月3日第9章JavaScript實(shí)用技巧３四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握ｊａｖａｓｃｒｉｐｔ實(shí)用技巧。二、內(nèi)容1、下拉菜單2、事件冒泡處理3、動畫技術(shù)三、重點(diǎn)，難點(diǎn)及處理方法理解Javascript示例四、教學(xué)過程１、導(dǎo)入除了上兩次課學(xué)習(xí)的技巧，同學(xué)們還了解哪些技巧呢？希望掌握那些技巧呢？這節(jié)課我們補(bǔ)充學(xué)習(xí)幾個ｊａｖａｓｃｒｉｐｔ實(shí)用技巧2、新課講授下拉菜單常用的網(wǎng)頁設(shè)計技術(shù)，通過鼠標(biāo)控制下拉菜單列表事件冒泡處理當(dāng)嵌套的標(biāo)記中應(yīng)用了相同的事件時，事件就會像冒泡一樣，從里到外被激發(fā)。動畫技術(shù)通過網(wǎng)頁窗口對象的方法，定時調(diào)用一些指定的函數(shù)，用于改變網(wǎng)頁對象的顏色、位置、內(nèi)容等，以達(dá)到動畫的效果。4、鞏固提高操作課本上的案例，改變動畫網(wǎng)頁對象的內(nèi)容、尺寸、位置五、教具，課件及掛圖所用的教室為多媒體實(shí)驗(yàn)室，因此所要板書的內(nèi)容及使用的工具均在計算機(jī)上用PPT課件進(jìn)行演示。學(xué)生在電腦上操作。六、作業(yè)及輔導(dǎo)同學(xué)們根據(jù)教師的操作，完成課本上的案例七、課后小結(jié)：從本章開始進(jìn)入javascript的學(xué)習(xí)，學(xué)生們普遍反映比較難2014 - 2015學(xué)年第1學(xué)期第12周星期4第、4節(jié) 2014年12月4日第9章JavaScript實(shí)用技巧實(shí)訓(xùn)1四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中javascript的基本技巧操作。二、內(nèi)容1、編寫示例源文件，并調(diào)試2、測試一段程序，找出其中的錯誤，分別在IE和Firefox中進(jìn)行調(diào)試。三、重點(diǎn)，難點(diǎn)及處理方法測試程序并找錯誤四、教學(xué)過程1、實(shí)驗(yàn)導(dǎo)入展示第9章實(shí)訓(xùn)項(xiàng)目作品2、實(shí)驗(yàn)過程本次實(shí)訓(xùn)，大家需要注意的問題有：javascript素材程序編輯和調(diào)試改寫程序請同學(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)過程中，課上輔導(dǎo)和答疑十五、課后小結(jié)：實(shí)訓(xùn)項(xiàng)目能提升同學(xué)們對于javascript程序的編寫和調(diào)試能力。2014 - 2015學(xué)年第1學(xué)期第13周星期3第、4節(jié) 2014年12月10日第9章JavaScript實(shí)用技巧實(shí)訓(xùn)2四，教學(xué)過程（也可另用備課紙；五，教具，課件及掛圖；六，作業(yè)及輔導(dǎo)；七，課后小結(jié)。一、教學(xué)目標(biāo)熟練掌握在HTML文件中javascript的基本技巧操作。二、內(nèi)容1、編寫示例源文件，并調(diào)試2、測試一段程序，找出其中的錯誤，分