原文網址:http://chihping.aflypen.com/2012.html

以下原文轉載
-----------------------------------------------------------------------------------

CKEditor 與 FCKEditor 整合 CKFinder上的差異

說真的,FCKEditor和新版的CKEditor在整合CKFinder上真的有差異,而且還差異蠻大的。

整合動作1 
修改 CKEditor的config.js,增加CKEditor要讀取檔案路徑的設定,這樣才能順利的讀Image(JPG,GIF,BMP,PNG)和Flash以及檔案。

整合動作2 
修改CKFider的config.js 
把相關的設定設定好,才能上傳檔案,對於相對路徑和絕對路徑的概念清楚一點比較好

 

整合動作3 
沒有了,就是進到程式中去呼叫CKFinde和CKEditor,進行相關的設定。

CKEditor整合CKFinder在php中的宣告方式

$CKEditor = new CKEditor(); 
$CKEditor->returnOutput = true; 
$CKEditor->basePath = ‘CKEditor的路徑’; 
$CKEditor->config['width'] = 800; 
$CKEditor->textareaAttributes = array("cols" => 80, "rows" => 20); 
CKFinder::SetupCKEditor( $CKEditor, ‘CKFinder的路徑’); 
$initialValue = ‘<p>請在這邊輸入內容</p>’; 
$code = $CKEditor->editor("editor1″, $initialValue);

FCKEditor整合CKFinder在php中的宣告方式 
$fckeditor = new FCKeditor( ‘FCKeditor1′ ) ; 
$fckeditor->BasePath = ‘CKEditor的路徑’ ; 
$fckeditor->Value = ‘<p>請在這邊輸入內容</p>’ ; 
$fckeditor->Config['EnterMode'] = ‘br’; 
$fckeditor->Width = ’800′; 
$fckeditor->Height = ’600′; 
CKFinder::SetupFCKeditor( $fckeditor, "CKFinder的路徑’ ) ;

CKEditor和 FCKEditor程式撰寫上也是有差異的,宣告方式完全不同,而且差蠻多的,我看,我還要花很多時間來練習一下。因為文字輸入區的部份,已經變成文字區域了textarea了,與先前有所不同。

不過,這次使用CKEditor整合CKFinder比上次FCKEditor整合CKFinder時,省了很多的時間,官方文件說真的,給的不夠,很多人看不太懂範例,那要用這套文書編輯器,還是有一點門檻的。

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://patw.idv.tw/blog/archives/453

 

以下原文轉載
-----------------------------------------------------------------------------------------

[IE] FCKeditor 於 IE9 中的對話框都跑不出來的解法

以前的某個案子客戶反映,他們升級到 IE9 之後,所有 FCKeditor 的功能對話框 (例如: 從 Word 貼上、超連結) 都跑不出來,

經實際測試後發現果真如此,但只要將 IE 切到 IE8 模式(按 F12 的開發工具功能表最後兩欄可切換)就一切正常。

 

尋找 FCKeditor 官方論壇上的解法,最簡單的解法(省得還要更新 FCKeditor 版本)是在該頁面的 head 標籤中加上:

1
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

使 IE9 模擬成 IE8 模式在跑,就可解決此問題。
另外,提醒一下,若是以頁框組來載入不同頁面的 FCKeditor 編輯器,則該行需加在頁框組的頁面上。

 

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://www.ldtud.com/skype/85.html

以下轉載原文

『個人測試MSN結果是只限IE瀏覽器且MSN必須7.5版以上才可以使用語法』

『個人測試SKYPE結果:使用<A href="callto://skype帳號">會無法自動撥號,要使用<a href="skype:用戶名?call">才可以,不知道是何原因』

 

--------------------------------------------------------------------------------------------

QQ在線代碼:
<A href="tencent://message/?uin=QQ賬號&Site=本站網址&Menu=yes" target=blank><IMG alt=前台顯示名稱 hspace=3 src="賬號:4" border=0>前台顯示名稱</A>
MSN在線代碼:
<A href="msnim:add?contact=*****@hotmail.com" target=blank>點這裏和我MSN聊天</A>
Yahoo通在線代碼:
<A href="ymsgr:sendIM?yahoo賬號(@前麵)">點這裏和我yahoo聊天</A>
Skype在線代碼:
<A href="callto://skype帳號">點這裏和我skype聊天</A>

剛好有一個網頁需要實現MSN,QQ,SKYPE 在線交談的功能,做完了順便貼一下代碼:

SKYPE:http://www.skype.com/share/buttons/wizard.html

<a href="skype:用戶名?call"><img src="用戶名" style="border: none;" width="182" height="44" alt="My status" /></a>

把用戶名改成帳號就可以了,

<img src="用戶名" style="border: none;" width="182" height="44" alt="My status" />

這一段代碼是顯示在客戶端的圖片樣式,可以自己更換。

msnim:chat?contact=用戶帳號 //建立對話

msnim:add?contact=用戶帳號 //添加好友

msnim:voice?contact=用戶帳號 //語音聊天

msnim:video?contact=用戶帳號 //視頻聊天

(1)<div>QQ:<A 
href="=在線服務&amp;Menu=yes" 
target=blank><IMG alt=點擊這裏給我發消息 
src="qq.gif" border=0></A> </DIV>

(2)1)<DIV>MSN:<A 
href="msnim:chat?contact="><IMG 
alt=Msn交流 src="msn.gif" 
align=absMiddle border=0></A> </DIV>

2)<SPAN style="CURSOR: hand" 
onclick="javascript:addMSN( 
src="kefu.gif" border=0> </SPAN>
<DIV style="DISPLAY: none">
<OBJECT id=MsgrUIA height=0 codeType=application/x-oleobject width=0 
classid=clsid:B69003B3-C55E-4b48-836C-BC5946FC3B28></OBJECT></DIV>

