PDF表单设计方法

請在 "姓名" 欄的文字方塊上按下滑鼠 右鈕, 然後選擇『表單欄位內容』命令：
欄位的標題與名稱
欄位的標題與名稱

瀏覽者在欄位所輸入的資料就是此欄位 的值。欄位的標籤只是為了方便使用者 辨識而已；而在 FrontPage 中則是以 名稱來辨識欄位, 當我們按下填寫好了！ 鈕時, 送出的資料則是每個欄位的名稱 與值。
設定 FrontPage Server Extensions 的郵件傳送方式
表單結果的檔案格式

請按下表單內容交談窗的選項鈕, 切換 到檔案結果頁次做設定。
表單結果的檔案格式
HTML 文件格式較適合直接秀給瀏覽者看, 而如果資料收集後需要彙整到資料庫或 試算表軟體中做處理, 那麼最好是儲存 成純文字檔較適合。 如果你的資料需要做分析, 也想要秀給 瀏覽者看, 那麼也可以將表單結果儲存 成兩個檔案, 這樣便能兩者兼顧。

關於網站中的 _private 資料 夾

FrontPage 的許多表單功能預設都會將 輸出結果存在 _private 資料夾, 目的 當然是為了保障資料的安全, 如果需要 將資料顯示在一般使用者可瀏覽的網頁 中, 則可運用表單其他功能另行輸出。
修改表單
修改欄位標題 刪除欄位 修改欄位寬度 設定欄位起始值與密碼欄位

資料輸出的型態

在 FrontPage 中, 資料的輸出是很有彈 性的, 雖然我們透過表單精靈的指引, 在製作表單的過程中只能指定將資料輸 出成 HTML 文件檔 (.htm) 或純文字檔 (.txt), 但在表單完成後, 我們還是可 以更改這些檔案儲存的路徑與檔案格式。
表單結果的儲存路徑

請在表單的虛線範圍內按下滑鼠右鈕, 選擇『表單內容』命令：
刪除欄位

想刪除不要的欄位, 只要點選該欄位後, 再按下 [Delete] 鍵即可︰
修改欄位寬度

當我們在填寫一般表格時, 有時會發生 欄位空間不足的狀況, 所以只好縮小字 體, 讓所有資料可以擠在欄位中；雖然 表單資料不至於會擠在一起 (在輸入文 字時若超過欄寬, 則文字會自動向前捲 動), 但若欄寬不足, 瀏覽者將無法一次 完整地看見自己所輸入的資料, 所以修 改欄位的寬度有時也是很必要的喔！
利用 FrontPage 所建立的網站, 會自動 產生一個 _private 資料夾, 該資料夾 是用來存放一些不想要公開的資料。 _private 資料夾的預設狀態是一般使用 者無法讀取, 所以其下的網頁也無法被 讀取, 而 FrontPage 提供的 Web 搜尋 表單也不會搜尋到此目錄下的資料。

表單結果的檔案格式
表單結果的儲存形式
若勾選包含欄位名稱, 則在儲存表單結 果時, 會將欄位名稱一同儲存起來；若 是取消此項, 則輸出的結果中就只有瀏 覽者輸入的資料, 而不會有相對的欄位 名稱。 如果我們將表單結果儲存成 HTML 檔, 那麼勾選最後的結果這個選項, 則會將 表單結果加在檔案的最後, 也就是說, 最新加入的資料會最後才看到 。
存檔注意事項
存檔時請儘量不要使用預設的 formslt 檔名, 最好另外設定新的檔案名稱, 否 則所有表單結果都會存到同一個檔案中。 在此步驟中, 我們不需要自己輸入副檔 名, 因為表單精靈會依據我們所選擇的 存檔方式自動加上合適的副檔 名：.htm、.txt、.cgi。

5. 結束表單精靈
表單的運作原理

由此可知, 表單必須依賴 CGI 或 ASP 程式, 才能真正發揮其功用, 否則只是 一個空殼而己。
表單的運作原理

在 FrontPage 中製作完成的表單網頁, 是由 FrontPage Server Extensions 或 SharePoint Services 來處理的, 所以 你在上傳網站前, 最好選擇有支援 FrontPage Server Extensions 的 ISP 網頁空間, 或是公司內部架設的 SharePoint Services , 網頁才能正常 運作。
第 19 章
表單的應用
本章提要
認識表單功能 使用「表單網頁精靈」快速建立表單 修改表單 資料輸出的型態 製作確認頁面及加入確認欄位 從無到有建立表單 表單的驗證

