YOGO生活誌: 2010年1月2日

2010年1月2日

[好書推薦]網路機器人、網路蜘蛛與網路爬蟲

內容簡介

PHP/cURL 程式設計指南

超越瀏覽器！網路應用的無限可能...

網際網路簡直無所不包。其應用之廣泛，絕非一般瀏覽器所涵蓋的小小範圍而已。無論你是程式設計師也好，一般生意人也罷，只要有心想要充分利用網路龐大的資源，那麼『網路機器人、網路蜘蛛與網路爬蟲』這本書就是為你而準備的。你想想看，如果只因為瀏覽器的能力有限，就侷限了你在網路上的體驗，那實在是件很沒有道理的事。事實上你完全可以按照個人的需求，輕易的以自動化方式來完成許多網路上不同的工作。

你只要學習如何編寫網路機器人與網路蜘蛛，就可以完成下面的這些工作：

．以程式化的方式，自動下載整個網站
．有效解析出網頁中的資料
．對cookie進行管理
．對加密過的檔案進行解碼
．以自動化的方式提交表單
．自動收發電子郵件
．利用SMS簡訊，將警告訊息自動傳送到你的手機中
．在受到密碼保護的網站中遨遊
．在網路拍賣中自動出價
．自動與FTP或NNTP伺服器，進行資料的交換

本書的範例專案，使用的全都是標準的程式碼函式庫，因此更加鞏固了這些新技巧的基礎。你在本書中將會學習到，如何建立自己的網路機器人與網路蜘蛛來追蹤網路上的價格變化，或是將不同的資料來源彙整到某個單一的網頁中，又或者也可以將你賴以生存不可或缺的網路資料，用比較好的方式妥善保存起來。你將會從一位經驗豐富的網路機器人開發者身上學習到許多內行的門道，知道在什麼狀況下，該如何編寫能掩人耳目的網路機器人來模仿人類的行為，或者是發展出更具有容錯能力的設計，並學習到各式各樣啟動網路機器人，對網路機器人進行排程的方法。此外，你也會得到一些建議，讓你在編寫這類程式時，懂得該如何尊重網站主人的產權。另一方面你也可以學習到，如何保護自己的網站，才能把那些不想讓它進來的機器人，全部通通擋在門外。

如果你造訪作者的網站，還可以得到一些額外的獎勵。你可以運用網站中的範例目標頁面，來測試你自己的網路機器人；本書所使用的所有script腳本與程式碼函式庫，在那裡也全都可以下載得到。

對於人們來說，總有一些工作十分重要，但做起來就是很乏味。現在你只要嘗試運用網路機器人，在網路上進行一些自動化的操作，相信你就絕不會再讓瀏覽器限制住自己使用網際網路的方式了。

Part II：專案
CH07 價格監視用網路機器人
CH08 影像擷取用網路機器人
CH09 連結查證（LINK-VERIFICATION）用網路機器人
CH10 匿名瀏覽用網路機器人
CH11 搜尋分級（SEARCH-RANKING）用網路機器人
CH12 彙整（AGGREGATION）用網路機器人
CH13 FTP用網路機器人
CH14 NNTP新聞用網路機器人
CH15 能讀取電子郵件的網路機器人
CH16 能發送電子郵件的網路機器人
CH17 將某個網站轉換為一個功能函數

Part III：進階技術的相關考量
CH18 網路蜘蛛（SPIDER）
CH19 採購用網路機器人與SNIPERS
CH20 網路機器人和密碼學（CRYPTOGRAPHY）
CH21 認證（AUTHENTICATION）
CH22 進階COOKIE管理
CH23 排程（SCHEDULING）用網路機器人與網路蜘蛛

Part IV：比較大的考量
CH24 設計能掩人耳目的網路機器人與網路蜘蛛
CH25 編寫具有容錯能力的（FAULT-TOLERANT）網路機器人
CH26 對網路機器人友善的網站設計
CH27 獵殺網路蜘蛛
CH28 讓你的網路機器人遠離是非

附錄A PHP/CURL參考資料
附錄B 狀態代碼
附錄C SMS EMAIL地址

譯者書評

我是本書的譯者。在這裡分享一下我對本書的看法。
本書運用動態網頁設計常用的PHP&MySQL, 實現了許多網路上的創意。值得一讀。

