必威电竞|足球世界杯竞猜平台

Adobe Dreamweaver
來源:互聯(lián)網(wǎng)

Adobe Dreamweaver,簡稱“DW”,中文名稱"夢想編織者",DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。最初為美國Macromedia公司開發(fā),2005年被奧多比收購。

Adobe Dreamweaver使用所見即所得的接口,利用對 HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網(wǎng)站建設,集成實時視圖與多屏幕預覽功能,提供自適應網(wǎng)格版面和CSS3轉換工具以實現(xiàn)響應式設計。DW有HTML(標準通用標記語言下的一個應用)編輯的功能,集成智能編碼引擎,輕松地創(chuàng)建、編碼和管理動態(tài)網(wǎng)站。訪問代碼提示,即可快速了解HTML、CSS和其他Web標準。使用視覺輔助功能減少錯誤并提高網(wǎng)站開發(fā)速度。

2022年6月,奧多比發(fā)布Adobe Dreamweaver 21.3版本。

發(fā)展沿革

Dreamweaver1.0發(fā)布于1997年12月,由之前的Macromedia公司發(fā)布。1998年3月,Dreamweaver1.2版本(第一個Windows版本)發(fā)布。Dreamweaver2.0,發(fā)布于1998年12月。2005年,Macromedia公司被奧多比收購。根據(jù)雙方達成的協(xié)議,Macromedia股東將以1:0.69的比例獲得Adobe的普通股。

2007年4月,Dreamweaver9.0版本替換Adobe GoLive加入Adobe Creative Suite。自2011年4月起,Dreamweaver11.5版本支持html5。2013年,13.0版本刪除永久使用許可,并通過云端提供服務。2014年4月,14.0版本提供DOM的可視化工具,支持實時查看更新,層疊樣式表設計升級。同年6月起,支持64位架構。此后Dreamweaver每年推出一個版本更新,2019年11月,20.0版本發(fā)布。2022年6月,奧多比發(fā)布Dreamweaver21.3版本,集成了最新的第三方庫升級和錯誤修復。

歷史版本

主要功能

實時預覽

Adobe Dreamweaver具有實時預覽功能,可以在瀏覽器中實時展示對網(wǎng)頁的更改,無需手動刷新頁面,提高了工作效率。用戶可以在代碼視圖中對網(wǎng)頁進行編碼,或在設計/實時視圖中進行設計。如果使用P圖合成,則可以提取到Dreamweaver中并進行處理。可以添加設計元素,例如文本、圖像、翻轉圖像、圖像映射、顏色、電影、聲音、HTML鏈接、表格等。

代碼編輯器

Adobe Dreamweaver內置了強大的代碼編輯器,支持HTML層疊樣式表ECMAScript等多種前端技術,方便用戶進行代碼編寫和調試。結合使用CSS和HTML,可以構建靜態(tài)站點。大多數(shù)網(wǎng)站需要某種形式的交互和數(shù)據(jù)庫來存儲所有網(wǎng)站數(shù)據(jù)。除了文本編輯功能之外,Adobe Dreamweaver還提供各種功能(例如代碼提示)來幫助用戶進行編碼:Dreamweaver中的RoundtripHTML功能允許用戶在基于文本的HTML編輯器和Dreamweaver之間來回移動文檔,而對文檔原始HTML源代碼的內容和結構影響縮小或不影響。

工作區(qū)

應用程序欄:位于應用程序窗口的頂部,包含工作區(qū)切換器、菜單(僅限 Windows)和其他應用程序控件。

文檔工具欄:包含為文檔窗口的不同視圖(例如設計視圖、實時視圖和代碼視圖)提供選項的按鈕。

標準工具欄:要顯示標準工具欄,請選擇窗口>工具欄>標準。Windows桌面小工具包含文件和編輯菜單中常見操作的按鈕:新建、打開、保存、全部保存、打印代碼、剪力、復制、粘貼、撤消和重做。

工具欄:位于應用程序窗口的左側,包含特定于視圖的按鈕。

文檔窗口:在您創(chuàng)建和編輯當前文檔時顯示該文檔。

物業(yè)檢查員:允許您查看和更改所選對象或文本的各種屬性。每個對象都有不同的屬性。

標簽選擇器:位于文檔窗口底部的狀態(tài)欄中。顯示圍繞當前選擇的標簽層次結構。單擊層次結構中的任何標簽即可選擇該標簽及其所有內容。

面板:幫助您監(jiān)控和修改您的工作。示例包括“插入”面板、“層疊樣式表 設計器”?面板和“文件”面板。要展開面板,請雙擊其選項卡。

提取面板:允許您在 Adobe Creative Cloud 上上傳和查看 PSD 文件。使用此面板,您可以將 PSD 組合中的 CSS、文本、圖像、字體、顏色、漸變和尺寸提取到文檔中。

插入面板:包含用于將各種類型的對象(例如圖像、表格和媒體元素)插入到文檔中的按鈕。每個對象都是一段 HTML 代碼,您可以在插入它時設置各種屬性。例如,您可以通過單擊“插入”面板中的“表格”按鈕來插入表格。如果您愿意,可以使用“插入”菜單而不是“插入”面板來插入對象。

文件面板:允許您管理文件和文件夾,無論它們是 Dreamweaver 站點的一部分還是遠程服務器上的文件和文件夾。文件面板還允許您訪問本地磁盤上的所有文件。有關詳細信息,請參閱管理文件和文件夾。

