如何在 Dreamweaver 中編輯 WordPress 主題

如果您想在 Dreamweaver 中編輯 WordPress 主題，可以這樣做。 但是，重要的是要注意 Dreamweaver 不是 WordPress 特定的編輯器。 因此，您需要充分了解 WordPress 和 Dreamweaver 才能充分利用此過程。 一般來說，在處理 WordPress 主題時，最好使用 Dreamweaver 之類的代碼編輯器。 這是因為代碼編輯器提供了比 WordPress 的內置編輯器更強大的編輯環境。 但是，如果您習慣使用 WordPress 編輯器，您當然可以使用它來編輯您的主題。 在 Dreamweaver 中編輯 WordPress 主題時，您需要做的第一件事是創建一個新站點。 為此，請從 Dreamweaver 菜單中選擇文件 > 新建 > 站點。 在站點設置對話框中，在站點 URL 字段中輸入您的 WordPress 站點的 URL。 然後，在本地站點文件夾字段中選擇 WordPress 文件夾。 創建新站點後，您可以開始編輯主題。 為此，請在 WordPress 主題下拉菜單中選擇要編輯的主題。 然後，單擊編輯按鈕。 Dreamweaver 將在 Dreamweaver 界面中打開主題文件。 從這裡，您可以像編輯任何其他網頁一樣編輯主題的 CSS 和 HTML 文件。 完成編輯後，請務必保存更改並將編輯後的主題上傳到您的 WordPress 網站。

使用 Adob​​e Dreamweaver 作為桌面工具，您可以創建具有視覺吸引力的網站。 這是一個前端開發環境，可讓您在 HTML、CSS、JavaScript 和當前設計的實時預覽之間快速切換。 此外，您可以使用強大的所見即所得模式直觀地設計和佈局頁面，該模式會在您工作時自動生成代碼。 使用 WordPress 和 Dreamweaver，您可以創建各種自定義主題，而無需學習 HTML、CSS、JavaScript 或 PHP。 您可以隨時編輯 HTML 文件和模板文件。 使用它不需要您是前端開發人員。

使用 Coding 上下文菜單編輯代碼 使用 Dreamweaver 中的 Coding 上下文菜單可以快速輕鬆地編輯您的代碼。 此選項將允許您進入快速編輯模式。 當您處於此模式時，您可以通過內聯提供特定於上下文的代碼和工具來快速訪問所需的代碼部分。

您可以通過選擇插入 > 模板 > 製作模板來製作模板。 通過從下拉菜單中選擇模板，可以在插入面板的通用類別中找到製作模板選項。

如何編輯我的 WordPress 主題？

來自 WordPress 主題的文件可以使用 WordPress 主題編輯器打開。 可以在文本編輯器中查看文件的內容，因此您可以直接在儀表板中修改主題的代碼。 主題文件編輯器與舊 WordPress 版本中的主題編輯器是相同的工具，但它現在用於較新版本的 WordPress 5.9。

主題中包含的 WordPress 定制器可讓您輕鬆更改其外觀。 它可用於更改您網站的標題和標語、創建自定義菜單、添加小部件以及更改您的主頁設置。 該工具在發布之前為您提供更改的實時預覽。 您可以使用許多不同的工具來自定義 WordPress 網站的外觀。 這些工具具有拖放功能並提供用戶友好的界面。 為了連接您的主題和頁面，您可以使用 Beaver Themer。 Elementor 是最受歡迎的 WordPress 網站建設者之一，擁有超過 500 萬用戶的社區。

這個多合一主題包括一個網站構建器以及一個多合一主題。 該程序包括許多功能，包括自定義 CSS 控件、拖放構建和內聯文本編輯。 使用 Ultimate Tweaker，您可以輕鬆且經濟地自定義 200 多個 WordPress 主題。 您在其直觀的可視化編輯器中所做的每一項更改都會自動實時可視化。 Headway Themes 構建軟件具有兩種不同的軟件包選項，是一款高級構建器。 可以使用拖放編輯器將塊、擴展和元素添加到您的佈局中。 使用 Visual Composer 應用程序，您可以控制頁面、帖子的佈局，甚至可以使用任何 WordPress 主題製作自定義帖子。

如何在 Dreamweaver 中編輯網站模板？

