Os Web Designers ainda usam o Dreamweaver?

Os web designers ainda usam o Dreamweaver que foi lançado pela primeira vez há 25 anos? No tempo da tecnologia, o software pode ser considerado antigo. Os web designers não vão para algo que tem um quarto de século de idade. Muitas alternativas dos tempos modernos são igualmente capazes e menos dispendiosas.

Mas, mais uma vez, os atuais proprietários do produto não o deixaram apenas como uma relíquia do passado, depois de adquiri-lo sete anos depois de sua introdução. Adobe o aperfeiçoou e o atualizou continuamente ao longo dos anos. Sua última versão – Dreamweaver 21.3 em junho de 2022 – é descrita como uma “ferramenta de desenvolvimento visual tudo em um para criar, publicar e gerenciar websites e conteúdo móvel”

Então os web designers ainda usam o Dreamweaver? Para chegar a um veredicto, vamos examinar as características desse produto, seus prós e contras, e algumas ferramentas comparáveis no mercado. Também nos sintonizaremos com o que os próprios desenvolvedores e designers de web estão dizendo sobre ele.

O que é Dreamweaver?

O Dreamweaver é um programa construído pela Macromedia em 1997 com o propósito de projetar websites. Foi adquirido pela Adobe em 2005, que continuou a desenvolvê-lo e atualizá-lo para responder às exigências informáticas atuais.

A principal característica do software é que é um editor visual de páginas web que permite criar, administrar e editar páginas web e sites mesmo sem conhecimento de HTML. Mas ele suporta totalmente e é compatível com a web e linguagens de programação como HTML, CSS, JavaScript, etc. O Dreamweaver utiliza um ambiente “What You See Is What You Get” (WYSIWYG) que lhe permite ver como as páginas web e o conteúdo aparecem à medida que você as cria.

Atualmente, o Adobe Dreamweaver CC é faturado como um aplicativo de desenvolvimento visual abrangente para o website e o conteúdo móvel. Isso significa que o senhor pode construir, organizar e publicar websites, aplicações web, e todos os conteúdos dentro deles, completos com funcionalidades dinâmicas e visualizáveis em qualquer navegador ou dispositivo.

Os web designers podem se beneficiar dos modelos iniciais do aplicativo para criar rapidamente websites personalizáveis, adequados a qualquer nicho de negócios ou indústria. Enquanto isso, programadores e desenvolvedores podem obter assistência ativa do software que fornece linhas de código, atualizações mais rápidas, e edições mais fáceis.

Faatures of Dreamweaver

O Dreamweaver é considerado como uma ferramenta versátil para a edição da web por causa das muitas características que possui. Em nenhuma ordem em particular, essas incluem as seguintes:

• Capacidade de projetar visualmente (com Live View) ou através de código (um código subjacente é gerado à medida que o desenho é traçado).
• Auto-completar habilidade, bem como verificação ortográfica e de sintaxe para assegurar que as regras de sintaxe do código sejam devidamente seguidas.
• Suporte para mais de uma dúzia de web e linguagens de programação tais como HTML, ASP, PHP, JSP, CSS, XML, etc.
• Teste e use vários CMS tais como WordPress, Joomla e Drupal para que você possa ver como suas páginas funcionam através deles.
• Paleta de cores com várias opções de cores; o senhor pode usar a cor padrão ou compor sua cor.
• Ferramenta de publicação e FTP incorporado e suporte para SFTP para fácil organização/ligação de arquivos e conexão a um servidor web.
• Páginas de modelos iniciais editáveis para ajudar você a criar rapidamente desenhos sólidos.
• Aprimoramentos contínuos e adição de características à medida que as tecnologias web evoluem.
• Suporte para plataformas Windows e Mac OS.
• Outros: espaço de trabalho do desenvolvedor, temas de código, introspecção de código, documentação CSS em contexto, typekit marketplace, HiDPI, e multi-monitor (somente Windows).

Preço

O Dreamweaver oferece um julgamento gratuito. Seu preço depende do tipo de assinatura e do modo de pagamento. Verifique o preço do produto página de preços para quaisquer mudanças em seus preços.

Aplicativo único

• Ano (faturado mensalmente) – $20,99/mês ($251,88/ano)
• Ano (cobrado antecipadamente) – $239,88/ano ($19,99/mês)

