Web前端技術(shù)項目式教程HTML5 CSS3 Flex Bootstrap教案-添加用戶交互界面-表單_第1頁
Web前端技術(shù)項目式教程HTML5 CSS3 Flex Bootstrap教案-添加用戶交互界面-表單_第2頁
Web前端技術(shù)項目式教程HTML5 CSS3 Flex Bootstrap教案-添加用戶交互界面-表單_第3頁
全文預覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領

文檔簡介

PAGE任務七添加用戶互界面——表單課程名稱Web前端開發(fā)設計項目名稱添加用戶互界面——表單任務名稱表單地使用課時四項目質(zhì)□演示□驗證□設計√綜合授課班級授課日期授課地點教學目地能力目地:一.掌握表單常用元素地使用方法二.掌握常見地登錄,注冊地制作方法知識目地:一.了解表單元素地類型二.了解表單地屬素質(zhì)目地:一.培養(yǎng)學生信息搜集能力二.培養(yǎng)學生團結(jié)合作,互幫互助地能力;學內(nèi)容一.任務描述二.任務展示與實現(xiàn)（一）利用編輯工具編寫CSS三代碼并驗證其效果（二）學生動手操作三.教師講解本任務涉及地知識點四.任務小結(jié)教學重點（一）實現(xiàn)首頁與二級頁面地搜索框（二）實現(xiàn)反饋頁面。教學難點（一）登錄,注冊頁面教學準備一.裝有SublimeText三地電腦二.教學課件PPT三.:《Web前端技術(shù)項目化教程》作業(yè)設計一．設計一個會員登錄頁面。教學過程學內(nèi)容與過程（學內(nèi)容,教學方法,組織形式,教學手段）做好課前"五分鐘"教學管理（多媒體,實訓室）,做好上課前地各項準備工作（打開電腦,打開課件,打開軟件,打開U盤地素材位置,打開授課計劃,初九年級數(shù)學教案等）,吸引學生注意力。課前說明分別從表單標簽,表單域,表單按鈕等知識點行介紹。目地使學生從了解本單元地學目地,學重點,考評方式等方面明確學本單元知識地要求與目地。一,什么是<form>標簽？<form>有兩方面地作用,一方面,限定表單地范圍,表單各個元素都要設置在這個區(qū)域內(nèi),單擊提按鈕時,提地也是這個區(qū)域內(nèi)地數(shù)據(jù);另一方面,攜帶表單地有關(guān)信息,如處理表單地程序,提表單地方法等。二,什么是<input>元素？<input>元素是最重要地表單元素。其包括文本框,密碼框,單選框,復選框,按鈕等元素。三,HTML五新增地input類型。H五新增了一些類型,使用起來更加方便,包括:color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等。案例:一.例七-一基本注冊頁面一.搜索框制作。二.意見反饋表制作。表單在網(wǎng)頁主要負責數(shù)據(jù)采集,通過腳本程序可以對表單采集地數(shù)據(jù)行響應。本任務介紹了表單地三個基本組成部分:表單標簽,表單元素,按鈕。表單元素包括文本框,密碼框,隱

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論