YOGO生活誌: 2009年12月9日

2009年12月9日

[免費]F-Secure 線上掃毒

裝了防毒軟體可是卻覺得電腦怪怪但抓不到毒的時候怎麼辦呢？這時候可以把原本的防毒軟體移除掉，再另外安裝別牌的防毒軟體試試看。不過如果你不想這麼麻煩的話，也可以試試看免費線上掃毒功能來掃毒；這次我們來試試國外一個很有名的「F-Secure防毒軟體」所提供的免費線上掃毒功能，我們可以不用另外安裝整套防毒軟體，就可以透過「F-Secure防毒軟體」所提供的掃毒功能來檢測電腦中的檔案是否有中毒。如果有這方面需求，可以用IE或FireFox瀏覽器開來掃毒看看。

網站名稱：F-Secure Online Virus Scanner 4.1
網站網址：http://www.f-secure.com/en_EMEA/security/security-lab/tools-and-services/online-scanner/

注意！此線上掃毒功能僅適用於Windows系統中的IE與FireFox瀏覽器，你必須使用IE或FireFox開啟上面的網址才能順利進行掃毒工作。

首先用IE或FireFox瀏覽器開啟「http://www.f-secure.com/en_EMEA/security/security-lab/tools-and-services/online-scanner/」，在此以IE作示範。

勾選「I have read and acceepted the licenes tems」，然後按「Install」。

再來會跳出一個「安裝附加元件的提示訊息」，請在上面按一下滑鼠左鍵，再點選「為這部電腦上所有使用者安裝此附加元件」。

出現安全性警告視窗後，請按一下「安裝」按鈕，開始安裝這個掃毒元件。

再來按一下「Start」按鈕。

等「Downloading」的進度到「100%」則可進行下一步。

接著請在網頁中的下拉選單點選「中文繁體」，將整個網頁切換成繁體中文介面。

接著，請依照你要掃毒的範圍，選擇「快速掃瞄」 、「全面掃瞄」或按「我的掃喵」選擇要掃毒的資料夾或檔案，在此我們以「全面掃瞄」作為示範。

等檔案下載到「100%」後即開始掃瞄。

等掃瞄進度到「100%」後，即完成掃瞄。

掃毒完成後，如果有發現病毒或可疑的檔案，我們可以按一下「自動」按鈕讓F-Secure網站自動幫我們清除可疑病毒，如果擔心它誤刪重要檔案的話，請按一下「我要逐個檔案掃瞄」，然後按「下一步」。

等將受感染檔案清除完成即可。

清除完受感染檔案後，按一下「關閉」即可結束整個線上掃毒工作，或對掃毒結果仍有疑慮的話，則可選擇「重新掃瞄」；若想知道剛剛除除了那些檔案，可按一下「顯示更多」或 「完整報告」。

若覺得F-Secure不錯用的話，建議可買一套單機版裝在電腦裡，畢竟這年頭人們的生活已經離不開網路了，多點防護總是好的，有興趣的話參考一下下方的連結吧。

防病毒&間諜/雙向防火牆
防網路郵件詐騙
雲端技術/多引擎掃描
Root-Kit木馬防禦
沙箱防護

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

［好書推薦］網頁設計驚嘆號：Dreamweaver ╳ PHP互動網站直擊

　　這一本算是中階的Dreamweaver的書籍，內容從基礎的「網站設計流程」、「網站版型設計」講到「php + mysql」，雖不算深入但對於初學者想要進入到中階的過程中，算是一本相當難得的好書，推薦給對Dreamweaver有興趣的朋友參考看看。

網頁設計驚嘆號：Dreamweaver ╳ PHP互動網站直擊

相關連結：http://www.books.com.tw/exep/assp.php/yogo/exep/prod/booksfile.php?item=0010445610

內容簡介

　　首度公開頂尖網頁設計師的創作過程，只要跟著做，準沒錯！
　　採用步驟式的編排流程，重點式的設計提醒，是市面上第一本完整教授你如何從網站設計發想、視覺設計，以及後端資料庫應用作業流程的實作書籍。以旅遊網站為例，使用Photoshop建立美觀且符合需求的首頁與內頁，在Dreamweaver整理切割後的網頁檔，加入局部捲動、滑動控制、彈出式選單等互動效果，最後以PHP資料庫輕鬆完成動態網頁設計。
　　不懂程式卻想獨立完成資料庫架構，絕對不是遙不可及的夢想！
　　不用寫程式，只要用PHP+MySQL資料庫來製作留言版、新聞維護系統、網路相簿、討論區、會員系統等內容，以及後台資料的管理維護，就能完成兼具視覺設計與互動效果的資料庫網站。最後，使用自己的電腦作為伺服器以快速架設PHP，就能成功上線與世界接軌。