Creative Cloud All Apps (20+ mobile & aplicações desktop incluindo Dreamweaver)

• Ano (faturado mensalmente) – $54,99/mês ($659,88/ano)
• Ano (cobrado antecipadamente) – $599,88/ano ($49,99/mês)

Nuvem criativa Todos os aplicativos para estudantes e professores

• Ano (faturado mensalmente) – $19,99/mês* ($239,88/ano)
• Ano (cobrado antecipadamente) – $219,00/ano ($18,25/mo)

Taxa/mês para 1°>sup>st ano e $29,99/mês na renovação

Creative Cloud All Apps for Business

• Ano – $1.019,88/ano por licença

Vantagens doreamweaver

Reunidas, as muitas características que enumeramos na seção anterior compreendem a força do Dreamweaver. Entre elas se destacam sua capacidade de programação e gestão eficiente dos arquivos. Aqui estão alguns dos aspectos positivos do Dreamweaver.

1. Destaque de código. Um conjunto diferente de cores é usado para destacar vários códigos, seja em HTML, CSS, PHP, JavaScript, etc. Embora os profissionais possam não se incomodar com isso, pode ser muito útil para os iniciantes, ajudando-os a rastrear códigos, detectar erros, e facilmente fazer as mudanças correspondentes.
2. Sugestão de código. Outra característica útil é como o aplicativo fornece uma lista de sugestões enquanto o senhor digita, por exemplo, uma etiqueta HTML. Ela funciona não apenas para tags, mas também para atributos, tornando-a uma ferramenta útil e que poupa tempo.

Além de ser um editor de código robusto, o aplicativo brilha por ser um administrador de arquivos. Por exemplo, qualquer mudança que o senhor fizer em um nome de arquivo fará com que o sistema o convide a atualizar todos os links para ele e, ao fazê-lo, ele cuidará das relações e conexões dos arquivos, seja localmente ou para um servidor web.

• Tempos de carga rápida. Ao contrário do WordPress, onde o senhor depende de plugins para certas funcionalidades, afetando assim os tempos de carga, não é o caso de sites criados através do Dreamweaver. Como codificador e com codificação adequada, o senhor obtém mais controle e flexibilidade para otimizar a velocidade de carregamento de suas páginas e sites.
• Adobe support. Você tem acesso ao cliente e ao suporte técnico A Adobe é conhecida por incluir assistência ao cliente 24 horas por dia, 7 dias por semana, via chat ao vivo, chamada telefônica, help desk do Twitter e mais recursos da comunidade de suporte ativo da Adobe.

 

Dreamweaver Disadvantages

1. Interface intimidadora. Mesmo sem começar nada ainda, o senhor estará olhando para uma interface confusa – o espaço de trabalho com que tem de contar. Está cheio de menus no topo, mais menus e botões no lado direito, e menus e caixas adicionais no fundo. No total, o senhor estará olhando para mais de três dúzias de itens para decidir e agir.
2. Alta curva de aprendizado. Se a interface precisar de algum aprendizado sério e familiaridade, espere até que o senhor comece a trabalhar em seu projeto de web design. Com uma infinidade de recursos, o senhor precisa reservar algum tempo para estudar tutoriais e guias e entender como usar o conjunto de ferramentas do Dreamweaver. Em termos simples, sua complexidade pode ser intimidante.
3. Não baseado em navegador. O Dreamweaver é um aplicativo que o senhor baixa e instala em seu computador desktop Mac, Linux ou Windows. Enquanto o senhor obtém uma visão de tela dividida que mostra como seu código se traduz em imagens de sua página, muitos reclamam que ela parece diferente em um navegador real. Ao contrário do WordPress baseado na web, qualquer mudança que o senhor fizer no backend será como será em seu navegador da web.
4. WYSIWIG não é confiável. O item nº 3 acima coloca em questão a característica WYSIWIG da Dreamweaver, particularmente sua confiabilidade. Os resultados visuais às vezes podem ser imprecisos; portanto, o senhor terá que seguir a rota tortuosa de verificação cruzada de seu projeto ou quaisquer mudanças que tenha feito em um navegador real.
5. Caro aplicativo. Outra queixa comum é o custo do Dreamweaver que está mais do lado do preço. Essa questão vem à tona quando há outros aplicativos de capacidade semelhante (o senhor os conhecerá em uma seção posterior) oferecidos a preços mais acessíveis, com alguns até mesmo disponíveis como programas gratuitos e de código aberto.