3)<!-- --> 
<A HREF=""> 
<IMG SRC="" 
align="absmiddle" border="0" ALT="MSN Online Status Indicator" 
onerror="this.onerror=null;this.src=http://osi.hshh.org/msnunknown.gif;"></A>
<!-- End Online Status Indicator code -->

即時通訊如雅虎通,騰訊QQ,微軟MSN,AOL ICQ,goolge TALK,阿裏巴巴貿易通,淘寶旺旺等大大方便了我們的溝通和工作,在web2.0的時代,在你的網站網頁上添加雅虎通,騰訊QQ,微軟MSN,AOL ICQ,goolge TALK,阿裏巴巴貿易通,淘寶旺旺在線狀態,讓用戶在你的網站上查看你的雅虎通,騰訊QQ,微軟MSN,AOL ICQ,goolge TALK,阿裏巴巴貿易通,淘寶旺旺在線狀態,直接與你溝通,就顯得很重要了,下麵我總結了幾款常用到的在線狀態代碼,希望在你添加到網頁時用到.

1.如何在網頁上顯示騰訊QQ在線洽談?
QQ在線谘詢代碼(qq在線交談代碼/qq在線客服代碼/qq在線狀態代碼/qq在線客服代碼)
(將123456換成你的號碼,site後麵換成你的網站就可以了)
<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=12345678&Site=錦隆電器配件廠&Menu=yes"><img border="0" SRC=http://wpa.qq.com/pa?p=1:12345678:6 alt="點擊這裏給我發消息" align="absmiddle"></a>
更多的生成顯示QQ在線狀態的代碼,請查看騰訊官方網站
你隻需要填寫你的號碼,網站名稱以及提示就可以點擊生成就可以生成QQ在線狀態的代碼,拷貝生成的代碼加入網頁即可,


2.阿裏巴巴貿易通在線狀態代碼生成,chqllm改成你的ID就行了,還有ALT改成你的內容
<a target=_blank href="http://scs1.sh1.china.alibaba.com/msg.atc?v=1&uid=mengsajewel"><img _fcksavedurl=""http://scs1.sh1.china.alibaba.com/msg.atc?v=1&uid=mengsajewel"><img" border=0 src="http://scs1.sh1.china.alibaba.com/online.atc?v=1&uid=chqllm&s=2" alt="錦隆電器配件廠 陳先生" align="absmiddle"></a>
更多的阿裏巴巴貿易通在線狀態代碼生成樣式,請查看阿裏巴巴官方網站
3.skype在線狀態代碼生成
將venky1979換成你的skype ID就可以了,需要在skype個人賬戶裏設置對任何人顯示狀態
<a href="skype:venky1979?call" _fcksavedurl=""skype:venky1979?call"" on-click="return skypeCheck();"><img src=http://mystatus.skype.com/smallclassic/venky1979 style="border: none;" alt="Call me!" /></a>
更多的skype在線狀態代碼生成樣式,請查看skype的官方網站
4.如何生成MSN在線狀態代碼,可以設置自定義顯示圖片,不過檢測速度有點慢,另外一部分人在msn的配置中,設置了不加好友就不顯示在線。這是為了個人隱私保護,但這樣會顯示狀態未知或者離線。如果你不介意別人看到你,就開啟那個選項就好了。


