制作表單網(wǎng)頁

1、經(jīng)過我們的努力，經(jīng)過我們的努力，我們的我們的“網(wǎng)上之網(wǎng)上之家家”辦的還不錯(cuò)，辦的還不錯(cuò)，但我們不能就此但我們不能就此滿足。滿足。是啊，我們除了自己是啊，我們除了自己努力外，最好還能接受努力外，最好還能接受別人的意見和建議。別人的意見和建議。在在FrontPage中，我中，我們可以直接利用表單們可以直接利用表單工具來實(shí)現(xiàn)網(wǎng)站管理工具來實(shí)現(xiàn)網(wǎng)站管理員和訪問者的交流，員和訪問者的交流，現(xiàn)在請(qǐng)跟我一起來探現(xiàn)在請(qǐng)跟我一起來探索其中的奧秘吧！索其中的奧秘吧！制作者：周英敏制作者：周英敏 金鄉(xiāng)縣實(shí)驗(yàn)中學(xué)金鄉(xiāng)縣實(shí)驗(yàn)中學(xué)提高篇提高篇基本要求基本要求任務(wù)一：在當(dāng)前網(wǎng)頁中插入一個(gè)任務(wù)一：在當(dāng)前網(wǎng)頁中插入一個(gè)2行行1

2、列的表格，在列的表格，在第一個(gè)單元格中輸入提示文字：留言板，在第二個(gè)單第一個(gè)單元格中輸入提示文字：留言板，在第二個(gè)單元格中插入表單。效果如圖所示：元格中插入表單。效果如圖所示：提高篇：在第一個(gè)單元格中插入如圖所示的圖提高篇：在第一個(gè)單元格中插入如圖所示的圖片和藝術(shù)字。（圖片位置：桌面上的學(xué)生材料片和藝術(shù)字。（圖片位置：桌面上的學(xué)生材料文件夾中。文件夾中。迷津點(diǎn)迷津點(diǎn)撥撥下一關(guān)下一關(guān)在剛才的留言板中的按鈕提示文字，我不在剛才的留言板中的按鈕提示文字，我不想使用想使用“提交提交”和和“全部重寫全部重寫”，我能根，我能根據(jù)自己的興趣愛好進(jìn)行選擇嗎？據(jù)自己的興趣愛好進(jìn)行選擇嗎？當(dāng)然可以，直接雙擊要修改

3、的按鈕，在彈出的當(dāng)然可以，直接雙擊要修改的按鈕，在彈出的對(duì)話框中進(jìn)行修改即可。對(duì)話框中進(jìn)行修改即可。雙擊雙擊對(duì)按鈕的名稱進(jìn)行設(shè)置對(duì)按鈕的名稱進(jìn)行設(shè)置對(duì)按鈕的值或標(biāo)簽進(jìn)行設(shè)置對(duì)按鈕的值或標(biāo)簽進(jìn)行設(shè)置在網(wǎng)頁中，先定位好要插入表格的位置，然后執(zhí)行：在網(wǎng)頁中，先定位好要插入表格的位置，然后執(zhí)行：表格表格插入插入表格，在彈出的對(duì)話框中設(shè)置一個(gè)表格，在彈出的對(duì)話框中設(shè)置一個(gè)2行行1列的表格。在第一個(gè)單元格中輸入列的表格。在第一個(gè)單元格中輸入“留言板留言板”，在第二個(gè)單元格中執(zhí)行：插入在第二個(gè)單元格中執(zhí)行：插入表單表單表單，表單，效果如下圖所示：效果如下圖所示：返返 回回請(qǐng)你來請(qǐng)你來找碴找碴范例一范例一范例

4、二范例二范例三范例三提高篇提高篇：在插入的：在插入的6行行3列的表格中，左邊一列的表格中，左邊一列和右邊一列的單元格，用淺紫色做為背景顏列和右邊一列的單元格，用淺紫色做為背景顏色，并把表格邊框的顏色設(shè)置成你喜歡的顏色。色，并把表格邊框的顏色設(shè)置成你喜歡的顏色。任務(wù)二：在剛才插入的表單中插入一個(gè)任務(wù)二：在剛才插入的表單中插入一個(gè)6行行3列的表格，按圖示要列的表格，按圖示要求對(duì)表格進(jìn)行調(diào)整，并按要求輸入提示文字，做成如圖示的求對(duì)表格進(jìn)行調(diào)整，并按要求輸入提示文字，做成如圖示的 “輸入輸入表單中的文字提示表表單中的文字提示表”:輸入表單中的文字提示表輸入表單中的文字提示表下一關(guān)下一關(guān)返返 回回范例一

