8款替代Dreamweaver的开源网页开发工具_html/css_WEB-ITnose
Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具,更重要的,是免费的。如果你正在寻找Dreamweaver的替代品,下面这8款软件你应该优先尝试一下。注意,没有先后顺序,并不是第一位就是最好的。
1.Quanta Plus
Quanta Plus是一款Web集成开发环境,可以用来开发HTML, XHTML, CSS, XML, PHP 以及任何XML风格的语言或脚本语言。Quanta Plus既提供了可视化的所见即所得(WYSIWYG)编辑器,又能允许你手工编辑。它的特点有标记自动补全、标记属性的对话框编辑器、脚本语言变量的自动提示、项目管理、动态预览、PHP调试器、CVS支持、SVN支持等。
2.BlueGriffon
BlueGriffon是一款所见即所得的Web内容编辑器。它是基于Gecko??火狐浏览器的HTML渲染引擎开发的,使用它,你可以开发出标准的Web页面。它可以运行在的Windows、Linux以及苹果系统上。
3.KompoZer
KompoZer是一款开源的所见即所得HTML编辑器,它是基于Nvu编辑器开发的。KompoSer是有开源社区的人共同开发的,项目的主页是在Sourceforge上。
4.Amaya
Amaya是一款网页编辑器,简单的说,是一个用于直接在网页上创建和更新文档的工具。在标准化的环境?,浏览功能与编辑及远程控制功能紧密结合。这个符合对网络最初的设想,即使之成为一个互动的空间,而不仅仅只是单向出版媒介的空间。
在1996年,为了展现出一个全功能的web客户端网络技术,W3C开始了对Amaya研究工作。开发Amaya的主要目的是为了提供一个整合尽可能多W3C技术的框架。基于这些整合的单一和一致的环境来展示这些技术。
最初的Amaya是一个HTML + CSS样式的编辑器。之后扩大到支持XML及XML的适用程序比如XHTML系列,MathML和SVG。允许在复合文档?同时编辑这些词?。
Amaya包含了一个基于资源描述框架(RDF)、Xlink和XPointer的协同注释应用程序。更多信息,请浏览 Annotea project主页。
5.OpenBEXI
OpenBEXI是一款强大的所见即所得网站编辑器。它的特色是能让你在编辑器里看到的文字,图片,饰件和使用OpenBEXI发布器发布的到网上所看到的效果一模一样。
6.Aptana
Aptana Studio 是一款开源的Web集成开发环境,支持Ajax Web应用。它是基于Eclipse,可用于开发JavaScript,HTML,对DOM和CSS有自动提示功能,能够给出代码大纲,可用于JavaScript调试,有集成文档。
7.Mozilla SeaMonkey
Mozilla SeaMonkey内置了一个浏览器,Email和新闻组客户端,能用来feed阅读,用于做HTML开发,还可以IRC聊天,各种各样的web开发工具。对于一些高端Web程序员、企业用户来说,SeaMonkey绝对是一款有吸引力的开发工具。
8.Nvu
Nvu是一款基于Mozilla Application Suite 1.7里的内容编辑器组件开发的HTML编辑器。它的使命就是以一种开源软件来替代像Microsoft Expression Web 和 Adobe Dreamweaver 这样的商业软件。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











Dreamweaver에서 텍스트 위치 조정은 다음 단계에 따라 완료할 수 있습니다. 텍스트를 선택하고 텍스트 위치 조정기를 사용하여 가로 조정을 수행합니다. 왼쪽 정렬, 오른쪽 정렬, 가운데 정렬 2. 세로 조정 수행: 위쪽 정렬, 아래쪽 정렬, 세로; 3. Shift 키를 누르고 화살표 키를 사용하여 위치를 미세 조정합니다. 4. 바로 가기 키를 사용하여 빠르게 정렬합니다. 왼쪽 정렬(Ctrl/Cmd + L), 오른쪽 정렬(Ctrl/Cmd + R), 가운데 정렬 (Ctrl/Cmd + C).

Dreamweaver를 사용하여 비디오 포함: 비디오 요소를 삽입합니다. 동영상 파일을 선택하여 업로드하세요. 비디오 유형, URL, 크기, 자동 재생 및 컨트롤을 설정합니다. 영상을 삽입하세요. 선택 사항: 비디오 모양을 사용자 정의합니다.

Dreamweaver에서 줄 간격 조정은 텍스트를 선택하고, 단락 패널을 열고, 줄 간격 옵션을 조정하고, 마지막으로 확인을 클릭하여 변경 사항을 적용하는 4단계 과정으로 이루어집니다.

Dreamweaver에 그림을 삽입하려면 삽입 메뉴를 클릭하고 이미지를 선택한 다음 그림 파일을 찾아 선택합니다. 다른 방법으로는 파일을 끌어서 놓거나 HTML 코드를 직접 삽입하는 방법이 있습니다. 속성 조정에는 크기 변경, 정렬, 테두리 추가 및 대체 텍스트 입력이 포함됩니다.

Dreamweaver를 중국어로 설정하려면 다음 단계를 따르십시오. Dreamweaver를 열고 환경 설정에서 사용자 인터페이스 언어를 중국어 간체 또는 중국어 번체로 변경하고 Dreamweaver 도움말 메뉴 항목을 확인하여 언어 설정을 확인하십시오.

속성 패널을 사용하여 글꼴, 크기 및 색상을 선택하여 Dreamweaver에서 글꼴을 설정할 수 있습니다. CSS를 사용하여 전체 웹사이트 또는 특정 요소에 대한 글꼴을 설정하세요. "font" 태그를 사용하여 HTML 코드에서 직접 글꼴을 설정하세요.

Dreamweaver에서 텍스트 크기를 설정하려면 다음과 같이 하십시오. 텍스트를 선택하십시오. 텍스트 메뉴로 이동하십시오. 글꼴 크기를 선택하십시오. 원하는 크기를 선택하십시오. 저장하려면 Enter를 누르십시오.

Dreamweaver에서 텍스트 상자 추가: 새 문서를 열고 표 텍스트 필드를 삽입합니다. 속성 패널을 통해 이름, 높이, 너비, 줄바꿈 등의 텍스트 상자 속성을 설정합니다. 텍스트 상자를 더블클릭하여 텍스트를 입력하고, 텍스트 편집 기능을 이용하여 텍스트 스타일을 설정하세요. CSS를 사용하여 텍스트 상자의 모양과 동작을 사용자 정의합니다. 속성 패널의 HTML 탭을 사용하여 텍스트 상자 코드를 보고 편집합니다.