<!--MSN即時交談代碼開始 -->
<Script language=javascript>
function SendMSNMessage(name)
//Send a message through MSN , only for IE
//and you must have installed MSN or Window Message
MsgrObj.InstantMessage(name); 
function AddMSNContact(name)
//Add a people to MSN , only for IE
//and you must have installed MSN or Window Message
MsgrObj.AddContact(0, name);
</script>
<object id="MsgrObj" classid="clsid:B69003B3-C55E-4B48-836C-BC5946FC3B28"

codetype="application/x-
oleobject" width="0" height="0"></object>
<input type=image src="images/MSN.gif" alt="在線MSN交流" onClick="SendMSNMessage
()" />
<!--MSN在線交談代碼結束 -->


你甚至可以自定義離線或者在線時的圖片

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://powerfuleric.pixnet.net/blog/post/36739957-%E7%89%B9%E6%AE%8A%E7%9A%84url-%E9%96%8B%E9%A0%AD-msn-,-skype-,-yahoo

以下轉載原文

『個人測試MSN結果是只限IE瀏覽器且MSN必須7.5版以上才可以使用語法』

『個人測試SKYPE結果:使用<A href="callto://skype帳號">會無法自動撥號,要使用<a href="skype:用戶名?call">才可以,不知道是何原因』

 

--------------------------------------------------------------------------------------------------

點下去可以開啟MSN的對話框,當然你的電腦要先裝MSN
<a href="msnim:chat?contact=MSN的帳號">MSN</a>

點下去直接撥SKYPE電話
<a href="callto:SKYPE 的帳號">SKYPE</a>

點下去可以開啟Yahoo messenger的對話框
<a href="ymsgr:sendim?ajun1223">YAHOO</a>

 

-------------------------------------------------------------------------

以下為其他語法
『個人測試MSN結果是只限IE瀏覽器且MSN必須7.5版以上才可以使用語法』

點下去可以增加MSN聯絡人
<A href="msnim:add?contact=*****@hotmail.com" target=blank>MSN</A>

msnim:chat?contact=用戶帳號 //建立對話

msnim:add?contact=用戶帳號 //添加好友

msnim:voice?contact=用戶帳號 //語音聊天

msnim:video?contact=用戶帳號 //視頻聊天

yoonow 發表在 痞客邦 留言(0) 人氣()

原文:http://www.neo.com.tw/archives/896

以下全文轉載

---------------------------------------------------------------------------

雖然 PHP 有附 PDFlib,不過使用起來實在有點複雜。

20060415_01.png
(PHP 說明文件中的範例)


FPDF
雖然現在已經停止更新了,但 FPDF 可謂是元老級的 PDF 程式庫,短短的幾行程式就可以產生出 PDF 檔案。最可怕的是現今的 PHP PDF 程式庫大多是由 FPDF 衍生出來的。(可謂程式界的桃生純太)

20060415_02.png
(FDPF 的範例)

授權方式: 任你處置
官方網址: http://www.fpdf.org/

UFPDF
由於 FPDF 不支援 UTF-8 ,所以有善心人士做了一個 UFPDF 出來。

授權方式: GPL
官方網址: http://www.acko.net/blog/ufpdf

FPDI (Apache Software License 2.0)
可以把 PDF 檔案匯入當作 FPDF 的樣板使用。而且 FPDI 還另外提供了FPDI_Protection 來保護 FPDF/FPDI 的 PDF 檔案。

授權方式: Apache License 2.0
官方網址: http://fpdi.setasign.de

TCPDF
也是由 FPDF 改寫而來,除了支援 UTF-8 之外,最特別的地方就是整合了 Generic Barcode Render Class,可以直接在 PDF 上加上條碼。(目前只支援 PHP5)

授權方式: LGPL
官方網址: http://tcpdf.sourceforge.net/

================= HTML 轉 PDF =================

HTML 2 (F)PDF
嫌一個個貼文字跟圖型到 PDF 太累? HTML 2 (F)PDF 一次幫你把 HTML 轉成 PDF,夠輕鬆了吧。

授權方式: LGPL
官方網址: http://html2fpdf.sourceforge.net/

HTML To PDF Conversion
另一個將 HTML 轉為 PDF 的程式,只是看起來不支援 UTF-8。

授權方式: PHP
官方網址: http://www.rustyparts.com/pdf.php

dompdf
支援 UTF-8 的 HTML 轉 PDF 程式,但是必須安裝 PDFLib 的正式授權版才能支援UTF-8 ,且需在 PHP 5 環境下執行。

授權方式: LGPL
官方網址: http://www.digitaljunkies.ca/dompdf

html2ps and html2pdf
也是可以把 HTML 轉成 PDF 的程式,不過是看起來是透過 GhostScript 來轉換的,有興趣的人可以去看看。