通過右鍵單擊模板並選擇編輯，您可以更改其設置。 如果您之前輸入過要編輯的模板的名稱，請單擊它。 選擇要編輯的模板，然後單擊“資產”面板底部的“編輯”進行編輯。

編輯者可以分別更改、更新和刪除 Dreamweaver 和 Contribute 站點中的模板。 您可以在“資源”面板的“模板”部分中組織現有模板。 當您更改並保存模板時，基於它的所有文檔都會自動更新。 如有必要，您還可以手動更新文檔以包含任何更改。 在 Windows、Mac 或 Finder 中重命名模板與在 Windows 資源管理器中重命名文件相同。 手動更新基於模板的文檔的過程與重新應用它們的過程相同。 如果要更新站點上的所有頁面，請選擇特定模板。

如果要更新特定模板的文件，請轉到“使用的文件”菜單並從彈出菜單中選擇模板的名稱。 Show Log 選項是阻止程序顯示已更新文件的日誌的唯一方法。 刪除後，您無法檢索已刪除的模板文件。 無需根據先前刪除的模板刪除文檔。

例如，如果要為主頁創建模板，您可以指定它包括頁眉和一些基本的設計元素，以及一些部分內容。 然後可以使用文檔模板創建具有標題和部分內容以及您自己的自定義設計元素的文檔。
或者，模板可用於創建“項目”頁面佈局。 項目頁面模板將包括標題、項目概述和項目詳細信息。 標題和項目概述包含在隨後的文檔中，但在這種情況下，您可以將自己的自定義內容（例如圖像、視頻和文本）添加到項目詳細信息部分。
選擇模板時，會出現“可編輯內容”選項卡，其中包含三個選項卡：可編輯內容、可編輯數據和可編輯視圖。
可以編輯部分。
此選項卡包含模板所有部分的列表。 每個部分都有一個代表它的矩形，您可以更改要編輯的部分。 部分內容顯示在窗口的下半部分，而模板佈局顯示在上半部分。
它是該程序的最新版本； 它也被稱為“可編輯內容”。
在模板中，此選項卡上的所有內容都有一個列表。 您可以編輯帶有矩形的任何項目，並為其分配了特定數量的字符。 項目的內容顯示在窗口的下半部分，而模板佈局顯示在上半部分。
該工具允許您編輯任何頁面。
此選項卡顯示模板中所有頁面的列表。 一個矩形代表每一頁，您可以選擇一個進行編輯。 您可以通過單擊其中任何一個來訪問窗口下半部分的頁面內容和上半部分的模板佈局。
當您基於模板編輯文檔時，模板會自動更新。 如果要更改整個模板，請選擇一個模板文件，然後在“可編輯文件”下編輯該文件時對其進行更改。
如果您想了解更多關於模板的信息，請訪問我們的網站。
創建繼承模板佈局和內容的文檔是“固定”頁面佈局設計的重要組成部分。 模板可用於編輯文檔中的部分和項目，並且模板將在您添加或刪除項目時自動更新。

如何在 Dreamweaver 中復制和編輯網站？

通過單擊編輯選項卡，選擇全選，然後從同一下拉菜單中復制，您可以從編輯列表中復制項目。 要在 Internet Explorer 中查看源代碼，請轉到瀏覽器頂部的“查看”選項卡，然後轉到底部的“源代碼”選項卡。 在此窗口中，您將看到源代碼預覽。

如何復制 Dreamweaver 模板

如何復制Dreamweaver 模板？ 通過單擊 CTRL C，您可以復製文件。 CTRL V 可用於粘貼複製的文件，具體取決於文件​​所在的位置。 通過單擊文件名兩次，您可以更改其名稱以使其更易於編輯。 兩種回答都是正確和有用的。

使用 Dreamweaver 編輯 WordPress 網站

WordPress 是一種流行的內容管理系統 (CMS)，它允許用戶輕鬆創建和編輯網站。 Dreamweaver 是一種流行的 Web 開發工具，可用於編輯 WordPress 網站。 雖然可以通過 WordPressdashboard 直接編輯 WordPress 網站，但許多用戶發現使用 Dreamweaver 編輯他們的 WordPress 網站更容易。 Dreamweaver 提供了更加用戶友好的界面，並允許用戶更輕鬆地在其 WordPress 站點上添加和編輯內容。

