YOGO生活誌

Dreamweaver CS5 & PHP 資料庫應用經典

內容簡介

目前世界上使用最多的網頁設計軟體，應該要屬Adobe公司推出的Dreamweaver！它以美觀的操作介面、高度整合的功能面板、體貼的視窗工作佈局以及從初探到深造全階段設計功能，迅速地受到全球網頁設計愛好者的青睞。而PHP是Hypertext Preprocessor的縮寫，是一種伺服器端HTML-嵌入式腳本描述語言。簡單的說PHP也可以算是CGI程式的一種，也可以說PHP其實就是CGI程式的加強改進版，它的執行方法和CGI相同，均為在伺服器端直接執行，最後將執行的結果寫入HTML檔案後送回給瀏覽者。由於PHP是完全免費的，而且功能強大，因此是網站程式設計人員必修的課程。

本書將結合Dreamweaver CS5、PHP與MySQL這三樣利器，帶領讀者由最基本的網站架構開始，一步步熟悉PHP與資料庫網站的整合應用，最終達到輕鬆建立商業應用所需的動態網站。以範例式引導講述透過結合DreamweaverCS5、PHP與MySQL的基礎動態網頁概念、資料庫管理與操作、互動網頁程式的設計與資料庫的整合應用等功能。對每個範例的講解，本書力求做到逐步詳述，並附圖說明，一目了然，使讀者能輕鬆製作出屬於自己的資料庫網站應用程式。

目錄

1 認識Rhinoceros
1-1 初識Dreamweaver CS5
1-2 初識PHP

內容簡介

這是以 Dreamweaver CS 5.5 替行動裝置做設計時的最佳指南。

時代越來越進步，有越來越多的使用者開始利用行動裝置上網，因此網頁開發人員必須建立可在各主要行動裝置平台上都可正常運作的網站或應用程式。基於這個需求，Dreamweaver 的工程師們便開發出 jQuery Mobile，一種可跨 iPhone、Android、BlackBerry 與 Symbian 等廣受歡迎的行動裝置平台。本書主要探討 jQuery Mobile 與 Dreamweaver 的整合，以及其他針對建構跨裝置網站而設計的新功能。

作者以一系列實例，說明網頁設計師和開發人員應該如何運用 CSS 媒體查詢功能來最佳化既有網站，使之能順利顯示於一般電腦、平板電腦及手機上；接著又介紹如何以 jQuery Mobile 建立行動裝置專用網站，並示範要如何利用Dreamweaver CS 5.5 中的 jQuery 程式碼提示功能來改善程式設計師的開發過程；最後也要教會讀者怎麼運用 PhoneGap轉換 jQuery Mobile 網站應用程式，使之搖身一變，成為可安裝於 iPhone 或 Android 裝置之原生 App。

本書專屬網站

foundationphp.com/dwmobile，提供範例檔下載，以及各種更新資訊。

本書特色

如果您在 Dreamweaver CS4、CS5 中新增一個網站，設定它的測試環境為 ASP.net 或 JSP 時，您會發現開始編輯時，不僅無法新增伺服器的資料庫連結，甚至也沒有任何伺服器行為？無論您如何檢查環境或是修改設定，就是找不到這些原有的資源。

難道Dreamweaver CS4、CS5 已經不支援 ASP.net 及 JSP 的編輯了嗎？

沒錯，由 Dreamweaver CS4 起已經不再支援這些程式語言的編輯了。那該怎麼辦啊？ 如果您仍需要利用 Dreamweaver CS4、CS5 進行網頁程式的編輯，可以利用下面的方式，找回原來的伺服器支援。 我們以 Dreamweaver CS5 為例，請開啟以下的路徑的資料夾：

1. C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration\DisabledFeatures (64位元的系統)
2. C:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\DisabledFeatures (32位元的系統)

其中您會看到有三個擴充程式：<ASPNet_Support.mxp>、<JSP_Support.mxp> 及 <ASP_JS_Support.mxp>，分別就是在目前程式中拿掉的支援功能，您可以視需求利用 Extension Manager 來安裝，即可恢復對這些語法的支援。 不過 Dreamweaver 這個舉動也似乎告訴你，想用 Dreamweaver 來開發互動網站，還是使用 ASP 或 PHP 吧！ (尤其是 PHP)

