Web 開發(fā)的第一個階段是規(guī)劃階段，在此階段您分析受眾需求以及技術和市場需求。您還收集有關設計和發(fā)布網(wǎng)站所需的必要信息，回答類似以下的這些問題：

• 我選擇哪個服務提供商來托管網(wǎng)站？我是否可以將文件上傳到發(fā)布服務器？
• 網(wǎng)站使用什么域名？
• 如果您正在將現(xiàn)有網(wǎng)站遷移到 Dreamweaver，當前這些文件和資源存儲在何處？我是否可以訪問存儲此信息的服務器？
• 如果您需要一個動態(tài)網(wǎng)站，我能使用哪個服務器來測試數(shù)據(jù)是否動態(tài)顯示？我是否有要用于加載動態(tài)數(shù)據(jù)的 Web 應用程序服務器的詳細信息？
• 網(wǎng)站需要哪些種類的資源？
• 這些資源將從頭開始設計嗎？如果這些資源已提供，我是否可以訪問它們？
• 我想使用什么應用程序來設計資源？
• 我是否計劃創(chuàng)建一個響應性網(wǎng)站？

假定您對要開發(fā)的網(wǎng)站、如何以及在何處托管它有清楚的了解，并且選擇了 Dreamweaver 和 Creative Cloud 用于 Web 開發(fā)流程，請繼續(xù)執(zhí)行下一步。

檢查您是否有您的網(wǎng)站所需的所有資源。在您的本地文件夾或 Adobe 的 Creative Cloud Libraries 中收集和整理它們。

使用以下項在 Dreamweaver 中創(chuàng)建新文檔：

• 新的空白文檔，
• 隨 Dreamweaver 打包的起始頁模板，或
• 其他人創(chuàng)建的模板文件 (*.dwt)
• 請花幾分鐘時間熟悉 Dreamweaver 工作區(qū)。找到適合您的工作區(qū)，然后設置顏色主題。以適合您的方式重新組織不同的面板。

在 Dreamweaver 中設置您的站點。開始使用文件和資源創(chuàng)建文件夾結構。在組織好信息并確定結構后，您就可以開始創(chuàng)建站點了。（請參閱。）

在此階段，最好還設置到遠程服務器的連接，如果有動態(tài)內(nèi)容，還要設置測試服務器。在此階段，最好還設置到遠程服務器的連接，如果有動態(tài)內(nèi)容，還要設置測試服務器。

開始在“代碼”視圖中編寫網(wǎng)頁代碼，或在“設計”/“實時”視圖中設計網(wǎng)頁。

如果您計劃使用 Photoshop 復合，可以將它們提取到 Dreamweaver 并處理它們。有關使用 Photoshop 圖層復合的詳細信息，請參閱.

添加設計元素，如文本、圖像、鼠標經(jīng)過圖像、圖像地圖、顏色、影片、聲音、HTML 鏈接、表格等。

使用 CSS 確定網(wǎng)頁外觀樣式。

您可以使用不同方式在 Dreamweaver 中處理 CSS：

• 您可以將手動編寫 CSS 代碼。有關幫助您手動編寫 CSS 代碼的 Dreamweaver 編碼功能的信息，請參閱 。
• 如果您不十分熟悉創(chuàng)建 CSS 頁，可以使用 CSS Designer 面板幫助生成 CSS。更多信息，請參閱。
• 如果您更喜歡使用 Sass 和 Less 文件，Dreamweaver 也支持該選項，允許您將 Sass 和 Less 文件導入 Dreamweaver 站點并處理它們。Dreamweaver 然后自動編譯它們（或您可以選擇手動編譯它們）并實時查看 CSS 更改的結果。有關將 Sass 和 Less 文件用于 Dreamweaver 的信息，請參閱 。

針對創(chuàng)建動態(tài)內(nèi)容設置 Web 應用程序。

許多 Web 站點都包含了動態(tài)頁，動態(tài)頁使訪問者能夠查看存儲在數(shù)據(jù)庫中的信息，并且一般會允許某些訪問者在數(shù)據(jù)庫中添加新信息或編輯信息。若要創(chuàng)建此類頁面，則必須先設置 Web 服務器和應用程序服務器，創(chuàng)建或修改 Dreamweaver 站點，然后連接到數(shù)據(jù)庫。更多信息，請參閱.

創(chuàng)建動態(tài)頁.

在 Dreamweaver 中，您可以定義動態(tài)內(nèi)容的多種來源，其中包括從數(shù)據(jù)庫提取的記錄集、表單參數(shù)和 JavaBeans 組件。要將動態(tài)內(nèi)容添加到網(wǎng)頁，僅將該動態(tài)內(nèi)容拖放到網(wǎng)頁即可。

您可以通過設置頁面來同時顯示一個記錄或多個記錄，顯示多頁記錄，添加用于在記錄頁之間來回移動的特殊鏈接，以及創(chuàng)建記錄計數(shù)器來幫助用戶跟蹤記錄。更多信息，請參閱。

測試、預覽和發(fā)布網(wǎng)站。測試、預覽和發(fā)布網(wǎng)站。

在創(chuàng)建頁面后，您需要預覽它們以查看網(wǎng)站是否符合設計目標。您可以在“拆分”視圖中編碼，同時使“編碼”視圖和“實時”視圖并排放置。

您還可以在設備上實時預覽網(wǎng)頁（如果您創(chuàng)建的是響應式網(wǎng)頁），或在瀏覽器中預覽。

如果您不需要實時預覽體驗，可以使用常規(guī)的“在瀏覽器中預覽”體驗。

如果您已定義到遠程服務器的連接，則要發(fā)布您的網(wǎng)站，需要向遠程服務器上傳文件以使它們變?yōu)榛顒拥摹?/p>