【正文】 三、教學(xué)目標(biāo)【知識層面】（）表單的設(shè)計和制作（）獲取表單中的按鈕、文本框、文本域、單選按鈕、復(fù)選按鈕、下拉列表等數(shù)據(jù)的方法（）獲取利用超鏈接傳遞一個參數(shù)或多個參數(shù)的方法（）對超鏈接傳遞的參數(shù)進行編碼和解碼【能力層面】（）利用獲取表單數(shù)據(jù)完成一個個人注冊頁面表單的制作（）利用超鏈接傳遞參數(shù)及接受參數(shù)完成參數(shù)的傳遞【認知層面】（）具備將程序設(shè)計的思想轉(zhuǎn)化成程序設(shè)計的思想四、教學(xué)方法.項目向?qū)А⑷蝿?wù)驅(qū)動案例教學(xué)法 以“文章發(fā)布系統(tǒng)”實際案例的構(gòu)建為教學(xué)藍本，項目向?qū)б詫嶋H崗位技能為中心，激發(fā)學(xué)生學(xué)習(xí)興趣，使學(xué)生快速進入崗位職業(yè)的角色。根據(jù)案例的內(nèi)容，按照崗位技能的要求與企業(yè)實際工作任務(wù)的組織，以工作過程為中心科學(xué)地分解任務(wù)，通過任務(wù)驅(qū)動，促進知識技能的緊密結(jié)合。 .理實一體教學(xué)法 以“前課堂后實訓(xùn)”模式建設(shè)了理實一體的教學(xué)環(huán)境，按“任務(wù)分析理論講解操作演示技能訓(xùn)練”進程實施理實一體教學(xué)，教學(xué)過程融“教、學(xué)、做”于一體，使學(xué)生很快地從理性上升到感性，實現(xiàn)知識技能的貫通，提高了教學(xué)效率。五、教學(xué)手段與教具準(zhǔn)備【教學(xué)手段】注重多媒體教學(xué)的直觀教學(xué)： 具體講授內(nèi)容和案例用多媒體幻燈演示，插入圖片和案例，力求構(gòu)圖美觀、動畫設(shè)計合理，引發(fā)學(xué)生濃厚的學(xué)習(xí)興趣，從中直接、形象、生動地獲取知識，加快師生的信息傳遞與交流?！窘叹邷?zhǔn)備】 課件、粉筆、激光筆、教鞭六、教學(xué)重點【教學(xué)重點】、獲取表單提交的數(shù)據(jù)；、獲取超鏈接傳遞的數(shù)據(jù)；【處理方法】、少講多練、類比法講解【注意事項】 、表單的控件種類。七、教學(xué)難點【教學(xué)難點】、獲取表單提交的數(shù)據(jù)；、獲取超鏈接傳遞的數(shù)據(jù)；【處理方法】、少講多練、類比法講解【注意事項】 、表單的提交八、教學(xué)流程與時間分配.教學(xué)環(huán)節(jié)一：復(fù)習(xí)的數(shù)組的內(nèi)容（分鐘）教師活動: 通過互動方式回顧數(shù)組內(nèi)容，并解決學(xué)生上機時遺留的問題。學(xué)生活動：通過教師的提問回顧并回答數(shù)組的基本語法設(shè)計意圖：將所學(xué)內(nèi)容進行適當(dāng)重復(fù)，并及時解決上機過程及學(xué)生學(xué)習(xí)過程中的遺留問題.教學(xué)環(huán)節(jié)二：教學(xué)導(dǎo)入（分鐘）教師活動：表單是編程中不可缺少的重要元素，一般作為收集用戶提交的數(shù)據(jù)。表單程序的運作原理是：在客戶端通過表單提交數(shù)據(jù)，將數(shù)據(jù)提交給服務(wù)器的腳本程序。在腳本程序中完成對數(shù)據(jù)的處理。學(xué)生活動：根據(jù)教師給出的問題，回憶靜態(tài)網(wǎng)頁中表單的內(nèi)容。.教學(xué)環(huán)節(jié)三：教學(xué)過程（分鐘）教師活動：通過復(fù)習(xí)、講授法引導(dǎo)學(xué)生學(xué)習(xí)與頁面交互的方法學(xué)生活動：學(xué)習(xí)與頁面交互的方法，并能夠靈活應(yīng)用到項目開發(fā)中。講授內(nèi)容：（）創(chuàng)建表單（分鐘）①創(chuàng)建表單②添加表單元素③定義表單數(shù)據(jù)提交的方法教師活動：帶著學(xué)生復(fù)習(xí)靜態(tài)網(wǎng)頁設(shè)計中關(guān)于表單的知識學(xué)生活動：跟隨教師思路，回顧靜態(tài)網(wǎng)頁設(shè)計中關(guān)于表單的知識，并能添加表單元素（）利用$或$[]獲取表單元素文本框、密碼框、按鈕、文本域提交的數(shù)據(jù)（分鐘）①獲取文本框提交的數(shù)據(jù)②獲取密碼框提交的數(shù)據(jù)③獲取按鈕提交的數(shù)據(jù)④獲取文本域提交的數(shù)據(jù)⑤完成一個登錄頁面的小例子，獲取用戶提交的用戶名和密碼教師活動：講解四個內(nèi)容獲取表單元素的方法，并通過一個小例子來講解鞏固學(xué)生活動：跟隨教師思路，學(xué)習(xí)獲取表單元素的方法（）利用$或$[]獲取表單元素單選按鈕、復(fù)選框、下拉列表、列表菜單、隱藏域提交的數(shù)據(jù)（分鐘）教師活動：講解五個內(nèi)容獲取表單元素的方法，并通過一個小例子來講解鞏固學(xué)生活動：跟隨教師思路，學(xué)習(xí)獲取表單元素的方法（）獲取超鏈接傳遞的數(shù)據(jù)（分鐘）①利用超鏈接傳遞一個參數(shù)②利用超鏈接傳遞多個參數(shù)③獲取超鏈接傳遞的參數(shù)④在參數(shù)傳遞過程中進行編碼教師活動：講解超鏈接傳遞參數(shù)的方法及編碼的方法，并與實際的網(wǎng)站中的應(yīng)用相結(jié)合學(xué)生活動：跟隨教師思路，思考實際網(wǎng)站中的應(yīng)用，并掌握教師講授內(nèi)容.教學(xué)環(huán)節(jié)四：課后小結(jié)（分鐘）教師活動：以互動方式回顧所學(xué)習(xí)內(nèi)容學(xué)生活動：互動回答教師所回顧的內(nèi)容，設(shè)計意圖：學(xué)而時習(xí)之九、教學(xué)內(nèi)容與設(shè)計教學(xué)環(huán)節(jié)教學(xué)內(nèi)容 設(shè)計意圖表達方式課程導(dǎo)入、教學(xué)環(huán)節(jié)一：復(fù)習(xí)的數(shù)組的內(nèi)容、教學(xué)環(huán)節(jié)二：教學(xué)導(dǎo)入從上一節(jié)課開始，我們真正步入了的核心內(nèi)容。與頁面的交互。與頁面的交互有以下幾個內(nèi)容（）表單傳遞數(shù)據(jù)的兩種方法（）參數(shù)傳遞的兩種方法（）在中獲取表單數(shù)據(jù)（）利用超鏈接在頁面之間傳遞參數(shù)和獲取參數(shù)的方法熟練掌握以上內(nèi)容是開發(fā)的基礎(chǔ)及核心內(nèi)容。.教學(xué)環(huán)節(jié)一：復(fù)習(xí)的數(shù)組的內(nèi)容（分鐘）設(shè)計意圖：將所學(xué)內(nèi)容進行適當(dāng)重復(fù)，并及時解決上機過程及學(xué)生學(xué)習(xí)過程中的遺留問題.教學(xué)環(huán)節(jié)二：教學(xué)導(dǎo)入（分鐘）課程主體講 授二、利用$[]和$獲取表單中其他元素的值。、利用$[]和$[]獲取表單項中的普通按鈕和提交按鈕的數(shù)據(jù)（）將上一個例子的提交處理頁面中加入如下內(nèi)容：你單擊的按鈕為“提交”，利用$[]來獲取按鈕上的文本。 你單擊的按鈕為.$[]。（）利用$[]獲取的是按鈕上的文本（）將上例該為在當(dāng)前頁面判斷，不提交到新頁面，應(yīng)該如何實現(xiàn)？ ($[]提交){ $[]。 提交信息成功，用戶名為.$[].”密碼為”.$[]。}? 用戶名： 密碼： 提交 清空 、利用$[]和$[]獲取表單項中的單選按鈕的數(shù)據(jù)（）對單選按鈕而言，在向服務(wù)器提交數(shù)據(jù)時，僅提交被選中的標(biāo)記的值，未選中的不會被提交。（）在上例中添加性別單選按鈕，對其添加屬性后獲取其選中的性別。性別 男 女處理頁面 ,性別為：.$[]。、利用$[]和$[]獲取表單項中的復(fù)選框的數(shù)據(jù)（）對復(fù)選框而言，在向服務(wù)器提交數(shù)據(jù)時，與單選按鈕一樣，也是僅提交選中標(biāo)記的，但是復(fù)選框一般提交多個值，并且其屬性都一樣，因此需要將其存放在數(shù)組中。在客戶端的頁面在定義復(fù)選框的屬性時需要按照如下寫法： [] 足球足球 [] 藍球藍球 [] 排球排球 [] 乒乓球乒乓球在服務(wù)器端接收時，需要利用將數(shù)組中的元素逐個輸出出來。（）對上例添加上愛好一欄，復(fù)選框，并通過提交按鈕后獲取用戶提交的內(nèi)容 你的愛好是：。 ($ 。$ ($[])。$){ $[][$]. 。}、利用$[]和$[]獲取表單項中的下拉列表的數(shù)據(jù)（）獲取下拉列表或菜單列表框的形式與文本框基本一致，需要為定義屬性，并為定義屬性。（）對上例添加城市一欄，下拉列表，并通過提交按鈕獲取用戶選擇的城市 濟南濟南 青島青島 煙臺煙臺 威海威海 你的城市是:.$[]?！舅伎肌咳绻愋蜑椴藛瘟斜砜?，并且允許多選，那么在服務(wù)器端應(yīng)該如何接收數(shù)據(jù)？自行練習(xí)獲取文本區(qū)域值的方法。[練一練]計算器程序 ($[] 計算){ $ $[]$[]。}? 請在下面的表單中輸入兩數(shù)以求其和 $[]。? $[]。? $。?。 計算 重置 三、獲取超鏈接傳遞的參數(shù)打開.*，登錄后進入管理系統(tǒng)。該網(wǎng)頁用來刪除或者修改內(nèi)容。對網(wǎng)頁來講，如何能夠確定用戶選擇是哪一條信息呢？這里需要利用超鏈接向網(wǎng)頁傳遞參數(shù)，告知服務(wù)器端的程序需要操作哪一篇文章。這時候用到超鏈接傳遞參數(shù)。（）傳遞參數(shù)如何實現(xiàn)的在中單擊了菠蘿后的刪除鏈接，在中收到了傳遞過來的參數(shù)呢？可以通過超鏈接讓其實現(xiàn)傳遞參數(shù)到另一個網(wǎng)頁中接受該參數(shù)。① 僅傳遞一個參數(shù)： ”服務(wù)器端的文件?參數(shù)名參數(shù)值” ””刪除，這樣在該單擊超鏈接時，就將參數(shù)傳遞到了中。② 傳遞多個參數(shù)： ”服務(wù)器端的文件?參數(shù)名參數(shù)值參數(shù)名參數(shù)值…”（）獲取傳遞過來的參數(shù)利用$[“參數(shù)名”]來獲取。如在中需要獲取傳遞過來的的參數(shù)必須通過$[“”]來獲取?！揪氁痪殹拷⒁粋€網(wǎng)頁實現(xiàn)如下效果你刪除的學(xué)生信息如下：姓名：張三語文：數(shù)學(xué)：英語：[注意]：①查看此時地址欄中的內(nèi)容，發(fā)現(xiàn)我們傳遞的參數(shù)全部是明碼。所有傳遞的參數(shù)都在地址欄中顯示出來了，這種方式是很不安全的。為了提高安全性，我們需要在傳遞參數(shù)前對參數(shù)編碼，接受參數(shù)時未其解碼。②編碼的函數(shù)()，這是個的函數(shù)，因此必須將其放在?中。使用方法: ” (“參數(shù)值”)。? …?”③解碼的函數(shù)()使用方法：($[參數(shù)名])【練一練】將傳遞的參數(shù)進行編碼并查看結(jié)果。.教學(xué)環(huán)節(jié)三：教學(xué)過程（分鐘）教師活動：通過復(fù)習(xí)、講授法引導(dǎo)學(xué)生學(xué)習(xí)與頁面交互的方法學(xué)生活動：學(xué)習(xí)與頁面交互的方法，并能夠靈活應(yīng)用到項目開發(fā)中。講授內(nèi)容：（）創(chuàng)建表單（分鐘）①創(chuàng)建表單②添加表單元素③定義表單數(shù)據(jù)提交的方法教師活動：帶著學(xué)生復(fù)習(xí)靜態(tài)網(wǎng)頁設(shè)計中關(guān)于表單的知識學(xué)生活動：跟隨教師思路，回顧靜態(tài)網(wǎng)頁設(shè)計中關(guān)于表單的知識，并能添加表單元素（）利用$或$[]獲取表單元素文本框、密碼框、按鈕、文本域提交的數(shù)據(jù)（分鐘）①獲取文本框提交的數(shù)據(jù)②獲取密碼框提交的數(shù)據(jù)③獲取按鈕提交的數(shù)據(jù)④獲取文本域提交的數(shù)據(jù)⑤完成一個登錄頁面的小例子，獲取用戶提交的用戶名和密碼教師活動：講解四個內(nèi)容獲取表單元素的方法，并通過一個小例子來講解鞏固學(xué)生活動：跟隨教師思路，學(xué)習(xí)獲取表單元素的方法（）利用$或$[]獲取表單元素單選按鈕、復(fù)選框、下拉列表、列表菜單、隱藏域提交的數(shù)據(jù)（分鐘）教師活動：講解五個內(nèi)容獲取表單元素的方法，并通過一個小例子來講解鞏固學(xué)生活動：跟隨教師思路，學(xué)習(xí)獲取表單元素的方法（）獲取超鏈接傳遞的數(shù)據(jù)（分鐘）①利用超鏈接傳遞一個參數(shù)②利用超鏈接傳遞多個參數(shù)③獲取超鏈接傳遞的參數(shù)④在參數(shù)傳遞過程中進行編碼教師活動：講解超鏈接傳遞參數(shù)的方法及編碼的方法，并與實際的網(wǎng)站中的應(yīng)用相結(jié)合學(xué)生活動：跟隨教師思路，思考實際網(wǎng)站中的應(yīng)用，并掌握教師講授內(nèi)容課程總結(jié)以互動方式回顧所學(xué)習(xí)內(nèi)容教學(xué)環(huán)節(jié)：課后小結(jié)（分鐘）設(shè)計意圖：學(xué)而時習(xí)之十、教學(xué)參考【參考教材】書名：《開發(fā)實例教程》作者：《國家人力資源和社會保障部、國家工業(yè)和信息化部信息專業(yè)技術(shù)人才知識更新工程（“”工程）指定教材》編委會出版社：中國電力出版社【閱讀材料】 《和 開發(fā)（原書第版）》，譯者:武欣，機械工業(yè)出版社【媒體資源】 慕課網(wǎng)()的課程中的下列課程：、《入門篇》、《進階篇》十一、思考題、完成一個用戶注冊表單的制作。51 / 51