在這節課中， 您將了解工作區功能 在 Adobe Dreamweaver 中。 我打開了 Dreamweaver。 如果你沒有打開它， 確保從您的 Creative Cloud 桌面應用程序中打開它。 現在，當我們打開 Dreamweaver 我們在這個家庭區，這個歡迎區； 我們可以在這裡看到，我們有我們的主頁選項卡， 我們有我們的學習選項卡，我們有我們的快速入門， 我們有我們的入門模板。 現在，在右邊， 我們有許多不同的面板。 我們有文件面板、Creative Cloud Libraries 面板、 插入面板和 CC 設計器面板， 以及 DOM、Assets 和 Snippets 面板。 這是標準工作區。 如果我們去 Window 菜單到 Workspace Layout， 你可以看到我們只有兩個默認工作區 在 Dreamweaver 中。 第一個是標準， 這就是我們正在研究的。 另一個是開發者。 如果我們點擊開發者， 我們可以看到它確實限制了面板的數量 我們已經打開了。 它只有"文件"面板和"片段"面板。 開發人員工作區主要供人使用 將 Dreamweaver 用作嚴格的代碼編輯器的人。 現在，我們要回到窗口菜單， 返回工作區佈局，返回標準 因為我們要使用一些功能 Dreamweaver 允許我們創建頁面 和網站，而不必真正了解 HTML。 我們要打開一個額外的面板， 當我們在 Dreamweaver 中工作時，這將對我們有所幫助。 所以我們要去窗口菜單， 我們要去屬性面板。 現在，屬性面板， 當我們打開它是一個浮動面板， 但我們要把它停靠在底部。 我們要點擊它 並將其向下拖動到底部。 你會看到有一個藍色的亮點正在發生 一旦它到達底部。 如果我們點擊它， 它嵌套在我們的工作區中。 現在，關於使用工作區的最佳部分 在任何 Adobe 程序中 是我們現在可以保存它的事實。 所以我們要去我們的窗口菜單到工作區佈局， 我們要去新工作區。 我們將把它命名為：帶屬性的標準。 那樣的話，如果有什麼事發生 我們需要清理我們的工作空間， 我們可以回到那個窗口菜單到工作區， 回到那個有屬性的標準， 它將把我們所有的面板放在我們需要它們去的地方。 現在，我們的屬性面板在這裡 現在底部看起來是空白的， 那是因為我們沒有任何開放的東西。 因此，我們將在此處轉到"快速啟動"選項卡 在我們的歡迎區， 我們只需點擊 HTML 文檔 從這裡開始。 現在，當你打開一個文檔時， 它可以是任何 HTML 文檔。 哪個程序創建了該 HTML 文檔並不重要。 這是工作的好處之一 Dreamweaver 和 HTML。 什麼程序創建了 HTML 並不重要， 你可以在這裡打開任何這些頁面 在 Dreamweaver 中。 在我們計劃的頂部中心，我們有三個選項。 我們可以在 Code 視圖中嚴格查看和工作。 我們可以做一個實時視圖。 這將準確地向我們展示我們頁面上的內容 以及它在網絡瀏覽器中的外觀。 如果我們點擊這個下拉菜單，就會有一個設計視圖 這真的不能讓我們真正預覽我們的頁面 看起來像， 但我們可以在 Live 和 Design 之間來回切換。 然後我們有拆分視圖。 現在，拆分視圖有點像兩全其美 因為拆分視圖可以讓我們看到我們的設計 還可以讓我們看到代碼。 因此，如果我們單擊此處並返回到設計視圖 並在這個白框區域上單擊， 我們可以輸入"Hello World！" 你可以在頂部看到， 這就是人們在查看該頁面時會看到的內容， 但也在底部， 我們可以看到代碼。 因此，即使您不需要了解 HTML 和 Dreamweaver， 稍微了解一下是個好主意。 這是一種你可以做到的方式 通過查看代碼 Dreamweaver 在後端創建的。 現在，我想指出的另一件事 是現在在我們的屬性中， 對於如何對文本進行風格化，我們有一些選擇。 我們的屬性面板 將根據對象而改變 我們選擇的。 所以稍後當我們添加文本時 我們在頁面中添加圖形， 我們將花一些時間在"屬性"面板中， 格式化該文本並格式化這些圖形。 但現在，我們只關注工作區。 所以在本課中， 您了解瞭如何在 Dreamweaver 中設置工作區， 在 Dreamweaver 中創建新頁面， 看著不同的景色 我們在處理 HTML 頁面時所擁有的。