O que a Comunidade diz

Assim, o que diz a comunidade de web designers, desenvolvedores, programadores e especialistas em tecnologia sobre o assunto em questão? Será que ainda usam o Dreamweaver? Abaixo estão alguns comentários e respostas colhidos de sites de discussão pública. Optamos por publicar apenas os primeiros nomes ou pseudônimos para manter a discrição.

Quora

“Não lhe faltam características que as modernas IDE’s têm para o desenvolvimento da web; mas algo difícil de usar para esse fim”. ~Baris, programador

“Acho que não. Hoje temos muitos editores de textos modernos que servem melhor do que o Dreamweaver”. ~Shankar, web developer

“…é caro pelo que oferece em comparação com outros programas”. Rabin, trabalhou na IBM“.

“Eu pessoalmente nunca fui fã do recurso WYSIWYG em Dreamweaver, mas o Modo Desenvolvedor, que é um Editor de Código, na verdade não é tão ruim assim”. ~Joel, WP developer

“Não conheço nenhum desenvolvedor web que use o Dreamweaver. Certamente há alguns por aí. Eu experimentei quando a Macromedia era a proprietária… Então percebi algo: o tempo gasto aprendendo como usar a interface do Dreamweaver poderia ser melhor usado aprendendo o próprio HTML”. ~James, web developer

Reddit

“Eu uso o Dreamweaver no trabalho, porque é o que todos os outros devs lá usam, e nós ainda usamos alguma outra tecnologia que faz algumas das características da DW serem úteis, como o SFTP embutido”. ~MetaSemaphore

“As razões pelas quais eu não uso o Dreamweaver

1. A fonte para a sintaxe do código é desconfortável aos meus olhos, tenho mais facilidade em ler o código entre parênteses.
2. o programa é de recursos pesados, portanto abrir o programa leva muito mais tempo do que outros programas leves.
3. Há outros editores visuais que sopram da água sonhadores feitos por pessoas inovadoras. Pinegrow é um que eu uso…” ~forzaitalia458

“Então basicamente o senhor tem três grandes características pelas quais paga um prêmio (wysiwyg, editor, preview ao vivo) e apenas uma dessas coisas realmente funciona bem, e há opções baratas/grátis que funcionam tão bem quanto e têm um número enorme de plugins para ampliar a funcionalidade. É por isso que eu acho que a DW não pode se opor às outras opções populares”. ~letsbreakstuff

“Penso que o Dreamweaver tem sido ofuscado por todas as estruturas e ferramentas emergentes que compõem o desenvolvimento de um website moderno… O Open Source também mudou muito o cenário tornando os programas empresariais como o Dreamweaver cada vez menos relevantes… Uso o Dreamweaver, ou conheço alguém que o usa… Não, não durante a última década”. ~TheRealNetroxen

A captura com as respostas de Quora e Reddit acima é que elas foram feitas a partir de 2019 e antes. Ainda assim, obtivemos algumas respostas interessantes e pontos de vista fortes.

Como nota lateral, as discussões no fórum da Comunidade Dreamweaver no website da Adobe se estendem até 2010 e estão repletas de questões técnicas como falhas de sistema, erros de código e o software não conseguir abrir.

Sem uma abordagem científica como uma pesquisa ou uma sondagem, não conheceremos o sentimento da comunidade de desenvolvedores da web. É compreensível que o Dreamweaver seja rotulado por alguns como software legado, o que não é porque ele continua recebendo atualizações da Adobe. Com a força de suas capacidades atuais, o Dreamweaver merece ser incluído na liga dos aplicativos modernos de web design.

Alternatives to Dreamweaver

Falando da atual safra de aplicações de web design, o mercado está ficando cada vez mais apertado para o Dreamweaver. Diante de vários programas mais novos e até estabelecidos de capacidades comparáveis (alguns ainda melhores pelos padrões de web dev) e menos caros (alguns são até gratuitos, mas conseguem fazer o trabalho), como é que o Dreamweaver se sai?