我們將不使用 Dreamweaver 等網頁設計工具，而是使用 WordPress 為我們的數字營銷證書計劃開發網站。 WordPress 現在是 Internet 上近三分之一的網站的默認內容管理系統。 許多數字營銷人員在尋求學習如何向網站添加內容時會發現 WordPress 網站。 WordPress，而不是 Dreamweaver，是一個內容管理系統 (CMS)。 使用 Dremweaver 創建的頁面是單獨設計的，而使用 WordPress 構建的頁面由編輯器指導，並包含用於上傳內容的模板。 與 HTML 和 CSS 文件不同，WordPress 主題由設計人員構建，並在需要它們的任何頁面中重複使用。

Adobe Dreamweaver 比 WordPress 更好嗎？

如果您想要完全的創意控制（並且願意學習 HTML 和 CSS），您可以使用 Dreamweaver 創建您夢想中的網站。 如果您想在短時間內建立一個簡單、專業的網站，WordPress 是最佳選擇。

Dreamweaver 模板

Dreamweaver 模板是預先設計的網頁，您或其他人可以將其用作新網站的起點。 模板可以成為快速啟動和運行具有專業外觀的網站的好方法，而無需從頭開始設計所有內容。 有很多地方可以在線找到Dreamweaver 模板，您甚至可以創建自己的模板。

我們很高興在 2019 年為您的設計項目提供 30 個免費的 Dreamweaver 模板。HTML5、CSS3 和其他新的 Web 技術正在被網頁設計師所接受。 您可以使用響應式、扁平化和美觀的滑塊選項輕鬆創建新模板，無需擔心錯過現代元素。 目錄模板是在 Twitter Bootstrap 上構建的，用於對主頁上的類別進行分類。 Adaria 雜誌模板可以完全兼容 CSS3 和 Xhtml。 Connect 是一個免費的 html/html 模板，帶有綠色調，可供網頁設計師使用。 Metasplash 是一個用於經營鞋店的模板，該鞋店銷售來自世界各地的鞋類。

您可以在其中創建數字作品集的網站和可以為您的項目找到設計師的博客。 具有 3D 過渡效果的滑塊以及排列良好的元素，可讓您展示您的網頁設計項目。 該站是為建築行業購買新的重型設備的理想選擇。 由於精心設計的定價部分和添加到購物車功能，這家商店看起來很棒。

通過單擊文件 > 新建 > 站點模板，您可以創建新的 Dreamweaver 模板。 如圖 1 所示，新建站點模闆對話框打開。 系統將提示您從列表中選擇新站點模板。 在名稱字段中，添加模板的名稱，例如博客模板。 模板文件的位置可以在位置字段中輸入。 默認情況下，可以在站點的本地根文件夾中找到模板。 當您選擇一個模板時，它將在“文件類型”字段中顯示為一種文件類型。 您必須使用 a 在 Adob​​e Dreamweaver 中生成模板文件。 此文件擴展名是 adwt 文件擴展名。 在模板文件字段中，有將包含在模板中的文件。 如果它們不存在，則在 Dreamweaver 中創建這些文件。 每種文件類型都分配有一個自動生成的模板名稱。 模板內容字段允許您指定模板的內容。 當前可見的三個字段包括站點名稱、站點徽標和內容類型。 該模板包含站點字段的字段，如Dreamweaver 站點字段部分所示。 站點標題、站點描述、站點路徑、站點類別和站點關鍵字字段都在站點關鍵字字段中可用。 Dreamweaver 站點元素部分提供了可在模板中使用的站點元素列表。 站點正文字段、站點標題字段、站點頁腳字段、站點菜單字段、站點導航欄字段、站點類別頁面字段和站點標籤雲字段是可用的元素。 Dreamweaver 網站的模板標籤部分包含可在模板上使用的模板標籤列表。 站點標題標籤字段、站點描述標籤字段、站點徽標標籤字段、站點菜單標籤字段、站點導航欄標籤字段、站點類別頁面標籤字段和站點標籤雲標籤字段均可用。 該站點的模板設置部分包含模板設置的列表。 您可以選中使用全局站點設置複選框、使用自定義 CSS 複選框、使用自定義 JavaScript 複選框、使用全局媒體查詢複選框和使用自定義字體複選框。 其他模板設置可以在主菜單中找到。 如果要啟用 CSS 屬性引用、JavaScript 引用或圖像引用，請選中啟用 CSS 屬性引用複選框、啟用 JavaScript 引用複選框或啟用圖像引用複選框。