你或許不懂程式設計，但你知道瀏覽器封印了多少網際網路真正的潛力嗎？其實網路上的創意，有許多都能透過網路機器人實現。
你懂得運用PHP&MySQL，却只拿來寫寫網頁嗎？實在太浪費了，本書將引領你解放PHP&MySQL廣大的應用。

你聽說網路蜘蛛不是什麽好東西嗎？搞錯了吧，沒有網路蜘蛛就沒有Google這麼好用的搜尋引擎。網路蜘蛛強大無罪，設計者的用意與用心才是網路蜘蛛做好事還是做壞事的決定者。講的難聽一點，如果設計者有了好工具卻做不出好事，充其量只能說他缺乏創意罷了。

你要如何設計出好用又受歡迎的網路機器人呢？就讓本書來告訴你，所有應該知道的事情吧。

[好書推薦]網站規劃與設計

內容簡介

在網路熱潮起潮落之際，投入線上經濟的新世代必須更認真地思索網站的本質。這本書不是一般的網頁製作手冊，也不是漫談電子商務成功者的故事書，在網際網路相關叢書中已經有不少這樣的書籍了，但大多數的人對於如何規劃並設計一個好的網站卻仍所知不多。

因此，各種領域中對於網路有興趣的人，自然而然地快速投入建立網站的工作，完全忽略了網際網路是一種全新的媒體，需要以新的傳播管理的專業態度因應的事實。

本書的目的，正是希望提供對網際網路有興趣的人，一套正確的網站規劃原則與設計示範。編輯特色如下：

1.從「知識管理與.com」出發，解釋經營網站應有的策略角度及顧客導向，並以Jakob Nielsen提出的「網站管理十大錯誤」點出許多網站的通病。

2.在第二章中，針對網頁的優點與限制，分別討論其對於網站規劃可能造成的影響，並據此提出進行網路行銷時所應注意的原則。

3.本書的第三章是從網站管理者的角度，詳細介紹一個網站從概念的形成、模型的建立、網頁的製作，乃至使用者測試的實務管理程序。

4.第四章至第七章中，則分別針對網站的最主要構面─資訊架構、使用介面、多媒體內容以及網頁文字─分別深入說明其於網際網路應用的特性，並具體以相關的網頁解釋重要的設計原則。

5.最後，本書從多位資深網站設計者的經驗中，歸納出網站設計者常犯的十七項共同錯誤。

值得一提的是，我們特地以客觀研究者的角度，蒐集並呈現許多國內、外著名的網站實例，希望能幫助讀者對這些明顯但卻經常發生的錯誤更容易體會。

[好書推薦]決戰SEO：搜尋引擎與網站行銷致勝術

這是一本不僅有系統講述搜尋引擎優化（SEO）的原理、技巧、思維、經驗的暢銷作品，而且論述了市場學、行銷學、心理學怎樣與搜尋行銷形成綜合戰略的經典著作。從說明網站的搭建該怎樣圍繞搜尋引擎優化開始，到網站優化的具體策劃和技術細節，再到搜尋行銷的持續開展，說明打造投資報酬率高的網站，應該怎樣具備必須的搜尋行銷思維與質戰略作法，是作者12年網站行銷經驗，特別是搜尋引擎優化（SEO）實現行銷方面的技術和實戰總結。本書幫助讀者建立搜尋行銷的概念，分析搜尋行銷廣告和網站優化的相輔相成，並從認識搜尋引擎的原理開始，導出搜尋引擎優化的真正含意，向讀者引入以搜尋引擎優化為宗旨的「第三代網站建設」的新觀念和設計理念，並結合網站的營運，將實現成功網站行銷的重要因素通盤至於搜尋引擎優化的大思維中，說明搜尋引擎優化並不是孤立執行，是與網站的各個因素息息相關的。

本書適合各個行業負責網路行銷和網路品牌推廣的負責人和技術人員閱讀，包括負責企業市場推廣的專業經理人、主管、網站設計者、程式設計師、政府和事業單位網站編輯及維護的技術人員，以及其他各行業接觸網路行銷的站長與管理員。

[SEO]網站設計的第三代思維

