web前端開發(fā)教案

web前端開發(fā)教案【篇一：web前端開發(fā)大綱】《web前端開發(fā)》教學大綱編寫人：石亞平課時：一、課程教學內(nèi)容及目標......................................................................................................................................5（一）知識目標..............................................................................................................................................51.掌握html、html5、css、css3的基本語法；...............................................................................52.掌握html5的canvas繪圖；............................................................................................................53.熟練應用div+css實現(xiàn)頁面布局；..................................................................................................54.掌握javascript基本語法；............................................................................................................55.掌握dom的基本用法；......................................................................................................................56.掌握jquery的基本用法；................................................................................................................57.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容性；...........................................................................58.熟悉bootstrap框架..........................................................................................................................5（二）能力目標..............................................................................................................................................51.通過本課程的學習要求學生掌握div+css實現(xiàn)頁面的布局，實現(xiàn)靜態(tài)頁面；...........................52.通過javascript實現(xiàn)簡單的交互功能；.........................................................................................53.通過jquery簡化js的原生代碼，減少代碼量；...........................................................................54.通過bootstrap框架，實現(xiàn)頁面快速布局.......................................................................................55.能解決各大瀏覽器的兼容性問題；...................................................................................................5（三）參考教材..............................................................................................................................................5《javascript高級程序設計》、《w3school離線手冊》、《jquery1.9.3幫助文檔》................5二、課程教學內(nèi)容及考核要求..............................................................................................................................5第一單元：html基礎.......................................................................................................................................51.1web基礎知識.....................................................................................................................................51.2html快速入門...................................................................................................................................51.3文本和圖像........................................................................................................................................61.4表格和列表........................................................................................................................................7第二單元：css基礎.......................................................................................................................................172.1css語法...........................................................................................................................................172.2css基礎選擇器...............................................................................................................................182.3框模型和背景..................................................................................................................................182.4浮動和定位......................................................................................................................................18第三單元：css3基礎.....................................................................................................................................283.1復雜選擇器......................................................................................................................................283.2多列屬性..........................................................................................................................................293.3csshack..........................................................................................................................................29第四單元css3高級.....................................................................................................................................344.1轉(zhuǎn)換..................................................................................................................................................344.2過渡..................................................................................................................................................344.3動畫..................................................................................................................................................34第五單元javascript..................................................................................................................................435.1javascript概述...........................................................................................................................435.2javascript基礎語法...................................................................................................................435.3變量和常量....................................................................................................................................44第六單元javascript數(shù)據(jù)類型轉(zhuǎn)換和運算符..........................................................................................476.2基本類型...........................................................................................................................................476.3數(shù)據(jù)類型轉(zhuǎn)換................................................................................................................................476.4運算符............................................................................................................................................47第七單元javascript函數(shù).........................................................................................................................527.1函數(shù)的定義....................................................................................................................................527.2函數(shù)的調(diào)用....................................................................................................................................527.3變量的作用域................................................................................................................................527.4全局函數(shù)......................................................................................................................................52第八單元javascript分支結(jié)構(gòu)...............................................................................................................568.1什么是分支結(jié)構(gòu)........................................................................................................................568.2if語句.......................................................................................................................................568.3if-else語句.............................................................................................................................568.4elseif語句.............................................................................................................................568.5switch-case語句...........................................................................................................................56第九單元循環(huán)結(jié)構(gòu)......................................................................................................................................599.1什么是循環(huán)結(jié)構(gòu)............................................................................................................................599.2while語句.....................................................................................................................................599.3do-while語句...............................................................................................................................599.4for語句.........................................................................................................................................59第十單元創(chuàng)建和訪問數(shù)組..........................................................................................................................6110.1什么是數(shù)組..................................................................................................................................6110.2數(shù)組的定義和初始化..................................................................................................................6110.3訪問數(shù)組......................................................................................................................................6210.4數(shù)組的常用方法..........................................................................................................................6210.5二維數(shù)組62第十一單元dom..............................................................................................................................................6711.1dhtml概述...................................................................................................................................6711.2dom概述.......................................................................................................................................6711.3節(jié)點信息......................................................................................................................................6711.4通過html選取元素........................................................................................................................6711.5通過css選取元素..........................................................................................................................67第十二單元html5基礎...............................................................................................................................6912.1html5表單元素.............................................................................................................................6912.2html5表單屬性及驗證...................................................................................................................70第十三單元音視頻處理和canvas繪圖....................................................................................................7313.1視頻處理.............................................................................................................................7313.2音頻處理.............................................................................................................................7313.3canvas概述.............................................................................................................................7313.4canvas繪圖.............................................................................................................................73第十四單元jquery........................................................................................................................................7614.1jquery介紹.............................................................................................................................7614.2jquery的編程步驟.................................................................................................................7614.3jquery對象.............................................................................................................................77第十五單元jquery操作dom和jquery事件..............................................................................................7915.1查詢.............................................................................................................................7915.2樣式操作.............................................................................................................................7915.3遍歷節(jié)點.............................................................................................................................8015.4創(chuàng)建、插入、刪除..........................................................................................................................8015.5替換dom節(jié)點.............................................................................................................................8015.6復制dom節(jié)點.............................................................................................................................8015.7jquery事件.............................................................................................................................80第十六單元jquery動畫效果和bootstrap起步........................................................................................8316.1隱藏和顯示.............................................................................................................................8316.2自定義動畫.............................................................................................................................8316.3并發(fā)與排隊效果.............................................................................................................................8316.4響應式網(wǎng)頁概述.............................................................................................................................8316.5編寫響應式網(wǎng)頁.............................................................................................................................8316.6bootstrap概念.............................................................................................................................83第十七單元全局css樣式.....................................................................................................................9217.1概述.............................................................................................................................9217.2布局容器.............................................................................................................................9217.3按鈕.............................................................................................................................9217.4圖片.............................................................................................................................9217.5表格.............................................................................................................................9217.6排版.............................................................................................................................9217.7柵格.............................................................................................................................9217.8表單.............................................................................................錯誤！未定義書簽。一、課程教學內(nèi)容及目標（一）知識目標1.掌握html5、css3的基本語法；2.掌握html5的canvas繪圖；3.掌握css3動畫；4.掌握javascript基本語法；5.掌握dom的基本用法；6.掌握jquery的基本用法和jquery的動畫效果；7.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容性；8.熟悉bootstrap框架（二）能力目標1.通過本課程的學習要求學生掌握css3新增的選擇器和html5新增的表單元素；2.會使用canvas繪圖3.通過javascript實現(xiàn)簡單的交互功能；4.通過jquery簡化js的原生代碼，減少代碼量；5.通過bootstrap框架，實現(xiàn)頁面快速布局6.能解決各大瀏覽器的兼容性問題；（三）參考教材《javascript高級程序設計》、《w3school離線手冊》、《jquery1.9.3幫助文檔》二、課程教學內(nèi)容及考核要求第一單元：html基礎1.1web基礎知識1.1.1web簡介1.1.2web工作原理1.1.3web瀏覽器1.2html快速入門1.2.1html概述1.2.1.11.2.1.2超文本什么是html1.2.2html基礎語法1.2.2.1標記語法【篇二：web前端開發(fā)(html5)】江西省南昌市2015-2016學年度第一學期期末試卷（江西師大附中使用）高三理科數(shù)學分析試卷緊扣教材和考試說明，從考生熟悉的基礎知識入手，多角度、多層次地考查了學生的數(shù)學理性思維能力及對數(shù)學本質(zhì)的理解能力，立足基礎，先易后難，難易適中，強調(diào)應用，不偏不怪，達到了“考基礎、考能力、考素質(zhì)”的目標。試卷所涉及的知識內(nèi)容都在考試大綱的范圍內(nèi)，幾乎覆蓋了高中所學知識的全部重要內(nèi)容，體現(xiàn)了“重點知識重點考查”的原則。1．回歸教材，注重基礎試卷遵循了考查基礎知識為主體的原則，尤其是考試說明中的大部分知識點均有涉及，其中應用題與抗戰(zhàn)勝利70周年為背景，把愛國主義教育滲透到試題當中，使學生感受到了數(shù)學的育才價值，所有這些題目的設計都回歸教材和中學教學實際，操作性強。2．適當設置題目難度與區(qū)分度選擇題第12題和填空題第16題以及解答題的第21題，都是綜合性問題，難度較大，學生不僅要有較強的分析問題和解決問題的能力，以及扎實深厚的數(shù)學基本功，而且還要掌握必須的數(shù)學思想與方法，否則在有限的時間內(nèi)，很難完成。3．布局合理，考查全面，著重數(shù)學方法和數(shù)學思想的考察在選擇題，填空題，解答題和三選一問題中，試卷均對高中數(shù)學中的重點內(nèi)容進行了反復考查。包括函數(shù)，三角函數(shù)，數(shù)列、立體幾何、概率統(tǒng)計、解析幾何、導數(shù)等幾大版塊問題。這些問題都是以知識為載體，立意于能力，讓數(shù)學思想方法和數(shù)學思維方式貫穿于整個試題的解答過程之中。二、亮點試題分析1．【試卷原題】11.已知a,b,c是單位圓上互不相同的三點，且滿足ab=ac，則abac?的最小值為（）→→→→141b．-23c．-4d．-1a．-【考查方向】本題主要考查了平面向量的線性運算及向量的數(shù)量積等知識，是向量與三角的典型綜合題。解法較多，屬于較難題，得分率較低?！疽族e點】1．不能正確用oa，ob，oc表示其它向量。2．找不出ob與oa的夾角和ob與oc的夾角的倍數(shù)關系。【解題思路】1．把向量用oa，ob，oc表示出來。2．把求最值問題轉(zhuǎn)化為三角函數(shù)的最值求解。22【解析】設單位圓的圓心為o，由ab=ac得，(ob-oa)=(oc-oa)，因為，所以有，ob?oa=oc?oa則oa=ob=oc=1ab?ac=(ob-oa)?(oc-oa)2=ob?oc-ob?oa-oa?oc+oa=ob?oc-2ob?oa+111221即，ab?ac的最小值為-，故選b。2→→【舉一反三】【相似較難試題】【2015高考天津，理14】在等腰梯形abcd中,已知【試題分析】本題主要考查向量的幾何運算、向量的數(shù)量積與基本不等式.運用向量的幾何運算求ae,af，體現(xiàn)了數(shù)形結(jié)合的基本思想，再運用向量數(shù)量積的定義計算ae?af，體現(xiàn)了數(shù)學定義的運用，再利用基本不等式求最小值，體現(xiàn)了數(shù)學知識的綜合應用能力.是思維能力與計算能力的綜合體現(xiàn).【答案】11【解析】因為df=dc,dc=ab，2918()cos120?=212292．【試卷原題】20.（本小題滿分12分）已知拋物線c的焦點f(1,0)，其準線與x軸的=交點為k，過點k的直線l與c交于a,b兩點，點a關于x軸的對稱點為d．（Ⅰ）證明：點f在直線bd上；（Ⅱ）設fa?fb=→→8，求?bdk內(nèi)切圓m的方程.9【考查方向】本題主要考查拋物線的標準方程和性質(zhì)，直線與拋物線的位置關系，圓的標準方程，韋達定理，點到直線距離公式等知識，考查了解析幾何設而不求和化歸與轉(zhuǎn)化的數(shù)學思想方法，是直線與圓錐曲線的綜合問題，屬于較難題?！疽族e點】1．設直線l的方程為y=m(x+1)，致使解法不嚴密。2．不能正確運用韋達定理，設而不求，使得運算繁瑣，最后得不到正確答案?！窘忸}思路】1．設出點的坐標，列出方程。2．利用韋達定理，設而不求，簡化運算過程。3．根據(jù)圓的性質(zhì)，巧用點到直線的距離公式求解?！窘馕觥浚á瘢┯深}可知k(-1,0)，拋物線的方程為y2=4x則可設直線l的方程為x=my-1，a(x1,y1),b(x2,y2),d(x1,-y1)，故??x=my-1?y1+y2=4m2整理得，故y-4my+4=0?2?y=4x?y1y2=42?y2+y1y24?則直線bd的方程為y-y2=x-(x-x2)即y-y2=?x2-x1y2-y1?4?yy令y=0，得x=12=1，所以f(1,0)在直線bd上.4?y1+y2=4m2（Ⅱ）由（Ⅰ）可知?，所以x1+x2=(my1-1)+(my2-1)=4m-2，?y1y2=4x1x2=(my1-1)(my1-1)=1又fa=(x1-1,y1)，fb=(x2-1,y2)故fa?fb=(x1-1)(x2-1)+y1y2=x1x2-(x1+x2)+5=8-4m，22則8-4m=→→→→84故直線bd的方程3x-3=0或3x-3=0，又kf為∠bkd的平分線，3t+13t-1,故可設圓心m(t,0)(-1t1)，m(t,0)到直線l及bd的距離分別為54y2-y1==-------------10分由3t+15=3t-143t+121=得t=或t=9（舍去）.故圓m的半徑為r=95321?4?所以圓m的方程為x-?+y2=9?9?【舉一反三】【相似較難試題】【2014高考全國，22】已知拋物線c：y2＝2px(p0)的焦點為f，直線5y＝4與y軸的交點為p，與c的交點為q，且|qf|＝4（1）求c的方程；（2）過f的直線l與c相交于a，b兩點，若ab的垂直平分線l′與c相交于m，n兩點，且a，m，b，n四點在同一圓上，求l的方程．【試題分析】本題主要考查求拋物線的標準方程,直線和圓錐曲線的位置關系的應用,韋達定理,弦長公式的應用,解法及所涉及的知識和上題基本相同.【答案】（1）y2＝4x.（2）x－y－1＝0或x＋y－1＝0.【解析】（1）設q(x0，4)，代入y2＝2px，得x0＝，p88pp8所以|pq|，|qf|＝x0＝＋.p22pp858由題設得＋＝p＝－2(舍去)或p＝2，2p4p所以c的方程為y2＝4x.（2）依題意知l與坐標軸不垂直，故可設l的方程為x＝my＋1(m≠0)．代入y2＝4x，得y2－4my－4＝0.設a(x1，y1)，b(x2，y2)，則y1＋y2＝4m，y1y2＝－4.故線段的ab的中點為d(2m2＋1，2m)，|ab|m2＋1|y1－y2|＝4(m2＋1)．1又直線l′的斜率為－m，所以l′的方程為x＋2m2＋3.m將上式代入y2＝4x，4并整理得y2＋－4(2m2＋3)＝0.m設m(x3，y3)，n(x4，y4)，則y3＋y4y3y4＝－4(2m2＋3)．m4?22?2故線段mn的中點為e22m＋3，－，m??m|mn|＝4（m2＋12m2＋11＋2|y3－y4|＝.mm21由于線段mn垂直平分線段ab，1故a，m，b，n四點在同一圓上等價于|ae|＝|be|＝，21122從而＋|de|＝2，即444(m2＋1)2＋??22?2?22m＋?＋22?＝m???m?4（m2＋1）2（2m2＋1）m4化簡得m2－1＝0，解得m＝1或m＝－1，故所求直線l的方程為x－y－1＝0或x＋y－1＝0.三、考卷比較本試卷新課標全國卷Ⅰ相比較，基本相似，具體表現(xiàn)在以下方面：1.對學生的考查要求上完全一致。即在考查基礎知識的同時，注重考查能力的原則，確立以能力立意命題的指導思想，將知識、能力和素質(zhì)融為一體，全面檢測考生的數(shù)學素養(yǎng)，既考查了考生對中學數(shù)學的基礎知識、基本技能的掌握程度，又考查了對數(shù)學思想方法和數(shù)學本質(zhì)的理解水平，符合考試大綱所提倡的“高考應有較高的信度、效度、必要的區(qū)分度和適當?shù)碾y度”的原則．2.試題結(jié)構(gòu)形式大體相同，即選擇題12個，每題5分，填空題4個，每題5分，解答題8個（必做題5個），其中第22，23，24題是三選一題。題型分值完全一樣。選擇題、填空題考查了復數(shù)、三角函數(shù)、簡易邏輯、概率、解析幾何、向量、框圖、二項式定理、線性規(guī)劃等知識點，大部分屬于常規(guī)題型，是學生在平時訓練中常見的類型．解答題中仍涵蓋了數(shù)列，三角函數(shù)，立體何，解析幾何，導數(shù)等重點內(nèi)容。3.在考查范圍上略有不同，如本試卷第3題，是一個積分題，盡管簡單，但全國卷已經(jīng)不考查了?！酒簑eb前端開發(fā)工程師】江西省南昌市2015-2016學年度第一學期期末試卷（江西師大附中使用）高三理科數(shù)學分析試卷緊扣教材和考試說明，從考生熟悉的基礎知識入手，多角度、多層次地考查了學生的數(shù)學理性思維能力及對數(shù)學本質(zhì)的理解能力，立足基礎，先易后難，難易適中，強調(diào)應用，不偏不怪，達到了“考基礎、考能力、考素質(zhì)”的目標。試卷所涉及的知識內(nèi)容都在考試大綱的范圍內(nèi)，幾乎覆蓋了高中所學知識的全部重要內(nèi)容，體現(xiàn)了“重點知識重點考查”的原則。1．回歸教材，注重基礎試卷遵循了考查基礎知識為主體的原則，尤其是考試說明中的大部分知識點均有涉及，其中應用題與抗戰(zhàn)勝利70周年為背景，把愛國主義教育滲透到試題當中，使學生感受到了數(shù)學的育才價值，所有這些題目的設計都回歸教材和中學教學實際，操作性強。2．適當設置題目難度與區(qū)分度選擇題第12題和填空題第16題以及解答題的第21題，都是綜合性問題，難度較大，學生不僅要有較強的分析問題和解決問題的能力，以及扎實深厚的數(shù)學基本功，而且還要掌握必須的數(shù)學思想與方法，否則在有限的時間內(nèi)，很難完成。3．布局合理，考查全面，著重數(shù)學方法和數(shù)學思想的考察在選擇題，填空題，解答題和三選一問題中，試卷均對高中數(shù)學中的重點內(nèi)容進行了反復考查。包括函數(shù)，三角函數(shù)，數(shù)列、立體幾何、概率統(tǒng)計、解析幾何、導數(shù)等幾大版塊問題。這些問題都是以知識為載體，立意于能力，讓數(shù)學思想方法和數(shù)學思維方式貫穿于整個試題的解答過程之中。二、亮點試題分析1．【試卷原題】11.已知a,b,c是單位圓上互不相同的三點，且滿足ab=ac，則abac?的最小值為（）→→→→141b．-23c．-4d．-1a．-【考查方向】本題主要考查了平面向量的線性運算及向量的數(shù)量積等知識，是向量與三角的典型綜合題。解法較多，屬于較難題，得分率較低?！疽族e點】1．不能正確用oa，ob，oc表示其它向量。2．找不出ob與oa的夾角和ob與oc的夾角的倍數(shù)關系。【解題思路】1．把向量用oa，ob，oc表示出來。2．把求最值問題轉(zhuǎn)化為三角函數(shù)的最值求解。22【解析】設單位圓的圓心為o，由ab=ac得，(ob-oa)=(oc-oa)，因為，所以有，ob?oa=oc?oa則oa=ob=oc=1ab?ac=(ob-oa)?(oc-oa)2=ob?oc-ob?oa-oa?oc+oa=ob?oc-2ob?oa+111221即，ab?ac的最小值為-，故選b。2→→【舉一反三】【相似較難試題】【2015高考天津，理14】在等腰梯形abcd中,已知【試題分析】本題主要考查向量的幾何運算、向量的數(shù)量積與基本不等式.運用向量的幾何運算求ae,af，體現(xiàn)了數(shù)形結(jié)合的基本思想，再運用向量數(shù)量積的定義計算ae?af，體現(xiàn)了數(shù)學定義的運用，再利用基本不等式求最小值，體現(xiàn)了數(shù)學知識的綜合應用能力.是思維能力與計算能力的綜合體現(xiàn).【答案】11【解析】因為df=dc,dc=ab，2918()cos120?=2122