Criando um projeto de site com o Dreamweaver

Neste post, explicarei passo a passo como configurar um projeto de site no Macromedia Dreamweaver. Os pontos fortes em definir projetos são:

• Organização dos arquivos, pois você verá apenas os arquivos do projeto;
• Configuração da conta de FTP, no qual é muito simples fazer alterações nos arquivos online ou até mesmo subir uma atualização;
• Se você mudar o nome de algum arquivo que esta sendo usando em outro, o Dreamweaver irá varrer o projeto e atualizar todos os arquivos que chamam o arquivo que foi renomeado;

Para usar a funcionalidade de projetos, você precisa deixar a barra de Files visível (imagem abaixo). Vá no menu ”Windows/Files” ou aperte F8.

 

Após deixar a barra de Files visível, vamos criar nosso projeto. Clique no menu “Site/New site”, na janela que será aberta, clique na opção “Advanced”, conforme a imagem abaixo:

 

Existem dezenas de configurações que podem ser feitas nesta tela, vou explicar apenas as configurações necessárias para o funcionamento do FTP.

Ao lado esquerdo, na opção “Local Info”, tem as configurações básicas:

• Site Name: Defina um nome para o projeto, que aparecerá na lista de projetos;
• Local Root Folder: Informe a pasta onde contem os arquivos do projeto, no nosso caso, é a pasta onde colocamos os arquivos PHP. Você lembra qual é?c:\wampp\www
• Default Images Folder: Defina a pasta onde as imagens deste projeto se encontram, não é obrigatório informar esta opção;
• HTTP address: Você pode informar qual a URL do site na internet, esta opção também não é obrigatória.

No menu ao lado,escolha a opção “Remote Info”:

• Access: Escolha a opção FTP;
• FTP Host: Informe o host de FTP para fazer a conexão;
• HOST directory: Informe a pasta na qual será conectado;
• Login: Usuário de FTP;
• Password: Senha do FTP;

 

As outras configurações não são necessárias, clique em OK e o projeto será aberto automaticamente. Perceba que a barra de Files carregou a estrutura de pasta do seu projeto.

 

Bom, vamos fazer um teste, você lembra que na aula sobre formulários criamos dois arquivos: form.php, que chama o arquivo processa.php. Bom, vou renomear o arquivo processa.php para form2.php. Veja abaixo a mensagem que o Dreamweaver me mostra:

Ou seja, ele sabe que o arquivo form.php esta lincado com o processa.php (o action do form), então ele esta pedindo se você quer atualizar a referência para o arquivo que foi renomeado. Isto é muito útil, pois quando estamos trabalhando com muitos arquivos, às vezes mudamos o nome de algum e esquecemos de atualizar em outro. Não precisa nem falar a bagunça que isto causa.

ALGUMAS DICAS

Bom, vou passar algumas dicas.

1. Se você quer baixar um arquivo ou pasta do FTP para seu computador, clique sobre ele com o botão direito do mouse e escolha a opção “GET”;
2. Se quiser subir (colocar o arquivo no FTP) um arquivo ou pasta, clique sobre ele com o botão direito do mouse e escolha a opção “PUT”;
3. Se quiser subir ou baixar os arquivos atualizados, por exemplo, se você tem uma versão menos atual no seu computador, clique sobre ele com o botão direito do mouse e escolha a opção “SYNCHRONIZE”, e escolha a opção GET ou PUT. Ele vai testar todos os arquivos, e baseando-se na data, ele vai lhe mostrar todos os arquivos que estão diferentes.
4. Com um arquivo aberto, se quiser atualizar ele no FTP, aperte CRTL + SHUFT + U. Ele será subido automaticamente.
5. Escolhendo a opção “Expand to show local and remote sites” você tem pode conectar no FTP e ver os arquivos locais e remotos. Veja as imagens abaixo:

 

 

Bom, acho que já deu pra vocês terem uma idéia de como trabalhar com projetos. Eu uso para programar o Zend Studio mas tenho sempre o projeto configurado no Dreamweaver, pois faço alterações em meus sites no trabalho e em casa. Ou seja, se eu faço uma alteração de casa, quando eu abrir no trabalho eu vou ter os arquivos desatualizados, então eu rodo o synchronize como get e baixo apenas os arquivos que estão mais atuais no servidor, senão teria que baixar o site todo.

Meu próximo post será sobre como configurar um projeto no Zend Studio.

 

Se eu esqueci de explicar algo, ou você ficou com duvidas, por favor poste um comentário aqui.

 

Abraços e até a próxima…

 

[ UPDATE ] 22/08/08

Post com explicação disto em vídeo: http://marcelosabadini.com.br/blog/2008/08/23/video-criando-um-projeto-de-site-com-o-dreamweaver/