原文出處：
http://www.dreamweaver.com.tw/?fid=2&viewtopic=31416

原文出處作者著作：

挑戰PHP5/MySQL程式設計樂活學(第二版)(適用PHP5~PHP6)

這是一本很特別的「Dreamweaver For PHP」書籍，它與一般市面上常見的「Dreamweaver For PHP」書籍不太一樣，它不談什麼「購物車」或「部落格」之類常見的內容，反而是以「為WordPress網站重新設計外觀」、「用Zend架構傳送電子郵件」、「 Zend_Auth 驗證使用者登入資料」、「使用 Zend_File 來上傳檔案」與「用 CAPTCHA 驗證碼防堵垃圾資料」等有別一般書籍的內容，而它「用 CAPTCHA 驗證碼防堵垃圾資料」這篇文章的內容與底下 YOGO 之前寫的延伸閱讀 「Captcha 圖形驗證 - Free API 篇（2）」是相似的內容，有興趣的朋友可以參考一下。

跟Adobe徹底研究Dreamweaver CS5 與 PHP

內容簡介

書附光碟中包含了學習各課程所需的所有檔案，也附有完成範例檔以供比對結果，並可做為日後專案的參考。另外還附上可安裝的 WordPress 與 Zend 架構檔，於部份練習中將會使用到。

目錄

CH01 為何要選擇PHP與Dreamweaver CS5？

這是一本很特別的「Dreamweaver For PHP」書籍，它與一般市面上常見的「Dreamweaver For PHP」書籍不太一樣，它不談什麼「購物車」或「部落格」之類常見的內容，反而是以「為WordPress網站重新設計外觀」、「用Zend架構傳送電子郵件」、「 Zend_Auth 驗證使用者登入資料」、「使用 Zend_File 來上傳檔案」與「用 CAPTCHA 驗證碼防堵垃圾資料」等有別一般書籍的內容，而它「用 CAPTCHA 驗證碼防堵垃圾資料」這篇文章的內容與底下 YOGO 之前寫的延伸閱讀 「Captcha 圖形驗證 - Free API 篇（2）」是相似的內容，有興趣的朋友可以參考一下。

跟Adobe徹底研究Dreamweaver CS5 與 PHP

內容簡介

書附光碟中包含了學習各課程所需的所有檔案，也附有完成範例檔以供比對結果，並可做為日後專案的參考。另外還附上可安裝的 WordPress 與 Zend 架構檔，於部份練習中將會使用到。

目錄

CH01 為何要選擇PHP與Dreamweaver CS5？

對於初學者或有一定程式設計經驗的朋友來說，檔案上傳在以前來說並不件輕鬆的事，尤其要搭AJAX來使用難度更高，有鑑於此YOGO在此介紹一個由「織夢線上-茶米站長」開發的「PHP+AJAX檔案上傳程式 <eDAjaxPHPUpload.mxp」，好用度與方便度都是100分，YOGO這篇就以這個外掛來作PHP+AJAX檔案上傳程式的範例。

檔案名稱：PHP+AJAX檔案上傳程式 <eDAjaxPHPUpload.mxp>
擴充類型：伺服器行為
支援語言：PHP
程式作者：茶米站長@織夢線上
官方網址：http://www.dreamweaver.com.tw

首先用Dreamweaver定義一個新的「網站定義」，若不知道如何用Dreamweaver定義一個新的「網站定義」的話，請參考YOGO之前寫的「Dreamweaver網站定義」這篇教學，在此不在贅述。

首先在擴充程式上按二下。

ABOBE CS4系列中預設的 Extension Manager 版本是  Extension Manager CS4 2.0 ,目前已釋出Extension Manager CS4 2.1 修補程式,還沒更新的朋友趕快更新吧

下載 Extension Manager CS4 2.1 修補程式

Extension Manager CS4 2.1 支援 CSXS 擴充功能和 Multilingual 擴充功能。當 Extension Manager CS4 2.0 已安裝後, 安裝 Extension Manager CS4 2.1 修補程式可將 Extension Manager CS4 更新至 Extension Manager CS4 2.1。

