Web前端開發(fā)實例教程-HTML5+CSS3+JavaScript+jQuery（第2版） 課時授課計劃 第1-13章 HTML5基礎(chǔ)-鮮品園綜合案例網(wǎng)站

-PAGE1-課時教學(xué)教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第1章HTML5基礎(chǔ)單元主要教學(xué)內(nèi)容網(wǎng)頁的構(gòu)成元素與文檔結(jié)構(gòu)、Hbulider工作界面教學(xué)目標能力（技能）目標知識目標素質(zhì)目標認識網(wǎng)頁與網(wǎng)站基礎(chǔ)；了解網(wǎng)頁的構(gòu)成元素與文檔結(jié)構(gòu)；熟悉Hbulider工作界面。對軟件有基本認識，對本學(xué)期學(xué)習(xí)內(nèi)容有初步了解網(wǎng)頁設(shè)計是一門基礎(chǔ)軟件應(yīng)用、藝術(shù)欣賞的課程。學(xué)好本門課程需要學(xué)生有綜合能力。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.網(wǎng)頁的構(gòu)成元素與文檔結(jié)構(gòu)。2.“結(jié)構(gòu)與表現(xiàn)相分離”的重要思想。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第1章HTML5基礎(chǔ)1.1Web的基本概念 11.1.1WWW 11.1.2Browser 11.1.3URL 11.1.4HTML 21.1.5HTTP 21.2網(wǎng)站與網(wǎng)頁 31.2.1網(wǎng)站、網(wǎng)頁和主頁 31.2.2靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 31.3Web標準 41.3.1Web標準簡介 41.3.2建立Web標準的優(yōu)點 51.3.3網(wǎng)頁的表現(xiàn)和結(jié)構(gòu)相分離 51.4認識HTML5+CSS3+JavaScript技術(shù)組合 61.4.1HTML5簡介 61.4.2CSS3簡介 71.4.3JavaScript簡介 81.5HTML5語法基礎(chǔ) 91.5.1HTML5語法結(jié)構(gòu) 91.5.2HTML5文件結(jié)構(gòu) 111.5.3HTML5開發(fā)人員編碼規(guī)范 131.6元素的分類 141.6.1元信息元素 141.6.2語義元素 151.6.3無語義元素 171.7HTML的顏色表示和字符實體 171.7.1HTML的顏色表示 171.7.2字符實體 181.8編輯HTML文件 181.8.1常見的網(wǎng)頁編輯工具 181.8.2HTML文件的創(chuàng)建 191.9注釋 221.10案例—制作鮮品園頁面摘要和版權(quán)信息 22

