制作表單網(wǎng)頁

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

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

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

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

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

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

7、找出癥結(jié)所在嗎？結(jié)所在嗎？我們做好了表單網(wǎng)頁，我們填寫的信息提交到了我們做好了表單網(wǎng)頁，我們填寫的信息提交到了什么地方？什么地方？我們新建站點的時候，系統(tǒng)會自動生成一個名為我們新建站點的時候，系統(tǒng)會自動生成一個名為“private”的文件夾。系統(tǒng)默認(rèn)會將這些信息存的文件夾。系統(tǒng)默認(rèn)會將這些信息存入這個文件夾的一個特定文件入這個文件夾的一個特定文件”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、鍵，選擇表單屬性表單屬性，會彈出如下圖，會彈出如下圖所示的所示的“表單屬性表單屬性”對話框。對話框。重新設(shè)定想要將表單重新設(shè)定想要將表單信息發(fā)送到的文件信息發(fā)送到的文件設(shè)置將信息發(fā)送到指定的電子信箱中設(shè)置將信息發(fā)送到指定的電子信箱中打開打開“選項選項”對話框，可以對保存對話框，可以對保存表單結(jié)果進一步設(shè)置。表單結(jié)果進一步設(shè)置。返回返回練一練：練一練：將表單結(jié)果的發(fā)送地分別設(shè)為：將表單結(jié)果的發(fā)送地分別設(shè)為：1、文件名稱：、文件名稱：private/shiyan.htm,并且并且 設(shè)置最新的留言放在前面。設(shè)置最新的留言放在前面。2、電子郵件地址設(shè)置為：、電子郵件地址設(shè)置為： 1、在網(wǎng)頁中插入表單。、在網(wǎng)頁中插入表單。2、對表單以及表單中的控件進行操作。、對表單以及表單中的控件進行操作。3、正確設(shè)置表單信息的收集方式。、正確設(shè)置表單信息的收集方式。課后練習(xí)課后練習(xí)參照本課介紹的表單網(wǎng)頁知識，以小組為單參照本課介紹的表單網(wǎng)頁知識，以小組為單位，做位，做P46的的“大顯身手大顯身手”