片段面板:允許您在不同的網(wǎng)頁、不同的站點和不同的 Dreamweaver 安裝中保存和重復使用代碼片段(使用同步設置)。有關更多信息,請參閱通過片段重用代碼。

層疊樣式表 設計器面板:是一個 CSS 屬性檢查器,可讓您“直觀地”創(chuàng)建 CSS 樣式、文件并設置屬性以及媒體查詢。

文檔窗口

實時取景:顯示文檔在瀏覽器中的真實外觀,并讓您與文檔進行交互就像在瀏覽器中一樣。您可以直接在實時視圖中編輯 HTML 元素,并在同一視圖中立即預覽您的更改。有關在實時視圖中編輯的更多信息,請參閱在實時視圖中編輯 HTML 元素。

設計視圖:是一個用于可視化頁面布局、可視化編輯和快速應用程序開發(fā)的設計環(huán)境。在此視圖中,Dreamweaver 顯示文檔的完全可編輯的可視化表示形式,類似于在瀏覽器中查看頁面時看到的內容。

代碼視圖:是一個用于編寫和編輯 HTMLECMAScript 和任何其他類型代碼的手動編碼環(huán)境。

代碼-代碼:是代碼視圖的拆分版本,可讓您滾動以同時處理文檔的不同部分。?

代碼 - 實時:讓您可以在單個窗口中查看同一文檔的代碼視圖和實時視圖。

代碼-設計:使您可以在單個窗口中查看同一文檔的代碼視圖和設計視圖。

實時代碼:顯示瀏覽器用于執(zhí)行頁面的實際代碼,并且可以在您與實時視圖中的頁面交互時動態(tài)更改。

當文檔窗口最大化(默認)時,選項卡會出現(xiàn)在文檔窗口的頂部,顯示所有打開文檔的文件名。如果您進行了更改但尚未保存,Dreamweaver 會在文件名后顯示一個星號。

在視圖之間切換

可以使用“視圖”菜單中的以下選項在視圖之間切換:

層疊、平鋪或重新排列文檔窗口

如果您同時打開多個文檔,您可以層疊或平鋪它們。要級聯(lián)文檔窗口:選擇“窗口”>“排列”>“級聯(lián)”。平鋪文檔窗口:?

調整文檔窗口大小

狀態(tài)欄顯示文檔窗口的當前尺寸(以像素為單位)。要設計在特定尺寸下具有最佳外觀的頁面,您可以將文檔窗口調整為任何預定尺寸、編輯這些預定尺寸或創(chuàng)建尺寸。

在設計或實時視圖中更改頁面的視圖尺寸時,僅視圖尺寸的尺寸會發(fā)生變化。文檔大小不變。

除了預定和自定義尺寸之外,Dreamweaver 還列出了媒體查詢中指定的尺寸。當您選擇與媒體查詢相對應的尺寸時,Dreamweaver 將使用媒體查詢來顯示頁面。您還可以更改頁面方向以預覽手持移動設備的頁面,其中頁面布局根據(jù)設備的握持方式而變化。

要調整文檔窗口的大小,請從文檔窗口底部的“窗口大小”彈出菜單中選擇一種大小。

快速開發(fā)

Adobe Dreamweaver提供了豐富的快速開發(fā)工具,如代碼片段、模板、庫等,可以加速網(wǎng)頁設計和開發(fā)的過程。附加組件或擴展可以輕松添加到Dreamweaver的新功能。可以使用多種類型的附加組件;例如,有一些附加組件可以重新格式化表格、連接到后端數(shù)據(jù)庫或幫助用戶為瀏覽器編寫腳本。奧多比附加組件頁面列出了可以安裝并與Dreamweaver一起使用的所有附加組件。您還可以從附加組件頁面輕松安裝附加組件。

跨平臺支持

Adobe Dreamweaver可以在微軟視窗Mac OS等多個操作系統(tǒng)上運行,并支持多種語言,便于跨平臺開發(fā)。

與其他軟件協(xié)作

Adobe Dreamweaver可以與Adobe其他軟件如P圖、Illustrator等無縫協(xié)作,方便用戶將圖形設計轉化為網(wǎng)頁設計。

應用領域

優(yōu)缺點

優(yōu)點

缺點

系統(tǒng)要求

Windows系統(tǒng)

蘋果系統(tǒng)

快捷鍵

編碼快捷鍵

參考資料 >

【文末福利】什么是 Adobe Creative Cloud 創(chuàng)意應用軟件.新浪新聞.2023-12-25

New and enhanced features | Latest release of Dreamweaver.adobe.2023-12-26

Dreamweaver 各版本中已修正的問題.adobe.2023-12-27

Adobe Dreamweaver.Adobe.2023-12-26

使用 Dreamweaver 進行 Web 開發(fā) - 概述.adobe.2023-12-28

有關 Dreamweaver 中編碼的一般信息.adobe.2023-12-28

Dreamweaver 工作區(qū)概述.adobe.2023-12-28

安裝和使用 Dreamweaver 擴展.adobe.2023-12-28

Dreamweaver system requirements.adobe.2023-12-27

了解 Dreamweaver 中的默認鍵盤快捷鍵并了解如何自定義它們.adobe.2023-12-27

生活家百科家居網(wǎng)