互动留言版的制作.ppt

15-7-1 資料集的繫結 請開啟 board.asp，在這個頁面中已經先將大概的版面都製作完成，以下的動作就是連結資料庫，將要顯示的資料欄位放置到適當的位置即可。首先要將資料表中需要顯示的資料繫結進來形成資料集，這個動作相當的重要，請一定要注意下列的步驟喔！ 留言完畢當然希望可以看到留言的結果，接下來就要製作瀏覽留言的網頁。繫結資料集、佈置顯示欄位、設定重複區域及加入資料集狀態、導覽列是重要的學習要點。 15-7 瀏覽留言的網頁製作 15-7-2 插入顯示的資料欄位 以欄位資料顯示文字 現在可以把資料集中的欄位拖曳到網頁上顯示： 以欄位資料顯示圖片 留言版中的留言人性別是使用圖示來顯示，在表單中性別欄位所送出的是圖片檔名，表示這裡是要將顯示圖片依資料欄位的值進行變化。 以欄位資料設定超連結 在網頁上最常使用的超連結為網頁超連結及電子郵件超連結，在留言版中分別有二個欄位顯示，希望瀏覽人在按這兩個欄位時可以連結留言人的個人網頁或是寫電子郵件給留言人，現在就要使用這二個欄位配合資料欄位來設定超連結。 15-7-3 設定重複區域 製作到現在，預覽時只能看到一筆資料，如果要看到更多筆資料必須設定重複區域。 15-7-4 加入資料集導覽狀態及資料集導覽列 是否想要知道目前共有幾筆留言，目前頁面上顯示的又是幾筆到第幾筆呢？此時可以在頁面加入 資料集導覽狀態。 加入資料集導覽狀態 加入資料集導覽列 目前畫面上一頁會顯示 5 筆記錄，但如果資料超過 5 筆，要如何觀看 5 筆以外的記錄呢？此時可以在頁面加入資料集導覽列。 瀏覽頁面 board.asp 的使用 這是用來瀏覽所有留言內容的頁面，每一則留言都可以看到留言的標題、內容、留言時間以及留言人的性別圖示、姓名、個人電子郵件及網址等資料。 每一頁顯示 5 筆留言，在版面的左下方可以得知目前頁面是第幾筆到第幾筆的資料，共有多少筆資料。如果整個資料超過 5 筆內容，在版面的右下方可以使用文字連結來進行頁面的翻頁動作。 完成留言版的留言頁面 post.asp 與瀏覽頁面 board.asp，目前整個留言版程式已經可以進行運作了，以下馬上來瀏覽看看它的功能。 15-8 瀏覽留言版成品 留言頁面 post.asp 的使用 選按在首頁的右上角的 「我要留言」 連結文字即可進入 post.asp 進行留言的動作，在填完留言內容後按 送出 鈕即可將資料存入資料庫，並回到 board.asp 瀏覽結果。 15-9-1 修改範本 因為原來範本上 「互動交流」 連結並沒有設定與目前的留言版頁面連結，所以要先修改範本，請開啟 Templates/tokyolayout.dwt 。 雖然已經完成整個作品的製作，但是為了配合本書的範例，要將留言版的程式套入範本之中，即可與其他的頁面風格相同，連成一氣。接下來就要說明如何將本章的作品套入範本。 15-9 將完成的作品套入範本 15-9-2 套用範本 此時要將本章的作品套用剛才所修改的範本，請依照下列步驟操作： 回到頁面上會發現 board.asp 已經成功地套上範本了。請利用相同的方式為 post.asp 套上相同的範本，即完成設定的動作。 加強篇 加強篇 加強篇 加強篇 準備互動網站的執行環境 將電腦架設為網站伺服器 定義一個互動網站 建立一個資料庫 在網頁中連結資料庫 張貼留言的網頁製作 瀏覽留言的網頁製作 瀏覽留言版成品 將完成的作品套入範本 15-1-1 選擇 ASP 的原因 本書選擇 ASP 為執行網站程式的互動環境，原因如下： 只要作業系統是 Windows 2000、Windows XP Professional、Windwos Vista 或 Windows Server...等平台，即可使用內建的網站伺服器 IIS 執行程式。 ASP 的程式在目前的發展上資源最為成熟，可以獲得的資訊也最充足。 Dreamweaver 的擴充功能，對於 ASP 的支援極為豐富，可以在撰寫程式的過程享受這樣便利。 如果只安裝了 Dreamweaver，沒有安裝任何的伺服器軟體，那麼所能達到的效果，只能製作靜態的網頁。因為沒有網站伺服器環境，是無法發揮 Dreamweaver 編輯互動網頁的強大功效。 15-1 準備互動網站的執行環境 15-1-2 選擇網站伺服器軟體 ASP 程式必須要在支援 ASP 的網站伺服器上才能運作，不能直接選按網頁執行瀏覽。所以在開發程式前，可以將自己的電腦架設成一個網站伺服器以利編輯。下面表格內是各種適用於微軟視窗作業平台的伺服器軟體，它們可以將電腦模擬為網站伺服器： 15-1-3 如何取得這些伺服器軟體？ 許多讀者感覺最痛苦的事，就是不知從何取得這些伺服器軟體。其實這