5、：邊框?yàn)槭裁词翘摼€呢？范例一：邊框?yàn)槭裁词翘摼€呢？返返 回回范例二：范例二：“提交提交”和和“全部重寫全部重寫”按紐怎么在前面呢？按紐怎么在前面呢？返返 回回范例三：表格怎么沒在表單的虛線框范例三：表格怎么沒在表單的虛線框中呢？中呢？智力大比拼智力大比拼任務(wù)三：對(duì)表單中的控件進(jìn)行設(shè)置。例如：對(duì)任務(wù)三：對(duì)表單中的控件進(jìn)行設(shè)置。例如：對(duì)“姓名姓名”進(jìn)進(jìn)行設(shè)置行設(shè)置 ：將光標(biāo)定位到姓名后的單元格，然后插入：將光標(biāo)定位到姓名后的單元格，然后插入“單行單行文本框文本框”，雙擊該控件，在彈出的屬性對(duì)話框中將相應(yīng)內(nèi)，雙擊該控件，在彈出的屬性對(duì)話框中將相應(yīng)內(nèi)容進(jìn)行如下設(shè)置：容進(jìn)行如下設(shè)置：智力大比拼智力大比拼

6、在在“輸入表單中的文字提示表輸入表單中的文字提示表“中，參照下表的要求，分別對(duì)它們中，參照下表的要求，分別對(duì)它們進(jìn)行相關(guān)設(shè)置。進(jìn)行相關(guān)設(shè)置。 表單中控件設(shè)置參數(shù)表單中控件設(shè)置參數(shù)表單項(xiàng)名稱表單項(xiàng)名稱控件類型控件類型標(biāo)示名稱標(biāo)示名稱初始值初始值/驗(yàn)證有效性驗(yàn)證有效性年齡年齡單行文本框單行文本框NL1830性別性別單選按鈕單選按鈕XB男男愛好愛好復(fù)選框復(fù)選框默認(rèn)值默認(rèn)值未選中未選中職業(yè)職業(yè)下拉菜單下拉菜單WH學(xué)生、教師、醫(yī)生、學(xué)生、教師、醫(yī)生、工程師工程師對(duì)本站對(duì)本站的意見的意見滾動(dòng)文本框滾動(dòng)文本框YJ寬度為寬度為30、行數(shù)為、行數(shù)為5有的同學(xué)出現(xiàn)了這種情況，你能找出癥有的同學(xué)出現(xiàn)了這種情況，你能

7、找出癥結(jié)所在嗎？結(jié)所在嗎？我們做好了表單網(wǎng)頁，我們填寫的信息提交到了我們做好了表單網(wǎng)頁，我們填寫的信息提交到了什么地方？什么地方？我們新建站點(diǎn)的時(shí)候，系統(tǒng)會(huì)自動(dòng)生成一個(gè)名為我們新建站點(diǎn)的時(shí)候，系統(tǒng)會(huì)自動(dòng)生成一個(gè)名為“private”的文件夾。系統(tǒng)默認(rèn)會(huì)將這些信息存的文件夾。系統(tǒng)默認(rèn)會(huì)將這些信息存入這個(gè)文件夾的一個(gè)特定文件入這個(gè)文件夾的一個(gè)特定文件”formresult.txt”中。如果你想做的更有創(chuàng)意，也可以自行設(shè)置。中。如果你想做的更有創(chuàng)意，也可以自行設(shè)置。設(shè)置方法：設(shè)置方法：將光標(biāo)定位在表單區(qū)域（虛線框內(nèi)部）的空白處，將光標(biāo)定位在表單區(qū)域（虛線框內(nèi)部）的空白處，單擊鼠標(biāo)右鍵，選擇單擊鼠標(biāo)右

8、鍵，選擇表單屬性表單屬性，會(huì)彈出如下圖，會(huì)彈出如下圖所示的所示的“表單屬性表單屬性”對(duì)話框。對(duì)話框。重新設(shè)定想要將表單重新設(shè)定想要將表單信息發(fā)送到的文件信息發(fā)送到的文件設(shè)置將信息發(fā)送到指定的電子信箱中設(shè)置將信息發(fā)送到指定的電子信箱中打開打開“選項(xiàng)選項(xiàng)”對(duì)話框，可以對(duì)保存對(duì)話框，可以對(duì)保存表單結(jié)果進(jìn)一步設(shè)置。表單結(jié)果進(jìn)一步設(shè)置。返回返回練一練：練一練：將表單結(jié)果的發(fā)送地分別設(shè)為：將表單結(jié)果的發(fā)送地分別設(shè)為：1、文件名稱：、文件名稱：private/shiyan.htm,并且并且 設(shè)置最新的留言放在前面。設(shè)置最新的留言放在前面。2、電子郵件地址設(shè)置為：、電子郵件地址設(shè)置為： 1、在網(wǎng)頁中插入表單。、在網(wǎng)頁中插入表單。2、對(duì)表單以及表單中的控件進(jìn)行操作。、對(duì)表單以及表單中的控件進(jìn)行操作。3、正確設(shè)置表單信息的收集方式。、正確設(shè)置表單信息的收集方式。課后練習(xí)課后練習(xí)參照本課介紹的表單網(wǎng)頁知識(shí)，以小組為單參照本課介紹的表單網(wǎng)頁知識(shí)，以小組為單位，做位，做P46的的“大顯身手大顯身手”