Por que você deve usar o Dreamweaver

Este app da Adobe simplifica o processo de desenvolvimento de um site e é o favorito de muitos programadores e designers

Se tem interesse em web design, você provavelmente já ouviu falar no Dreamweaver, um programa criado em 1997 pela Macromedia e agora parte da Adobe Creative Suite. É um dos editores de sites mais famosos do mercado e uma ferramenta essencial para criar um site moderno e funcional.

O web designer e professor da Domestika Arturo Servín (@monkylab) conhece este programa como a palma da sua mão e explica porque ele é a ferramenta a ser considerada na hora de criar um site, mesmo que não tenha nenhum conhecimento prévio em programação.

Em primeiro lugar, o Dreamweaver não é a única ferramenta de web design da Adobe. A empresa também oferece o Adobe Muse, um programa de funções mais limitadas, mas bem mais fácil de usar. A Adobe, no entanto, parou de oferecer suporte ao Muse. O aplicativo ainda pode ser usado, mas não receberá atualizações. Com o tempo, não conseguirá acompanhar as mudanças nas diferentes linguagens para criação de páginas web, por isso é necessário que os web designers se familiarizem com o Dreamweaver como alternativa.

Para alguns designers, abrir o Dreamweaver pela primeira vez chega a ser intimidante. As ferramentas e a interface podem ser muito diferentes dos programas de design aos quais nos acostumamos. Usá-lo, porém, é mais fácil do que parece e simplifica drasticamente a tarefa de escrever o código de um site.

Interface Visual

Uma das primeiras coisas a aprender, e um dos melhores recursos do Dreamweaver, é que ele permite alternar entre a visualização do código de um site e a visualização ao vivo, o que torna a tarefa de organizar e modificar elementos uma experiência mais visual. É possível, ainda, ter os dois abertos ao mesmo tempo para que as alterações no código sejam imediatamente refletidas na web e vice-versa.

Esta ferramenta é muito útil pois nos permitirá trabalhar diretamente em um design muito semelhante ao que verão os visitantes do futuro site. O programa também inclui controles para simular diversas resoluções e tipos de tela, o que é essencial ao projetar sites responsivos - páginas que se adaptam ao dispositivo usado, seja um tablet, computador ou celular.

Consultas de Mídia

Intimamente relacionadas a isso são as Consultas de Mídia, funções que dizem à web o que fazer quando o visitante estiver usando um tipo específico de dispositivo ou resolução de tela.

O Dreamweaver permite ao designer criar e gerenciar as consultas facilmente. Podem ser programadas manualmente, usando HTML e CSS, mas a vantagem do Dreamweaver é permitir que você faça isso de uma forma muito intuitiva e visual.

Visualização ao Vivo no navegador

Outro recurso útil do Dreamweaver ao projetar páginas web é poder conferir o site diretamente em diversos navegadores instalados em seu PC ou Mac.

É importante porque, embora sejam padrões, cada navegador interpreta o código HTML ou CSS de maneira própria. Isso pode desalinhar certas elementos ou causar efeitos indesejados.

Esta função não é útil apenas para visualizar o site no computador em que é projetado. Ao clicar na opção Visualização, o Dreamweaver gera um QR Code que pode ser lido por um telefone celular para visualizar a página em seu navegador. Para o teste, o programa automaticamente carregará a página web em um site temporário nos servidores da Adobe.

Gerenciar o site

Criar uma única página web pode parecer fácil, mas à medida que adiciona páginas e informações a um site, organizar todo o conteúdo pode se tornar uma tarefa bastante complicada e demorada.

O Dreamweaver resolve o problema. O aplicativo inclui um gerenciador de arquivos que facilita a classificação de diferentes elementos como imagens, fontes ou as próprias páginas HTML do site.

DOM Tool

Para os que gostam de trabalhar com código, o Dreamweaver também possui funções úteis. Por exemplo, inclui um visualizador DOM (Document Object Model), que exibe os diferentes blocos compondo o site e sua hierarquia.

Este visualizador também permite selecionar vários elementos simultaneamente, o que é útil ao adicionar novas seções a uma página, por exemplo, mas também para entender o funcionamento do código HTML e como estrutura interna de uma página web é organizada.

Publicação Direta

Por fim, o Dreamweaver é uma boa ferramenta para projetar um site, mas também permite publicar tudo em um servidor externo graças a função integrada de transferência de arquivos via FTP.

É bastante útil por simplificar uma das partes mais entediantes e complexas do desenvolvimento web. Após a publicação do site, também é possível usar o Dreamweaver para realizar pequenas alterações rapidamente e vê-las refletidas imediatamente no servidor.

Se quiser aprender como usar o Dreamweaver para construir sites responsivos, o curso de Arturo Servín, Web design responsivo com Adobe Dreamweaver, ensinará tudo que você precisa saber, incluindo conceitos básicos de HTML e CSS.

Versão em português de @ntams.

Você também pode se interessar por:

- 5 cursos online para se tornar um especialista em UX design
- O que a maioria dos sites tem em comum
- Tutorial de web design: 6 dicas de escrita que designers precisam conhecer