Cobrimos dezenas das melhores plataformas de software para construção de sites aqui em diante, do sublime ao ridículo. Também exploramos um aplicativo desenvolvido para ajudá-lo a escrever uma página ou site inteiro apenas em código. Sem frescuras, apenas HTML bruto. É claro que, seja qual for sua experiência, haverá um aplicativo ou serviço para atender às suas necessidades.
Mas há um aplicativo projetado para profissionais e é praticamente o único na indústria, tendo sobrevivido ou comprado sua concorrência ao longo dos anos: o poderoso Adobe Dreamweaver. Então, vamos dar uma olhada na versão mais recente, CC 2022-2023.
Não vamos ignorar o elefante na sala e atacá-lo de frente (lembre-se das presas): todos os produtos da Adobe estão disponíveis apenas por assinatura. Isso significa que você paga a cada mês e sempre terá a versão mais recente e melhor à sua disposição. Pare de pagar, o aplicativo acabou e seus projetos não ficarão acessíveis para você (a menos que extraia os formatos brutos deles).
- Quer experimentar o Adobe Dreamweaver? Confira o site aqui
Você pode assinar o Dreamweaver sozinho por $ 20,99 (£ 19,97) por mês em um plano anual ou $ 31,49 (£ 30,34) por mês.
No entanto, $ 52,99 (£ 49,94) por mês em um plano anual (ou $ 79,49 (£ 75,85) mês a mês) concede a você acesso a todo o portfólio da Adobe, o que significa que você pode criar no Photoshop e no Illustrator, mover esses arquivos para o Dreamweaver, editar um filme no Premiere e insira-o em sua página da web. Tudo foi projetado para funcionar em conjunto e todas as interfaces têm semelhanças entre si, o que o ajuda a passar de um aplicativo para outro com pouca dificuldade - desde que você entenda as complexidades de cada um, é claro.
Alunos e professores podem obter a suíte inteira por apenas $ 19,99 (£ 16,24) por mês em um plano anual, o que é um valor absurdo (ou uma ótima maneira de deixá-lo viciado).
Começando
Como era de se esperar, o Dreamweaver oferece suporte a todos os padrões da web, desde o HTML básico até CSS, Javascript e todas as funcionalidades modernas, incluindo Bootstrap. É focado na criação de sites responsivos que se adaptam ao dispositivo em que o visitante está visualizando (seja um computador, tablet ou telefone), mas é claro que nada impede você de criar sites não responsivos e instruir seu site a redirecionar para páginas específicas, dependendo no dispositivo em que está sendo visualizado.
Se você é novo no Dreamweaver, o aplicativo oferece alguns modelos para começar. Eles são muito úteis para ajudá-lo a começar a correr, por assim dizer, e muitas vezes podem ser mais úteis do que olhar para uma página em branco.
No entanto, não há muitos modelos para escolher e não se iluda pensando que o Dreamweaver fará todo o trabalho por você: trate os marcadores de posição como inspirações para personalizar essas páginas você mesmo.
Construindo um site
A interface é dividida em várias seções que podem ser personalizadas até certo ponto. A barra lateral do lado esquerdo concede acesso a comandos comuns, como abrir documentos, gerenciamento de arquivos e opções de visualização ao vivo.
As guias à direita são onde você gerencia os arquivos do seu site e as bibliotecas CC. Há uma lista de itens que você pode arrastar e soltar em sua página, bem como uma seção para criar folhas de estilo em cascata.
E a parte principal da interface é dedicada ao seu código ou a uma visualização da página que você está construindo.
Você pode alternar facilmente entre ver uma visualização completa de sua página (junto com opções para simular como a página ficaria em telas de tamanhos diferentes), apenas olhar para o código ou uma mistura dos dois.
Para alterar partes de sua página (como uma imagem ou texto), abrir a janela flutuante Propriedades permitirá que você faça as alterações necessárias. Existe até uma maneira fácil de arrastar um ícone de destino para outra imagem na guia Arquivo para alternar as imagens com rapidez e facilidade.
Apesar de tais recursos, se você não tem conhecimento de codificação, você se perderá muito rápido. Sim, você pode arrastar e soltar itens da guia 'Inserir' para a Visualização da página, mas isso só o levará até agora, e você verá que terá que se aprofundar no código rapidamente, e frequentemente, para fazer as alterações você precisa.
O Dreamweaver tenta tornar isso mais fácil: destaque o texto na seção de visualização e o mesmo texto é destacado no código, reduzindo o tempo que você gastaria procurando pela mesma seção. O inverso também é verdadeiro: destaque algum código e a seção relacionada aos destaques na área de visualização.
Este é provavelmente um dos motivos pelos quais achamos que a visualização Dividir é a melhor opção, pois permite arrastar e soltar itens e, em seguida, mergulhar no código para fazer as alterações necessárias em segundos.
Outro aprimoramento que apreciamos foram as dicas de código: assim como quando você digita em um telefone e a interface oferece uma escolha de palavras que ela pensa que você está digitando, para que você possa selecionar a correta mais rapidamente do que digitá-la inteira, comece a escrever código no Dreamweaver e você receberá dicas ao fazer isso. Isso não apenas ajuda você a escrever mais rapidamente, mas também pode ajudá-lo a digitar o código com precisão e evitar erros de digitação. Achamos que isso pode ser de grande benefício para profissionais e novatos.
Últimas adições com CC2020
Como o Dreamweaver é atualizado constantemente e você pode baixar a versão mais recente a qualquer momento enquanto sua assinatura ainda é válida, novos recursos são adicionados e aprimorados de forma incremental. Curiosamente, dois dos nossos favoritos - ou seja, edição de visualização ao vivo e dicas de código - são algumas das melhorias recentes.
O outro grande é uma nova configuração de fonte para o Dreamweaver japonês, mas por falta de qualquer conhecimento desse idioma, infelizmente não foi possível verificar.
Apoiar
‘Help’ envia você para a base de conhecimento on-line do Dreamweaver da Adobe, que apresenta tutoriais e um guia do usuário completo. A seção do fórum pode ajudá-lo a localizar outras pessoas que tiveram problemas semelhantes com os quais você pode estar lutando e, com sorte, mostrar-lhe como resolvê-los.
Se isso não for suficiente, você pode bater um papo com um representante da Adobe. Quando testamos isso, a pessoa com quem estávamos conversando voltou rapidamente com as respostas de que precisávamos.
Veredicto final
Dreamweaver é um programa enorme e complexo e esta análise mal tocou sua superfície, mas esperamos que você possa ver que há muito para amar aqui. Existem muitos recursos que são projetados para ajudá-lo a criar sites de forma rápida e eficiente, contanto que você não se importe de se aprofundar no código. O Dreamweaver não fará tudo por você, mas fará o possível para facilitar seu processo de criação.
No entanto, se seu conhecimento de HTML for limitado ou mesmo inexistente, recomendamos que você comece com um aplicativo ou serviço diferente, pois isso pode parecer muito intimidante. Por outro lado, se você já tem uma assinatura do Adobe Creative Cloud, há muito poucos motivos para não experimentar este programa, especialmente porque os recursos de suporte são completos e o help desk é muito experiente.
- Também destacamos o melhor software de design da web