授權方式: FREE for commercial and non-commercial use
官方網址: http://www.tufat.com/script.php?id_num=19

 

迴響

有關fpdf+中文Unicode的解決方法, 請參考這篇
http://twpug.net/modules/newbb/viewtopic.php?topic_id=1570&forum=14&post_id=6400
~~~~~~~~~~~~~~~~~~~~~~~~(截取如下)
可以參考這個網頁
http://www.fpdf.org/phorum/read.php?f=1&i=5142&t=5142 (後半段)

有三個必要套件
1 fpdf http://www.fpdf.org
2 chinese http://www.fpdf.org/download/chinese.zip
3 chinese-unicode https://www.eejj.net/fpdf/chinese-unicode.zip

關於 unicode 部分, 請參照 chinese-unicode 中的 readme 來設定即可!


 

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://social.technet.microsoft.com/Forums/zh-HK/iezhcht/thread/5da25bf8-af7f-4f22-a25c-e21ed8cd27f5

以下轉載原文

--------------------------------------------------------------------------------------------------

喔~呵呵~

這個就交給我吧,因為我先前在做通用網頁讀信系統時有做到這個功能:

http://tlcheng.spaces.live.com/blog/cns!145419920BFD55A7!557.entry

IE7 可能並沒有註冊 eml 格式,所以 IE7 本身自己不判斷,我想應該是可以手動改註冊資訊,不過那部分我沒研究。

eml 跟 mht 格式都是依據 RFC 的標準 MIME 格式,所以 IE7 支援 eml 格式,只是不支援這個副檔名,這個應該可以改檔案總管的註冊資訊,所以把副檔名 eml 改為 mht 即可用 IE 開啟。

例如下圖,左邊信件的圖示強制儲存 eml 為副檔名之檔案,中間 IE 圖示則是把 eml 轉輸出附檔名為 mht :

所以 IE7 就直接把 eml 格式的檔案以網頁展開,可以看到在 IE7 標題列最左邊標記為 mhtml:http://...&GetIEMht&... mhtml 就是指 mht 格式,參數中間也明確指定 GetIEMht 。

註:由於我這網路頻寬有限,通用讀信系統並未開放給一般網友使用,最前面的連結有說明。

 

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://tw.newtonstudio.com/?p=329

以下轉載原文

--------------------------------------------------------------------------------------------------

PHP的File Upload功能固然強大, 但要滿足大量檔案上傳的需求仍需要搭配AJAX或是Flash object, 這篇文章就是要介紹一個好用的Flash Uploader, 讓你可以直接從Windows, 在同一個目錄下選取要上傳的檔案, 達成輕鬆上傳的目的.

SwfUpload

官方網站: http://swfupload.org/

範例: http://demo.swfupload.org/v220/index.htm

index.php FLASH檔案上傳的頁面

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=big5″ />
<link href=”style.css” rel=”stylesheet” type=”text/css” />
<link href=”default.css” rel=”stylesheet” type=”text/css” />
<title>測試</title>
<script type=”text/javascript” src=”swfupload/swfupload.js”></script>
<script type=”text/javascript” src=”js/swfupload.swfobject.js”></script>
<script type=”text/javascript” src=”js/swfupload.queue.js”></script>
<script type=”text/javascript” src=”js/fileprogress.js”></script>
<script type=”text/javascript” src=”js/handlers.js”></script>
<script type=”text/javascript”>
var swfu;

SWFUpload.onload = function () {
var settings = {
flash_url : “swfupload/swfupload.swf”,
upload_url: “upload.php”, //負責處理上傳的PHP檔案
post_params: {
“PHPSESSID” : “NONE”,
“HELLO-WORLD” : “Here I Am”,
“.what” : “OKAY”
},
file_size_limit : “100 MB”,
file_types : “*.*”,
file_types_description : “All Files”,
file_upload_limit : 100,
file_queue_limit : 0,
custom_settings : {
progressTarget : “fsUploadProgress”,
cancelButtonId : “btnCancel”
},
debug: false,

// Button Settings
button_image_url : “images/XPButtonUploadText_61×22.png”,
button_placeholder_id : “spanButtonPlaceholder”,
button_width: 61,
button_height: 22,

// The event handler functions are defined in handlers.js
swfupload_loaded_handler : swfUploadLoaded,
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
queue_complete_handler : queueComplete,    // Queue plugin event

// SWFObject settings
minimum_flash_version : “9.0.28″,
swfupload_pre_load_handler : swfUploadPreLoad,
swfupload_load_failed_handler : swfUploadLoadFailed
};

swfu = new SWFUpload(settings);
}

