Alternativas do Dreamweaver: 5 editores de HTML e CSS de código aberto para desenvolvedores e web designers

25 de julho de 2020

Adobe Dreamweaver é uma ferramenta popular para profissionais de design de sites. Embora tenha desfrutado de toda a sua glória na última década, não é mais a ferramenta mais popular que existe (pelo menos, pelo que eu sei).

Seus planos de assinatura caros e a disponibilidade de alternativas gratuitas e de código aberto deixaram um impacto em sua popularidade.

Além disso, com o crescimento de opções populares CMS de código aberto e construtores de sites de arrastar e soltar, é realmente fácil construir um site em comparação com a década anterior.

A menos que você seja um profissional com um conjunto específico de requisitos, não há razão para usar o Dreamweaver. Portanto, aqui, neste artigo, vou listar algumas das melhores alternativas de código aberto gratuito para o Dreamweaver que permitem editar HTML/CSS.

Editores de HTML e CSS de código aberto para desenvolvedores da web

Editores de HTML de código aberto

Eu entendo que alguns desenvolvedores e designers da web preferem o recurso WYSIWYG (o que você vê é o que você obtém). Nem todos os editores mencionados aqui oferecem esse recurso, mas quando o fazem, eu o destaquei explicitamente.

Eu usei este modelo de site para testar os editores de HTML. Esta lista não está em uma ordem específica de classificação.

1. Editor Bluefish

Bluefish

Principais destaques

  • Preenchimento automático
  • Visualização no navegador
  • Opções de upload/download do site
  • Dobragem de bloco de código
  • Suporte para várias linguagens de programação
  • Suporta arquivos de definição de linguagem WordPress
  • Suporte multiplataforma

O Bluefish é um editor rico em recursos que é perfeitamente adequado para web designers iniciantes e experientes.

Embora NÃO ofereça WYSIWYG, o recurso de visualização do navegador permite que você faça alterações na codificação e veja-a em ação rapidamente, sem qualquer configuração especial. Também é um aplicativo leve, portanto, não exige muitos recursos.

Experimente para explorar mais a respeito.

Como instalar?

Você pode encontrá-lo listado em seu centro de software. Se não, você pode seguir as instruções oficiais de instalação para adicionar o repositório e instalá-lo em sua distribuição Linux.

Além disso, há um pacote Flatpak disponível caso você prefira usá-lo. Eu sugiro que você consulte nosso guia Flatpak se você não souber sobre ele.

Bluefish

2. BlueGriffon

Bluegriffon

Destaques

  • Editor WYSIWYG
  • Tema escuro e claro
  • Suporte de design responsivo
  • Suporte EPUB 3.1
  • Suporte multiplataforma

BlueGriffon é um editor WYSIWYG HTML/CSS impressionante. Você pode optar por editar os códigos e verificar o design ou simplesmente editá-lo visualmente, sem a necessidade de mexer nos códigos.

Isso é especialmente útil para pessoas que não estão confortáveis com HTML/CSS e estão apenas começando. Facilita a edição ao mesmo tempo que oferece todos os recursos necessários para um web designer.

Como instalar?

Você pode baixar o pacote deb de seu site oficial ou optar por outros instaladores e código-fonte, dependendo da distribuição Linux que você está usando.

Você pode querer ler as diferentes maneiras de instalar um arquivo DEB se você estiver em uma distribuição baseada no Ubuntu.

BlueGriffon

3. SeaMonkey

Seamonkey

Principais destaques:

  • Editor WYSIWYG
  • Navegador separado
  • Edição de HTML
  • Suporte multiplataforma

SeaMonkey não é seu editor de código típico - mas é uma coleção de aplicativos de Internet como um navegador, e-mail, chat IRC e editor de HTML.

Ele oferece suporte à edição do código-fonte de uma página da web e à capacidade de editar visualmente sem a necessidade de saber HTML.

Você pode explorar mais sobre ele quando instalá-lo.

Como instalar?

Você pode simplesmente baixar o pacote para Linux disponível em seu site oficial e executar o arquivo executável do aplicativo SeaMonkey para começar.

SeaMonkey

4. Brackets

Alternativa Dreamweaver: Brackets

* Principais destaques:

  • Opção de visualização ao vivo
  • Adaptado para web design
  • Preenchimento automático
  • Multiplataforma

Brackets já é um dos melhores editores de texto modernos para codificação no Linux. Ele foi criado principalmente para desenvolvedores da web, além de oferecer suporte a outras linguagens de programação.

Surpreendentemente, é um projeto de código aberto da Adobe, que não é mantido de forma superativada, mas está lá.

Como instalar?

Você pode simplesmente pegar o arquivo deb de seu site oficial para Ubuntu 19.10 ou inferior. Para Ubuntu 20.04 ou qualquer outra distribuição Linux, você ficará melhor usando o pacote Flatpak ou o Snap.

Você também pode explorar a seção de lançamentos do GitHub para outros downloads.

Brackets

5. NetBeans

Netbeans

Principais destaques:

  • Editor HTML
  • Plataforma cruzada

O NetBean não é tecnicamente um editor HTML-CSS out-of-the-box. Mas você pode usá-lo como um editor de HTML ao construir um aplicativo HTML5.

Não é a solução ideal para edição de HTML, mas é uma opção disponível para um grupo específico de programadores. Você pode tentar para ver se faz o que você espera.

Como instalar?

Você pode encontrá-lo listado em seu centro de software. Em ambos os casos, você pode simplesmente acessar a página oficial de download para instalá-lo.

NetBeans

Qual editor de HTML você usa?

Existem mais alguns editores que você pode usar para editar HTML e CSS. Existe o Aloha Editor Community Edition preferido por alguns desenvolvedores da web.

Você certamente pode usar outros editores de código modernos como Atom e VS Code ou o bom e velho editor de texto Geany para editar arquivos HTML e CSS.

Se você trabalha regularmente com web design e desenvolvimento, qual editor de HTML de código aberto você usa e recomenda? Podemos adicionar sua recomendação à nossa lista aqui. Você também pode mencionar editores WYSIWYG de código-fonte não aberto, mas isso não será adicionado à lista por motivos óbvios.

Confira também a versão original desse post em inglês
Esse post foi originalmente escrito por Ankush Das e publicado no site itsfoss.com. Traduzido pela rtland.team

Dreamweaver Alternatives: 5 Open Source HTML and CSS Editors for Web Developers and Designers

Propaganda
Blog Comments powered by Disqus.
Propaganda