　　設計人必讀經典，為核心職能加分，讓你的溝通滿分！

　　內容豐富紮實且兼顧設計美感，適合欲建置網站資料庫之設計師閱讀；或是藉此了解網頁相關技術，學習如何在團隊合作中，與程式人員無礙溝通，創造個人價值！

本書特色

　　● 直擊網站從設計發想到成形上線的創作過程
　　● 完整學習Photoshop、Dreamweaver、PHP建構資料庫網站的整合技巧
　　● 免程式撰寫，無版本限制

作者簡介

李啟宏 Niel Li
現任：優勢數位設計學苑資深課程專任講師
經歷：
資深多媒體網頁設計師
易禧科技多媒體網頁設計、平面設計課程講師
文化大學推廣教育部多媒體設計課程講師
新視界雜誌、dpi設計流行創意雜誌雜誌專欄作家
專長：多媒體網頁設計、平面設計、網頁視覺設計整合
認證：ACE on Photoshop CS4
著作：
《網頁設計驚嘆號：Dreamweaver至高的網頁特效188招》
《Dreamweaver vs photoshop CS3網頁視覺設計與互動特效整合》
《Photoshop CS3 影像突破力╳進階講堂》
《Photoshop CS3 影像創造力╳基礎講堂》
《Dreamweaver CS3網頁設計驚嘆號-至高的網頁特效172招》
《Dreamweaver 8 無限延伸網頁設計整合進階技巧》
《Photoshop CS網頁視覺設計應用》
《Photoshop CS影像魔力EASY GO！》
《Photoshop大玩花樣2000招》
《Dreamweaver與ImageReady整合應用》

名人推薦

盛情推薦

　　我是網頁設計，為什麼要叫我寫程式?!

　　Internet的技術發展有很大的突破，更多的公司懂得利用網路創造商機，網頁設計不再只是把畫面排得美美的就可以了，更重要的是能掌握顧客與滿足商業需求，網頁設計師必須結合程式來達成目的。設計跟程式之間總是有一道難以跨越的鴻溝，若要網頁設計師一行一行的敲出程式碼，簡直是不可能的事！如果有一本書能一步一步帶領你實作，相信可以大大的降低網站設計的痛苦指數。作者累積了很多年的網站設計經驗與教學經驗，深切知道哪些功能最為設計人員於進行網站設計時所需要，如果您想要做出有資料庫功能的網站，又不想要寫程式，跟您推薦這本書，可幫助您無痛完成動態網站設計。

　　－邱世萍．優勢數位設計學苑多媒體產品處資深處長

目錄

Lesson00
兼具設計與互動效果的資料庫網站
● Dreamweaver進階互動功能
● 資料庫環境功能
● 範例網站導覽

Lesson01
依資料庫需求以Photoshop設計網站首頁
● 網站設計流程
● 規劃網站架構
● 有效處理所有影像素材
● Photoshop設計資料庫網站首頁

Lesson02
Photoshop專業版面設計－內頁版型
● 依網站架構構思網站單元內頁版面
● Photoshop設計資料庫網站單元內頁版面
● 準備網站各單元所需版面內容

Lesson03
首頁與內頁版面設計輸出成網頁
● Photoshop切割網站首頁並儲存出初步網頁
● Photoshop切割網站內頁並儲存出初步內頁版型
● 儲存出其他單元內頁所需內容

Lesson04
Dreamweaver設計初步網站
● 整理首頁版面成最佳狀態
● 整理內頁版面成最佳狀態
● 準備所有單元網頁完成初步建置

Lesson05
安裝使用PHP與PHP資料庫
● 建構PHP資料庫網站的準備
● 建立MySQL資料庫
● 在Dreamweaver中應用PHP資料庫

Lesson06
以設計內頁完成旅遊訊息與旅遊心得
● 資料庫連結與最新旅遊訊息頁面製作
● 顯示最新旅遊訊息標題於網站首頁
● 資料庫連結與製作旅遊心得頁面

Lesson07
主題討論
● 資料庫連結與主題討論頁面製作
● 主題討論頁面
● 發表新主題與回覆主題頁面
● 顯示熱門討論主題於網站首頁

Lesson08
景點相簿
● 資料庫連結與景點頁面製作
● 景點相簿首頁
● 景點相簿內頁
● 顯示單張相片頁
● 顯示最新景點相片於網站首頁上

