2014表单设计方法.pptVIP

第 19 章 表單的應用 本章提要 認識表單功能 使用「表單網頁精靈」快速建立表單 修改表單 資料輸出的型態 製作確認頁面及加入確認欄位 從無到有建立表單 表單的驗證 認識表單功能 表單的作用 表單的運作原理 表單的作用 表單 (Forms) 是網站管理者與瀏覽者互動的一種媒介, 有越來越多人利用網站來進行意見調查、線上查詢、網路購物、線上申請、…等活動, 而這些也是表單最典型的應用。 表單的作用 表單的運作原理 我們在網頁中所看到的表單欄位, 其實只是一種提供資料輸入的界面, 當瀏覽者填好資料按下這份表單的提交或送出鈕後, 表單的內容就會傳送到伺服器上, 並且由事先撰寫好 CGI 或 ASP 程式來處理, 最後伺服器再將處理結果傳回瀏覽者的電腦裡, 就變成了我們送出表單後所看到的畫面。 表單的運作原理 由此可知, 表單必須依賴 CGI 或 ASP 程式, 才能真正發揮其功用, 否則只是一個空殼而己。 表單的運作原理 在 FrontPage 中製作完成的表單網頁, 是由 FrontPage Server Extensions 或 SharePoint Services 來處理的, 所以你在上傳網站前, 最好選擇有支援 FrontPage Server Extensions 的 ISP 網頁空間, 或是公司內部架設的 SharePoint Services , 網頁才能正常運作。 使用「表單網頁精靈」快速建立表單 1. 啟動表單網頁精靈 2. 設計題組 3. 表單的排列方式 4. 資料的輸出型態 5. 結束表單精靈 測試表單 1. 啟動表單網頁精靈 表單網頁精靈是一種能快速建立符合個人需要的表單精靈, 我們只要依指示一步步回答精靈的問題, 就可以在數分鐘之內建立好一個表單網頁。 請開啟一份新網頁, 然後切換到開新檔案工作窗格, 按下其他網頁範本項目, 開啟如下交談窗： 1. 啟動表單網頁精靈 1. 啟動表單網頁精靈 2. 設計題組 現在要開始設計題組了, 請按下新增鈕開始設計第一個題組： 2. 設計題組 選擇問題類型, 並輸入問題提示： 2. 設計題組 選擇題組問題, 設定題組名稱。 2. 設計題組 設計好第一題的題組之後, 若要繼續增加題組, 請按新增鈕繼續。 2. 設計題組 重複以上的步驟, 設計好表單中所有的題組, 然後按下下一步鈕繼續。 3. 表單的排列方式 決定表單的排列方式, 基本上若沒有特殊的需求, 保留預設值即可。 4. 資料的輸出型態 接下來要決定資料輸出的型態, 我們可以將瀏覽者在表單中填入的資料以下列 3 種方式收集起來： 4. 資料的輸出型態 存檔注意事項 存檔時請儘量不要使用預設的 formslt 檔名, 最好另外設定新的檔案名稱, 否則所有表單結果都會存到同一個檔案中。 在此步驟中, 我們不需要自己輸入副檔名, 因為表單精靈會依據我們所選擇的存檔方式自動加上合適的副檔名：.htm、.txt、.cgi。 5. 結束表單精靈 到此為止, 有關表單的問題、排列、資料輸出型態大致都已完成, 如果還想修改,可按下上一步鈕回到前面的步驟做修改, 否則請按下完成鈕結束表單精靈, 然後就可以在 FrontPage 視窗中看到剛剛建立好的表單了。 5. 結束表單精靈 5. 結束表單精靈 測試表單 儲存網頁後, 按下 [F12] 鍵來預覽： 測試表單 在伺服器上才能測試喔！ 如果你不是以遠端編輯的方式直接在伺服器上編輯網頁, 那麼就必須把做好的表單網頁上傳到有支援 FrontPage Server Extensions 或 SharePoint Service 的伺服器上, 再連結至該網址加以測試囉！ 測試後輸出的檔案會存在伺服器上, 所以你如果想要檢查輸出結果, 也得連到伺服器上去找才行呢！ 測試表單 以上是在瀏覽器中瀏覽的結果, 接下來請回到 FrontPage 中, 切換至資料夾檢視模式, 按下一般工具列的重新整理鈕, 即可在 _private 資料夾中找到剛剛設定的資料輸出檔 ─ formresult.txt。 測試表單 測試表單 關於網站中的 _private 資料夾 利用 FrontPage 所建立的網站, 會自動產生一個 _private 資料夾, 該資料夾是用來存放一些不想要公開的資料。 _private 資料夾的預設狀態是一般使用者無法讀取, 所以其下的網頁也無法被讀取, 而 FrontPage 提供的 Web 搜尋表單也不會搜尋到此目錄下的資料。 關於網站中的 _private 資料夾 FrontPage 的許多表單功能預設都會將輸出結果存在 _private 資料夾, 目的當然是為了保障資料的安全, 如果需要將資料顯示在一般使用者可瀏覽的網頁中, 則可運用表單其他功能另行輸出。 修改表單 修