SEO（Search engine optimization）已經是現在每個公司、站長都最關心的話題，其實SEO的操作，從架設網站前就要開始規劃了，現在就來看看做SEO不能不知道的「第三代網站設計思維」是什麼吧！
網際網路最早出現的時候，很多網站都是美術設計家的手筆。他們將之前展示在畫報、雜誌、廣告上的內容，憑藉他們先天的優勢搬到網路上建成了網站。這些網站的設計以「美」為指導思想，但更多的是以設計者認為的「美」為標準，忽視了用戶的體驗。這個我們稱為「第一代網站設計思維」。

網站結構的組成，應該是以使用者為考慮要件，而不是設計者的偏好。因此，按照設計者的審美觀來組織的網站常常不能被用戶所接受。正如周虹、王詠剛在《優秀網頁設計速查與欣賞》（電子工業出版社2005年10月出版）中指出的，「很多設計師只注重佈局、文字、色彩等基本設計要素，而從不考慮自己設計的網頁是否能給用戶帶來最舒適的使用體驗」。

糾正忽視使用者體驗的設計做法，新的設計方式講究能讓使用者接受導航模式、最能讓他們方便在網站裡面巡游、最短的時間接觸到最重要的資訊。這個充分考慮到人機對話的設計思路，是「第二代網站設計思維」。這種思維出來的網站在用戶到達之後，能讓他們輕鬆地駕馭瀏覽的方向，獲得所需要的資訊，乃至購買產品。

但是，這個思維模式沒有想到，也沒有考慮到所期望的網站用戶是怎樣到達網站的。設計者再也沒有想到，一個最大的用戶可能訪問這個網站有麻煩。這個大用戶就是搜尋引擎。這個用戶後面才是成千上萬的網站用戶，而那些眾多的用戶是依靠著搜尋引擎的導引才能到達這個網站的。

不錯，網站設計是很令用戶使用舒適的，但是不能充分地被搜尋引擎認識，結果是無法讓搜尋引擎介紹更多的用戶到訪。這樣的網站瀏覽量少，沒有達到網站建設的重要目標。

知道了搜尋引擎重要的仲介作用後，設計者可以透過設想自己是個搜索者，是如何在搜尋引擎中尋找和你網站相關的資訊的。這個設想的方法和實作，可以先從網站所涉及的關鍵字著手，按照關鍵字的流行程度組織相關內容網頁的次序。

最重要的關鍵字，一般都放在主頁。這個反向考慮網頁重要性來給網站的設計結構提出參考的方法，就是換位思維。這個和傳統的設計網站結構的方法，例如公司簡介、產品介紹、客戶服務等排列方式不同。換位元思維得出的網站結構，能更接近搜索者，也就是潛在的消費者。另外，按照這個反推出來的網頁主次安排，對網站重要性不同的網頁獲得相應的網站價值，比如Google的PR值有實作意義。這就是「網站設計的第三代思維」。

而網站設計的第三代思維，在實行時，有以下12個要點要注意：

01.選個好功能變數名稱
02.站內連結更為重要
03.摒棄使用框架
04.使用CSS和外置
05.JavaScript的處理
06.動態網頁靜態化
07.處理Flash的使用
08.處理Ajax的使用
09.圖片大小的處理
10.避免使用圖片來做連結
11.怎樣縮短冗長的URL
12.404錯誤頁設置

更多精彩的SEO教學說明，盡在《決戰SEO：搜尋引擎與網站行銷致勝術》

作者簡介

歐朝暉

高級搜尋行銷策略師，美國公共政策學和電腦科學雙碩士，現職尚奇國際（美國）全球副總裁、尚奇中國總裁和首席營運官，負責美國著名網站開發與搜尋行銷公司尚奇（http://www.zunchina.com/）在大中華區的發展。

相關網址：http://www.books.com.tw/exep/assp.php/yogo/exep/prod/booksfile.php?item=0010456629&

Captcha 圖形驗證 - Free API 篇（1）

