{"id":15224,"date":"2019-03-20T13:52:31","date_gmt":"2019-03-20T16:52:31","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=15224"},"modified":"2026-03-10T13:01:38","modified_gmt":"2026-03-10T16:01:38","slug":"tutorial-dreamweaver","status":"publish","type":"post","link":"\/pt\/tutoriais\/tutorial-dreamweaver","title":{"rendered":"Tutorial Dreamweaver \u2013 guia definitivo"},"content":{"rendered":"

Adobe Dreamweaver CC é uma ferramenta de desenvolvimento para criar sites, também considerada um editor WYSIWYG, desenvolvido pela Macromedia.<\/span><\/p>

Ao começar a trabalhar com desenvolvimento de sites, você provavelmente deve ter se deparado com editores WYSIWYG – What You See Is What You Get  (traduzido, quer dizer “o que você vê é o que você tem”). A tentação de criar um site sem conhecimentos de linguagens de programação pode ter atraído e direcionado você a buscar um tutorial <\/span>Dreamweaver<\/a><\/strong> completo na internet. <\/span><\/p>

\"\"<\/a><\/figure>

Usar o Adobe Dreamweaver pela primeira vez pode ser intimidador. Não se preocupe, neste artigo vamos cobrir tudo sobre como criar um site com o programa. Então, chega de conversa e vamos direto para o mais completo tutorial Dreamweaver desta web!<\/span><\/p>

O que é Adobe Dreamweaver CC?<\/b><\/h2>
\"adobe<\/figure><\/div>

Inicialmente, o Dreamweaver foi desenvolvido pela Macromedia , e depois adquirido pelo Adobe Inc., em 2005.<\/span><\/p>

No começo, o programa usava uma licença vitalícia, de pagamento único para uso do software, mas logo depois alterou para um modelo de registro com a estrutura da Adobe Creative Cloud.<\/span><\/p>

Adobe Dreamweaver CC é um software de ambiente de desenvolvimento integrado (IDE), o que significa que oferece ferramentas e suportes alinhados com os objetivos dos desenvolvedores. Com a estrutura Creative Cloud, você pode escolher incluir outro software Adobe para aumentar sua produtividade.<\/span><\/p>

O programa permite criar um site e um web design visualmente usando o método de arrastar e soltar, que dá autonomia para movimentar os elementos no painel de controle do designer. Você também pode usá-lo como qualquer outro editor tradicional – codificar apenas o texto e fazer o upload instantâneo do site para o seu servidor.<\/span><\/p>

Você também terá acesso a diversos materiais de aprendizado e recursos, e uma comunidade e fórum dedicados para assuntos Adobe, que ajuda a responder quaisquer questões que você tiver sobre o produto. E mais, se você procurar por mais tutoriais Dreamweaver, você encontrará diversos na web.<\/span><\/p>

Estes recursos colocam o Adobe Dreamweaver em uma posição entre um <\/span>Sistema de Gerenciamento de Conteúdo<\/span><\/a> e um editor de códigos.<\/span><\/p>

A partir de agora, você vai notar alguns prints de ilustração em inglês, mas explicaremos tudo em detalhes no artigo.<\/span><\/p>

Recursos Incríveis<\/b><\/h2>

Fazer parte do ecossistema criativo da Adobe já destacou o Dreamweaver de outros editores de código baseados em visual. O programa tem acesso a benefícios que somente a Adobe poderia oferecer. Ainda assim, aqui estão as duas características mais dominantes:<\/span><\/p>

Interface Visual Amigável Para Iniciantes<\/b><\/h3>
\"interface<\/figure><\/div>

O Adobe Dreamweaver CC é fácil de usar, mas ao mesmo tempo, é difícil de dominar. Seu site será tão bom quanto suas habilidades. Isso significa que, embora o software tenha muitos recursos de desenvolvimento web, com conhecimento básico ou limitado, você não pode usar tudo o que estes recursos oferecem.<\/span><\/p>

Mesmo assim, iniciantes podem começar a criar um site graças ao editor visual. Há recursos de arrastar e soltar para inserir elementos <\/span>HTML <\/span><\/a>em seu projeto e você pode ver instantaneamente quaisquer alterações feitas no site. Um tutorial simples sobre o Adobe Dreamweaver vai te ajudar com isto.<\/span><\/p>

Isto também ajuda a entender em qual parte do elemento você está trabalhando. Como no exemplo, quando você clica no título, ele destaca o respectivo código no editor.<\/span><\/p>

\"dreamweaver<\/figure><\/div>

Editor de Código Potente<\/b><\/h3>

Outro aspecto importante do Adobe Dreamweaver é o editor de código embutido. Se desenvolvedores profissionais querem codificar em um editor de texto, eles podem. Algumas das funções principais incluem:<\/span><\/p>