課時教學(xué)計劃教師姓名時數(shù)8日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第2章編輯網(wǎng)頁元素單元主要教學(xué)內(nèi)容HTML5的基本排版元素教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠使用基本排版元素完成簡單的頁面效果。掌握HTML5的基本排版元素的用法進行簡單的頁面設(shè)計。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.HTML5的基本排版元素。2.簡單的頁面設(shè)計。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第2章編輯網(wǎng)頁元素 2.1文本元素 242.1.1字體樣式元素 242.1.2短語元素 252.2文本層次語義元素 262.2.1mark元素 262.2.2cite元素 272.2.3time元素 272.3基本排版元素 282.3.1標題元素hl～h6 282.3.2段落元素p和換行元素br 282.3.3縮排元素blockquote 292.3.4水平線元素hr 302.3.5案例—制作鮮品園服務(wù)指南頁面 302.4圖像元素img 312.5超鏈接元素a 322.5.1a元素 322.5.2指向其他頁面的鏈接 332.5.3指向書簽的鏈接 332.5.4指向下載文件的鏈接 342.5.5指向電子郵件的鏈接 342.5.6JavaScript鏈接 342.5.7用圖像作為超鏈接熱點 342.5.8空鏈接 352.5.9案例—制作鮮品園資料下載頁面 352.6列表元素 372.6.1無序列表 372.6.2有序列表 382.6.3定義列表 382.6.4嵌套列表 392.6.5案例—制作鮮品園公司名片頁面 402.7多媒體元素 412.7.1audio元素 422.7.2video元素 42

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第3章網(wǎng)頁的布局與交互單元主要教學(xué)內(nèi)容頁面結(jié)構(gòu)元素、表格、表單教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能使用表格顯示數(shù)據(jù)及搭建網(wǎng)頁結(jié)構(gòu)；能使用表單進行頁面交互。1.掌握結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局的方法；2.掌握表格的用法；3.掌握表單的用法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.使用表格顯示數(shù)據(jù)及搭建網(wǎng)頁結(jié)構(gòu)。2.使用表單進行頁面交互。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第3章網(wǎng)頁的布局與交互3.1表格元素table 453.1.1表格的結(jié)構(gòu) 453.1.2基本表格 453.1.3跨行跨列表格 463.1.4表格數(shù)據(jù)的分組 473.1.5調(diào)整列的格式 483.1.6案例—使用表格布局鮮品園產(chǎn)品展示頁面 493.2使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局 503.2.1section元素 513.2.2nav元素 513.2.3header元素 513.2.4footer元素 513.2.5article元素 513.2.6aside元素 523.2.7分組元素 533.2.8案例—制作鮮品園新品發(fā)布頁面 543.3頁面交互元素 563.3.1details元素和summary元素 563.3.2progress元素 563.4分區(qū)元素div 573.5范圍元素span 583.6表單 593.6.1表單元素form 593.6.2輸入元素input 593.6.3標簽元素label 613.6.4選擇欄元素select 623.6.5按鈕元素button 633.6.6多行文本元素textarea 643.6.7表單分組 653.6.8使用表格布局表單 66

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第4章CSS3基礎(chǔ)單元主要教學(xué)內(nèi)容CSS引入、CSS選擇符、文檔結(jié)構(gòu)教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠用多種方法在頁面中引用CSS樣式；能夠熟練CSS選擇符控制頁面元素；能夠使用CSS修飾簡單的頁面。1.掌握CSS的基本語法；2.掌握網(wǎng)頁引用CSS的方法；3.掌握CSS選擇符的用法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.掌握CSS選擇符的用法。2.理解文檔結(jié)構(gòu)的含義。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第4章CSS3基礎(chǔ)4.1CSS3概述 694.1.1CSS3的編寫規(guī)范 694.1.2CSS3的工作環(huán)境 704.2在網(wǎng)頁中引用CSS的方法 714.2.1行內(nèi)樣式 714.2.2內(nèi)部樣式表 724.2.3鏈入外部樣式表 734.2.4導(dǎo)入外部樣式表 744.2.5案例—制作鮮品園業(yè)務(wù)簡介頁面 754.3CSS的主要特性 774.3.1繼承 774.3.2層疊 784.3.3優(yōu)先級 794.4CSS的基本語法 804.4.1基本語法 804.4.2注意事項 804.5CSS的選擇器 814.5.1元素選擇器 814.5.2通配符選擇器 824.5.3派生選擇器 824.5.4兄弟選擇器 854.5.5id選擇器 864.5.6類選擇器 874.5.7偽類選擇器 874.5.8偽元素選擇器 894.6CSS屬性值的寫法和單位 914.6.1長度、百分比單位 914.6.2色彩單位 924.7文件結(jié)構(gòu)與元素類型 934.7.1文件結(jié)構(gòu)的基本概念 934.7.2元素類型 944.8案例—制作鮮品園行業(yè)資訊頁面 95

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第5章CSS3的屬性單元主要教學(xué)內(nèi)容CSS美化文本、圖像、表格、表單、鏈接、列表、導(dǎo)航菜單教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠使用CSS美化文本、圖像制作基本的頁面；能夠使用CSS美化表格、表單制作簡單布局與交互的頁面；能夠使用CSS美化鏈接、列表、導(dǎo)航菜單制作帶有導(dǎo)航菜單的復(fù)雜頁面。1.掌握使用CSS美化文本、圖像的方法；2.掌握使用CSS美化表格、表單的方法；3.掌握使用CSS美化鏈接、列表、導(dǎo)航菜單的方法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.CSS美化頁面元素。2.CSS美化導(dǎo)航菜單。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第5章CSS3的屬性5.1CSS字體屬性 1005.1.1字體類型屬性font-family 1005.1.2字體尺寸屬性font-size 1005.1.3字體傾斜屬性font-style 1015.1.4小寫字體屬性font-variant 1015.1.5字體粗細font-weight 1015.2CSS文本屬性 1025.2.1文本顏色屬性color 1025.2.2行高屬性line-height 1025.2.3文本水平對齊方式屬性text-align 1035.2.4為文本添加修飾屬性text-decoration 1035.2.5段落首行縮進屬性text-indent 1035.2.6文本的陰影屬性text-shadow 1045.2.7元素內(nèi)部的空白屬性white-space 1045.2.8文本的截斷效果屬性text-overflow 1045.3CSS背景屬性 1065.3.1背景顏色屬性background-color 1065.3.2背景圖像屬性background-image 1075.3.3重復(fù)背景圖像屬性background-repeat 1085.3.4固定背景圖像屬性background-attachment 1085.3.5背景圖像位置屬性background-position 1095.3.6背景圖像大小屬性background-size 1095.3.7背景屬性background 1105.3.8背景圖像起點屬性background-origin 1105.4CSS尺寸屬性 1115.4.1寬度屬性width 1125.4.2高度屬性height 1125.4.3最小寬度屬性min-width 1125.4.4最大寬度屬性max-width 1135.4.5最小高度屬性min-height 1135.4.6最大高度屬性max-height 1135.5CSS列表屬性 1145.5.1圖像作為列表項的標記屬性list-style-image 1145.5.2列表項標記的位置屬性list-style-position 1155.5.3標記的類型屬性list-style-type 1155.5.4列表簡寫屬性list-style 1165.6CSS表格屬性 1185.6.1合并邊框?qū)傩詁order-collapse 1185.6.2邊框間隔屬性border-spacing 1185.6.3標題位置屬性caption-side 1185.6.4單元格無內(nèi)容顯示方式屬性empty-cells 1195.6.5案例—使用斑馬線表格制作暢銷商品銷量排行榜 1205.7CSS屬性的應(yīng)用 1215.7.1設(shè)置圖像樣式 1225.7.2設(shè)置表單樣式 1255.7.3設(shè)置鏈接 1275.7.4創(chuàng)建導(dǎo)航菜單 1285.8綜合案例—制作鮮品園夢想社區(qū)頁面 1315.8.1頁面布局規(guī)劃 1315.8.2頁面的制作過程 132

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第6章盒模型與頁面布局單元主要教學(xué)內(nèi)容Div嵌套布局的方法、常見的CSS布局樣式、使用CSS布局制作綜合案例教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠設(shè)置盒模型屬性和大小的基本操作技能；能夠熟練應(yīng)用定位、浮動進行排版。能夠使用Div嵌套布局制作基本的頁面；能夠制作常見的CSS布局樣式的頁面；能夠使用CSS布局制作綜合案例頁面。1.掌握盒模型屬性和大小的基本用法；2.掌握盒模型定位的基本用法；3.掌握盒模型浮動與清除浮動的基本用法。4.掌握Div嵌套布局的方法；5.掌握常見的CSS布局樣式；6.掌握使用CSS布局制作綜合案例頁面的技術(shù)。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.盒模型定位。2.盒模型浮動與清除浮動。3.使用Div嵌套布局制作基本的頁面。4.使用CSS布局制作綜合案例頁面。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第6章盒模型與頁面布局6.1CSS盒模型的組成和大小 1386.1.1盒子的組成 1386.1.2盒子的大小 1396.1.3塊級元素與行級元素的寬度和高度 1416.2CSS盒模型的屬性 1416.2.1CSS內(nèi)邊距屬性padding 1416.2.2CSS外邊距屬性margin 1446.2.3CSS邊框?qū)傩詁order 1466.2.4圓角邊框?qū)傩詁order-radius 1496.2.5盒模型的陰影屬性box-shadow 1506.2.6調(diào)整大小屬性resize 1516.3CSS布局屬性 1526.3.1元素的布局方式概述 1526.3.2CSS浮動屬性float 1546.3.3清除浮動屬性clear 1556.3.4裁剪屬性clip 1566.3.5元素顯示方式屬性display 1576.3.6元素可見性屬性visibility 1586.4CSS盒子定位屬性 1596.4.1定位位置屬性top、right、bottom、left 1596.4.2定位方式屬性position 1606.4.3層疊順序?qū)傩詚-index 1656.5CSS3多列屬性 1666.5.1列數(shù)屬性column-count 1666.5.2列寬屬性column-width 1666.5.3列寬屬性column 1666.5.4列與列的間隔屬性column-gap 1676.5.5是否橫跨所有列屬性column-span 1676.5.6列與列的間隔樣式屬性column-rule-style 1676.5.7列與列的間隔顏色屬性column-rule-color 1676.5.8列與列的寬度屬性column-rule-width 1676.5.9列與列的間隔所有屬性column-rule 1686.6CSS基本布局樣式 1696.6.1CSS布局類型 1696.6.2CSS布局樣式 1706.7綜合案例—制作鮮品園商務(wù)安全中心頁面 172練習(xí)6 177

