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 架構檔，於部份練習中將會使用到。

目錄

對於初學者或有一定程式設計經驗的朋友來說，檔案上傳在以前來說並不件輕鬆的事，尤其要搭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)

這是一個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

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

為防範有心人士利用網路機器人程式來猜測帳號與密碼，現在各大網站的會員登入系統，大多會多加一道「圖型驗證碼」的檢查，用以驗明正身，若今天我們也想為我們自己的網站也新增一個圖型驗證碼功能會很困難嗎？其實不會，因為Dreamweaver有外掛可以幫我們完成大部份的工作。



首先開起瀏覽器，然後輸入以下網址「http://www.tecnorama.org/」。


點選左方的「DW Extensions」連結。

首先啟動「Dreamweaver」。


開啟後點選「網站」-->「新增網站」。


在「你要將網站命名為什麼?」的文字方塊中填入你要命名的名稱，如本例命名為「測試用網站」。


再來的話若你只是製作如HTML純靜態的網頁，就點選「不，我不使用伺服器技術」；若你要製作的是如PHP、ASP之類的動態網頁則點選「是，我要使用伺服器技術」，再依各人環境選擇使用的動態程式語言，如本例即為「PHP MySQL」。

　　不知道各位朋友是否有發現,如果利用URL參數傳遞中文字都會變成亂碼,進而造成程式錯誤,這個問題該如何解決呢?其實很簡單,其實可以用urlencode()函式解決,其方法如下:：

　　只要你在連結>>選取檔案時底下有個參數點下去就可以做出Go To Detail Page同等的效果而且在"值"的部分可以選取你想要的編碼方式,這樣就可以解決中文字亂碼的問題了,不過如果要取用被urlencode()函式編碼過的值,需用urldecode()函式解碼,才能還原編碼過的值,不過需注意用urlencode()函式編碼,英文跟數字是不會編碼的,如果想英文跟數字也能被編碼,可以考慮用Base64()函式編碼,不過Base64()函式dw並無內建需自行編寫程式碼,故在此不贅述之。

有想過隨機廣告是怎麼作的嗎?其實很簡單,就是每次頁面載入時,從資料庫亂數取出一筆資料,這樣即可達到隨機廣告的需求了,要怎麼作呢?且看我道來：

在資料集的進階的地方輸入如下的語法

SELECT * FORM tbads ORDER BY RAND() LIMIT 1

　　這樣每次都會從資料庫中亂數取出一筆資料,即可達到隨機廣告的需求了，不過此法法只適用於Mysql而已。

緣起：

　　先說廢話，我在織夢線上發現有很多大大都在問說如何利用多個核取方塊放到同一個欄位，老實說我對這功能並不感興趣，因為我覺得這樣做並不實用，所以我原本是不打算寫教學的，直到前幾天有位織夢線上的大大寫封MAIL給我，信的內容是他現在在做學校的畢業專題，遇到了多個核取方塊如何放到同一個欄位的問題，希望我能指導他，信的內容不但把他所遇到的問題寫的很詳細，且有提出他的想法(也就是他想到的結決方法)且有抓圖說明，讓我覺得他是真的有心想學習，而非只是為了要交作業而已，所以我才決定寫這一篇"多個核取方塊如何放到同一個欄位教學"，希望能對有需要的大大有所幫助，好了，不廢話進入主題了。

第1步：新增一個"delfile"資料庫。

第2步：新增一個"checkbox"資料表。