Dreamweave 的持續流行

儘管如此，許多人仍然依賴 Adob​​e Dreamweaver 來創建簡單的交互式網站。 由於這些原因，它長期以來一直是一種流行的網頁設計工具。 許多最受歡迎的網站，包括福布斯、赫芬頓郵報和紐約時報，都是使用 Adob​​e Creative Suite 構建的。
如果您想創建一個簡單的網站或只是想快速輕鬆地創建一些基本的 HTML 頁面，Photoshop 應用程序是一個很好的選擇。

Dreamweaver 是否與 WordPress 一起使用

是的，Dreamweaver 可與 WordPress 配合使用。 您可以使用 Dreamweaver 創建和編輯 WordPress 主題、插件和帖子。

兩個最流行的 Web 開發平台是 Dreamweaver 和 WordPress。 此選項更易於使用，具有更大的設計靈活性，可與更廣泛的附加組件集成，並且成本更低。 平均而言，小企業主缺乏當今 Web 開發所需的網頁設計技能或編碼經驗。 Dreamweaver 的拖放功能非常適合創建基本網頁佈局，但它是創建響應式設計和高級功能所必需的。 在沒有先驗知識的情況下，您可以使用對 WordPress 友好的網站創建者，例如 Elementor。 如果電子商務網站所有者想要限制所需的手動編碼量，他們應該使用 WordPress 而不是 Dreamweaver。 您可以使用 WooCommerce 輕鬆地將產品庫和功能齊全的購物車添加到您的網站。

因此，對於想要在線銷售的人來說，WordPress 是一個更好的選擇。 WordPress 提供的集成機會越多，它與 Dreamweaver 集成的可能性就越大。 必須手動編碼 Adob​​e 或第三方解決方案與 Dreamweaver 網站的集成。 另一方面，大多數 WordPress 插件不需要任何編碼即可安裝或配置。 WordPress 很容易獲得幫助，因為有大量願意提供幫助的人。 每月 30 美元的共享主機託管計劃可讓小型企業輕鬆開展業務。 當您創建網站時，您很可能會獲得其大部分價值。

另一方面，WordPress 允許用戶免費管理其網站的內容及其所有附加功能。 使用 Dreamweaver 模板導入功能，您可以導入 WordPress 模板，然後對其進行編輯以創建網站。 對於沒有任何編碼技能或設計經驗有限的網站所有者來說，WordPress 是一個絕佳的平台，可以創建一個功能齊全的網站。 結合這兩個平台可以創建一個真正的混合開發環境。 小企業主可以利用該平台的易用性和低成本。 對於大多數小企業主來說，使用 Dreamweaver 創建網站需要付出很多努力。 WordPress 允許非技術用戶創建一個安全、專業的網站，而無需編碼。 它是最流行的內容管理系統之一，使其簡單易用。

大多數用戶是網站設計的新手或沒有必要的編程技能的用戶。 使用 WordPress 和 Adob​​e Photoshop 等更加用戶友好和負擔得起的替代品已經消除了對軟件的需求。

Dreamweaver 缺少內置的 PHP 開發環境

儘管如此，由於 Dreamweaver 沒有內置的 PHP 開發環境，因此您必須依靠不同的工具（例如 Apache 或 phpstorm）來編譯和調試您的 PHP 代碼。

Dreamweaver 與 WordPress

那裡有很多不同的網站構建器平台，很難確定哪一個適合您。 如果您嘗試在 Dreamweaver 和 WordPress 之間進行選擇，這實際上取決於您對網站的需求和期望。 如果您正在尋找更簡單直接的東西，那麼 Dreamweaver 可能是更好的選擇。 但是，如果您想要一個更可定制和更複雜的網站，那麼 WordPress 可能是一個更好的選擇。 這真的取決於你的具體需求。

從開始到結束，這是一個完全不同的過程。 WordPress 用戶界面更易於使用，因為有更多的指導。 要在 Dreamweaver 中創建網站，需要有更多的編碼經驗。 如果您想了解是什麼讓 WordPress 脫穎而出，請跳過評論並立即註冊免費試用。 Adobe 使用起來並不簡單，即使你對它很熟悉（比如我）。 Dreamweaver 中沒有內置的 SEO 或其他集成。 從頭開始創建一切是不可能的。