為防範有心人士利用網路機器人程式來猜測帳號與密碼，現在各大網站的會員登入系統，大多會多加一道「圖型驗證碼」的檢查，用以驗明正身，若今天我們也想為我們自己的網站也新增一個圖型驗證碼功能會很困難嗎？其實不會，之前YOGO以在「Captcha圖型驗證 - Dreamweaver外掛篇」提到DW的解決方法，但並不是每個人的電腦內都有DW這套軟體，另外YOGO之前也有寫一篇，「Captcha圖型驗證 - 手工寫code篇」，不過也不是每個人都會想手工寫CODE ，畢竟這樣出錯的機率很高，所以第三方API就是一個不錯的選擇，所以YOGO再補上「Captcha 圖形驗證 - Free API (1)篇」跟「Captcha 圖形驗證 - Free API (2)篇」，讓不是使用DW的朋友也能有解決的方法，另外這篇與「Captcha圖型驗證 - Dreamweaver外掛篇」不同之處，在於若圖型驗證碼內的文字看不清楚的話，可按下「Phonetic spelling（mp3）」連結，它會把驗證碼文字「唸給你聽」。

開啟瀏覽器，並輸入「http://captchas.net/」。

下方有各種程式語言的使用範例可參考。

找到「registration page」，點選進行帳號註冊。

依序輸入你的「名字」、「e-mail」與下方「圖形驗證內容」後，按「Submit」送出註冊資料。

註冊成功後會看到如下方的圖示。

再來去剛註冊的mail帳號中，會收到一封從 captchas.net 寄來的mail，其中

Your user name is ：xxxxxx
Your secret key is： xxxxxx

這二個內容要記起來，因為待會程式會用到，而mail下方有各種程式語言範例，而在此我們則是以PHP為範例，所以點選一下下方的PHP範例連結。

再來找到並點選一個名為「Captchas DotNet.php」的連結。

再來看到「This module can be downloaded」，點選後方的「here」連結，下載「Captchas DotNet.php」這個檔案。

將「Captchas DotNet.php」這個檔案儲存於網站根目錄底下。

在網站根目錄底下新增一個名為「tmp」的資料夾。

開啟一個新的php檔案，並輸如下面index.php的程式碼：

<?php
require_once 'CaptchasDotNet.php';
// Required Parameters
// Replace the values you receive upon registration at http://captchas.net.
//
// client: 'demo'
//
// secret: 'secret'
//
// Optional Parameters and defaults
//
// repository_prefix: '/tmp/captchasnet-random-strings' path to repository
// ATTENTION SAFE-MODE, YOU HAVE TO CHOOSE SOMETHING LIKE
// '/writable/path/captchasnet-random-strings'
//
// cleanup_time: '3600' (means max 1 hour between query and check)
//
// alphabet: 'abcdefghijklmnopqrstuvwxyz' (Used characters in captcha)
// We recommend alphabet without ijl: 'abcdefghkmnopqrstuvwxyz'
//
// letters: '6' (Number of characters in captcha)
//
// width: '240' (image width)
//
// height: '80' (image height)
//
// Usage
// $captchas = new CaptchasDotNet (<client>, <secret>,
// <repository_prefix>, <cleanup_time>,
// <alphabet>,<letters>,
// <height>,<width>);
//
// Don't forget same settings in check.asp
// Construct the captchas object.
$captchas = new CaptchasDotNet ('你的帳號', '你的密碼','tmp/','3600','abcdefghkmnopqrstuvwxyz','6','240','80');
?>
<html>
<head>
<title>PHP圖形驗證碼測</title>
</head>
<h1>PHP圖形驗證碼測</h1>
<form method="get" action="check.php">
<table>
<tr>
<td>
<input type="hidden" name="random" value="<?php echo $captchas->random () ?>" />
請任意輸入文字:</td><td><input name="message" size="60" />
</td>
</tr>
<tr>
<td>
請輸入驗證碼:
</td>
<td>
<input name="password" size="6" />
</td>
</tr>
<tr>
<td>
</td>
<td>
<?php echo $captchas->image () ?>
<br> <a href="<?php echo $captchas->audio_url () ?>">Phonetic spelling (mp3)</a>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="submit" value="送出" />
</td>
</tr>
</table>
</form>
</html>

其中
$captchas = new CaptchasDotNet ('你的帳號', '你的密碼','tmp/','3600','abcdefghkmnopqrstuvwxyz','6','240','80');

這一段的前二個參數需輸入你在captchas.net 註冊的帳號與captchas.net 給你的密碼，然後將檔案存成 index.php。

開啟一個新的php檔案，並輸如下面check.php的程式碼：