</script>

</head>

<body>

<form id=”form1″ action=”index.php” method=”post” enctype=”multipart/form-data”>
<div id=”divSWFUploadUI”>
<div class=”fieldset  flash” id=”fsUploadProgress”>
<span class=”legend”>Upload Queue</span>
</div>
<p id=”divStatus”>0 Files Uploaded</p>
<p>
<span id=”spanButtonPlaceholder”></span>
<input id=”btnCancel” type=”button” value=”Cancel All Uploads” disabled=”disabled” style=”margin-left: 2px; height: 22px; font-size: 8pt;” />
<br />
</p>
</div>
<noscript>
<div style=”background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966;  padding: 10px 15px;”>
We’re sorry.  SWFUpload could not load.  You must have JavaScript enabled to enjoy SWFUpload.
</div>
</noscript>
<div id=”divLoadingContent” class=”content” style=”background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; display: none;”>
SWFUpload is loading. Please wait a moment…
</div>
<div id=”divLongLoading” class=”content” style=”background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; display: none;”>
SWFUpload is taking a long time to load or the load has failed.  Please make sure that the Flash Plugin is enabled and that a working version of the Adobe Flash Player is installed.
</div>
<div id=”divAlternateContent” class=”content” style=”background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; display: none;”>
We’re sorry.  SWFUpload could not load.  You may need to install or upgrade Flash Player.
Visit the <a href=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash”>Adobe website</a> to get the Flash Player.
</div>
</form>

</body>

</html>

upload.php , 負責處理上傳後的PHP

$upload_name = “Filedata”;

if(isset($_FILES[$upload_name])) {

$filename = $_FILES[$upload_name]['name'];
copy($_FILES[$upload_name]['tmp_name'], $filename);

}

 

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://jaichang2008.pixnet.net/blog/post/24872571

以下轉載原文

------------------------------------------------------------------------------------------

我們在執行 PHP 專案的時候,越來越多的客戶需要大量的圖片上傳,所以我就一直在想辦法從 PHP 找一些解答,拚命的在 phpclass 找高手有寫過的程式,但由於我們的主機是虛擬主機,很多可以顯示進度及多檔上傳的 class 都無法使用,最後卻在 Flash 找到解答,thank's god!

 

利用了一個晚上的時間,看了一下 swfupload 的文件,很順利的嵌入我們的網站後台管理系統。我們的網站後台管理系統,我稱之為「半客製化」後台管理系統,有一些基本的功能,系統自動產生程式,也可以很便利的嵌入一些新的功能,或比較流行的功能。

這次我們就馬上的用在「2008南投花卉嘉年華」的案子裡面囉。真高興,我們網站後台管理系統又多了一個功能了~~

圖片 1_530.jpg
支援進度bar及多檔上傳

在寫這篇文章時,版本是 2.2 的。由於 swfupload 是由 Flash + ActionScript 寫成的,所以基本上相容於任何的瀏覽器及程式語言(Asp.net、ASP、PHP....),此工具有以下幾種特色:

  一、多檔上傳功能。
  二、Ajax風格,上傳頁面不會 reload。
  三、進度條(Progress Indicator)。
  四、相容於其他的 javascript libraries(例如:jQuery,Prototype,等等...)。

開發人員也可以利用 HTML,CSS 或 Javascript 來修改使用者介面(UI),以符合網站的風格。可以使用簡單的 Javascript來更新上傳的狀態。也可以使用內建的事件(event)來符合網站的需求。

文件:http://www.swfupload.org/documentation

最新版本下載:http://swfupload.googlecode.com

論壇:http://www.swfupload.org/forum

 

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://bbs.flash2u.com.tw/dv_rss_xhtml_181_132633_3.html

以下轉載原文

------------------------------------------------------------------------------------------------

時下上傳檔案一般有三種方式:    
1、使用隱藏的FRAME來模擬AJAX的方式上傳檔案    
2、使用ACTIVEX上傳檔案    
3、使用Flash組件+Javascript上傳檔案(嚴格的來說FLASH也算是ACTIVEX)    

一般使用B/S結構上傳大檔案的應用一般在區網中使用,在INTERNET中應用的效果還不是很理想。
使用INTERNET上傳檔案一般也就是10-20M左右。    

SWFUpload是老外開發的一個FLASH上傳組件

首頁網址:http://www.swfupload.org/ ,目前最新版本是V2.2.0.1
下載網址:http://code.google.com/p/swfupload/downloads/list


其具體使用請大家到官方網站下載吧

DEMO地址:http://demo.swfupload.org/。     

頁面效果如下圖:


圖片:
   