Lesson09
會員專區
● 準備會員專區頁面與資料庫連結
● 會員頁面與會員登入頁
● 加入會員
● 補寄會員登入帳號密碼
● 會員專區
● 會員資料修改

Lesson10
管理者維護功能頁面
● 管理者登入
● 心得分享管理
● 會員管理
● 旅遊訊息管理
● 討論主題管理
● 景點相簿與相片管理

Lesson11
PHP資料庫網站上線
● 設定網址與動態網域
● 免費支援PHP與MySQL資料庫的網站空間

附錄A
Dreamweaver CS4新功能

附錄B
Photoshop影像切割

相關連結：http://www.books.com.tw/exep/assp.php/yogo/exep/prod/booksfile.php?item=0010445610

［好書推薦］Dreamweaver CS4網頁製作：為網站提供創新而專業的設計平台

　　文淵閣的書籍一直以來都是以淺顯易懂著稱，這次推出的「Dreamweaver CS4網頁製作：為網站提供創新而專業的設計平台」，算是Dreamweaver的入門書，建議對Dreamweaver有興趣的朋友先萬別錯過。

Dreamweaver CS4網頁製作：為網站提供創新而專業的設計平台

相關資訊：http://www.books.com.tw/exep/assp.php/yogo/exep/prod/booksfile.php?item=0010453950

內容簡介

　　全書以「概念篇」、「基礎篇」、「進階篇」、「整合篇」、「加強篇」循序漸進引導您由淺入深地跨越網頁製作的開檻。

●製作網站前千頭萬緒的資料不知道如何整理分工？
●看到別人的網頁有設計感又專業卻不知從何著手？
●想知道如何在網頁上融入吸引人的特效與多媒體的資源？
●想要為網站中加入互動程式進行交流卻一籌莫展？

　　全書以實務開發專業網站的範例為前題，讓您在紮實的操作練習中解開所有疑問！

　　本書以旅遊網站「東京慢旅行」為範例架構，帶領讀者從無到有打造出專業又實用的網站。除了認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能，並且深入互動程式的製作。讓您在紮實練習的過程中不僅學會軟體的功能，並可藉由範例引導昇華網頁製作的技巧。

概念篇

　　完整介紹 Dreamweaver CS4 的軟體特色、全新功能及認識編輯環境。認識網頁與網站觀念、網站開發流程、建立網站的準備與分析等，讓您可以親自感受一個網站從無到有的過程。

基礎篇

　　打下紮實的基礎，是製作出進階網站前最重要的步驟。在本篇中將由淺入深學習網頁製作中文字與影像、超連結的設定、表格的使用與CSS應用等重要課題，循序漸進的進入網站高手的領域。

進階篇

　　想要讓網站更上一層樓而與眾不同，本篇中將深入探討介紹網頁地圖與AP元素、頁框網頁、表單、網路多媒體應用等重要技術，讓網站功能如虎添翼、脫胎換骨。

整合篇

　　範本的使用能將整個網站所有的網頁包裝在一個有設計感並且功能強大的版型中，不僅在整合上方便，並可以快速的維護更新。最後將辛苦完成的網站上傳與所有人分享，並說明維護的動作與技巧，讓網站能長久經營、永續發展。

加強篇

　　被動的提供資訊已經越來越不符合現代人網頁使用習慣，互動網站的興起正是網站技術的主流！本篇將更進一步認識行為設定與擴充程式的應用，發揮百分之一百二十的效能。除了使用 Spry 的功能增添 Ajax 的效果外，更進一步的介紹ASP互動網頁的製作與開發，讓訊息的分享不再只是自言自語，進一步享受與網友一起互動，一同交流的全新感動！

　　學習是一件快樂的事！跟著範例操作，快樂輕鬆的成為 Dreamweaver 網頁達人。

目錄

CH01　認識 Dreamweaver CS4
CH02　東京出發，去旅行！--網站規劃的開始
CH03　旅行網站簡介--網頁文字編輯與影像的使用
CH04　旅行相關資訊--表格的使用
CH05　旅行景點介紹--超連結的設定用
CH06　旅人日記--CSS 樣式表的設計
CH07　線上地圖--AP 元素的應用
CH08　網路多媒體的應用
CH09　旅人印象--頁框網站的製作
CH10　互動交流你我他--表單的加入與設計
CH11　快速建置專業版面--範本的應用
CH12　上傳滿滿美麗回憶--網站的上傳與維護
CH13　行為設定與擴充程式的應用
CH14　Spry工具集與特效的使用
CH15　旅遊互動留言版--網站程式的製作

相關資訊：http://www.books.com.tw/exep/assp.php/yogo/exep/prod/booksfile.php?item=0010453950

