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è)軟件。

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Das Anpassen der Textposition in Dreamweaver kann durch die folgenden Schritte durchgeführt werden: W?hlen Sie den Text aus und nehmen Sie mit dem Textpositionsregler horizontale Anpassungen vor: linke Ausrichtung, rechte Ausrichtung, mittlere Ausrichtung. 2. Nehmen Sie vertikale Anpassungen vor: obere Ausrichtung, untere Ausrichtung, vertikal 3. Drücken Sie die Umschalttaste und verwenden Sie die Pfeiltasten, um die Position zu verfeinern. 4. Verwenden Sie die Tastenkombinationen zur schnellen Ausrichtung: linke Ausrichtung (Strg/Befehl + L), rechte Ausrichtung (Strg/Befehl + R), zentrierte Ausrichtung (Strg/Befehlstaste + C).

Video mit Dreamweaver einbetten: Fügen Sie ein Videoelement ein. W?hlen Sie eine Videodatei aus und laden Sie sie hoch. Legen Sie Videotyp, URL, Gr??e, automatische Wiedergabe und Steuerelemente fest. Video einfügen. Optional: Passen Sie das Erscheinungsbild des Videos an.

Das Anpassen des Zeilenabstands in Dreamweaver erfolgt in vier Schritten: W?hlen Sie den Text aus, ?ffnen Sie das Absatzbedienfeld, passen Sie die Optionen für den Zeilenabstand an und klicken Sie abschlie?end auf ?OK“, um die ?nderungen zu übernehmen.

Sie k?nnen Schriftarten in Dreamweaver festlegen, indem Sie im Bedienfeld ?Eigenschaften“ eine Schriftart, -gr??e und -farbe ausw?hlen. Verwenden Sie CSS, um Schriftarten für Ihre gesamte Website oder bestimmte Elemente festzulegen. Legen Sie die Schriftart direkt im HTML-Code fest, indem Sie den Tag ?font“ verwenden.

Um Dreamweaver auf Chinesisch einzustellen, gehen Sie folgenderma?en vor: ?ffnen Sie Dreamweaver; ?ndern Sie die Sprache der Benutzeroberfl?che in den Einstellungen. Starten Sie Dreamweaver neu, um die Spracheinstellungen zu überprüfen.

Um die Textgr??e in Dreamweaver festzulegen, gehen Sie wie folgt vor: W?hlen Sie den Text aus. Gehen Sie zum Menü ?Text“. W?hlen Sie die Schriftgr??e. W?hlen Sie die gewünschte Gr??e. Drücken Sie zum Speichern die Eingabetaste

Um ein Bild in Dreamweaver einzufügen, klicken Sie auf das Menü ?Einfügen“ und w?hlen Sie ?Bild“, navigieren Sie dann zur Bilddatei und w?hlen Sie sie aus. Andere Methoden umfassen das Ziehen und Ablegen von Dateien oder das direkte Einfügen von HTML-Code. Das Anpassen von Eigenschaften umfasst das ?ndern von Gr??e und Ausrichtung, das Hinzufügen von Rahmen und die Eingabe von Alternativtext.

Es gibt vier M?glichkeiten, Text in Dreamweaver einzurücken: Einen einzelnen Absatz einrücken: Format > Absatz > Einzug. Mehrere Abs?tze einrücken: Den Einzugswert im Absatzfenster festlegen. Stil verwenden: Den Einzugswert im Absatzstil-Dialogfeld festlegen. Einzugstaste verwenden: Tab Taste zum Einrücken nach rechts, Umschalt + Tab-Taste zum Einrücken nach links