目前上傳單個檔案的進度條的位置有點偏上,CSS我沒調整好,希望各位在調整好進度條顯示後把CSS給我發一份!修正針對網友提出的問題[上傳第一個檔案後再上傳一個檔案,上傳總進度統計錯了],修正如下: 

(1)、在demoupload.aspx頁面的聲明加"queue_complete_handler:queueComplete" 

(2)、在handler.js中的queueComplete如下: function queueComplete(numFilesUploaded) { fg_fileSizes = 0; fg_uploads = 0; }


圖片:
  


SWFUpload範例下載

yoonow 發表在 痞客邦 留言(0) 人氣()

原文網址:http://playpcesor.blogspot.com/2008/05/google.html

以下轉載原文
------------------------------------------------------------------------------------------------------------------

Google自訂搜尋引擎Google Co-op Custom Search Engine,簡稱Google CSE)」有兩個主要的功能。第一大功能就是讓網站、部落格打造自己的站內搜索:撇開「Google自訂搜尋引擎」強大的功能性不說,即使就是最簡單的添加單一網站然後進行搜索Google CSE也比最近推出的「Yahoo!奇摩站長工具」更適合國內部落格平台的使用者;因為有點搞笑的是,Yahoo站長工具裡的 「搜尋工具」並無法很準確的使用在國內BSP平台的部落格身上,它並不支援設定第二層的網址名稱當作搜尋條件,但是偏偏像無名小站、Pixnet、天空、Xuite和奇摩自己的部落格全部都是把部落格名稱放在第二層以後的網址,例如:「www.wretch.cc/blog/XXX」這是無名小站的部落格網址,當你設定這樣的條件到Yahoo站長搜尋工具中時,你會發現到時候真正搜索的是整個無名小站(www.wretch.cc)。而Google的自訂搜尋引擎則不會有這種問題出現。

但是我今天要推薦的是Google CSE另外一種非常實用的使用方式(或者說這才是它真正設計的目的):就是利用「聯合搜索」和「條件過濾」,來快速打造出你的個人資訊檢索系統;這個檢索系統不需要你一條一條的把資料拷貝、剪貼進去,而是直接透過「搜尋」來取用整個網路,只要設定好條件,輕輕鬆鬆就可以擁有各式各樣不同使用需求的資料庫,而且設定過程中可以完全不需要懂任何程式碼或網頁語法,任何人都可以完成自己的自訂搜尋引擎系統。

很久之前就寫過一篇相關的介紹,我自己也長期使用透過Google CSE製作的三個資料檢索系統:「中文電腦資訊部落格搜索 」、「英文電腦資訊部落格搜索」、「軟體資訊與下載 」。其實我們透過搜索引擎找資料常常是有「針對性」、「範圍性」的,這和「漫無目的」搜索是兩種不同的需求,與其每次都在「一般性的搜尋引擎」裡面大海撈針,不如自己設定一些條件來做出一個「專門」的個人化替代性搜尋引擎,打造自己的檢索系統,讓不同的需求找到最好的解決出口。

 

 

基礎設定:

1.

使用「Google自訂搜尋引擎」並不難,只是有一些小細節可以注意一下,會讓你的設計更有效果。首先來到CSE首頁,當然你要先登入自己的Google帳戶,然後點選﹝建立自訂搜尋引擎﹞。

cse-01

 


2.

接下來你會需要輸入這個自訂搜尋引擎的「名稱」和「說明」,這邊依照你的設計目的填寫即可,這裡的內容和真正的搜索結果不相關,只是給你和訪客了解而已。然後接著的「搜尋引擎關鍵字」就很重要了,我後面會獨立解說,這邊可以先留白。然後「搜尋引擎語言」則選擇你檢索的首要語言種類,例如選擇【繁體中文】的話,繁中網站的排序會適度的調前。

cse-02

 


3.

接下來「你想要搜尋什麼?」,你可以讓搜尋引擎檢索「僅我選取的網站」;或者你希望讓範圍擴大則可以選擇「整個網路,但將重點放我選取的網站」,這樣你等等加入的網站列表的結果會被排前,但是也可以搜索到整個網路上的內容。

「選取一些網站」就是重頭戲了,你可以在這邊加入你想檢索的網站網址,設計一個專門查找這些網站的搜索引擎。加入網址的方法很簡單,就是「把網址輸入」,用「Enter換行」來區分不同網站即可,如果有疑惑可以按旁邊的「格式化URL的秘訣」查看,它會教你如何運用「*」星號來達到更有彈性的設計。

cse-03

 