認識表單功能
表單的作用 表單的運作原理

表單的作用

表單 (Forms) 是網站管理者與瀏覽者互 動的一種媒介, 有越來越多人利用網站 來進行意見調查、線上查詢、網路購物、 線上申請、…等活動, 而這些也是表單 最典型的應用。
表單的作用
表單的運作原理

我們在網頁中所看到的表單欄位, 其實 只是一種提供資料輸入的界面, 當瀏覽 者填好資料按下這份表單的提交或送出 鈕後, 表單的內容就會傳送到伺服器上, 並且由事先撰寫好 CGI 或 ASP 程式來 處理, 最後伺服器再將處理結果傳回瀏 覽者的電腦裡, 就變成了我們送出表單 後所看到的畫面。
設定 FrontPage Server Extensions 的郵件傳送方式

若想利用 e-mail 來傳遞表單結果的功 能, 你必須先設定 FrontPage Server Extensions 的郵件傳送方式, 如果伺服 器為你本身擁有並享有管理權, 你就可 以在伺服器上自行設定郵件的傳遞方式； 但若你是向 ISP 業者申請網頁空間, 那 麼就必須請伺服器管理者替你設定囉！

其他資料的儲存

表單結果除了可以記錄表單的各欄位名 稱及輸入的資料之外, 還可以記錄瀏覽 者的瀏覽日期、時間、遠端電腦名稱、 使用者名稱、瀏覽器類型等資料。
其他資料的儲存
其他資料的儲存
查看新進的表單資料

表單設計好之後, 我們怎麼知道有人填 了表單, 並且送出資料了呢？除了可以 開啟儲存結果的檔案來看之外, 還有一 個更方便的方法, 就是在瀏覽者送出資 料的同時, 也寄一封 e-mail 來通知, 這樣只要收到信, 就知道有資料進來了。
表單結果的儲存路徑

在預設的情形下, 表單的結果會儲存在 該表單所在網站中的 _private 資料夾 下, 你也可以按下瀏覽鈕, 選擇將檔案 儲存在網站中的其他資料夾下, 或是更 改檔名。但如果要儲存到不同網站下, 就得自行輸入以http://...開頭的絕對 位址。
表單結果的儲存路徑

假設你的網站建立在公司內部網路上 (Intranet), 你的電腦就是網站伺服器, 那麼可以指定將表單結果直接存到電腦 硬碟中, 例如 C:\web\form\result.htm； 如果你的電腦不是網站伺服器, 網站是 建立在另一台電腦上, 可是你卻希望表 單結果可以直接收集到你的電腦裡, 這 時就得輸入 file:///你的電腦名稱/磁 碟機名稱/檔案路徑這種形式的位址。
設定 FrontPage Server Extensions 的郵件傳送方式

FrontPage Server Extensions 的郵件 傳送方式可以直接在伺服器中設定, 在 此我們以 Windows XP IIS 5.1 伺服器 上的 FrontPage Server Extensions 為 例, 請你在以管理者身分登入系統後, 執行『開始/所有程式/系統管理工具 /Internet Information Servers』命令, 開啟 IIS 管理交談窗進行設定：

測試表單

以上是在瀏覽器中瀏覽的結果, 接下來 請回到 FrontPage 中, 切換至資料夾檢 視模式, 按下一般工具列的重新整理鈕, 即可在 _private 資料夾中找到剛剛設 定的資料輸出檔 ─ formresult.txt。
測試表單
測試表單
關於網站中的 _private 資料 夾
測試表單
在伺服器上才能測試喔！
如果你不是以遠端編輯的方式直接在伺 服器上編輯網頁, 那麼就必須把做好的 表單網頁上傳到有支援 FrontPage Server Extensions 或 SharePoint Service 的伺服器上, 再連結至該網址 加以測試囉！ 測試後輸出的檔案會存在伺服器上, 所 以你如果想要檢查輸出結果, 也得連到 伺服器上去找才行呢！
設定欄位起始值與密碼欄位

密碼欄位：對於一些比較重要的資料, 為了保密起見, 我們可以將該欄位設為 密碼欄位, 當瀏覽者輸入資料時, 資料 將會以 ● 號表示, 以防止有人在背後 偷窺。
設定欄位起始值與密碼欄位
設定欄位起始值與密碼欄位

