FrontPage XP直通車之表單的設(shè)計(jì)
表單在網(wǎng)站的制作過程中是比較常見的,舉個(gè)簡單的例子,我們?cè)谏暾?qǐng)免費(fèi)電子信箱或者個(gè)人主頁時(shí),需要填寫一些個(gè)人信息,比如用戶名、口令、密碼提示信息等,收集這些信息的工具是表單。常用表單的類型包括聯(lián)系信息表單、請(qǐng)求表單、發(fā)貨和付費(fèi)方式的訂購表單、反饋表單、搜索查詢表單等。
制作搜索表單
對(duì)訪問者來說,在一個(gè)大網(wǎng)站中查找文章會(huì)很不方便,這時(shí)我們可以創(chuàng)建一個(gè)搜索表單。執(zhí)行“插入/Web組件”命令,打開“插入Web組件”對(duì)話框。在左側(cè)窗口中選擇“Web搜索”,在右側(cè)窗口中選擇“當(dāng)前站點(diǎn)”,然后單擊“完成”按鈕打開“搜索表單屬性”對(duì)話框,如圖1所示。在“搜索表單屬性”選項(xiàng)卡中將“輸入框的標(biāo)簽”設(shè)置為“站內(nèi)搜索:”。然后切換到“搜索結(jié)果”選項(xiàng)卡,設(shè)置顯示查詢結(jié)果時(shí)需要顯示的信息和格式,選中“顯示文件大小”和“選中文件日期”復(fù)選框,完成后“確定”,搜索表單會(huì)出現(xiàn)在網(wǎng)頁中了,如圖2所示。需要注意的是,建立好的搜索表單需要發(fā)布以后才能正常工作。
圖1在此設(shè)置搜索表單屬性
用向?qū)?chuàng)建表單
FrontPage XP提供了表單創(chuàng)建向?qū)В瑘?zhí)行“文件/新建”命令,然后單擊“網(wǎng)頁或站點(diǎn)”,在“新建網(wǎng)頁或站點(diǎn)”窗口中,在“根據(jù)模板新建”之下,單擊“網(wǎng)頁模板”,在打開的對(duì)話框中選擇“常規(guī)”選項(xiàng)卡,并單擊“表單網(wǎng)頁向?qū)А焙蟆按_定”。
圖2搜索表單
進(jìn)入表單向?qū)Ш髥螕簟跋乱徊健卑粹o進(jìn)入添加問題界面,單擊“添加”按鈕,在打開的對(duì)話框中,從“選擇此問題要收集的輸入類型”列表中選擇需要訪問者輸入的數(shù)據(jù)類,比如“個(gè)人信息”,單擊“下一步”按鈕進(jìn)入“個(gè)人信息”界面,選擇需要訪問者填寫的信息內(nèi)容,如圖3所示。返回添加問題對(duì)話框后單擊“下一步”進(jìn)入“顯示選項(xiàng)”對(duì)話框。在這里設(shè)置問題的顯示類型,然后進(jìn)入輸出選項(xiàng)對(duì)話框。輸出選項(xiàng)可以設(shè)置為Web或者文本文件格式,如圖4,單擊“下一步”按鈕,完成表單設(shè)計(jì)。
手工設(shè)計(jì)表單
執(zhí)行主菜單“插入/表單/表單”命令,即可在當(dāng)前頁面插入一個(gè)新的表單,其中包括“提交”和“重置”兩個(gè)按鈕,還多出了一個(gè)虛線框,這個(gè)虛線框區(qū)域是一個(gè)空表單,可以在這里添加表單字段。
執(zhí)行主菜單“插入/表單/文本框”命令,一個(gè)新的文本框被插入到當(dāng)前表單了,然后在字段名稱前輸入字段名稱的含義。同樣,可在“插入/表單”菜單中選擇不同的控件對(duì)象插入到當(dāng)前表單中。
圖3表單網(wǎng)頁的向?qū)畔?
雙擊文本框打開“文本框?qū)傩浴睂?duì)話框,在“名稱”框中輸入標(biāo)識(shí)文本框的名稱,如果希望訪問者次打開表單時(shí)文本框中出現(xiàn)文本,可以在“初始值”框中輸入要顯示的文本內(nèi)容,完成后在“寬度”中設(shè)置文本框?qū)挾,單擊“確定”按鈕。此外,還可以向當(dāng)前表單中插入復(fù)選框、下拉框、選項(xiàng)按鈕等多種控件。
確認(rèn)網(wǎng)頁
訪問者完成一個(gè)表單的填寫并提交后,可以顯示一個(gè)確認(rèn)網(wǎng)頁,用來顯示訪問者輸入的內(nèi)容。
首先新建立一個(gè)空白網(wǎng)頁,設(shè)置其名稱為“確認(rèn)網(wǎng)頁.htm”。然后打開一個(gè)已經(jīng)建立好的表單網(wǎng)頁,單擊鼠標(biāo)右鍵,選擇“表單屬性”命令打開“表單屬性”對(duì)話框。
單擊“選項(xiàng)”按鈕,選擇“確認(rèn)網(wǎng)頁”選項(xiàng)卡,單擊“確認(rèn)網(wǎng)頁”文本框后的“瀏覽”按鈕,選擇“確認(rèn)網(wǎng)頁.htm”。然后切換到“保存的域”選項(xiàng)卡,這里會(huì)顯示剛才制作的表單中對(duì)象的名字,單擊“全部保存”按鈕,“確定”返回表單,這樣把當(dāng)前表單的確認(rèn)網(wǎng)頁指向了“確認(rèn)網(wǎng)頁.htm”。
圖4在此設(shè)置輸出選項(xiàng)
我們?cè)僭凇按_認(rèn)網(wǎng)頁.htm”中添加確認(rèn)字段,執(zhí)行“插入/Web組件”命令,在左邊的窗口中單擊“高級(jí)控件”,并在右邊的窗口中雙擊“確認(rèn)域”,然后“確定”,在“要確認(rèn)的表單域名稱”文本框中輸入用來顯示信息的域的名稱,需要注意的是,此域的名稱必須與設(shè)置表單域?qū)傩詴r(shí)為該表單域所賦的名稱相匹配。每個(gè)要顯示的表單都需要重復(fù)上述步驟。
使用FrontPage設(shè)計(jì)的表單需要發(fā)布到運(yùn)行有FrontPage Server Extensions或Microsoft的SharePoint Team Services的服務(wù)器上才能正常運(yùn)行。