Dreamweaver 建立網站的四種方法完整教學

Adobe Dreamweaver (簡稱 DW) 是網頁開發常用的整合開發環境，建立站點是開始任何網頁專案的第一步。本文詳細介紹 DW 中建立新站點的四種主要方法，適合初學者快速上手，並附上圖文說明助您輕鬆掌握。

前置準備

啟動 Dreamweaver 軟體後，建議先建立一個新的 HTML 檔案（選單「檔案」→「新增」→「HTML」），接著在選單列找到「站點」欄位，點擊後會顯示「新增站點」與「管理站點」兩個選項，這就是我們開始的入口。

方法一：透過「新增站點」精靈逐步設定

這是最標準、引導最完整的方式，適合第一次建站的使用者。

1. 啟動精靈： 點選「站點」→「新增站點」，彈出設定視窗。
2. 站點名稱與網址： 輸入站點名稱（如「我的作品集」）與網站網址（如 https://www.example.com）。若僅為本機練習，網址可暫填任意完整格式（必須包含 https:// 與 www）。
3. 伺服器技術： 選擇使用的後端技術（PHP、ASP、JSP 等），純靜態頁面練習可選「無」，日後可再修改。
4. 本機檔案儲存位置： 指定一個本機資料夾存放網站檔案（如桌面上的 MySite）。注意：資料夾名稱請勿包含中文，建議使用英文或數字。
5. 遠端連線設定： 若已有 FTP 虛擬主機空間，選擇「FTP」並填入主機資訊；若無，選「無」或「本機網路」即可。
6. 完成確認： 檢視摘要資訊無誤後點擊「完成」，DW 面板即會顯示新建立的站點結構。

方法二：透過「管理站點」對話框新增

此法適合需同時管理多個站點的開發者。

1. 點選「站點」→「管理站點」。
2. 在彈出的對話框中點擊「新增」→「站點」。
3. 後續設定步驟與方法一完全相同，介面為標籤式設計，包含「基本」與「進階」兩種模式。

方法三：使用「進階」標籤一次設定所有選項

在「新增站點」或「管理站點」的對話框中，切換至「進階」標籤。此模式將所有設定（本機資訊、遠端資訊、測試伺服器、版本控制等）集中在分類清單中，適合熟悉流程、想快速完成部署的進階使用者，無需像「基本」模式那樣一步步點「下一步」。

方法四：從「檔案」面板快速存取

在右側「檔案」面板左上角的下拉選單中，直接選擇「管理站點」，或點擊桌面版選單列的「站點」→「管理站點」，進入點同樣是「管理站點」對話框，後續操作同方法二。

常見提醒與最佳實務

• 資料夾命名： 本機根目錄與子目錄皆避免中文、空格與特殊符號，防止路徑解析錯誤。
• 大小寫敏感： 若未來部署至 Linux 伺服器，檔名大小書需一致，建議統一使用小寫。
• 站點快取： 切換專案時，DW 會自動快取站點設定，若發現路徑錯誤，可在「管理站點」中重新編輯或重建。

掌握這四種建站方式，您就能根據專案需求與個人習慣，靈活選擇最順手的流程，讓網頁開發起步更順暢。