Como configurar um site no Dreamweaver


O Dreamweaver é um software da Adobe, faz parte do pacote Adobe Creative Cloud, para desenvolvimento de websites complexos. Nele é possível programar além do HTML e CSS.

Ele é considerado um editor WYSIWYG (What You See Is What You Get), ou seja, "o que você vê é o que você tem". Dessa forma, torna-se mais simples desenvolver uma página web porque a medida que você insere algum elemento de design, ele converte em código e vice-versa, dentro das limitações de cada categoria de objetos.

Aqui, utilizarei a versão do Dreamweaver CS5.5. 

O primeiro passo é criar um site para organizar o conjunto de arquivos, que deve obedecer uma estrutura similar ao da imagem abaixo:



Para configurar um site no Dreamweaver, siga os seguintes passos:

1. Crie um novo site (Site > New Site):


2. Dê um nome para o site e escolha uma pasta onde ficarão todos os arquivos do website:

Note que existe um ícone de pasta ao lado do campo "Local Site Folder", ele permite você selecionar onde está a pasta em vez de digitar o caminho até ela.

3. Clique em salvar.

4. Veja o resultado no painel Files:


Dica: Utilize o recurso de criar novas pastas e arquivos pelo painel Files porque ele cria o arquivo já salvo no computador, em vez do modo tradicional File > New. Basta clicar com o botão direito em cima do local que você quer criar o novo elemento, obedecendo a organização exemplificada no início deste post.