Bem, a competição é dura e dura. Só para opções de custo zero, há muitas opções populares como Atom, Netbeans, Bluefish, SeaMonkey, Brackets, Light Table, OpenBEXI, Amaya, e Macromates, para citar algumas. Não vamos examinar cada uma delas.

O que queremos mostrar abaixo em peças compactas são amostras de ambas alternativas gratuitas e pagas, de modo que o senhor terá alguns pontos de comparação com o Dreamweaver.

1. Kite

Kite é um programa avançado que pode facilmente se conectar a 16 linguagens de programação (Python, JavaScript, HTML/CSS, Ruby, PHP, etc) e 16 editores/IDEs (Sublime, WebStorm, AppCode, Spyder, e mais), permitindo uma codificação mais rápida e uma edição de texto mais eficiente.

Entre suas características mais notáveis está ter um editor de texto bem ao lado de um navegador da web. Isso elimina a troca contínua entre as duas ferramentas, ao mesmo tempo em que facilita uma capacidade e experiência de programação conectada à Internet.

Plataformas

• Windows
• Mac OS
• Linux

Faatures

• Completos de código com alimentação AI
• Smart autocomplete
• ajuda contextual
• Smart ajuda contextual
• Análise de código inteligente
• Configuração de segurança flexível
• Modelo de empresa (para servidores no local)

preço

• Livre

2. Código do Estúdio Visual

Visual Studio Code é um editor de código aberto criado pela Microsoft com suporte interno para JavaScript, TypeScript, e Node.js. Usando extensões, ele pode suportar dezenas de outras linguagens de programação. ele é uma ferramenta favorita entre os desenvolvedores por causa de suas características inteligentes, capacidades robustas e custo zero.

O software é parte da família Visual Studio da Microsoft que inclui Visual Studio for Windows e Visual Studio for Mac. O Visual Studio Code é um software autônomo que é compatível com múltiplos sistemas operacionais.

Plataformas

• Windows
• Mac OS
• Linux

Faatures

• Intellisense para complementos inteligentes
• Debug code diretamente do editor
• Comandos de Git em Git
• Customizável e extensível
• Com o Azure, escalar e distribuir qualquer coisa de dentro do app

preço

• Livre

3. Aptana Studio

Aptana Studio é uma IDE de desenvolvimento web de código aberto, líder na indústria, conhecida por suas características de fácil utilização e personalizáveis. O programa utiliza o Eclipse (que a Adobe usa como o núcleo de seu Flex Builder) para lhe dar um poderoso e flexível motor de desenvolvimento web. Como tal, o senhor experimentará processos muito mais rápidos e mais eficientes usando o aplicativo.

O Aptana se orgulha de ter um extenso suporte de plug-in, dando-lhe tudo o que você poderia precisar, como compatibilidade com toda linguagem de script. Além do design do website, ele também permite que o senhor faça o desenvolvimento avançado do aplicativo por meio de plug-ins gratuitos.

Plataformas

• Windows
• Mac OS
• Linux

Faatures

• Assistência de autoria para HTML, CSS, PHP, Ruby, e JavaScript
• Suporta protocolos múltiplos (FTP, FTPS, SFTP, e Capistrano)
• Debugger integrado
• IDE personalização
• Built-in terminal para executar comandos de OS
• Controle do código fonte, distribuição e colaboração

preço

• Livre

4. Tabnine

Tabnine é chamado de AI assistant for web and software developers. Ele traz diretamente ao seu editor a função completa e os complementos de código de linha inteira. O que ele faz é sugerir e prever suas próximas linhas de código com base na sintaxe e no contexto. O senhor recebe complementos de código avançados e precisos para acelerar drasticamente o trabalho.

Isso lhe dá complementos de código em linha super rápidos em quase todas as linguagens de programação e IDEs. É apenas uma entre várias capacidades do Tabnine que são projetadas para automatizar tarefas repetitivas, bem como para eliminar buscas de código consumidoras.

Plataformas

• Windows
• Mac OS
• Linux

Faatures

• AI-assisted code completions
• Absoluto cumprimento do código e privacidade
• Sugestões de contexto
• Modo em nuvem/ modo máquina local
• Sem configuração, funciona fora da caixa
• Partilha automatizada do conhecimento remoto
• Modelos treinados apenas em licenças permissivas
• Modelo privado treinado em seu código