雖然輸入的資料以 ● 表示, 且確認網 頁中也看不到該欄位的資料, 但是在輸 出給網站管理者的文字檔中, 還是會將 答案保留下來的。

修改欄位標題

請將插入點移到要更改的欄位標題前, 直接輸入新的標題即可︰
修改欄位標題
修改欄位標題

修改表單最下方的送出表單和重新設定 表單鈕, 請分別在這兩個鈕上雙按滑鼠 左鈕, 即可開啟按鈕內容交談窗來做設 定：
修改欄位標題
欄位的標題與名稱

在此我們要跟大家釐清一下欄位的標題 與名稱。剛才我們所修改的 "姓名" 或 "填寫好了！" 都是該欄位或按鈕的標籤。

1. 啟動表單網頁精靈
1. 啟動表單網頁精靈
2. 設計題組

現在要開始設計題組了, 請按下新增鈕 開始設計第一個題組：
2. 設計題組
1.
選擇問題類型, 並輸入問題提示：
2. 設計題組
2.
選擇題組問題, 設定題組名稱。
2. 設計題組
3.
設計好第一題的題組之後, 若要繼續增 加題組, 請按新增鈕繼續。
使用「表單網頁精靈」快速建 立表單
1. 啟動表單網頁精靈 2. 設計題組 3. 表單的排列方式 4. 資料的輸出型態 5. 結束表單精靈 測試表單

1. 啟動表單網頁精靈
表單網頁精靈是一種能快速建立符合個 人需要的表單精靈, 我們只要依指示一 步步回答精靈的問題, 就可以在數分鐘 之內建立好一個表單網頁。 請開啟一份新網頁, 然後切換到開新檔 案工作窗格, 按下其他網頁範本項目, 開啟如下交談窗：
2. 設計題組
4.
重複以上的步驟, 設計好表單中所有的 題組, 然後按下下一步鈕繼續。
3. 表單的排列方式
Biblioteka Baidu
決定表單的排列方式, 基本上若沒有特 殊的需求, 保留預設值即可。
4. 資料的輸出型態

接下來要決定資料輸出的型態, 我們可 以將瀏覽者在表單中填入的資料以下列 3 種方式收集起來：
4. 資料的輸出型態
修改欄位寬度

要修改欄位的寬度, 只要在欄位上按一 下, 欄位兩旁就會出現一些控點, 只要 直接拉曳這些控點, 即可增加或減少欄 位的寬度︰
修改欄位寬度

若想要精確調整, 可以在欄位上按下滑 鼠右鈕, 選擇『表單欄位內容』命令：
設定欄位起始值與密碼欄位

在文字方塊欄位上按下滑鼠右鈕執行 『表單欄位內容』命令, 便會開啟文字 方塊內容交談窗, 此交談窗中還有關於 「欄位起始值」與「密碼欄位」等設定, 我們說明如下︰
資料輸出的型態
表單結果的儲存路徑 表單結果的檔案格式 其他資料的儲存 查看新進的表單資料

資料輸出的型態
表單的作用在於幫助我們收集資料, 接 著我們還必須指定如何處理這些傳回的 資料, 以確定它能變成我們所需要的形 式。 當瀏覽者將意見傳送回來, 我們就要根 據這些資料分析瀏覽者對哪個主題比較 感興趣、瀏覽者大多是哪個族群…等。 因此, 選擇資料的輸出型態對於日後的 資料處理工作有很大的影響。

到此為止, 有關表單的問題、排列、資 料輸出型態大致都已完成, 如果還想修 改,可按下上一步鈕回到前面的步驟做修 改, 否則請按下完成鈕結束表單精靈, 然後就可以在 FrontPage 視窗中看到剛 剛建立好的表單了。
5. 結束表單精靈
5. 結束表單精靈
測試表單

儲存網頁後, 按下 [F12] 鍵來預覽：
設定欄位起始值與密碼欄位
設定欄位起始值與密碼欄位

起始值：我們可在起始值欄中輸入的答 案的起始值, 當瀏覽者的答案和起始值 一樣時, 就可免去輸入的動作。 Tab 鍵順序：建立好表單, 只要按下 [Tab] 鍵, 就可以從第一個欄位按照順 序移動到最後一個欄位；但如果當初設 計問題時沒有調整好順序, 則可以在 Tab 鍵順序欄設定順序, 瀏覽者就可以 利用 [Tab] 鍵以指定的順序回答問題了。