資源描述：
《dreamweaver cs 網(wǎng)頁制作案例教程電子教案第章制作表單網(wǎng)頁》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第7章 制作表單網(wǎng)頁第7章 制作表單網(wǎng)頁通常，一個(gè)表單中包含多個(gè)對象，有時(shí)也稱為控件或表單元素，例如用于輸入文本的文本域、用于發(fā)送命令的按鈕、用于選擇項(xiàng)目的單選按鈕和復(fù)選框、用于顯示列表項(xiàng)的列表框等?！窘虒W(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會(huì)制作表單網(wǎng)頁（2）在網(wǎng)頁中正確插入表單域（3）在表單域中正確插入文本域和文本區(qū)域（4）在表單域中正確插入單選按鈕、單選按鈕組和復(fù)選框（5）在表單域中正確插入列表/菜單、跳轉(zhuǎn)菜單、按鈕和圖像域（6）掌握檢查提交表單數(shù)據(jù)的正確性的方法（7）預(yù)設(shè)輸入文字的字體和大小（8）引用外部JavaScript腳本文件在網(wǎng)頁中顯
2、示當(dāng)前日期（9）引用外部JavaScript腳本文件動(dòng)態(tài)改變網(wǎng)頁中的菜單選項(xiàng)（10）引用外部JavaScript腳本文件驗(yàn)證表單數(shù)據(jù)（11）了解使用Spry驗(yàn)證控件實(shí)現(xiàn)對表單控件內(nèi)容的檢測本章重點(diǎn)（1）在網(wǎng)頁中正確插入表單域，在表單域中正確插入各種表單元素（2）檢查提交表單數(shù)據(jù)的正確性（3）引用外部JavaScript腳本文件實(shí)現(xiàn)表單網(wǎng)頁所需的功能本章難點(diǎn)（1）在表單域中插入列表/菜單和跳轉(zhuǎn)菜單（2）使用Spry驗(yàn)證功能實(shí)現(xiàn)對表單元素的內(nèi)容檢測教學(xué)方法任務(wù)驅(qū)動(dòng)法、分組討論法、四步訓(xùn)練法課時(shí)建議6課時(shí)（含課堂同步訓(xùn)練）7.1 課前準(zhǔn)備7.
3、1.1 新建一個(gè)站點(diǎn)（1）在本地硬盤創(chuàng)建文件夾（2）啟動(dòng)DreamweaverCS3（3）創(chuàng)建名稱為“E游調(diào)查”的本地站點(diǎn)7.1.2 新建一個(gè)網(wǎng)頁文檔index0701.html187第7章 制作表單網(wǎng)頁（1）新建一個(gè)網(wǎng)頁文檔（2）設(shè)置網(wǎng)頁標(biāo)題（3）保存該網(wǎng)頁。7.1.3 在網(wǎng)頁中插入表格1、在網(wǎng)頁index0701.html中插入表格12、在網(wǎng)頁index0701.html中插入表格23、在網(wǎng)頁index0701.html中插入表格34、在表格3中插入表格3-1（1）插入4行1列表格3-1（2）在表格3-1第1行的單元格中插入表格3-
4、1-1（3）在表格3-1第3行的單元格中插入表格3-1-3（4）在表格3第2行的單元格中插入表格3-1-2（5）在表格3第4行的單元格中插入表格3-1-47.2 課堂引導(dǎo)訓(xùn)練及評價(jià)【課堂引導(dǎo)訓(xùn)練任務(wù)描述】1、網(wǎng)頁制作任務(wù)卡網(wǎng)頁制作任務(wù)卡如表7-5所示。表7-5 網(wǎng)頁制作任務(wù)卡任務(wù)編號(hào)07-1任務(wù)名稱制作表單網(wǎng)頁網(wǎng)頁主題E游調(diào)查計(jì)劃工時(shí)120min網(wǎng)頁制作任務(wù)描述（1）制作一個(gè)表格布局的網(wǎng)頁（2）在網(wǎng)頁插入表單域，且設(shè)置該表單域的屬性（3）在表單域中分別插入單行文本域、文本區(qū)域、單選按鈕、單選按鈕組、復(fù)選框、下拉式菜單、列表、跳轉(zhuǎn)菜單、表
5、單按鈕和圖像域（4）預(yù)設(shè)文本域中輸入文字的字體和大小，瀏覽網(wǎng)頁時(shí)將鼠標(biāo)移到該文本域時(shí)，實(shí)現(xiàn)自動(dòng)選中提示信息，直接輸入所需文本（5）使用Spry驗(yàn)證表單數(shù)據(jù)的有效性（6）在表單網(wǎng)頁中應(yīng)用行為實(shí)現(xiàn)檢查表單和關(guān)閉瀏覽器窗口的功能（7）引用外部JavaScript腳本文件實(shí)現(xiàn)表單網(wǎng)頁所需的功能網(wǎng)頁布局結(jié)構(gòu)分析（1）表格布局結(jié)構(gòu)，如圖7-所示。（2）無導(dǎo)航欄網(wǎng)頁色彩搭配分析網(wǎng)頁中文字的顏色：#000000、#0000FF，背景顏色：#99CCCC、#99CCFF、#9BBB38網(wǎng)頁組成元素分析主要包括表格、表單域、表單控件、文本、圖像等網(wǎng)頁元素任
6、務(wù)實(shí)現(xiàn)流程分析制作表格布局的網(wǎng)頁→插入表單域→插入表單控件→187第7章 制作表單網(wǎng)頁使用Spry驗(yàn)證表單數(shù)據(jù)的有效性→在表單網(wǎng)頁中應(yīng)用行為實(shí)現(xiàn)檢查表單和關(guān)閉瀏覽器窗口的功能→引用外部JavaScript腳本文件實(shí)現(xiàn)表單網(wǎng)頁所需的功能配盤素材導(dǎo)引原始文件位置：start