preço

• Iniciador – livre
• Pro – $12/mês
• Enterprise – preços personalizados

5. WebStorm

WebStorm é uma IDE especializada em JavaScript e tecnologias relacionadas. Ela oferece uma experiência agradável e produtiva de desenvolvimento, automatizando processos de rotina e ajudando o senhor a enfrentar tarefas de codificação complicadas. Ela vem com características projetadas para desenvolvimento e programação na Web.

Por exemplo, o senhor pode escrever código de manutenção e mais confiável, já que o software pode realizar dezenas de inspeções de código mesmo quando o senhor digita, tornando-o bastante eficiente no rastreamento de possíveis erros. Tarefas simples ou grandes podem ser tratadas com facilidade por essa IDE muito capaz.

Plataformas

• Windows
• Mac OS
• Linux

Faatures

• Especialização em JavaScript
• Editor de arte (código auto-completo, detector de redundância, etc)
• Ferramentas completas para desenvolvedores em um só lugar
• Permite a colaboração, a partilha e o trabalho em equipa
• Busca rápida e navegação rápida
• Ambiente costumizável (temas e plugins)

preço

A partir de 1º de outubro de 2022, será introduzido um novo preço por companhia de consultoria. Abaixo estão os preços para uso individual. Há preços separados para organizações e ofertas especiais para estudantes, professores e instituições educacionais.

• Mensal – $5,90
• Novo preço – $6,90/mo.
• Anual – $59 (1º ano), $47 (2º ano), $35 (3º ano em diante)
• Novos preços – $69 (1º ano), $55 (2º ano), $41 (3º ano em diante)

 

6. Pinegrow

Pinegrow é um editor de web WYSIWYG para profissionais, com todas as características de uma plataforma cruzada. Ele permite que o senhor crie e projete websites modernos através de edição multi-página ao vivo, editor de grade CSS, bem como de estilo CSS e SASS. Ele também oferece suporte para WordPress, Bootstrap, e Tailwind CSS.

O software tem uma variedade de ferramentas de poder visual para acelerar o processo de edição, eliminação, clonagem e movimentação de elementos HTML à medida que o senhor configura sua página da web. Além disso, o senhor pode fazer o estilo CSS, codificar, ou usar controles visuais para operações rápidas em uma interface de fácil utilização.

Plataformas

• Windows
• Mac OS
• Linux

Faatures

• Smart drag-and-drop editor
• Editor de código de página
• Bibliotecas de páginas para componentes prontos para uso
• Temas customizados
• Colunas e grelhas
• Multi-página de edição
• Vistas múltiplas
• Predefinições de dispositivos e zoom
• Áreas habituais editáveis

preço

O Pinegrow Web Editor Pro está disponível em três planos de assinatura e vem na base por usuário. É oferecida uma garantia de 30 dias de devolução do dinheiro.

• Anual – $64,35/ano por usuário
• Pagamento único – $96,85/usuário

7. BlueGriffon

BlueGriffon é de uma empresa francesa de software e era anteriormente dois produtos separados – um editor de Web e um editor de EPUB (e-publicação) – que foram fundidos a partir da versão 2.2 (está agora na versão 3.1 lançada em 2019). O software traça seus ancestrais da Netscape, Nvu, e Mozilla Composer.

Ele utiliza Gecko, o mesmo motor de renderização que alimenta o Firefox, e também traz com ele um editor WYSIWYG para facilitar a criação e a disposição do conteúdo. Milhões de usuários no mundo inteiro aplicam BlueGriffon como uma ferramenta de autoria da Web e é oficialmente recomendado pelo governo francês para uso em seus vários ministérios e departamentos.

Plataformas

• Windows
• Mac
• Linux

Faatures

• Vistas de fontes editáveis
• Suporte para HTML 4 & 5, XHTML 1.0 & 1.1, e CSS 3
• Suporte para SVG, OCR & EPUB 2, 3.0.1, 3.1
• UI em 20 idiomas
• Painéis para propriedades de estilo, editor de roteiro, gerente de folhas de estilo
• Customizable menu
• WYSIWYG autoria

preço

• Licença básica – 75 Euro
• Licença EPUB – 195 Euro

8. CoffeeCup HTML Editor

