Dreamweaver 開發 PHP 專案：站點定義與本地伺服器配置指南

為何仍有人用 Dreamweaver？

雖然 VS Code、PhpStorm 是現代主流，但 Dreamweaver（DW）內建即時預覽、程式碼提示、FTP/SFTP 同步、視覺化設計檢視，對維護舊專案、偏好所見即所得的開發者仍有價值。

Step 1：建立站點

1. 選單 Site → New Site...
2. Site Name：專案名稱（如 MyPHPProject）
3. Local Site Folder：本地專案根目錄（如 D:\www\myproject）

Step 2：配置測試伺服器（關鍵）

1. 切換到 Servers 分頁，點擊 + 新增
2. Server Name：Local Apache
3. Connect Using：Local/Network
4. Server Folder：Apache 站點根目錄（如 D:\www\myproject，與本地資料夾一致）
5. Web URL：https://localhost/myproject/（必須可訪問）
6. Server Model：PHP MySQL
7. ✅ 勾選 "Testing" 標籤（此為關鍵，啟用即時預覽與資料庫連線）

Step 3：配合 WAMP/XAMPP 環境

DW 本身不包含 PHP 解析器、MySQL、Apache，必須獨立安裝：

• 推薦 WampServer 或 XAMPP 一鍵安裝
• 確保 Apache DocumentRoot 指向 DW 站點的 Local Site Folder
• 啟動服務後，瀏覽器訪問 https://localhost/myproject/ 正常顯示 PHP 頁面

核心功能驗證

常見問題排查

• Live View 空白/報錯：檢查 Apache 是否啟動、Web URL 是否正確、PHP 擴充套件是否載入
• 資料庫連線失敗：DW 的 Databases 面板需填寫正確的 Connection String（如 mysql:host=localhost;dbname=test）
• 中文亂碼：確保專案檔案、資料庫、Apache、PHP 全統一 UTF-8

現代化建議：漸進式遷移至 VS Code

DW 更新緩慢、擴充性差、對現代框架（Laravel、Symfony、Composer、PHPUnit）支援弱。建議：

1. 保留 DW 維護舊專案
2. 新專案改用 VS Code + PHP Intelephense + PHP Debug + SFTP
3. 利用 Live Server 擴充套件替代 Live View
4. Git 整合、終端機、任務運行器一站式體驗