[好書推薦]二本PHP好書推薦

　　YOGO讀過覺得不錯的二本PHP好書，推薦給有需要的朋友參考。

碼上學會PHP5

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

內容簡介

　　本書提供詳盡且實用的內容，協助程式設計師了解如何利用PHP與MySQL撰寫符合實務需求的互動式資料庫網站。本書不僅告訴您如何寫好程式，更以宏觀的角度，告訴您使用者介面、資料庫設計、以及安全性及軟體測試所應注意的事項。

　　在本書的最後一部份，更提供了三個完整的專案－行程安排系統、部落格系統以及網路商店，引導讀者整合前面所學的基礎概念，將其應用於現實生活當中。

1.PHP基礎入門，包含基礎程式碼的撰寫，以及OOP的概念。
2.資料庫概論，介紹資料庫的基礎觀念。
3.如何應用正規表示式進行資料的驗證。
4.UI的設計與使用者的管理。
5.系統安全指南
6.實務界經常討論的議題，包含il10n、錯誤處理、除錯、session管理與部署。
7.XML與Web Service，以及PEAR的使用
8.如何使用Oracle及PostgreSQL資料庫。

本書特色

1.詳盡而完整的解說，初學者也能夠藉由本書入門。
2.告訴您如何撰寫兼顧實用性與安全性的PHP程式。
3.包含三個完整的專案及其詳盡的開發過程。

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

碼上就用PHP 5

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

內容簡介

　　本書提供各種問題的解決之道，不管您是需要驗證信用卡卡號？將網頁文字轉換成另一種語言？處理資料庫時遭遇神秘難解的問題？甚至打造自己的網頁伺服器？各種疑難雜症都可以在這本書裡頭找到可行的解決方案，並提供完整程式碼和詳細的解說。

　　本書在您的電腦桌旁可以扮演兩種角色。您可以把它當作解決問題的參考書。在撰寫程式的當中，如果您需要某個函式來幫您處理某些特定資料，您可以從本書取得那個函式，找到了答案，將它整個拿來用。您也可以把本書當做某種引導途徑，看看它提出的解決方法，然後利用所學到的知識做為指引來撰寫類似的程式。

　　本書並非設計讓您從頭讀到尾。您可以在任何時間隨時拿起它。不過PHP的初學者仍然會發現，挑選某些不熟悉的主題，將那些章節整個研讀一遍，這樣還是很有用處的。閱讀某些章節，看看裡面的內容，肯定能夠拓展您對特定主題的瞭解。

本書特色

1.隨查即用，迅速解決您實務運作上的疑難雜症。
2.提供完整程式碼和詳細的解說。
3.每個章節均提供「快速提示」，初學者也能快速入門，掌握重點！

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

Captcha圖形驗證 - 手工寫code篇

為防範有心人士利用網路機器人程式來猜測帳號與密碼，現在各大網站的會員登入系統，大多會多加一道 「圖型驗證碼」 的檢查，用以驗明正身，若今天我們也想為我們自己的網站也新增一個圖型驗證碼功能會很困難嗎？其實不會，之前YOGO以在 「 Captcha圖型驗證 - Dreamweaver外掛篇 」 提到使用DW外掛的解決方法及「Captcha 圖形驗證 - Free API 篇(1)」及「Captcha 圖形驗證 - Free API 篇(2)」提到使用第三方免費API的解決方法，但並不是每個人的電腦內都有DW這套軟體，也不是每個人都會想使用第三方API，所以YOGO再補上「 Captcha圖型驗證 - 手工寫code篇 」讓不是使用DW及不想使用第三方API的朋友也能有解決的方法。

因為「圖型驗證」中的程式會用到PHP中的「GD函式」，所以要先確定「GD函式是否開啟」；開啟一個新的php檔案，並輸入下方程式碼：

        1: <?php 

       2: phpinfo(); 

       3: ?>

然後存檔命命名為index.php ，接著開啟瀏覽器，然後在網址列的地方輸入「http://localhost/」。

再來我們找到PHP資訊中的「Loaded Configuration File」欄位，它所指的是我們「目前PHP環境中所讀取的php.in位置」，由此範例中我們可以知道「目前PHP環境中所讀取的php.in位置是C:\WINDOWS\php.ini」。

再來開啟 「C:\WINDOWS\php.ini」（請依個人的「Loaded Configuration File 」所指定的位置開啟php.ini檔）。

然後找到「extension=php_gd2.dll」這一行字，若前方有;號請把它移除，若找不到這一行請自己加上去，改好之後存檔並重啟web server 。