相比之下，WordPress 更加用戶友好且易於使用。 然而，儘管有競爭對手，但仍有理由同時使用兩者。 如果您知道如何學習一個網站，您可以輕鬆地在另一個網站上建立一個自託管網站。 結果，您最終會為此支付更少的費用。 如果您想要完全的創意控制，可以使用 Adob​​e Dreamweaver 創建您夢想中的網站。 如果您需要一個快速構建的網站，WordPress 是一個更好的選擇。 我們的頂級網站建設者列表隨時可供查看。

Adobe Dreamweaver 好用嗎

這個問題沒有萬能的答案，因為最適合您的 Dreamweaver取決於您的特定需求和工作流程。 但是，許多專業的 Web 設計人員和開發人員認為 Dreamweaver 是可用的最佳 Web 開發工具之一。 Dreamweaver 包含使創建和管理網站更容易的功能，並且它與其他 Adob​​e 產品（如 Photoshop 和 Illustrator）的集成使其成為創建美觀、響應迅速的網站的強大工具。

Dreamweaver 教程

假設您想要 Adob​​e Dreamweaver 的簡要概述：
Adobe Dreamweaver 是一個用於創建和編輯網站的軟件程序。 它是一個可視化編輯器，這意味著它允許您在進行更改時查看更改在網頁上的樣子，而不必手動編寫更改代碼。 Dreamweaver 還具有內置的 FTP 客戶端，因此您可以將您的網站直接從該程序上傳到您的 Web 服務器。

使用該應用程序時，您可以設計、編碼和管理網站。 您可以在瀏覽器和用戶界面中創建網站，也可以編寫代碼。 在本教程中了解如何使用 Dreamweaver 創建一個簡單的網站。 它具有以下功能： 借助支持 HTML5、CSS、JavaScript 和 PHP 的 Dreamweaver，Web 設計變得更加容易。 許多新功能將在即將到來的初學者教程中演示，涵蓋範圍廣泛。 第一步是確定哪個工作區最適合開發人員或標準工作區。 如果您是第一次使用它，我們希望創建一個現場演示，展示您的網站的外觀（假設目前為空白）以及支持它的代碼。

該程序將生成一些您可以利用的基本 HTML 標記。 要將元素插入頁面，您必須首先選擇其位置。 本Dreamweaver 教程的目標是教您如何更改頁眉的文本。 然後，在接下來的兩個步驟中，您將為整個站點的 CSS 樣式創建一個專用文件。 向下滾動到文件/URL 字段以查找站點文件的名稱、樣式。 如有必要，CSS。 當您看到一個新文件時，它將被添加到您的實時視圖的頂部。

就像在 DOM 視圖的右下角輸入 H1 一樣簡單。 然後，您可以單擊加號進入“選擇器”頁面。 如果使用此方法，則應使用 h1 作為選擇器名稱。 通過單擊管理字體可以在頁面底部找到此菜單。 在這裡，您可以從 Adob​​e 字體商店中選擇免費的 Adob​​e 字體。 當您在 Dreamweaver 中鍵入內容時，系統會提示您為要輸入的內容提供建議，從而更加方便。 您可以通過包含以下代碼將文本居中、添加所有大寫字母並使其全部大寫。

本教程將引導您完成在 Adob​​e 的 Dreamweaver 中創建基本網頁的過程。 我們還利用了瀏覽器預覽功能，該功能允許您在瀏覽器或移動設備上實時預覽您的網站。 Insert 函數可用於添加更多元素，然後可以使用 CSS 設置它們的樣式。 當您對瀏覽器進行更改時，它會自動顯示它們。 本指南將引導您完成為小屏幕添加條件樣式的過程。 條件樣式是一種指示瀏覽器將樣式應用於大於屏幕尺寸或具有特定設備的屏幕的樣式。 可以指定媒體查詢的條件，例如媒體查詢的應用方式、方向以及顯示的分辨率。

您可以通過轉到文件並在頁面右上角選擇它來更改頁面上的 CSS 選擇器。 要減小字體大小，請將字體大小設置為小於當前大小。 如果您想讓頁面上的任何其他元素看起來不錯，您可以更改所有元素的 CSS。 在左下角，有一個預設的設備大小，您可以使用它來更快地創建媒體查詢。 使用該程序，您可以創建一個易於使用的網站。 該工具的用戶界面很簡單，其代碼編輯器組織良好。 通過這種組件的組合，初學者、中級和高級用戶都將能夠輕鬆創建高質量的網站。 我們將向您展示如何在本教程中設置程序，我們將向您展示如何啟動您的第一個網站。