<?php
require_once 'CaptchasDotNet.php';
// See query.php for documentation
$captchas = new CaptchasDotNet ('你的帳號', '你的密碼','tmp/','3600','abcdefghkmnopqrstuvwxyz','6','240','80');
// Read the form values
$message = $_REQUEST['message'];
$password = $_REQUEST['password'];
$random_string = $_REQUEST['random'];
?>

<html>
<head>
<title>PHP圖形驗證碼測</title>
</head>
<h1>PHP圖形驗證碼測</h1>

<?php
// Check the random string to be valid and return an error message
// otherwise.
if (!$captchas->validate ($random_string))
{
echo '每一個的圖形驗證只能使用一次。目前的圖形驗證已被使用。再試一次。';
}
// Check, that the right CAPTCHA password has been entered and
// return an error message otherwise.
elseif (!$captchas->verify ($password))
{
echo '你輸入的圖形驗證有誤\'t 請重新輸入！！';
}
// Return a success message
else
{
echo '你已通過圖形驗證碼驗證，你輸入的文字訊息是<b>"' . $message . '"</b>';
}
?>
</html>

其中

$captchas = new CaptchasDotNet ('你的帳號', '你的密碼','tmp/','3600','abcdefghkmnopqrstuvwxyz','6','240','80');

這一段的前二個參數需輸入你在captchas.net 註冊的帳號與captchas.net 給你的密碼，然後將檔案存成check.php。

在來開啟瀏覽器，然後輸入「http://localhost」，若一切都無誤的話會看到如下的畫面，然後依照畫面提示輸入後，按下「送出」，即可進行測試，若圖型驗證碼內的文字看不清楚的話，可按下方的「Phonetic spelling（mp3）」，它會把驗證碼文字「唸給你聽」。

若驗證碼正確的話，即會看到如下的畫面。

延伸閱讀：
Captcha圖形驗證 - Free API 篇（2）
Captcha圖型驗證 - Dreamweaver外掛篇(PHP篇)
Captcha圖型驗證 - Dreamweaver外掛篇(ASP篇)Captcha圖型驗證 - 手工寫code篇
Captcha圖形驗證 - 手工寫code篇(補遺篇)

Dreamweaver ASP 檔案AJAX上傳擴充程式

這是一個DreamweaverASP檔案上傳的擴充程式，開發特色如下：

不僅可以上傳圖片、也可以上傳任何檔案。
同一個頁面中可以上傳多個檔案。
以 Ajax 的方式上傳，並顯示上傳進度。

以下便是這個擴充程式的示範：

請打開喇叭，影片有茶米的講解。

您可按下方功能表列的 HQ 按鈕取得更好的播放品質喔。

以上內容選自「挑戰Dreamweaver CS4互動網站百寶箱--使用ASP」 一書中，有興趣的朋友可參考下方的相關連結。

挑戰Dreamweaver CS4互動網站百寶箱--使用ASP

內容簡介

立即體驗DreamweaverCS4在互動網站與資料庫使用的傑出表現，製作出與眾不同、功能強大的互動網站！

新聞公告系統、網站留言版、網站計數器及線上人數
線上郵寄程式、網站會員系統、網站相簿系統
網站部落格系統、互動討論區、購物車系統

本書堅持文淵閣「挑戰」系列叢書一貫之理念-向上提升、向下紮根，帶領您體驗DreamweaverCS4在互動網站與資料庫使用上的傑出表現。書中將利用一個個實用的範例詳細說明DreamweaverCS4使用ASP語法在互動網站的實務應用，絕對讓您在實際的操作中，製作出與眾不同、功能強大的互動網站！

概念篇

第01章互動網站的織夢高手
認識這個世界占有率極高的網頁編輯軟體，並介紹互動網站的原理與優勢。

第02章打造互動網站的運作環境
全面而深入說明在製作互動網站前的準備動作與伺服器安裝。

第03章互動網站的運作與資料庫的使用
以簡單的實例說明在網頁中連結資料庫的方式，引導讀者感受互動網站的境界。

基礎篇

第04章新聞公告系統的製作
使用Dreamweaver開發一個完整的新聞公告系統，可以在這個範例中充份練習互動網頁製作的基本技巧。

