8款替代Dreamweaver的開源網(wǎng)頁開發(fā)工具_(dá)html/css_WEB-ITnose
Jun 24, 2016 am 11:57 AM
Adobe Dreamweaver雖然非常好用,但它并不是唯一一個能夠設(shè)計、開發(fā)、發(fā)布精彩網(wǎng)站的Web開發(fā)集成環(huán)境。我們的開源世界里有很多非常棒的可以完全替代Dreamweaver的各種功能的優(yōu)秀Web開發(fā)工具,更重要的,是免費的。如果你正在尋找Dreamweaver的替代品,下面這8款軟件你應(yīng)該優(yōu)先嘗試一下。注意,沒有先后順序,并不是第一位就是最好的。
1.Quanta Plus
Quanta Plus是一款Web集成開發(fā)環(huán)境,可以用來開發(fā)HTML, XHTML, CSS, XML, PHP 以及任何XML風(fēng)格的語言或腳本語言。Quanta Plus既提供了可視化的所見即所得(WYSIWYG)編輯器,又能允許你手工編輯。它的特點有標(biāo)記自動補(bǔ)全、標(biāo)記屬性的對話框編輯器、腳本語言變量的自動提示、項目管理、動態(tài)預(yù)覽、PHP調(diào)試器、CVS支持、SVN支持等。
2.BlueGriffon
BlueGriffon是一款所見即所得的Web內(nèi)容編輯器。它是基于Gecko??火狐瀏覽器的HTML渲染引擎開發(fā)的,使用它,你可以開發(fā)出標(biāo)準(zhǔn)的Web頁面。它可以運(yùn)行在的Windows、Linux以及蘋果系統(tǒng)上。
3.KompoZer
KompoZer是一款開源的所見即所得HTML編輯器,它是基于Nvu編輯器開發(fā)的。KompoSer是有開源社區(qū)的人共同開發(fā)的,項目的主頁是在Sourceforge上。
4.Amaya
Amaya是一款網(wǎng)頁編輯器,簡單的說,是一個用于直接在網(wǎng)頁上創(chuàng)建和更新文檔的工具。在標(biāo)準(zhǔn)化的環(huán)境?,瀏覽功能與編輯及遠(yuǎn)程控制功能緊密結(jié)合。這個符合對網(wǎng)絡(luò)最初的設(shè)想,即使之成為一個互動的空間,而不僅僅只是單向出版媒介的空間。
在1996年,為了展現(xiàn)出一個全功能的web客戶端網(wǎng)絡(luò)技術(shù),W3C開始了對Amaya研究工作。開發(fā)Amaya的主要目的是為了提供一個整合盡可能多W3C技術(shù)的框架。基于這些整合的單一和一致的環(huán)境來展示這些技術(shù)。
最初的Amaya是一個HTML + CSS樣式的編輯器。之后擴(kuò)大到支持XML及XML的適用程序比如XHTML系列,MathML和SVG。允許在復(fù)合文檔?同時編輯這些詞?。
Amaya包含了一個基于資源描述框架(RDF)、Xlink和XPointer的協(xié)同注釋應(yīng)用程序。更多信息,請瀏覽 Annotea project主頁。
5.OpenBEXI
OpenBEXI是一款強(qiáng)大的所見即所得網(wǎng)站編輯器。它的特色是能讓你在編輯器里看到的文字,圖片,飾件和使用OpenBEXI發(fā)布器發(fā)布的到網(wǎng)上所看到的效果一模一樣。
6.Aptana
Aptana?Studio 是一款開源的Web集成開發(fā)環(huán)境,支持Ajax Web應(yīng)用。它是基于Eclipse,可用于開發(fā)JavaScript,HTML,對DOM和CSS有自動提示功能,能夠給出代碼大綱,可用于JavaScript調(diào)試,有集成文檔。
7.Mozilla SeaMonkey
Mozilla SeaMonkey內(nèi)置了一個瀏覽器,Email和新聞組客戶端,能用來feed閱讀,用于做HTML開發(fā),還可以IRC聊天,各種各樣的web開發(fā)工具。對于一些高端Web程序員、企業(yè)用戶來說,SeaMonkey絕對是一款有吸引力的開發(fā)工具。
8.Nvu
Nvu是一款基于Mozilla Application Suite 1.7里的內(nèi)容編輯器組件開發(fā)的HTML編輯器。它的使命就是以一種開源軟件來替代像Microsoft Expression Web 和 Adobe Dreamweaver 這樣的商業(yè)軟件。

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

Dreamweaver 中調(diào)整文字位置可以透過以下步驟完成:選擇文本,使用文字位置調(diào)整器進(jìn)行水平調(diào)整:左對齊、右對齊、居中對齊;2. 進(jìn)行垂直調(diào)整:上對齊、下對齊、垂直居中;3. 按Shift 鍵並使用方向鍵微調(diào)位置;4. 使用快速鍵快速對齊:左對齊(Ctrl/Cmd + L)、右對齊(Ctrl/Cmd + R)、居中對齊(Ctrl/Cmd + C)。

使用 Dreamweaver 嵌入影片:插入影片元素。選擇並上傳視訊檔案。設(shè)定影片類型、URL、尺寸、自動播放和控制。插入影片??蛇x:自訂影片外觀。

在 Dreamweaver 中調(diào)整行間距分四步驟進(jìn)行:選擇文字、開啟「段落」面板、調(diào)整「行距」選項,最後按一下「確定」以套用變更。

可以在 Dreamweaver 中透過以下方式設(shè)定字體:使用「屬性」面板選擇字體、字號、顏色。使用 CSS 設(shè)定整個網(wǎng)站或特定元素的字體。在 HTML 程式碼中直接使用「font」標(biāo)籤設(shè)定字體。

在 Dreamweaver 中設(shè)定文字大小,只需:選擇文字進(jìn)入「文字」選單選擇「字體大小」選擇所需大小按 Enter 儲存

若要將Dreamweaver 設(shè)定為中文,請按以下步驟操作:開啟Dreamweaver;在首選項中將「使用者介面語言」變更為「簡體中文」或「繁體中文」;重新啟動Dreamweaver;檢查「說明」選單中的“關(guān)於Dreamweaver」項目以驗證語言設(shè)定。

Dreamweaver 中縮排正文的方法有四種:縮排單一段落:格式> 段落> 縮排多段落:段落面板中設(shè)定縮排值使用樣式:在段落樣式對話方塊中設(shè)定縮排值使用縮排鍵:Tab 鍵向右縮進(jìn),Shift + Tab 鍵向左縮排

要在 Dreamweaver 中插入圖片,請點擊“插入”選單並選擇“圖像”,然後導(dǎo)航到圖片檔案並選擇它。其他方法包括:拖放檔案或直接插入 HTML 程式碼。調(diào)整屬性包括更改大小、對齊、新增邊框和輸入替代文字。