課時教學(xué)計劃教師姓名時數(shù)8日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第7章JavaScript編程基礎(chǔ)單元主要教學(xué)內(nèi)容數(shù)據(jù)類型、表達式、程序結(jié)構(gòu)、函數(shù)、對象教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠使用JavaScript編寫簡單的交互頁面；能夠使用函數(shù)編寫高效的代碼定義；能夠使用JavaScript的內(nèi)置對象制作豐富的頁面交互和特效。1.掌握JavaScript的基本數(shù)據(jù)類型和表達式；2.掌握JavaScript的程序結(jié)構(gòu)；3.掌握JavaScript函數(shù)的基本用法；4.掌握JavaScript的內(nèi)置對象的用法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.JavaScript的程序結(jié)構(gòu)。2.函數(shù)。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第7章JavaScript編程基礎(chǔ)7.1JavaScript概述 1797.2在HTML文件中使用JavaScript 1797.2.1在HTML文件中嵌入腳本程序 1807.2.2鏈接腳本文件 1807.2.3在HTML標簽內(nèi)添加腳本 1817.3數(shù)據(jù)類型 1827.3.1數(shù)據(jù)類型的分類 1827.3.2基本數(shù)據(jù)類型 1827.3.3數(shù)據(jù)類型的判斷 1837.3.4數(shù)據(jù)類型的轉(zhuǎn)換 1847.4常量、變量、運算符和表達式 1857.4.1常量 1857.4.2變量 1867.4.3運算符和表達式 1867.5流程控制語句 1887.5.1順序結(jié)構(gòu)語句 1887.5.2條件選擇結(jié)構(gòu)語句 1917.5.3循環(huán)結(jié)構(gòu)語句 1947.6函數(shù) 1967.6.1函數(shù)的聲明 1967.6.2函數(shù)的調(diào)用 1977.6.3變量的作用域 1987.6.4系統(tǒng)函數(shù) 1997.7對象 1997.7.1對象的概念 1997.7.2類 2007.7.3對象的實例化 2007.7.4對象的屬性 2017.7.5對象的方法 2027.7.6對象的事件 2037.8JavaScript的內(nèi)置對象 2037.8.1數(shù)組對象 2047.8.2字符串對象 2067.8.3日期對象 207

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第8章對象模型及事件處理單元主要教學(xué)內(nèi)容DOM對象的基本特點和組成、JavaScript的對象事件處理程序教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠使用DOM對象制作功能強大的頁面交互；能夠使用JavaScript的對象事件處理程序定義用戶與網(wǎng)頁交互時產(chǎn)生的各種操作。1.掌握window對象、document對象、location對象、history對象、Form對象的用法；2.掌握JavaScript的對象事件處理程序。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.DOM對象。2.對象事件處理程序。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第8章對象模型及事件處理 8.1BOM和DOM 2108.1.1BOM 2108.1.2DOM 2118.2window對象 2118.2.1window對象的屬性 2118.2.2window對象的方法 2128.3document對象 2138.3.1document對象的屬性 2138.3.2document對象的方法 2138.4location對象 2158.4.1location對象的屬性 2158.4.2location對象的方法 2158.5history對象 2158.6navigator對象 2168.7screen對象 2178.8form對象 2178.8.1form對象的屬性 2178.8.2form對象的方法 2188.9DOM節(jié)點 2188.9.1Node對象 2188.9.2Element對象 2198.9.3NodeList對象 2198.10JavaScript的對象事件處理程序 2218.10.1對象的事件 2218.10.2常用的事件及處理 2218.10.3表單對象與交互性 2258.11綜合案例—鮮品園商品復(fù)選框全選效果 229

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第9章CSS3變形、過渡和動畫屬性單元主要教學(xué)內(nèi)容制作常見的網(wǎng)頁特效教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠CSS3變形、過渡和動畫屬性；能夠自學(xué)制作擴展的CSS3特效。1.掌握常用的CSS3變形、過渡和動畫屬性；2.掌握常用的CSS3特效的制作方法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.制作常見的CSS3變形、過渡和動畫。2.自學(xué)制作擴展的CSS3網(wǎng)頁特效。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第9章CSS3變形、過渡和動畫屬性9.1變形 2329.1.1CSS的坐標系統(tǒng) 2329.1.2transform屬性 2339.1.3transform-origin屬性 2389.1.4transform-style屬性 2399.1.5perspective屬性和perspective-origin屬性 2409.1.6backface-visibility屬性 2419.2過渡 2419.2.1過渡屬性 2419.2.2過渡事件 2439.3動畫 2449.3.1動畫屬性 2449.3.2動畫事件 248

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第10章HTML5的API應(yīng)用單元主要教學(xué)內(nèi)容HTML5多媒體API的基本用法、Canvas繪圖教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠使用HTML5多媒體API控制常件的音頻、視頻；能夠使用Canvas繪圖豐富頁面的表現(xiàn)。1.掌握HTML5的多媒體支持類型和特點；2.掌握HTML5多媒體API的基本用法；3.掌握Canvas繪圖的基本用法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.HTML5多媒體API的基本用法。2.Canvas繪圖。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第10章HTML5的API應(yīng)用 10.1拖放API 25110.1.1draggable屬性 25110.1.2拖放事件 25110.1.3數(shù)據(jù)傳遞對象dataTransfer 25210.2繪圖API 25410.2.1創(chuàng)建canvas元素 25410.2.2構(gòu)建繪圖環(huán)境 25410.2.3繪制圖形的步驟 25510.2.4繪制圖形 256

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第11章jQuery基礎(chǔ)單元主要教學(xué)內(nèi)容jQuery開發(fā)環(huán)境、jQuery選擇器教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠正確配置jQuery開發(fā)環(huán)境；能夠使用jQuery選擇器制作功能強大的網(wǎng)頁交互與特效。1.掌握jQuery及插件的下載與配置；2.掌握jQuery對象的基本用法；3.掌握常用jQuery選擇器的基本用法。培養(yǎng)學(xué)生對網(wǎng)頁、網(wǎng)站概念的認識，培養(yǎng)學(xué)生的相互溝通能力和團隊協(xié)作精神。能力訓(xùn)練任務(wù)教材案例與習(xí)題教學(xué)重點教學(xué)難點1.jQuery對象的基本用法。2.常用jQuery選擇器的基本用法。教學(xué)方法、手段多媒體教學(xué)教學(xué)組織形式講解、示范、邊講邊練作業(yè)備注第11章jQuery基礎(chǔ) 11.1jQuery簡介 26511.2編寫jQuery程序 26511.2.1下載與配置jQuery 26511.2.2編寫一個簡單的jQuery程序 26611.3DOM對象和jQuery對象 26611.3.1DOM對象和jQuery對象簡介 26711.3.2jQuery對象和DOM對象的相互轉(zhuǎn)換 26811.4jQuery插件 26811.4.1下載jQuery插件 26911.4.2引用jQuery插件的方法 26911.5jQuery選擇器簡介 26911.5.1jQuery的工廠函數(shù) 26911.5.2什么是jQuery選擇器 27011.6基礎(chǔ)選擇器 27011.6.1id選擇器 27011.6.2元素選擇器 27111.6.3類名選擇器 27111.6.4復(fù)合選擇器 27111.6.5通配符選擇器 27111.7層次選擇器 27211.7.1ancestordescendant（祖先后代）選擇器 27211.7.2parent>child（父>子）選擇器 27211.7.3prev+next（前+后）選擇器 27211.7.4prev～siblings（前～兄弟）選擇器 27311.8過濾選擇器 27311.8.1簡單過濾器 27311.8.2內(nèi)容過濾器 27311.8.3可見性過濾器 27411.8.4子元素過濾器 27411.9表單選擇器 274

課時教學(xué)計劃教師姓名時數(shù)4日期班級上課地點課程（學(xué)習(xí)領(lǐng)域）名稱章節(jié)第12章jQuery動畫與UI插件單元主要教學(xué)內(nèi)容jQuery動畫、UI插件教學(xué)目標能力（技能）目標知識目標素質(zhì)目標能夠使用jQuery動畫制作網(wǎng)頁動畫；能夠使用jQueryUI插件