有關 CSXS 擴充功能和 Multilingual 擴充功能的詳細資訊, 請參閱 http://www.adobe.com/go/em_file_format*。

如何使用 Extension Manager

1.下載 Extension Manager

• 下載 Extension Manager 安裝程式並將它儲存在您的電腦上。

• 連按兩下安裝程式即可開始進行安裝。

  • Extension Manager 2.0 Windows 版 (ZIP, 51 MB)
  • Extension Manager 2.0 Macintosh 版 (DMG, 50 MB)

2.下載 Extension Manager CS4 2.1 修補程式

• 下載 Extension Manager CS4 2.1 安裝程式並將它儲存在您的電腦上。
• 連按兩下安裝程式即可開始進行安裝
  • Extension Manager CS4 2.1 patch for Windows (ZIP, 29 MB)
  • Extension Manager CS4 2.1 patch for Macintosh (DMG, 44 MB)
• 安裝 Extension Manager CS4 2.1 修補程式可將 Extension Manager CS4 2.0 升級至 Extension Manager CS4 2.1。
• 如要在 MAC 10.6 上使用 Creative Suite 擴充功能，除了 Extension Manager 2.1 修補程式外，您還必須安裝 CS4 Service Infrastructure 1.0.2 修補程式。如需更多資訊，以及下載 CS4 Service Infrastructure 1.0.2 修補程式，請參見 CS4 Service Infrastructure 1.0.2 Update*。

3.返回 Adobe.com 以下載擴充功能

• 一旦安裝 Adobe Extension Manager 後, 請回到 Adobe Exchange 並從 Bridge Exchange*、Dreamweaver Exchange*、Fireworks Exchange*、Flash Exchange*、Illustrator Exchange*、InDesign Exchange* 或 Photoshop Exchange* 下載擴充功能。
• 每個擴充功能都有其專屬網頁, 其中包含下載連結、簡短說明、使用者評價以及評論, 以及至個別線上論壇的連結, 您可在此論壇中針對該擴充功能提出問題並取得支援*。
• 在安裝 Extension Manager 後, 您就可直接從支援的產品功能表存取它, 方法是選擇「說明」>「Manage Extensions」或直接啟動 Extension Manager。

官方資訊：http://www.adobe.com/tw/exchange/em_download/

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

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

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

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

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

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

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

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

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

Spry Update Extension for Dreamweaver CS4

This version is compatible with Dreamweaver CS4 only. Dreamweaver CS4 ships with Spry 1.6.1 by default. This extension can be used for those CS4 users that upgraded from CS3 and have not updated their Spry site files. It contains options for the new Spry widgets in Dreamweaver CS4. It removes the code hinting files since CS4 now has dynamic javascript code hinting. This download does not add any additional functionality to the product other than the Spry Updater command (Site > Spry Updater…).

下載位置：http://download.macromedia.com/pub/labs/spry/1/spry_p1-6-1_cs4updater_101508.mxp

Spry Update Extension for Dreamweaver CS3

This extension updates Dreamweaver CS3 to use the Spry 1.6.1 assets for its current features. The extension also updates code hinting and code coloring to reflect the latest updates in Spry 1.6.1. The Spry Updater includes a command that provides the ability to update the Spry assets in your site(s). This extension only updates existing Spry files in Dreamweaver CS3 and those used in your sites. It does not add any additional functionality (widgets, etc) to the product.

下載位置：http://download.macromedia.com/pub/labs/spry/1/spry_p1-6-1_updater_022508.mxp

官方網站：http://labs.adobe.com/technologies/spry/

　　這是一個很好用的php外掛，可以減少打錯字的機會。

免費的PHP代碼擴展為Dreamweaver有助於加快代碼編寫方法有兩種：

• 它插入選定的控制結構（if語句等）;
• 它插入PHP變數選擇列表中的所有變數的發現，在當前文件中。

最棒的是， 它是免費的！

作者：XP-Internet
官方網站:http://www.xp-internet.com
發表日期：March 08, 2009
檔案下載：Download PHP Coding Tools for free

下面是他的說明影片，有興趣的朋友可以看一下。