第05章網站留言版的製作
網站留言版與新聞系統不同之處在於網站的內容並不是由管理者建置，而是一般瀏覽者留言，所以在過濾及檢查留言內容時就十分重要。

應用篇

第06章網站計數器及線上人數的製作
網站計數器的製作重點在於對資料庫中的資料進行統計的動作，再由程式繫結顯示在頁面上。線上人數的製作重點在於使用檔案做為記錄標的，利用程式進行檔案寫入的動作。由於這個寫入動作必須利用原始碼編輯，所以這裡將介紹如何將常用的原始碼製作成自製的伺服器行為。

第07章線上郵寄程式的製作
線上郵寄程式是目前互動網站中相當重要的功能，製作重點在於SMTP伺服器的使用與程式碼的互動。

第08章網站會員系統的製作
會員系統在互動網站中有著十分重要的地位，會員的收集與資料使用，對於網站經營有舉足輕重的影響。會員程式的困難除了由資料庫中記錄登入者的資料外，還必須依照其權限來管理會員可以使用的功能與頁面。

進階篇

第09章網路相簿程式的製作
隨著數位相機的流行，藉由網站相簿與他人分享的風氣也越來越盛。在網站相簿的設計上，最重要的是使用程式上傳檔案及管理檔案的動作。

第10章網站部落格系統的製作
部落格程式的應用巔覆了互動程式的使用方式，並成為跨入了Web2.0領域的一大主將。部落格程式開發時除了注重關聯式資料庫的加入，主題與時間分類方式更加強了程式的應用彈性，收集回應並共同營造內容，加強人與人之間的互動。

第11章互動討論區的製作
討論區是完全以主題為排序的依據，除了發表主題，也可回應其他主題參與討論，如此一來所有的相關主題的留言就會歸納在一起。討論區十分重視關聯式資料庫的使用，也會應用到較進階的查詢統計動作。

第12章購物車系統的製作
互動程式的商業應用目前已經越來越普遍，購物車系統更是其中很重要的主題。購物車程式的重點在於使用Session或是Cookie陣列的技術將商品加入虛擬的資料表中，在結帳時再記入真實的資料庫中。

本書範例一開始都會附上每個程式的流程圖與網站程式基本資料表，藉由流程圖的幫助，更能了解程式的運作方式，而程式基本資料表整理許多設定的細節，在操作範例時更為方便。同時，本書提供了第4~12章的範例操作教學影片，讓讀者更能在動態影片的指導下快速學習。另外，還提供獨家的擴充程式：FCKeditor線上編輯器、Captcha圖形驗証機制、Ajax檔案上傳程式、CDO線上郵寄程式、RSS產生程式、事件月曆、DreamweaverCS4購物車擴充程式。

CH01 互動網站的織夢高手
CH02 打造互動網站的運作環境
CH03 互動網站的運作與資料庫的使用
CH04 新聞公告系統的製作
CH05 網站留言版的製作
CH06 網站計數器及線上人數的製作
CH07 線上郵寄程式的製作
CH08 網站會員系統的製作
CH09 網站部落格系統的製作
CH10 網站相簿系統的製作
CH11 網站討論區的製作
CH12 購物車系統的製作

如果覺得這篇文章對您有所幫助，在觀看完文章之餘，希望能點選下方方廣告，當作是對YOGO的支持，讓YOGO更有寫作的動力。

Captcha圖形驗證 - Dreamweaver外掛篇（ASP篇）

檔案名稱：ASPCapthca 圖片驗證機制 <DCaptchaASP.mxp>
擴充類型：伺服器行為
支援語言：ASP VBSCRIPT
程式作者：茶米站長@織夢線上
官方網址：http://www.dreamweaver.com.tw

許多朋友在製作留言版上線後，都有留言被不肖廣告商利用網站機器人等程式大量留言，甚至洗版的困擾，如何為網站加上圖片驗證機制以防堵這樣的問題呢？

一、什麼是Capthca圖片驗證機制

圖片驗證機制目前廣泛用於網站的留言板，許多留言板為防止有人利用電腦程式大量在留言板上張貼廣告或其他垃圾訊息，因此會放置圖片驗證機制要求留言者必須輸入圖片上所顯示的文數字或是算術題才可完成留言。