因為Skyvee說我寫文章很詳細,深怕漏了哪個步驟,所以我還是再囉嗦一下好了。例如像電腦玩物的網址「http://playpcesor.blogspot.com/」,你就可以直接輸入「playpcesor.blogspot.com」;如果是像簡睿兄的「http://blog.xuite.net/emisjerry/tech」,就輸入「blog.xuite.net/emisjerry/tech」;這樣都可以直接搜尋到這兩個網站的整個站內文章

 


4.

然後就只剩最後一步了,一般人設計的搜尋引擎都是選擇「標準版」,而因為我們應該都不是非營利組織、大學或政府機關,所以不要勾選「取消廣告」(雖然取消了還是可以用,但是不知道會不會有懲罰?)。然後一定要勾選「我已經閱讀並同意此服務條款」,最後按下﹝下一頁﹞。

cse-04

 


5.

大功告成!你可以用上方的搜索引擎試試看自己設計的結果,最後按下﹝完成﹞即可。

cse-05

 

 

你可以在自己的控制後台看到所有設計好的「Google 自訂搜尋引擎」,按下「首頁」可以切換到該搜尋引擎的專屬頁面;按下「控制台」可以對該搜尋引擎作進一步設計;按下「統計資料」則可以查看這個搜尋引擎被使用的情況;你也可以用「刪除」來移除已經設定好的檢索系統。

cse-06

 

 

進階控制台:

1.搜尋引擎關鍵字

進入「控制台」,剛剛我們沒有設定「搜尋引擎關鍵字」,這邊其實是很重要的一個功能,你可以在這裡加入「特定關鍵字」來讓「符合該關鍵字」的檢索資料在所有查詢中都「動態的排前」,注意喔!這邊是會依據Google的運算來「適度的(非絕對的)」讓排名結果提前。例如你這個搜尋引擎是設計來找「化妝品」,那麼你就可以把「化妝品」作為搜尋引擎關鍵字,這樣當你檢索「紅色」時,同時包含「化妝品」的資料會被自動往前排,讓你檢索時更方便、更有針對性。

cse-07

 


有無設定關鍵字的結果比較:例如下面這張圖是我原本「沒有設定任何關鍵字」的「中文電腦資訊部落格搜索」查詢「Google」一詞的結果。

cse-08

 

 

假設我加入了「電腦玩物」這個關鍵字,那搜尋的結果就會變成下圖。在關鍵字的設計上,如果你輸入多個關鍵字,可以用「空格」來隔開,不過第一個關鍵字的比重會最高;你也可以用「" "」來包住某個特定的詞組,表示一定要完整符合這個詞組的關鍵字才要排前。(P.S. 我這邊只是實驗,中文電腦資訊部落格搜索這個引擎,預設我是沒有加入任何關鍵字的)

cse-09

 


2.協同與公開自訂搜尋引擎

同樣在「控制台」的第一頁,在下方的「偏好設定」中,「誰可以協同作業:」讓你設定要讓哪些人可以和你「一起編修」這個搜尋引擎;而「搜尋引擎曝光率:」這可以讓你設定是否要讓自訂搜尋引擎出現在公開列表中,要注意的是即使設定為「Unlisted」,只要對方知道你的搜尋引擎網址,一樣可以看到並使用。不管做任何設定,最後都要記的按下﹝儲存變更﹞。

cse-10

 

 

加入新檢索網站的各種方法

1.在控制台新增、移除檢索網站