當您準備好開始編碼時，輸入以下代碼：
有兩個文件：1.1.0.0jquery.min.js 和 1.1.0.0jhtml.js。
在 Dreamweaver 中，插入了一個 jQuery 庫，並將 src 屬性分配給該庫的 URL。
您必須包含 jQuery 的 JavaScript 文件才能使用它。 選擇插入後，插入 HTML 對象。 如果您正在創建 HTML5 或 XHTML 頁面，請從“類型”菜單中選擇“無”； 如果您正在創建 HTML4 或 HTML5 頁面，請從“類型”菜單中選擇“text/javascript”。
準備好開始編碼後，立即鍵入以下代碼。
網址：http://www.Google.com/apis/jax/libs/js/jquery/1.11.0/jquerymin.js /script>
jQuery 庫已動態插入到 Dreamweaver 中，並且它的 URL 已設置為 src。
jQuery 現在可以第一次使用。 為了使您的頁面更具吸引力，您應該輸入以下代碼：
單擊 $(btn) 可以訪問函數。
當用戶單擊一個按鈕時，將調用 .btn 類名並附加此函數。
您可以通過輸入以下代碼來完成您的頁面。
詞組 ”）;”; 是兩個字母的組合。

Dreamweaver 適合初學者嗎？

掌握起來並不容易，因為Adob​​e Dreamweaver CC的可視化界面一開始很簡單，但後來很難掌握。 為了創建一個出色的網站，您只能提高自己的技能。 因此，雖然該軟件提供了各種 Web 開發功能，但您幾乎沒有知識或根本沒有知識，但您無法充分利用它們。

Adobe Dreamweaver 與 Microsoft Visual Studio

每個工具都有幾個優點和缺點，如果您剛剛開始，價格更實惠但構建更好的 Dreamweaver 是一個很好的選擇，而 Visual Studio 是更複雜項目的更好選擇。

Adobe Dreamweaver 難學嗎？

如果您熟悉 HTML 和 CSS，則無需學習有關 Dreamweaver 的任何新知識。 即使您完全是初學者，也可以學習 Dreamweaver； 但是，由於您將有一個陡峭的學習曲線，您可能無法使您的時間表保持在正軌上。

Dreamweave 的優缺點

但是，該程序並非完美無缺。 作為初學者，它可能看起來很困難，對於只想創建基本網站的小型企業或個人來說可能成本很高。

如何學習 Dreamweaver？

對於初學者來說，擁有這一點至關重要。 當用戶不確定如何處理圖像、字體或顏色時，Adobe Dreamweaver 將自動生成一個包含建議選項的下拉菜單。 您可以從多種代碼選項中進行選擇，並在選擇為您的網站量身定制的代碼選項後創建自己的選項。 掌握起來非常簡單。

Dreamweaver：一個強大的工具，適合任何希望在 Web 開發方面建立職業的人

它是一個功能強大的工具，可以在各個級別使用，適合所有人。 該應用程序使您可以輕鬆構建您所設想的網絡形象，它也可以成為任何對網絡開發感興趣的人的強大工具。 如果您想開始自己的 Web 開發業務，您必須擁有 Dreamweaver 之類的工具。 它用戶友好且靈活，使創建網站變得輕而易舉。 如果您有興趣了解有關 Web 開發的更多信息，我強烈建議您使用 Dreamweaver。

網頁設計師還在使用 Dreamweaver 嗎？

由於它作為一個簡單的拖放式網站構建器而長期享有盛譽，可以產生有吸引力但臃腫的頁面，嚴肅的網頁設計師傾向於避免它。 我們可以使用 Photoshop 和插畫家 Erik Ly 作為數字藝術家一起工作。

Dreamweaver：創建新頁面的基礎知識

如果您正在使用 JavaScript 文件創建網頁，則可以使用 Dreamweaver 來執行此操作。 對於新頁面，JavaScript 文件必須包含在與網頁文件相同的目錄中。
創建新頁面後，Dreamweaver 會構建一個 index.js 文件，其中包含 HTML、CSS 和 JavaScript 代碼。