一般來說圖片驗證機制都是透過 Session 進行驗證，驗證圖片都是透過程式產生，並同時將顯示在圖片上的文字寫入到自訂的 Session 值中，等原本的網頁表單送出時將這個 Session 值與使用者於網頁上輸入的文字進行比對，即可完成圖片的驗證程序。

二、安裝擴充程式：<eDCaptchaASP.mxp>

原理似乎不難，但是要怎麼實作呢？在這裡要介紹由 eDreamer 織夢平台所研發的擴充程式：<eDCaptchaASP.mxp>，可以為頁面上的表單加上圖片驗證機制。

在附書光碟找到 <eDCaptchaASP.mxp> 後直接選按此檔二下即可自動執行安裝動作。安裝後即會進入 Adobe Extension Manager 中，可以看到 ASPCaptcha 圖片驗證制已經成功安裝。請重新啟動 Dreamweaver 以確保這個擴充程式在安裝後可以生效。

三、加入 ASP 圖片驗證機制

開啟 <post.asp>，在表單中的表格最後加上一列，標上表頭「驗證碼」，再將插入點移到第二欄中。
按伺服器行為面板的 + \ eDreamer \ ASPCaptcha圖片驗證機制 插入驗證圖片及程式。

在 ASPCaptcha圖片驗證機制 對話方塊設定驗證失敗時前往 <post.asp> 重新輸入資料，最後按確定鈕。

回到編輯畫面，果然就插入了圖片驗證機制的區塊，如此即設定完畢。

四、測試 ASP 圖片驗證機制

就這麼簡單？沒錯，請儲存檔案後按下 F12 鍵馬上來使用瀏覽器來測試看看：

進入留言畫面，剛才加入驗證碼程式的區塊果然出現了圖片驗證碼，請按一旁更換圖片的連結。

程式馬上換一個驗證圖片，當產生驗證圖片看不清楚時可以使用這個連結來替換新的圖片進行驗證。請將留言資料填上後，再填入一個錯誤的驗證碼，最後按送出鈕。

資料果然沒有被接受，整個頁面被重新導回留言的頁面。

請再輸入一次留言資料，並輸入正確的圖片驗證碼後按送出。

資料果然正確的存入資料庫中並顯示在頁面上了，是不是很棒呢！

最後要叮嚀一點：因為 ASPCapthca 圖片驗證機制 擴充程式在使用時，會同時在產生 <captcha.asp> 放置在同一層目錄中，在上傳程式到主機時要一併上傳，才能正確的顯示驗證圖片；若懶的看圖文教學，可參考下面的影音教學。

以上內容選自「挑戰Dreamweaver CS4互動網站百寶箱--使用ASP」 一書中，有興趣的朋友可參考下方的相關連結。

挑戰Dreamweaver CS4互動網站百寶箱--使用ASP

內容簡介

立即體驗DreamweaverCS4在互動網站與資料庫使用的傑出表現，製作出與眾不同、功能強大的互動網站！

新聞公告系統、網站留言版、網站計數器及線上人數
線上郵寄程式、網站會員系統、網站相簿系統
網站部落格系統、互動討論區、購物車系統

概念篇

第01章互動網站的織夢高手
認識這個世界占有率極高的網頁編輯軟體，並介紹互動網站的原理與優勢。

第02章打造互動網站的運作環境
全面而深入說明在製作互動網站前的準備動作與伺服器安裝。

第03章互動網站的運作與資料庫的使用
以簡單的實例說明在網頁中連結資料庫的方式，引導讀者感受互動網站的境界。

基礎篇

第04章新聞公告系統的製作
使用Dreamweaver開發一個完整的新聞公告系統，可以在這個範例中充份練習互動網頁製作的基本技巧。

應用篇

第07章線上郵寄程式的製作
線上郵寄程式是目前互動網站中相當重要的功能，製作重點在於SMTP伺服器的使用與程式碼的互動。

進階篇

YOGO生活誌

2010年1月2日

[好書推薦]網路機器人、網路蜘蛛與網路爬蟲

內容簡介

目錄

[好書推薦]網站規劃與設計

內容簡介

[好書推薦]決戰SEO：搜尋引擎與網站行銷致勝術

Captcha 圖形驗證 - Free API 篇（1）

Dreamweaver ASP 檔案AJAX上傳擴充程式

內容簡介

目錄