你可以隨時加入新的網站到檢索系統中。在「控制台」上方工具列中切換到「網站」,點選﹝新增網站﹞,同樣的輸入網址,勾選要加入的內容屬性

  • 「加入位址包含此 URL 的所有網頁」:就是搜尋整個網站的意思。
  • 「Include just this specific page」:就是只搜尋符合這個網址的特定網頁(單一網頁),但是這邊你也可以運用「*」。例如勾選這一項並在網址欄填寫「blog.pixnet.net/Nelson/*」;那麼結果和勾選「加入位址包含此 URL 的所有網頁」,並在網址欄填寫「blog.pixnet.net/Nelson」道理是一樣的。
  • 「動態擷取此網頁上的連結並將它們新增到我的搜尋引擎」:這是一個很棒的功能,我們下面特別獨立說明。
  • 「標籤」:這個和另外一個「限制條件」的功能相關,比較複雜一點,所以我們也留待後面說明。

cse-11

最後記得按下﹝儲存﹞,就可以在自訂搜尋中加入一個新的檢索網站了。

 


2.動態擷取網頁裡的連結

要一個一個把網站加入檢索系統是不是有點麻煩?而前面提到的「動態擷取此網頁上的連結並將它們新增到我的搜尋引擎」就是一個省時省力的方法,很多部落格在側邊欄都有友站的連結,如此一來你只要勾選「動態擷取」,就能夠把這個網頁裡出現的網頁連結或網站連結全部都自動加入你的搜尋引擎中,也就是說加入一個網站後可以同時獲得十幾個網站進入你的搜尋系統。

cse-12

cse-13

不過我還搞不太懂的是「包含此網頁連結的所有部分網站」和「包含此網頁連結的所有網站」有什麼區別?歡迎知道的朋友解惑。

 


3.設定排除的網站

或許你的檢索系統裡不想看到特定網站或特定網址,那麼你可以在「控制台」→「網站」頁面下方的「排除的網站」裡面設定即可。

cse-14

 


4.用Bookmarklet加入新網站

我在蒐集「中文電腦資訊部落格搜索」的過程中,因為不可能第一次就把快200個部落格的資料都加進去,一定是邊逛網路,邊看到不錯的就把它們加入檢索系統中。而這時候就可以利用「Bookmarklet」的方法:來到「Google標記」網頁,把裡面的「Google Maker」用滑鼠按住並拖曳到你的書籤工具列即可

cse-15

 

 

以後看到什麼網站,按下﹝Google Maker﹞就能夠快速的解析該網站的主網址並加入你的「自訂搜尋引擎」裡面了。但是這個方式有個小問題,就是它只有「此網站上的所有內容」和「僅此頁」兩個項目,遇到那種有好幾層網址的網站時,例如國內部落格平台的部落格,這個方法會無法正確的加入特定網站,這時候你必須回到控制台用我之前說的方法來添加。

cse-16

 

 

設定限制條件:

「限制條件」的功能是什麼呢?例如你設計的檢索系統裡可能會有不同的分類,在「中文電腦資訊部落格搜索」中還會有專門專精於「免費軟體、綠色軟體」或「Web2.0」等不同領域的部落格,這時候我就可以設計一個分類,讓想要專門搜索某個分類時可以快速的切換

 

 

1.呈現的結果

有無選取限制條件的比較:我們先看看實際使用出來的結果,例如我搜尋一個內涵很廣的「Desktop」關鍵字,原本的搜尋結果如下圖。

cse-18

 

 

這時候我點選「免費綠色」這個限制條件,於是被我標記為「免費綠色」的網站,他們的搜尋結果就會被提前,而呈現出入下圖的樣貌,這樣是不是讓搜索更具有彈性了呢?

cse-19

 


2.設定過程

假設我新增一個稱為「免費綠色」的限制條件,我可以選擇「如何搜尋已加上標籤的網站:」,這是指當我在搜索引擎中點選該限制條件時,要如何重新排序搜索結果的方式:「單純的排前」或「只搜索有加上標籤的網站」。另外也可以設定「要新增到搜尋查詢的字詞:」,這邊是指當點選限制條件時要加入一起檢索的關鍵字,你可以看看「進階搜尋運算子」裡面的說明來了解添加新關鍵字的方法,不過不添加關鍵字也可以。

cse-17

 


3.幫網站加上標籤

當前面已經設定好「限制條件」後,新增網站時就會出現「標籤」的項目可以勾選,你可以依據該網站的類型來設定標籤分類,將某個網站歸屬到某個限制條件(分類)中。這樣一來以後要「專精」搜索時就會更為方便了。

cse-20

 

 

在網站上添加自訂搜尋引擎:

1.

設計好的搜索引擎當然可以添加到自己的部落格中和大家一起共享。先在「控制台」的「外觀風格」裡面做一些調整,然後到「程式碼」裡面獲得安裝的外掛程式碼即可。

cse-21

 

 

2.

另外一種方法是來到你的自訂搜尋引擎「首頁」,然後透過右下角的「新增到~」來獲得外掛程式碼,也可以加入iGoogleNetvibes個人首頁喔!

cse-22

 

 

「大」結:

Skyvee說的沒錯,我真的忍不住又寫了一篇很長的文章,不過我深深覺得「Google自訂搜尋引擎」對於有「找資料」需求的人來說,是一定要會用的網路服務之一。Google Custom Search Engine就好像是一種「另類的書籤」、「另類的剪貼資料庫」,它讓你去「蒐集」各種網路上的網站,然後快速打造出一個「特別適合你自己」的搜尋引擎,而它的操作方式就是這麼簡單又強大。

最後,如果您也早就利用Google CSE來打造有用的搜索系統的話,非常歡迎在這篇文章的留言裡推薦出來讓大家知道,也讓有和您有相同需求的讀者,或許可以藉此找到更好的搜索管道。

 

yoonow 發表在 痞客邦 留言(0) 人氣()