接著開啟瀏覽器，然後在網址列的地方輸入「 http://localhost/ 」。

若php的環境資訊中有出現「gd函式」的項目，表示「gd函式」已經成功啟用了。

開啟一個新的PHP檔案，並輸入下方的程式碼，然後存檔成captcha.php。

    
       1: <?php 

       2: /* 

       3: 產生一個CAPTCHA圖形 

       4: 開始先定義一個新影像，定義其長寬 

       5: */ 

       6: $w = 300; 

       7: $h = 50; 

       8: $gfx = imagecreatetruecolor($w,$h); 

       9:  

//開啟反鋸齒功能，這樣曲線比較好看 

imageantialias($gfx,true); 

//背景色設為白色 

$white = imagecolorallocate($gfx,255,255,255); 

imagefilledrectangle($gfx,0,0,$w-1,$h-1,$white); 

  

//產生一個6-8個字元的字串，只有大寫字母 

$str = ''; 

foreach(range(0,rand(5,7))as $r) { 

$str .= chr(rand(65,90)); 

} 

  

//用寬度除以長度，找出每一個字元的合適位置 

$pos = $w / strlen($str); 

  

//現在我們可以用迴圈印出這些字元 

foreach(range(0,strlen($str)-1) as $s) { 

//隨機產生一個灰階顏色，但只有'比較暗的' 

$shade = rand(0,100); 

//宣告這個顏色 

$tmpgray = imagecolorallocate($gfx,$shade,$shade,$shade); 

//現在我們可以畫出這個字元，盡量用白色把它搞亂 

imagettftext($gfx,//欲繪製的圖形物件 

rand($h/3,$h/2),//字型大小，介於1/3高到1/2高 

rand(-60,60),//傾斜角度，變化很大 

$s*$pos+($pos*.4),//x,盡量讓兩邊平衡 

rand($h*.5,$h*.7),//y,介於一半或更低一點之間做變化 

$tmpgray,//欲貼上的顏色 - 灰色 

'arial.ttf',//欲使用的字型 

$str{$s}//印出這個字元 

); 

} 

//再來用各種灰色線條交差貼於整個背景上 

//從負數的高度一直畫到寬度，確保每個東西都有畫到 

foreach(range(-$h,$w,5) as $x){ 

//隨機產生一個灰色陰影，但不是最深的 

$shade = rand(50,254); 

$tmpgray = imagecolorallocate($gfx,$shade,$shade,$shade); 

//從這裡開始畫兩條線，一條從對角線畫下來，一條對角線畫上去 

//分別用稍稍傾斜的角度繪製 

imageline($gfx,$x,0,$x+$h+rand(0,25),$h-1,$tmpgray); 

imageline($gfx,$x,$h-1,$x+$h+rand(0,25),0,$tmpgray); 

} 

  

//我們已經完成操作，但輸出之前，將真正的字串存入session變數裡 

session_start(); 

$_SESSION['captcha'] = $str; 

  

//讓瀏覽器知道我們準備輸出PNG 

header('Content-type:image/png'); 

  

//然後輸出我們的影像 

imagepng($gfx); 

?>

再開啟一個新的PHP檔案，並輸入下方的程式碼，然後存檔成index.php。

    
       1: <?php 

       2: //開啟PHP session 

       3: session_start(); 

       4: //如果這一頁是送給自己的 

       5: if(count($_POST)){ 

       6: //確定session captcha有設定 

       7: if(isset($_SESSION['captcha'])){ 

       8: //看看它和送出值是否相符 

       9: if($_SESSION['captcha'] === strtoupper($_POST['check'])) { 

//比對相符，現在最重要的就是銷毀上一個session captcha 

//以免使用者再次送出表單 

unset($_SESSION['captcha']); 

//再來程式應該做它自己的動作，例如導到別頁 

//這裡我們只秀出恭喜字樣 

echo "<p>恭喜你通過驗證！！</p>\n"; 

}else{ 

//錯誤嘗試 -- 讓使用者知道錯誤，然後這一頁繼續執行 

//給他們一個新的captcha 

echo "<p>對不起，你輸入的驗證碼有誤</p>\n"; 

} 

}else{ 

//session captcha變數並未設定，這表示有人曾經送出成功過 

//然後又用相同的session資訊擾亂我們 

echo "<p>對不起，驗證碼以設定過，請重新設定</p>\n"; 

} 

} 

?> 

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"> 

驗證碼測試：<br /> 

<img src="captcha.php" /><br /> 

<input name="check" type="text"><br /> 

<input name="Submit" type="submit"> 

</form>