CoffeeCup HTML Editor faz parte de um conjunto de mais de uma dúzia de ferramentas para o desenvolvimento da web, incluindo aquelas para a criação de aplicações web e design de sites. O editor permite a fácil edição de HTML, dando a você uma experiência de design web de próximo nível com suas ferramentas avançadas para etiquetas e preenchimento de código.

Ele tem uma capacidade de processamento rápido, capaz de iniciar as operações em meros segundos com suas muitas opções de início. O senhor pode mergulhar diretamente em seu projeto de design usando modelos pré-fabricados ou temas existentes, assim como criar novos arquivos CSS ou HTML a partir do zero.

Plataformas

• Mac
• Windows

Faatures

• Biblioteca de componentes
• Referência compreensiva da etiqueta
• Selector de código visual + Visualização ao vivo
• Semantic-web ready
• Publicar em qualquer lugar com um uploader FTP incorporado
• Modelos personalizáveis

preço

• Os preços são por cópia, onde o senhor pode obter uma cópia do software por US$29. O custo diminui à medida que o senhor obtém mais cópias (até US$15/cópia por 250 ou mais cópias). Um julgamento gratuito é oferecido.

9. Komodo IDE

Komodo IDE é um aplicativo totalmente multiplataforma que usa a interface XPCOM do Mozilla, tornando fácil para o C++ e JavaScript trabalhar em um ambiente computacional. Isso torna desnecessária a instalação de um Java Runtime Engine em sistemas de computador, uma solução ideal para desenvolvedores e programadores que procuram uma IDE unificada.

Como se espera de um programa de codificação moderno e premium, a Komodo IDE vem com um conjunto completo de ferramentas inteligentes integradas para fazer um trabalho de desenvolvimento rápido e eficiente. Ele tem um editor de código poderoso e um depurador robusto que permite uma rápida depuração e inspeção de código.

Plataformas

• Windows
• Mac
• Linux

Faatures

• Editor de código de arte
• Código de inteligência
• Debugging gráfico
• Controle de versão e ferramentas integradas
• Definição do fluxo de trabalho e gestão de arquivos/projetos
• Customização e add-ons
• Capacidades da equipe (colaboração, caixa de ferramentas compartilhada, etc)
• Um IDE para todas as linguagens de programação

preço

• Livre
• Equipe – $84/mo (cobrado anualmente)
• Enterprise – preços personalizados

10. NetObjects Fusion

NetObjects Fusion é um programa de projeto e construção de website que não requer codificação complicada. Isso porque o aplicativo não é um editor de HTML, mas um gerador de HTML. À medida que o senhor for estruturando os elementos de seu website (texto, imagens, etc.), o programa gera o HTML para o senhor (assim como o Dreamweaver), dando-lhe muito mais controle do processo.

Muitos de vocês estão familiarizados com os construtores de websites sem código, fáceis de usar, como Wix e Squarespace. O princípio e a interface com o NetObjects Fusion são geralmente os mesmos, exceto que isso cria uma estrutura HTML para o senhor e é um software local que só funciona com sistemas Windows.

Plataformas

• Windows

Faatures

• Suporta vídeo e áudio HTML5
• Vídeos embutidos do Vimeo e do YouTouTube com componentes propositadamente construídos
• Visualização da página com a renderização de HTML e saída de script
• Suporte para a última língua do CSS
• Esquema e sistema de grade do CSS personalizado
• Image carrossel com legendas e links

preço

• NetObjects Fusion Essentials – Free
• NetObjects Fusion 15 Upgrade – $74,95
• NetObjects Fusion 15 Full Version – $129,95

O Veredicto

Com base em tudo o que apresentamos aqui, <é forte> a resposta à pergunta – os web designers ainda usam Dreamweaver – é tanto sim como não. Sem dúvida há uma base de fãs leais, mas é seguro assumir que seus números não estão aumentando com outras aplicações alternativas disponíveis. E o custo terá muitos, pensando melhor.

Apesar de alguns pontos contrários, o Dreamweaver é uma ferramenta superior para projetar websites e elaborar códigos. A escala é mais ou menos igual se empilharmos os benefícios e desvantagens em cada ponta. O senhor deveria usá-la? Como web designer ou desenvolvedor, o senhor conhece suas exigências, suas circunstâncias e seu orçamento. Ou é Aye ou Nay!